@opengeoweb/store 14.5.1 → 15.0.0

package/index.esm.js

@@ -2722,14 +2722,23 @@ var slice$5 = createSlice({
         return;
       }
       draft.byId[mapId].overLayers = [selectedOverlayer];
+    },
+    toggleClock: function toggleClock(draft, action) {
+      var _action$payload26 = action.payload,
+        mapId = _action$payload26.mapId,
+        isClockVisible = _action$payload26.isClockVisible;
+      if (!draft.byId[mapId]) {
+        return;
+      }
+      draft.byId[mapId].isClockVisible = isClockVisible;
     }
   },
   extraReducers: function extraReducers(builder) {
     builder.addCase(layerActions.addLayer, function (draft, action) {
-      var _action$payload26 = action.payload,
-        layerId = _action$payload26.layerId,
-        mapId = _action$payload26.mapId,
-        layer = _action$payload26.layer;
+      var _action$payload27 = action.payload,
+        layerId = _action$payload27.layerId,
+        mapId = _action$payload27.mapId,
+        layer = _action$payload27.layer;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2748,10 +2757,10 @@ var slice$5 = createSlice({
         draft.byId[mapId].mapLayers.unshift(layerId);
       }
     }).addCase(layerActions.duplicateMapLayer, function (draft, action) {
-      var _action$payload27 = action.payload,
-        newLayerId = _action$payload27.newLayerId,
-        oldLayerId = _action$payload27.oldLayerId,
-        mapId = _action$payload27.mapId;
+      var _action$payload28 = action.payload,
+        newLayerId = _action$payload28.newLayerId,
+        oldLayerId = _action$payload28.oldLayerId,
+        mapId = _action$payload28.mapId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2768,10 +2777,10 @@ var slice$5 = createSlice({
         draft.byId[mapId].featureLayers.unshift(newLayerId);
       }
     }).addCase(layerActions.addBaseLayer, function (draft, action) {
-      var _action$payload28 = action.payload,
-        layer = _action$payload28.layer,
-        layerId = _action$payload28.layerId,
-        mapId = _action$payload28.mapId;
+      var _action$payload29 = action.payload,
+        layer = _action$payload29.layer,
+        layerId = _action$payload29.layerId,
+        mapId = _action$payload29.mapId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2801,9 +2810,9 @@ var slice$5 = createSlice({
         draft.byId[mapId].autoTimeStepLayerId = activeLayerId;
       }
     }).addCase(layerActions.setBaseLayers, function (draft, action) {
-      var _action$payload29 = action.payload,
-        layers = _action$payload29.layers,
-        mapId = _action$payload29.mapId;
+      var _action$payload30 = action.payload,
+        layers = _action$payload30.layers,
+        mapId = _action$payload30.mapId;
       // Split into base and overlayers
       var baseLayers = [];
       var overLayers = [];
@@ -2833,9 +2842,9 @@ var slice$5 = createSlice({
         }
       }
     }).addCase(layerActions.layerDelete, function (draft, action) {
-      var _action$payload30 = action.payload,
-        mapId = _action$payload30.mapId,
-        layerId = _action$payload30.layerId;
+      var _action$payload31 = action.payload,
+        mapId = _action$payload31.mapId,
+        layerId = _action$payload31.layerId;
       var map = draft.byId[mapId];
       if (!map) {
         return;
@@ -2861,9 +2870,9 @@ var slice$5 = createSlice({
         return id !== layerId;
       });
     }).addCase(layerActions.baseLayerDelete, function (draft, action) {
-      var _action$payload31 = action.payload,
-        mapId = _action$payload31.mapId,
-        layerId = _action$payload31.layerId;
+      var _action$payload32 = action.payload,
+        mapId = _action$payload32.mapId,
+        layerId = _action$payload32.layerId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2874,14 +2883,14 @@ var slice$5 = createSlice({
         return id !== layerId;
       });
     }).addCase(layerActions.layerChangeDimension, function (draft, action) {
-      var _action$payload32 = action.payload,
-        layerId = _action$payload32.layerId,
-        dimension = _action$payload32.dimension;
+      var _action$payload33 = action.payload,
+        layerId = _action$payload33.layerId,
+        dimension = _action$payload33.dimension;
       produceDraftStateSetMapDimensionFromLayerChangeDimension(draft, layerId, dimension);
     }).addCase(setTimeSync, function (draft, action) {
-      var _action$payload33 = action.payload,
-        targetsFromAction = _action$payload33.targets,
-        source = _action$payload33.source;
+      var _action$payload34 = action.payload,
+        targetsFromAction = _action$payload34.targets,
+        source = _action$payload34.source;
       /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
       var targets = [];
       if (source) {
@@ -2934,9 +2943,9 @@ var slice$5 = createSlice({
         }
       });
     }).addCase(setBboxSync, function (draft, action) {
-      var _action$payload34 = action.payload,
-        targetsFromAction = _action$payload34.targets,
-        source = _action$payload34.source;
+      var _action$payload35 = action.payload,
+        targetsFromAction = _action$payload35.targets,
+        source = _action$payload35.source;
       /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
       var targets = [];
       if (source) {
@@ -2968,9 +2977,9 @@ var slice$5 = createSlice({
        * These targets can be used as payloads in new Layer actions.
        * These actions are here handled via the layer reducer, as it is the same logic
        */
-      var _action$payload35 = action.payload,
-        targets = _action$payload35.targets,
-        source = _action$payload35.source;
+      var _action$payload36 = action.payload,
+        targets = _action$payload36.targets,
+        source = _action$payload36.source;
       return targets.reduce(function (prevState, target) {
         var actionType = (source === null || source === void 0 ? void 0 : source.type) || 'GENERIC_SYNC_SETLAYERACTIONS';
         var action = {
@@ -2992,9 +3001,9 @@ var slice$5 = createSlice({
       });
       return draft;
     }).addCase(mapChangeDimension, function (draft, action) {
-      var _action$payload36 = action.payload,
-        mapId = _action$payload36.mapId,
-        dimensionFromAction = _action$payload36.dimension;
+      var _action$payload37 = action.payload,
+        mapId = _action$payload37.mapId,
+        dimensionFromAction = _action$payload37.dimension;
       produceDraftStateSetWebMapDimension(draft, mapId, dimensionFromAction, true);
     }).addCase(setMapPreset, function (draft, action) {
       var mapId = action.payload.mapId;
@@ -3014,9 +3023,9 @@ var slice$5 = createSlice({
       draft.byId[mapId].animationDelay = defaultAnimationDelayAtStart;
       draft.byId[mapId].dockedLayerManagerSize = '';
     }).addCase(uiActions.registerDialog, function (draft, action) {
-      var _action$payload37 = action.payload,
-        mapId = _action$payload37.mapId,
-        type = _action$payload37.type;
+      var _action$payload38 = action.payload,
+        mapId = _action$payload38.mapId,
+        type = _action$payload38.type;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -4850,7 +4859,7 @@ var getLayerIsInsideAcceptanceTime = createSelector(getAcceptanceTimeInMinutes,
   if (mapTime === layerTime) {
     return 'equal';
   }
-  if (acceptanceTimeInMinutes !== undefined) {
+  if (acceptanceTimeInMinutes !== undefined && acceptanceTimeInMinutes !== null) {
     var millisecondsBetween = mapTime - layerTime;
     var acceptanceTimeInMilliseconds = acceptanceTimeInMinutes * 60000;
     if (Math.abs(millisecondsBetween) > acceptanceTimeInMilliseconds) {
@@ -5707,6 +5716,15 @@ var getDisplayMapPin = createSelector(getMapById, function (store) {
 var getLegendId = createSelector(getMapById, function (store) {
   return store ? store.legendId : undefined;
 }, selectorMemoizationOptions);
+/**
+ * Returns if clock visible from webmap state
+ *
+ * @param {CoreAppStore} store - The Redux store from which the map state will be extracted.
+ * @returns {boolean | undefined} returnType: boolean
+ */
+var getIsClockVisible = createSelector(getMapById, function (store) {
+  return store === null || store === void 0 ? void 0 : store.isClockVisible;
+}, selectorMemoizationOptions);
 /**
  * Creates a MapPreset from mapId
  *
@@ -5716,14 +5734,14 @@ var getLegendId = createSelector(getMapById, function (store) {
  * @param {boolean} keepAllDims? keepAllDims: boolean - default false: whether or not to leave the time and reference_time dimentions
  * @returns {MapPreset} returnType: MapPreset
  */
-var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLayers, getBbox, getSrs, getActiveLayerId, getAutoTimeStepLayerId, getAutoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, getDisplayMapPin, isZoomControlsVisible, getMapTimeStep, getMapAnimationDelay, getAnimationStartTime, getAnimationEndTime, getMapTimeSliderSpan, getMapDimensions, isTimestepAuto, isTimeSpanAuto, getLegendId, getUiStore, function (_store, mapId) {
+var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLayers, getBbox, getSrs, getActiveLayerId, getAutoTimeStepLayerId, getAutoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, getDisplayMapPin, isZoomControlsVisible, getMapTimeStep, getMapAnimationDelay, getAnimationStartTime, getAnimationEndTime, getMapTimeSliderSpan, getMapDimensions, isTimestepAuto, isTimeSpanAuto, getLegendId, getIsClockVisible, getUiStore, function (_store, mapId) {
   return mapId;
 }, function (_store, _mapId) {
   var keepAllDims = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return keepAllDims;
-}, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, animationStartTime, animationEndTime, timeSliderSpan, mapDimensions, isTimestepAuto, isTimeSpanAuto, legendId, uiStore, mapId, keepAllDims) {
+}, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, animationStartTime, animationEndTime, timeSliderSpan, mapDimensions, isTimestepAuto, isTimeSpanAuto, legendId, isClockVisible, uiStore, mapId, keepAllDims) {
   var _overLayers$, _uiStore$dialogs$lege;
-  var defaultOverlayer = arguments.length > 25 && arguments[25] !== undefined ? arguments[25] : ((_overLayers$ = overLayers[0]) === null || _overLayers$ === void 0 ? void 0 : _overLayers$.name) || 'none';
+  var defaultOverlayer = arguments.length > 26 && arguments[26] !== undefined ? arguments[26] : ((_overLayers$ = overLayers[0]) === null || _overLayers$ === void 0 ? void 0 : _overLayers$.name) || 'none';
   var allLayers = [].concat(_toConsumableArray(baseLayers), _toConsumableArray(overLayers), _toConsumableArray(mapLayers)).map(function (_ref3) {
     _ref3.mapId;
       var layer = _objectWithoutProperties(_ref3, _excluded$2);
@@ -5751,13 +5769,13 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
   var shouldShowLegend = legendId ? uiStore === null || uiStore === void 0 || (_uiStore$dialogs$lege = uiStore.dialogs[legendId]) === null || _uiStore$dialogs$lege === void 0 ? void 0 : _uiStore$dialogs$lege.isOpen : false;
   var dataExplorerDialog = uiStore === null || uiStore === void 0 ? void 0 : uiStore.dialogs[DialogTypes.DataExplorer];
   var shouldShowDataExplorer = (dataExplorerDialog === null || dataExplorerDialog === void 0 ? void 0 : dataExplorerDialog.isOpen) && (dataExplorerDialog === null || dataExplorerDialog === void 0 ? void 0 : dataExplorerDialog.activeMapId) === mapId || false;
-  return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+  return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
     layers: allLayers
-  }, activeLayerId !== undefined && {
+  }, activeLayerId && {
     activeLayerId: activeLayerId
-  }), autoTimeStepLayerId !== undefined && {
+  }), autoTimeStepLayerId && {
     autoTimeStepLayerId: autoTimeStepLayerId
-  }), autoUpdateLayerId !== undefined && {
+  }), autoUpdateLayerId && {
     autoUpdateLayerId: autoUpdateLayerId
   }), {}, {
     proj: {
@@ -5776,7 +5794,9 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
     timeSliderSpan: timeSliderSpan,
     shouldShowDataExplorer: shouldShowDataExplorer,
     defaultOverlayer: defaultOverlayer
-  }, keepAllDims && {
+  }, isClockVisible !== undefined && {
+    isClockVisible: isClockVisible
+  }), keepAllDims && {
     dimensions: mapDimensions
   });
 }, selectorMemoizationOptions);
@@ -5981,6 +6001,15 @@ var getdefaultMapSettingsLayers = createSelector(getdefaultMapSettings, function
 var getSelectedOverlayerByMapId = createSelector(getMapById, function (store) {
   return (store === null || store === void 0 ? void 0 : store.overLayers[0]) || null;
 }, selectorMemoizationOptions);
+/**
+ * Gets the RefTimeDimensionModes of intialViewMapPreset from webmap state
+ *
+ * @param {object} store store: object - Store object
+ * @returns {RefTimeDimensionModes | undefined} returnType: RefTimeDimensionModes
+ */
+var getRefTimeDimensionModes = createSelector(getdefaultMapSettings, function (state) {
+  return state === null || state === void 0 ? void 0 : state.refTimeDimensionModes;
+}, selectorMemoizationOptions);
 
 var selectors$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -6003,6 +6032,7 @@ var selectors$1 = /*#__PURE__*/Object.freeze({
   getFirstMap: getFirstMap,
   getFirstMapId: getFirstMapId,
   getHarmonieInitialProps: getHarmonieInitialProps,
+  getIsClockVisible: getIsClockVisible,
   getIsEnabledLayersForMapDimension: getIsEnabledLayersForMapDimension,
   getIsLayerActiveLayer: getIsLayerActiveLayer,
   getIsMapPresent: getIsMapPresent,
@@ -6034,6 +6064,7 @@ var selectors$1 = /*#__PURE__*/Object.freeze({
   getMapTimeStepWithoutDefault: getMapTimeStepWithoutDefault,
   getMultiMapInitialProps: getMultiMapInitialProps,
   getPinLocation: getPinLocation,
+  getRefTimeDimensionModes: getRefTimeDimensionModes,
   getSelectedOverlayerByMapId: getSelectedOverlayerByMapId,
   getSelectedTime: getSelectedTime,
   getSrs: getSrs,
@@ -7296,7 +7327,7 @@ mapListener.startListening({
   actionCreator: mapActions.setMapPreset,
   effect: function () {
     var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref6, listenerApi) {
-      var payload, mapId, initialProps, mapPreset, _mapPreset$dimensions, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, shouldShowDataExplorer, dockedLayerManagerSize, timeSliderSpan, toggleTimeSpanAuto, defaultOverlayer, _filterLayers, mapLayers, baseLayers, overLayers, _newLayerIds$layers$f, _newLayerIds$layers$f2, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, newAutoTimeStepLayerId, newAutoUpdateLayerId, customLayers, customBaseLayer, customOverLayer, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, _overlayersFromStore$, overlayersFromStore, foundOverlayerId, checkIsprojectionSupported, animationLength, animationEndTime, shouldEndtimeOverride, interval, timeAlreadySet, endTime, startTime, centerTimeInSeconds, animationEnd, _startTime, duration, _animationEnd, animationStart, shouldOpenLegend, legendId, fiveMinuteDelayForAnimation, _animationEnd2, _animationStart;
+      var payload, mapId, initialProps, mapPreset, _mapPreset$dimensions, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, shouldShowDataExplorer, dockedLayerManagerSize, timeSliderSpan, toggleTimeSpanAuto, defaultOverlayer, isClockVisible, _filterLayers, mapLayers, baseLayers, overLayers, _newLayerIds$layers$f, _newLayerIds$layers$f2, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, newAutoTimeStepLayerId, newAutoUpdateLayerId, customLayers, customBaseLayer, customOverLayer, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, _overlayersFromStore$, overlayersFromStore, foundOverlayerId, checkIsprojectionSupported, animationLength, animationEndTime, shouldEndtimeOverride, interval, timeAlreadySet, endTime, startTime, centerTimeInSeconds, animationEnd, _startTime, duration, _animationEnd, animationStart, shouldOpenLegend, legendId, fiveMinuteDelayForAnimation, _animationEnd2, _animationStart;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -7305,10 +7336,10 @@ mapListener.startListening({
             mapId = payload.mapId, initialProps = payload.initialProps;
             mapPreset = initialProps.mapPreset;
             if (!mapPreset) {
-              _context2.next = 53;
+              _context2.next = 54;
               break;
             }
-            layers = mapPreset.layers, activeLayerId = mapPreset.activeLayerId, autoTimeStepLayerId = mapPreset.autoTimeStepLayerId, autoUpdateLayerId = mapPreset.autoUpdateLayerId, proj = mapPreset.proj, shouldAutoUpdate = mapPreset.shouldAutoUpdate, shouldAnimate = mapPreset.shouldAnimate, animationPayload = mapPreset.animationPayload, toggleTimestepAuto = mapPreset.toggleTimestepAuto, showTimeSlider = mapPreset.showTimeSlider, displayMapPin = mapPreset.displayMapPin, shouldShowZoomControls = mapPreset.shouldShowZoomControls, shouldShowLegend = mapPreset.shouldShowLegend, shouldShowDataExplorer = mapPreset.shouldShowDataExplorer, dockedLayerManagerSize = mapPreset.dockedLayerManagerSize, timeSliderSpan = mapPreset.timeSliderSpan, toggleTimeSpanAuto = mapPreset.toggleTimeSpanAuto, defaultOverlayer = mapPreset.defaultOverlayer;
+            layers = mapPreset.layers, activeLayerId = mapPreset.activeLayerId, autoTimeStepLayerId = mapPreset.autoTimeStepLayerId, autoUpdateLayerId = mapPreset.autoUpdateLayerId, proj = mapPreset.proj, shouldAutoUpdate = mapPreset.shouldAutoUpdate, shouldAnimate = mapPreset.shouldAnimate, animationPayload = mapPreset.animationPayload, toggleTimestepAuto = mapPreset.toggleTimestepAuto, showTimeSlider = mapPreset.showTimeSlider, displayMapPin = mapPreset.displayMapPin, shouldShowZoomControls = mapPreset.shouldShowZoomControls, shouldShowLegend = mapPreset.shouldShowLegend, shouldShowDataExplorer = mapPreset.shouldShowDataExplorer, dockedLayerManagerSize = mapPreset.dockedLayerManagerSize, timeSliderSpan = mapPreset.timeSliderSpan, toggleTimeSpanAuto = mapPreset.toggleTimeSpanAuto, defaultOverlayer = mapPreset.defaultOverlayer, isClockVisible = mapPreset.isClockVisible;
             _filterLayers = filterLayers(layers), mapLayers = _filterLayers.mapLayers, baseLayers = _filterLayers.baseLayers, overLayers = _filterLayers.overLayers;
             if (layers) {
               //  make sure all layers have a unique id before going forward
@@ -7434,6 +7465,13 @@ mapListener.startListening({
                 displayMapPin: displayMapPin
               }));
             }
+            if (isClockVisible !== undefined) {
+              // toggle clock visibility
+              listenerApi.dispatch(mapActions.toggleClock({
+                mapId: mapId,
+                isClockVisible: isClockVisible
+              }));
+            }
             // sets timestep by interval of animationPayload
             interval = animationPayload === null || animationPayload === void 0 ? void 0 : animationPayload.interval;
             if (interval) {
@@ -7553,15 +7591,15 @@ mapListener.startListening({
                 dockedLayerManagerSize: dockedLayerManagerSize
               }));
             }
-          case 43:
+          case 44:
             if (!(animationEndTime && (shouldEndtimeOverride || !(shouldAutoUpdate || shouldAnimate)))) {
-              _context2.next = 53;
+              _context2.next = 54;
               break;
             }
             fiveMinuteDelayForAnimation = 1000 * 60 * 5; // eslint-disable-next-line no-await-in-loop
-            _context2.next = 47;
+            _context2.next = 48;
             return listenerApi.delay(fiveMinuteDelayForAnimation);
-          case 47:
+          case 48:
             _animationEnd2 = getAnimationEndTime(listenerApi.getState(), mapId);
             listenerApi.dispatch(mapActions.setAnimationEndTime({
               mapId: mapId,
@@ -7576,13 +7614,13 @@ mapListener.startListening({
                 minutes: 5
               }).toISOString()
             }));
-            _context2.next = 43;
+            _context2.next = 44;
             break;
-          case 53:
-            _context2.next = 58;
+          case 54:
+            _context2.next = 59;
             break;
-          case 55:
-            _context2.prev = 55;
+          case 56:
+            _context2.prev = 56;
             _context2.t0 = _context2["catch"](1);
             if (_context2.t0 instanceof Error) {
               listenerApi.dispatch(mapActions.setMapPresetError({
@@ -7590,11 +7628,11 @@ mapListener.startListening({
                 error: _context2.t0.message
               }));
             }
-          case 58:
+          case 59:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[1, 55]]);
+      }, _callee2, null, [[1, 56]]);
     }));
     function effect(_x3, _x4) {
       return _effect2.apply(this, arguments);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/store",
-  "version": "14.5.1",
+  "version": "15.0.0",
   "description": "GeoWeb Store library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,15 +8,15 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/shared": "14.5.1",
+    "@opengeoweb/shared": "15.0.0",
     "react-redux": "^9.2.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/webmap-react": "14.5.1",
-    "@opengeoweb/webmap": "14.5.1",
+    "@opengeoweb/webmap-react": "15.0.0",
+    "@opengeoweb/webmap": "15.0.0",
     "immer": "^10.0.3",
     "lodash": "^4.17.21",
-    "@opengeoweb/metronome": "14.5.1",
-    "@opengeoweb/time-slider": "14.5.1",
+    "@opengeoweb/metronome": "15.0.0",
+    "@opengeoweb/time-slider": "15.0.0",
     "react-router-dom": "^6.23.1",
     "ol": "^10.4.0",
     "@turf/turf": "^7.2.0",

package/src/store/map/layer/reducer.d.ts

@@ -1,5 +1,5 @@
 import type { Draft, PayloadAction } from '@reduxjs/toolkit';
-import type { SetLayerDimensionsPayload, SetLayerStylePayload, UpdateLayerInfoPayload } from '@opengeoweb/webmap-react';
+import type { SetLayerAcceptanceTimePayload, SetLayerDimensionsPayload, SetLayerStylePayload, UpdateLayerInfoPayload } from '@opengeoweb/webmap-react';
 import type { LayerState, Layer, AddLayerPayload, SetLayerDimensionPayload, SetLayerEnabledPayload, SetLayerOpacityPayload, SetLayerNamePayload, SetLayerGeojsonPayload, DeleteLayerPayload, ErrorLayerPayload, SetLayersPayload, SetBaseLayersPayload, AddBaseLayerPayload, AddAvailableBaseLayerPayload, AddAvailableBaseLayersPayload, SetAvailableBaseLayersPayload, SetSelectedFeaturePayload, UpdateFeaturePayload, ExitFeatureDrawModePayload, ToggleFeatureModePayload, UpdateFeaturePropertiesPayload, DuplicateMapLayerPayload, ShowLayerInfoPayload, SetLayerGeojsonFromLayerPayload, SetLayerOptionsPayload } from './types';
 export declare const createLayer: ({ id, opacity, acceptanceTimeInMinutes, enabled, layerType, status, useLatestReferenceTime, ...props }: Layer) => Layer;
 export declare const initialState: LayerState;
@@ -10,10 +10,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<LayerState, {
     layerChangeEnabled: (draft: Draft<LayerState>, action: PayloadAction<SetLayerEnabledPayload>) => void;
     layerChangeOpacity: (draft: Draft<LayerState>, action: PayloadAction<SetLayerOpacityPayload>) => void;
     layerChangeStyle: (draft: Draft<LayerState>, action: PayloadAction<SetLayerStylePayload>) => void;
-    layerChangeAcceptanceTime: (draft: Draft<LayerState>, action: PayloadAction<{
-        layerId: string;
-        acceptanceTime: number | undefined;
-    }>) => void;
+    layerChangeAcceptanceTime: (draft: Draft<LayerState>, action: PayloadAction<SetLayerAcceptanceTimePayload>) => void;
     layerChangeName: (draft: Draft<LayerState>, action: PayloadAction<SetLayerNamePayload>) => void;
     layerChangeOptions: (draft: Draft<LayerState>, action: PayloadAction<SetLayerOptionsPayload>) => void;
     layerChangeGeojson: (draft: Draft<LayerState>, action: PayloadAction<SetLayerGeojsonPayload>) => void;
@@ -54,10 +51,7 @@ export declare const layerReducer: import("redux").Reducer<LayerState>, layerAct
     layerChangeEnabled: (draft: Draft<LayerState>, action: PayloadAction<SetLayerEnabledPayload>) => void;
     layerChangeOpacity: (draft: Draft<LayerState>, action: PayloadAction<SetLayerOpacityPayload>) => void;
     layerChangeStyle: (draft: Draft<LayerState>, action: PayloadAction<SetLayerStylePayload>) => void;
-    layerChangeAcceptanceTime: (draft: Draft<LayerState>, action: PayloadAction<{
-        layerId: string;
-        acceptanceTime: number | undefined;
-    }>) => void;
+    layerChangeAcceptanceTime: (draft: Draft<LayerState>, action: PayloadAction<SetLayerAcceptanceTimePayload>) => void;
     layerChangeName: (draft: Draft<LayerState>, action: PayloadAction<SetLayerNamePayload>) => void;
     layerChangeOptions: (draft: Draft<LayerState>, action: PayloadAction<SetLayerOptionsPayload>) => void;
     layerChangeGeojson: (draft: Draft<LayerState>, action: PayloadAction<SetLayerGeojsonPayload>) => void;

package/src/store/map/layer/selectors.d.ts

@@ -1782,18 +1782,18 @@ export declare const getDimensionLayerIds: ((state: CoreAppStore, dimensionName:
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
-export declare const getAcceptanceTimeInMinutes: ((state: any, layerId: any) => number | undefined) & {
+export declare const getAcceptanceTimeInMinutes: ((state: any, layerId: any) => number | null | undefined) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: ReduxLayer | undefined) => number | undefined;
-    memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer | undefined) => number | undefined) & {
+    resultFunc: (resultFuncArgs_0: ReduxLayer | undefined) => number | null | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer | undefined) => number | null | undefined) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
     };
-    lastResult: () => number | undefined;
+    lastResult: () => number | null | undefined;
     dependencies: [((state: any, layerId: any) => ReduxLayer | undefined) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -1828,25 +1828,25 @@ export declare const getLayerIsInsideAcceptanceTime: ((state: any, _layerId: any
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: number | undefined, resultFuncArgs_1: string | undefined, resultFuncArgs_2: string | undefined) => "equal" | "outside" | "inside";
-    memoizedResultFunc: ((resultFuncArgs_0: number | undefined, resultFuncArgs_1: string | undefined, resultFuncArgs_2: string | undefined) => "equal" | "outside" | "inside") & {
+    resultFunc: (resultFuncArgs_0: number | null | undefined, resultFuncArgs_1: string | undefined, resultFuncArgs_2: string | undefined) => "equal" | "outside" | "inside";
+    memoizedResultFunc: ((resultFuncArgs_0: number | null | undefined, resultFuncArgs_1: string | undefined, resultFuncArgs_2: string | undefined) => "equal" | "outside" | "inside") & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
     };
     lastResult: () => "equal" | "outside" | "inside";
-    dependencies: [((state: any, layerId: any) => number | undefined) & {
+    dependencies: [((state: any, layerId: any) => number | null | undefined) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
     } & {
-        resultFunc: (resultFuncArgs_0: ReduxLayer | undefined) => number | undefined;
-        memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer | undefined) => number | undefined) & {
+        resultFunc: (resultFuncArgs_0: ReduxLayer | undefined) => number | null | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer | undefined) => number | null | undefined) & {
             clearCache: () => void;
             resultsCount: () => number;
             resetResultsCount: () => void;
         };
-        lastResult: () => number | undefined;
+        lastResult: () => number | null | undefined;
         dependencies: [((state: any, layerId: any) => ReduxLayer | undefined) & {
             clearCache: () => void;
             resultsCount: () => number;

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

@@ -1,6 +1,6 @@
 import type { PayloadAction, Draft } from '@reduxjs/toolkit';
 import type { MapPinLocationPayload, SetBboxPayload, SetStepBackWardOrForward, UpdateAllMapDimensionsPayload } from '@opengeoweb/webmap-react';
-import type { WebMapState, SetAutoLayerIdPayload, SetMapAnimationStartPayload, SetMapAnimationStopPayload, SetTimeSliderSpanPayload, SetTimeStepPayload, SetAnimationStartTimePayload, SetAnimationEndTimePayload, SetAnimationDelayPayload, MoveLayerPayload, SetTimeSliderWidthPayload, SetTimeSliderCenterTimePayload, SetEndTimeOverriding, ToggleAutoUpdatePayload, ToggleTimestepAutoPayload, ToggleTimeSpanAutoPayload, ToggleTimeSliderHoverPayload, DisableMapPinPayload, ToggleTimeSliderIsVisiblePayload, SetDockedLayerManagerSize, ToggleAnimationLengthAutoPayload, SetDefaultMapSettingsPayload } from './types';
+import type { WebMapState, SetAutoLayerIdPayload, SetMapAnimationStartPayload, SetMapAnimationStopPayload, SetTimeSliderSpanPayload, SetTimeStepPayload, SetAnimationStartTimePayload, SetAnimationEndTimePayload, SetAnimationDelayPayload, MoveLayerPayload, SetTimeSliderWidthPayload, SetTimeSliderCenterTimePayload, SetEndTimeOverriding, ToggleAutoUpdatePayload, ToggleTimestepAutoPayload, ToggleTimeSpanAutoPayload, ToggleTimeSliderHoverPayload, DisableMapPinPayload, ToggleTimeSliderIsVisiblePayload, SetDockedLayerManagerSize, ToggleAnimationLengthAutoPayload, SetDefaultMapSettingsPayload, ToggleClockPayload } from './types';
 import type { ToggleMapPinIsVisiblePayload, ToggleZoomControlsPayload } from '../types';
 import type { MapActionOrigin } from './enums';
 /**
@@ -64,6 +64,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
         selectedOverlayer: string;
         origin: string;
     }>) => void;
+    toggleClock: (draft: Draft<WebMapState>, action: PayloadAction<ToggleClockPayload>) => void;
 }, "mapReducer", "mapReducer", import("@reduxjs/toolkit").SliceSelectors<WebMapState>>;
 export declare const mapActions: {
     setMapPreset: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetMapPresetPayload, string>;
@@ -120,5 +121,6 @@ export declare const mapActions: {
         selectedOverlayer: string;
         origin: string;
     }, "mapReducer/changeOverlayer">;
+    toggleClock: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleClockPayload, "mapReducer/toggleClock">;
 };
 export declare const mapReducer: import("redux").Reducer<WebMapState>;

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

@@ -2067,6 +2067,33 @@ export declare const getLegendId: ((state: CoreAppStore, mapId: string) => strin
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+/**
+ * Returns if clock visible from webmap state
+ *
+ * @param {CoreAppStore} store - The Redux store from which the map state will be extracted.
+ * @returns {boolean | undefined} returnType: boolean
+ */
+export declare const getIsClockVisible: ((state: CoreAppStore, mapId: string) => boolean | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => boolean | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => boolean | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => boolean | undefined;
+    dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};
 /**
  * Creates a MapPreset from mapId
  *
@@ -2081,8 +2108,8 @@ export declare const getMapPreset: ((state: CoreAppStore & uiTypes.UIModuleState
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: Dimension[] | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: boolean | undefined, resultFuncArgs_21: string | undefined, resultFuncArgs_22: uiTypes.UIStoreType, resultFuncArgs_23: string, resultFuncArgs_24: string) => MapPreset;
-    memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: Dimension[] | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: boolean | undefined, resultFuncArgs_21: string | undefined, resultFuncArgs_22: uiTypes.UIStoreType, resultFuncArgs_23: string, resultFuncArgs_24: string) => MapPreset) & {
+    resultFunc: (resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: Dimension[] | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: boolean | undefined, resultFuncArgs_21: string | undefined, resultFuncArgs_22: boolean | undefined, resultFuncArgs_23: uiTypes.UIStoreType, resultFuncArgs_24: string, resultFuncArgs_25: string) => MapPreset;
+    memoizedResultFunc: ((resultFuncArgs_0: ReduxLayer[], resultFuncArgs_1: ReduxLayer[], resultFuncArgs_2: ReduxLayer[], resultFuncArgs_3: Bbox, resultFuncArgs_4: string, resultFuncArgs_5: string | undefined, resultFuncArgs_6: string | undefined, resultFuncArgs_7: string | undefined, resultFuncArgs_8: boolean, resultFuncArgs_9: boolean, resultFuncArgs_10: boolean | undefined, resultFuncArgs_11: boolean | undefined, resultFuncArgs_12: boolean | undefined, resultFuncArgs_13: number, resultFuncArgs_14: number | undefined, resultFuncArgs_15: string | undefined, resultFuncArgs_16: string | undefined, resultFuncArgs_17: number | undefined, resultFuncArgs_18: Dimension[] | undefined, resultFuncArgs_19: boolean | undefined, resultFuncArgs_20: boolean | undefined, resultFuncArgs_21: string | undefined, resultFuncArgs_22: boolean | undefined, resultFuncArgs_23: uiTypes.UIStoreType, resultFuncArgs_24: string, resultFuncArgs_25: string) => MapPreset) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
@@ -2628,6 +2655,26 @@ export declare const getMapPreset: ((state: CoreAppStore & uiTypes.UIModuleState
     } & {
         memoize: typeof import("reselect").weakMapMemoize;
         argsMemoize: typeof import("reselect").weakMapMemoize;
+    }, ((state: CoreAppStore, mapId: string) => boolean | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: WebMap | undefined) => boolean | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => boolean | undefined) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => boolean | undefined;
+        dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+    } & {
+        memoize: typeof import("reselect").weakMapMemoize;
+        argsMemoize: typeof import("reselect").weakMapMemoize;
     }, (store: uiTypes.UIModuleState) => uiTypes.UIStoreType, (_store: CoreAppStore, mapId: string) => string, (_store: CoreAppStore, _mapId: string, keepAllDims?: any) => string];
     recomputations: () => number;
     resetRecomputations: () => void;
@@ -3295,3 +3342,50 @@ export declare const getSelectedOverlayerByMapId: ((state: CoreAppStore, mapId:
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+/**
+ * Gets the RefTimeDimensionModes of intialViewMapPreset from webmap state
+ *
+ * @param {object} store store: object - Store object
+ * @returns {RefTimeDimensionModes | undefined} returnType: RefTimeDimensionModes
+ */
+export declare const getRefTimeDimensionModes: ((state: CoreAppStore) => import("@opengeoweb/webmap").RefTimeDimensionModes | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: MapPreset | undefined) => import("@opengeoweb/webmap").RefTimeDimensionModes | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: MapPreset | undefined) => import("@opengeoweb/webmap").RefTimeDimensionModes | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => import("@opengeoweb/webmap").RefTimeDimensionModes | undefined;
+    dependencies: [((state: CoreAppStore) => MapPreset | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: WebMapState | undefined) => MapPreset | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: WebMapState | undefined) => MapPreset | undefined) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => MapPreset | undefined;
+        dependencies: [(store: CoreAppStore) => WebMapState | undefined];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+    } & {
+        memoize: typeof import("reselect").weakMapMemoize;
+        argsMemoize: typeof import("reselect").weakMapMemoize;
+    }];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};

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

@@ -1,5 +1,5 @@
 import type { SpeedFactorType } from '@opengeoweb/time-slider';
-import type { TimeInterval } from '@opengeoweb/webmap';
+import type { RefTimeDimensionModes, TimeInterval } from '@opengeoweb/webmap';
 import type { MapLocation } from '@opengeoweb/webmap-react';
 import type { Layer, LayerActionOrigin } from '../types';
 import type { MapActionOrigin } from './enums';
@@ -54,6 +54,7 @@ export interface WebMap {
     dockedLayerManagerSize?: DockedLayerManagerSize;
     isTimeScrollingEnabled?: boolean;
     selectedMapIds?: string[];
+    isClockVisible?: boolean;
 }
 export type DockedLayerManagerSize = 'sizeSmall' | 'sizeMedium' | 'sizeLarge' | '';
 export interface WebMapState {
@@ -110,6 +111,8 @@ export interface MapPreset {
     toggleTimeSpanAuto?: boolean;
     shouldShowDataExplorer?: boolean;
     defaultOverlayer?: string;
+    refTimeDimensionModes?: RefTimeDimensionModes;
+    isClockVisible?: boolean;
 }
 export interface MapPresetInitialProps {
     mapPreset: MapPreset;
@@ -274,3 +277,8 @@ export interface InitialTimeSliderProps {
     };
     syncGroupsIds: string[];
 }
+export interface ToggleClockPayload {
+    mapId: string;
+    isClockVisible: boolean;
+    origin?: MapActionOrigin;
+}