@opengeoweb/store 15.1.0 → 15.2.0

package/index.esm.js

@@ -1610,7 +1610,7 @@ var produceDraftStateForAllLayersForDimensionWithinMap = function produceDraftSt
   var actionLayerSynced = isActionLayerSynced(draft, layerIdFromAction, dimension);
   draft.allIds.forEach(function (layerId) {
     var layer = draft.byId[layerId];
-    if (!layer || layer.mapId !== mapId) {
+    if (!layer || (layer === null || layer === void 0 ? void 0 : layer.mapId) !== mapId) {
       return;
     }
     var wmjsDimension = webmapUtils.getWMJSDimensionForLayerAndDimension(layerId, dimension.name);
@@ -1823,6 +1823,9 @@ var slice$6 = createSlice({
       if (draft.byId[layerId]) {
         draft.byId[layerId].style = style;
       }
+      if (draft.activeLayerInfo) {
+        draft.activeLayerInfo.style = style;
+      }
     },
     layerChangeAcceptanceTime: function layerChangeAcceptanceTime(draft, action) {
       var _action$payload7 = action.payload,
@@ -2012,7 +2015,8 @@ var slice$6 = createSlice({
         mapId = _action$payload13.mapId;
       // remove current baselayers for passed map
       draft.availableBaseLayers.allIds = draft.availableBaseLayers.allIds.filter(function (layerId) {
-        if (draft.availableBaseLayers.byId[layerId] && draft.availableBaseLayers.byId[layerId].mapId === mapId) {
+        var _draft$availableBaseL;
+        if (((_draft$availableBaseL = draft.availableBaseLayers.byId[layerId]) === null || _draft$availableBaseL === void 0 ? void 0 : _draft$availableBaseL.mapId) === mapId) {
           delete draft.availableBaseLayers.byId[layerId];
           return false;
         }
@@ -2192,7 +2196,15 @@ var slice$6 = createSlice({
           currentLayer.selectedFeatureIndex = newFeatureIndex;
         }
       }
-      currentLayer.geojson = updatedGeoJSON;
+      var updatedGeoJSONWithIds = shouldAllowMultipleShapes ? _objectSpread2(_objectSpread2({}, updatedGeoJSON), {}, {
+        features: updatedGeoJSON.features.map(function (feature, index) {
+          return _objectSpread2(_objectSpread2({}, feature), {}, {
+            // Save the index as id so we can use it to select features
+            id: index
+          });
+        })
+      }) : updatedGeoJSON;
+      currentLayer.geojson = updatedGeoJSONWithIds;
       if (geoJSONIntersectionBoundsLayerId && geoJSONIntersectionLayerId) {
         var _currentLayer$geojson;
         var intersectionLayer = draft.byId[geoJSONIntersectionLayerId];
@@ -2202,7 +2214,7 @@ var slice$6 = createSlice({
         }
         var bounds = intersectionBoundsLayer.geojson;
         var geoJSONProperties = intersectionLayer.defaultGeoJSONProperties || ((_currentLayer$geojson = currentLayer.geojson) === null || _currentLayer$geojson === void 0 || (_currentLayer$geojson = _currentLayer$geojson.features[0]) === null || _currentLayer$geojson === void 0 ? void 0 : _currentLayer$geojson.properties);
-        intersectionLayer.geojson = createInterSections(updatedGeoJSON, bounds, geoJSONProperties);
+        intersectionLayer.geojson = createInterSections(updatedGeoJSONWithIds, bounds, geoJSONProperties);
       }
     },
     updateFeatureProperties: function updateFeatureProperties(draft, action) {
@@ -2279,10 +2291,12 @@ var slice$6 = createSlice({
     showLayerInfo: function showLayerInfo(draft, action) {
       var _action$payload21 = action.payload,
         serviceUrl = _action$payload21.serviceUrl,
-        layerName = _action$payload21.layerName;
+        layerName = _action$payload21.layerName,
+        style = _action$payload21.style;
       draft.activeLayerInfo = {
         serviceUrl: serviceUrl,
-        layerName: layerName
+        layerName: layerName,
+        style: style
       };
     },
     hideLayerInfo: function hideLayerInfo(draft) {
@@ -2340,7 +2354,7 @@ var slice$6 = createSlice({
       var layers = draft.allIds.map(function (id) {
         return draft.byId[id];
       }).filter(function (layer) {
-        return layer && layer.mapId === mapId;
+        return (layer === null || layer === void 0 ? void 0 : layer.mapId) === mapId;
       });
       layers.forEach(function (layer) {
         delete draft.byId[layer.id];
@@ -2731,14 +2745,29 @@ var slice$5 = createSlice({
         return;
       }
       draft.byId[mapId].isClockVisible = isClockVisible;
+    },
+    setClockPositionSize: function setClockPositionSize(draft, action) {
+      var _action$payload27 = action.payload,
+        mapId = _action$payload27.mapId,
+        position = _action$payload27.position,
+        size = _action$payload27.size;
+      if (!draft.byId[mapId]) {
+        return;
+      }
+      if (position) {
+        draft.byId[mapId].clockPosition = position;
+      }
+      if (size) {
+        draft.byId[mapId].clockSize = size;
+      }
     }
   },
   extraReducers: function extraReducers(builder) {
     builder.addCase(layerActions.addLayer, function (draft, action) {
-      var _action$payload27 = action.payload,
-        layerId = _action$payload27.layerId,
-        mapId = _action$payload27.mapId,
-        layer = _action$payload27.layer;
+      var _action$payload28 = action.payload,
+        layerId = _action$payload28.layerId,
+        mapId = _action$payload28.mapId,
+        layer = _action$payload28.layer;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2750,17 +2779,17 @@ var slice$5 = createSlice({
         draft.byId[mapId].autoUpdateLayerId = layerId;
         draft.byId[mapId].autoTimeStepLayerId = layerId;
       }
-      var isFeatureLayer = layer && layer.layerType === LayerType.featureLayer;
+      var isFeatureLayer = (layer === null || layer === void 0 ? void 0 : layer.layerType) === LayerType.featureLayer;
       if (isFeatureLayer) {
         draft.byId[mapId].featureLayers.unshift(layerId);
       } else {
         draft.byId[mapId].mapLayers.unshift(layerId);
       }
     }).addCase(layerActions.duplicateMapLayer, function (draft, action) {
-      var _action$payload28 = action.payload,
-        newLayerId = _action$payload28.newLayerId,
-        oldLayerId = _action$payload28.oldLayerId,
-        mapId = _action$payload28.mapId;
+      var _action$payload29 = action.payload,
+        newLayerId = _action$payload29.newLayerId,
+        oldLayerId = _action$payload29.oldLayerId,
+        mapId = _action$payload29.mapId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2777,10 +2806,10 @@ var slice$5 = createSlice({
         draft.byId[mapId].featureLayers.unshift(newLayerId);
       }
     }).addCase(layerActions.addBaseLayer, function (draft, action) {
-      var _action$payload29 = action.payload,
-        layer = _action$payload29.layer,
-        layerId = _action$payload29.layerId,
-        mapId = _action$payload29.mapId;
+      var _action$payload30 = action.payload,
+        layer = _action$payload30.layer,
+        layerId = _action$payload30.layerId,
+        mapId = _action$payload30.mapId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2810,9 +2839,9 @@ var slice$5 = createSlice({
         draft.byId[mapId].autoTimeStepLayerId = activeLayerId;
       }
     }).addCase(layerActions.setBaseLayers, function (draft, action) {
-      var _action$payload30 = action.payload,
-        layers = _action$payload30.layers,
-        mapId = _action$payload30.mapId;
+      var _action$payload31 = action.payload,
+        layers = _action$payload31.layers,
+        mapId = _action$payload31.mapId;
       // Split into base and overlayers
       var baseLayers = [];
       var overLayers = [];
@@ -2842,9 +2871,9 @@ var slice$5 = createSlice({
         }
       }
     }).addCase(layerActions.layerDelete, 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;
       var map = draft.byId[mapId];
       if (!map) {
         return;
@@ -2870,9 +2899,9 @@ var slice$5 = createSlice({
         return id !== layerId;
       });
     }).addCase(layerActions.baseLayerDelete, function (draft, action) {
-      var _action$payload32 = action.payload,
-        mapId = _action$payload32.mapId,
-        layerId = _action$payload32.layerId;
+      var _action$payload33 = action.payload,
+        mapId = _action$payload33.mapId,
+        layerId = _action$payload33.layerId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2883,14 +2912,14 @@ var slice$5 = createSlice({
         return id !== layerId;
       });
     }).addCase(layerActions.layerChangeDimension, function (draft, action) {
-      var _action$payload33 = action.payload,
-        layerId = _action$payload33.layerId,
-        dimension = _action$payload33.dimension;
+      var _action$payload34 = action.payload,
+        layerId = _action$payload34.layerId,
+        dimension = _action$payload34.dimension;
       produceDraftStateSetMapDimensionFromLayerChangeDimension(draft, layerId, dimension);
     }).addCase(setTimeSync, 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) {
@@ -2943,9 +2972,9 @@ var slice$5 = createSlice({
         }
       });
     }).addCase(setBboxSync, function (draft, action) {
-      var _action$payload35 = action.payload,
-        targetsFromAction = _action$payload35.targets,
-        source = _action$payload35.source;
+      var _action$payload36 = action.payload,
+        targetsFromAction = _action$payload36.targets,
+        source = _action$payload36.source;
       /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
       var targets = [];
       if (source) {
@@ -2977,9 +3006,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$payload36 = action.payload,
-        targets = _action$payload36.targets,
-        source = _action$payload36.source;
+      var _action$payload37 = action.payload,
+        targets = _action$payload37.targets,
+        source = _action$payload37.source;
       return targets.reduce(function (prevState, target) {
         var actionType = (source === null || source === void 0 ? void 0 : source.type) || 'GENERIC_SYNC_SETLAYERACTIONS';
         var action = {
@@ -3001,9 +3030,9 @@ var slice$5 = createSlice({
       });
       return draft;
     }).addCase(mapChangeDimension, function (draft, action) {
-      var _action$payload37 = action.payload,
-        mapId = _action$payload37.mapId,
-        dimensionFromAction = _action$payload37.dimension;
+      var _action$payload38 = action.payload,
+        mapId = _action$payload38.mapId,
+        dimensionFromAction = _action$payload38.dimension;
       produceDraftStateSetWebMapDimension(draft, mapId, dimensionFromAction, true);
     }).addCase(setMapPreset, function (draft, action) {
       var mapId = action.payload.mapId;
@@ -3023,9 +3052,9 @@ var slice$5 = createSlice({
       draft.byId[mapId].animationDelay = defaultAnimationDelayAtStart;
       draft.byId[mapId].dockedLayerManagerSize = '';
     }).addCase(uiActions.registerDialog, function (draft, action) {
-      var _action$payload38 = action.payload,
-        mapId = _action$payload38.mapId,
-        type = _action$payload38.type;
+      var _action$payload39 = action.payload,
+        mapId = _action$payload39.mapId,
+        type = _action$payload39.type;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -3918,7 +3947,7 @@ function (state, mapId) {
   var selectedFeature = (_features$ = features[0]) === null || _features$ === void 0 ? void 0 : _features$.geoJSON.features.find(function (feature) {
     return feature.id === selectedFeatureId;
   });
-  if (selectedFeature && selectedFeature.geometry.type === 'Point') {
+  if ((selectedFeature === null || selectedFeature === void 0 ? void 0 : selectedFeature.geometry.type) === 'Point') {
     var _selectedFeature$prop, _selectedFeature$prop2, _selectedFeature$prop3;
     var coordinates = selectedFeature.geometry.coordinates;
     return {
@@ -5725,6 +5754,24 @@ var getLegendId = createSelector(getMapById, function (store) {
 var getIsClockVisible = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.isClockVisible;
 }, selectorMemoizationOptions);
+/**
+ * Returns if clock position from webmap state
+ *
+ * @param {CoreAppStore} store - The Redux store from which the map state will be extracted.
+ * @returns {ClockPosition | undefined} returnType: boolean
+ */
+var getClockPosition = createSelector(getMapById, function (store) {
+  return store === null || store === void 0 ? void 0 : store.clockPosition;
+}, selectorMemoizationOptions);
+/**
+ * Returns if clock size from webmap state
+ *
+ * @param {CoreAppStore} store - The Redux store from which the map state will be extracted.
+ * @returns {ClockSize | undefined} returnType: boolean
+ */
+var getClockSize = createSelector(getMapById, function (store) {
+  return store === null || store === void 0 ? void 0 : store.clockSize;
+}, selectorMemoizationOptions);
 /**
  * Creates a MapPreset from mapId
  *
@@ -5734,14 +5781,14 @@ var getIsClockVisible = 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, getIsClockVisible, 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, getClockPosition, getClockSize, 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, isClockVisible, 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, clockPosition, clockSize, uiStore, mapId, keepAllDims) {
   var _overLayers$, _uiStore$dialogs$lege;
-  var defaultOverlayer = arguments.length > 26 && arguments[26] !== undefined ? arguments[26] : ((_overLayers$ = overLayers[0]) === null || _overLayers$ === void 0 ? void 0 : _overLayers$.name) || 'none';
+  var defaultOverlayer = arguments.length > 28 && arguments[28] !== undefined ? arguments[28] : ((_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);
@@ -5769,7 +5816,7 @@ 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(_objectSpread2({
+  return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
     layers: allLayers
   }, activeLayerId && {
     activeLayerId: activeLayerId
@@ -5796,6 +5843,10 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
     defaultOverlayer: defaultOverlayer
   }, isClockVisible !== undefined && {
     isClockVisible: isClockVisible
+  }), clockPosition !== undefined && {
+    clockPosition: clockPosition
+  }), clockSize !== undefined && {
+    clockSize: clockSize
   }), keepAllDims && {
     dimensions: mapDimensions
   });
@@ -6025,6 +6076,8 @@ var selectors$1 = /*#__PURE__*/Object.freeze({
   getAutoTimeStepLayerId: getAutoTimeStepLayerId,
   getAutoUpdateLayerId: getAutoUpdateLayerId,
   getBbox: getBbox,
+  getClockPosition: getClockPosition,
+  getClockSize: getClockSize,
   getDataLimitsFromLayers: getDataLimitsFromLayers,
   getDisableMapPin: getDisableMapPin,
   getDisplayMapPin: getDisplayMapPin,
@@ -6658,7 +6711,7 @@ genericListener.startListening({
             payload = _ref4.payload, type = _ref4.type;
             listenerApi.cancelActiveListeners();
             /* Should not listen to actions from itself */
-            if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
+            if (!((payload === null || payload === void 0 ? void 0 : payload.origin) === LayerActionOrigin.ReactMapViewParseLayer)) {
               _context4.next = 4;
               break;
             }
@@ -6691,7 +6744,7 @@ genericListener.startListening({
             payload = _ref5.payload, type = _ref5.type;
             listenerApi.cancelActiveListeners();
             /* Should not listen to actions from itself */
-            if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
+            if (!((payload === null || payload === void 0 ? void 0 : payload.origin) === LayerActionOrigin.ReactMapViewParseLayer)) {
               _context5.next = 4;
               break;
             }
@@ -6756,7 +6809,7 @@ genericListener.startListening({
             payload = _ref7.payload, type = _ref7.type;
             listenerApi.cancelActiveListeners();
             /* Should not listen to actions from itself */
-            if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
+            if (!((payload === null || payload === void 0 ? void 0 : payload.origin) === LayerActionOrigin.ReactMapViewParseLayer)) {
               _context7.next = 4;
               break;
             }
@@ -6815,7 +6868,7 @@ genericListener.startListening({
             payload = _ref9.payload, type = _ref9.type;
             listenerApi.cancelActiveListeners();
             /* Should not listen to actions from itself */
-            if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
+            if (!((payload === null || payload === void 0 ? void 0 : payload.origin) === LayerActionOrigin.ReactMapViewParseLayer)) {
               _context9.next = 4;
               break;
             }
@@ -6848,7 +6901,7 @@ genericListener.startListening({
             payload = _ref0.payload, type = _ref0.type;
             listenerApi.cancelActiveListeners();
             /* Should not listen to actions from itself */
-            if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
+            if (!((payload === null || payload === void 0 ? void 0 : payload.origin) === LayerActionOrigin.ReactMapViewParseLayer)) {
               _context0.next = 4;
               break;
             }
@@ -7327,7 +7380,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, 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;
+      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, clockPosition, clockSize, _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:
@@ -7336,10 +7389,10 @@ mapListener.startListening({
             mapId = payload.mapId, initialProps = payload.initialProps;
             mapPreset = initialProps.mapPreset;
             if (!mapPreset) {
-              _context2.next = 54;
+              _context2.next = 56;
               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, isClockVisible = mapPreset.isClockVisible;
+            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, clockPosition = mapPreset.clockPosition, clockSize = mapPreset.clockSize;
             _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
@@ -7472,6 +7525,20 @@ mapListener.startListening({
                 isClockVisible: isClockVisible
               }));
             }
+            if (clockPosition !== undefined) {
+              // set clock position
+              listenerApi.dispatch(mapActions.setClockPositionSize({
+                mapId: mapId,
+                position: clockPosition
+              }));
+            }
+            if (clockSize !== undefined) {
+              // set clock size
+              listenerApi.dispatch(mapActions.setClockPositionSize({
+                mapId: mapId,
+                size: clockSize
+              }));
+            }
             // sets timestep by interval of animationPayload
             interval = animationPayload === null || animationPayload === void 0 ? void 0 : animationPayload.interval;
             if (interval) {
@@ -7591,15 +7658,15 @@ mapListener.startListening({
                 dockedLayerManagerSize: dockedLayerManagerSize
               }));
             }
-          case 44:
+          case 46:
             if (!(animationEndTime && (shouldEndtimeOverride || !(shouldAutoUpdate || shouldAnimate)))) {
-              _context2.next = 54;
+              _context2.next = 56;
               break;
             }
             fiveMinuteDelayForAnimation = 1000 * 60 * 5; // eslint-disable-next-line no-await-in-loop
-            _context2.next = 48;
+            _context2.next = 50;
             return listenerApi.delay(fiveMinuteDelayForAnimation);
-          case 48:
+          case 50:
             _animationEnd2 = getAnimationEndTime(listenerApi.getState(), mapId);
             listenerApi.dispatch(mapActions.setAnimationEndTime({
               mapId: mapId,
@@ -7614,13 +7681,13 @@ mapListener.startListening({
                 minutes: 5
               }).toISOString()
             }));
-            _context2.next = 44;
-            break;
-          case 54:
-            _context2.next = 59;
+            _context2.next = 46;
             break;
           case 56:
-            _context2.prev = 56;
+            _context2.next = 61;
+            break;
+          case 58:
+            _context2.prev = 58;
             _context2.t0 = _context2["catch"](1);
             if (_context2.t0 instanceof Error) {
               listenerApi.dispatch(mapActions.setMapPresetError({
@@ -7628,11 +7695,11 @@ mapListener.startListening({
                 error: _context2.t0.message
               }));
             }
-          case 59:
+          case 61:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[1, 56]]);
+      }, _callee2, null, [[1, 58]]);
     }));
     function effect(_x3, _x4) {
       return _effect2.apply(this, arguments);
@@ -7665,6 +7732,7 @@ mapListener.startListening({
     var payload = _ref8.payload;
     var mapId = payload.mapId,
       isForwardStep = payload.isForwardStep;
+    // timeStep is stored in minutes
     var timeStep = getMapTimeStep(listenerApi.getState(), mapId);
     var currentTime = getSelectedTime(listenerApi.getState(), mapId);
     var _mapSelectors$getData = getDataLimitsFromLayers(listenerApi.getState(), mapId),
@@ -7673,14 +7741,23 @@ mapListener.startListening({
       dataEndTime = _mapSelectors$getData2[1];
     if (dateUtils.isValid(currentTime)) {
       var makeForwardStep = function makeForwardStep() {
-        var nextTime = currentTime + timeStep;
-        var roundedTime = roundWithTimeStep(nextTime, timeStep, 'ceil');
+        // timeStep is in minutes, convert to seconds
+        var timeStepInSeconds = timeStep * 60;
+        var nextTime = currentTime + timeStepInSeconds;
+        // For large timesteps (>12h), round to nearest hour instead of timestep
+        // This ensures 12:07 with 24h step goes to 12:00 next day, not 00:00
+        var roundingStep = timeStep > 12 * 60 ? 60 : timeStep; // Use 1 hour for large steps
+        var roundedTime = roundWithTimeStep(nextTime, roundingStep, 'round');
         var newTime = Math.min(roundedTime, dataEndTime || roundedTime);
         return dateUtils.fromUnix(newTime).toISOString();
       };
       var makeBackwardStep = function makeBackwardStep() {
-        var nextTime = currentTime - timeStep;
-        var roundedTime = roundWithTimeStep(nextTime, timeStep, 'floor');
+        // timeStep is in minutes, convert to seconds
+        var timeStepInSeconds = timeStep * 60;
+        var nextTime = currentTime - timeStepInSeconds;
+        // For large timesteps (>12h), round to nearest hour instead of timestep
+        var roundingStep = timeStep > 12 * 60 ? 60 : timeStep; // Use 1 hour for large steps
+        var roundedTime = roundWithTimeStep(nextTime, roundingStep, 'round');
         var newTime = Math.max(roundedTime, dataStartTime || roundedTime);
         return dateUtils.fromUnix(newTime).toISOString();
       };
@@ -7876,7 +7953,7 @@ openlayersListener.startListening({
   effect: function effect(_ref4, listenerApi) {
     var payload = _ref4.payload;
     var group = getSynchronizationGroup(listenerApi.getState(), payload.groupId);
-    if (!group || group.type !== SYNCGROUPS_TYPE_SETBBOX) {
+    if (!group || (group === null || group === void 0 ? void 0 : group.type) !== SYNCGROUPS_TYPE_SETBBOX) {
       return;
     }
     var groupView = getViewObjectForSyncGroup(payload.groupId);
@@ -8466,8 +8543,9 @@ drawingToolListener.startListening({
             _ref3 = currentGeoJSONLayer || {}, currentGeoJSON = _ref3.geojson, _ref3$selectedFeature = _ref3.selectedFeatureIndex, selectedFeatureIndex = _ref3$selectedFeature === void 0 ? 0 : _ref3$selectedFeature;
             currentSelectionType = currentGeoJSON === null || currentGeoJSON === void 0 || (_currentGeoJSON$featu = currentGeoJSON.features[selectedFeatureIndex]) === null || _currentGeoJSON$featu === void 0 || (_currentGeoJSON$featu = _currentGeoJSON$featu.properties) === null || _currentGeoJSON$featu === void 0 ? void 0 : _currentGeoJSON$featu.selectionType;
             newSelectionType = newDrawMode.selectionType;
-            isNewToolSelected = currentSelectionType !== newSelectionType;
-            shouldUpdateNewShape = !(currentGeoJSON !== null && currentGeoJSON !== void 0 && (_currentGeoJSON$featu2 = currentGeoJSON.features) !== null && _currentGeoJSON$featu2 !== void 0 && _currentGeoJSON$featu2.length) || isNewToolSelected || !newDrawMode.isSelectable && shouldAllowMultipleShapes; // don't change anything if same tool is selected again
+            isNewToolSelected = currentSelectionType !== newSelectionType; // don't change anything if same tool is selected again
+            // but for shouldAllowMultipleShapes same tool will also be a new drawing
+            shouldUpdateNewShape = !(currentGeoJSON !== null && currentGeoJSON !== void 0 && (_currentGeoJSON$featu2 = currentGeoJSON.features) !== null && _currentGeoJSON$featu2 !== void 0 && _currentGeoJSON$featu2.length) || isNewToolSelected || shouldAllowMultipleShapes;
             if (shouldUpdateNewShape && shouldUpdateShape) {
               shapeWithSelectionType = addSelectionTypeToGeoJSON(newDrawMode.shape, newDrawMode.selectionType);
               geoJSONFeatureCollection = getFeatureCollection(shapeWithSelectionType, shouldAllowMultipleShapes, currentGeoJSON);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/store",
-  "version": "15.1.0",
+  "version": "15.2.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": "15.1.0",
+    "@opengeoweb/shared": "15.2.0",
     "react-redux": "^9.2.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/webmap-react": "15.1.0",
-    "@opengeoweb/webmap": "15.1.0",
+    "@opengeoweb/webmap-react": "15.2.0",
+    "@opengeoweb/webmap": "15.2.0",
     "immer": "^10.0.3",
     "lodash": "^4.17.21",
-    "@opengeoweb/metronome": "15.1.0",
-    "@opengeoweb/time-slider": "15.1.0",
+    "@opengeoweb/metronome": "15.2.0",
+    "@opengeoweb/time-slider": "15.2.0",
     "react-router-dom": "^6.23.1",
     "ol": "^10.4.0",
     "@turf/turf": "^7.2.0",

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

@@ -2092,6 +2092,7 @@ export declare const getTimeStepForLayerId: ((state: any, layerId: any) => numbe
 export declare const getActiveLayerInfo: ((state: CoreAppStore) => {
     layerName: string;
     serviceUrl: string;
+    style?: string;
 } | undefined) & {
     clearCache: () => void;
     resultsCount: () => number;
@@ -2100,10 +2101,12 @@ export declare const getActiveLayerInfo: ((state: CoreAppStore) => {
     resultFunc: (resultFuncArgs_0: LayerState | undefined) => {
         layerName: string;
         serviceUrl: string;
+        style?: string;
     } | undefined;
     memoizedResultFunc: ((resultFuncArgs_0: LayerState | undefined) => {
         layerName: string;
         serviceUrl: string;
+        style?: string;
     } | undefined) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -2112,6 +2115,7 @@ export declare const getActiveLayerInfo: ((state: CoreAppStore) => {
     lastResult: () => {
         layerName: string;
         serviceUrl: string;
+        style?: string;
     } | undefined;
     dependencies: [(store: CoreAppStore) => LayerState | undefined];
     recomputations: () => number;

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

@@ -53,6 +53,7 @@ export interface LayerState {
     activeLayerInfo?: {
         layerName: string;
         serviceUrl: string;
+        style?: string;
     };
 }
 export interface LayerPayload {
@@ -170,4 +171,5 @@ export interface ShowLayerInfoPayload {
     layerName: string;
     mapId: string;
     source?: uiTypes.Source;
+    style?: string;
 }

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, ToggleClockPayload } 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, SetClockPositionSizePayload } from './types';
 import type { ToggleMapPinIsVisiblePayload, ToggleZoomControlsPayload } from '../types';
 import type { MapActionOrigin } from './enums';
 /**
@@ -56,7 +56,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
     setDockedLayerManagerSize: (draft: Draft<WebMapState>, action: PayloadAction<SetDockedLayerManagerSize>) => void;
     setMapPresetError: (_draft: Draft<WebMapState>, _action: PayloadAction<{
         mapId: string;
-        error: string;
+        error?: string;
     }>) => void;
     setDefaultMapSettings: (draft: Draft<WebMapState>, action: PayloadAction<SetDefaultMapSettingsPayload>) => void;
     changeOverlayer: (draft: Draft<WebMapState>, action: PayloadAction<{
@@ -65,6 +65,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
         origin: string;
     }>) => void;
     toggleClock: (draft: Draft<WebMapState>, action: PayloadAction<ToggleClockPayload>) => void;
+    setClockPositionSize: (draft: Draft<WebMapState>, action: PayloadAction<SetClockPositionSizePayload>) => void;
 }, "mapReducer", "mapReducer", import("@reduxjs/toolkit").SliceSelectors<WebMapState>>;
 export declare const mapActions: {
     setMapPreset: import("@reduxjs/toolkit").ActionCreatorWithPayload<import("./types").SetMapPresetPayload, string>;
@@ -113,7 +114,7 @@ export declare const mapActions: {
     setDockedLayerManagerSize: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetDockedLayerManagerSize, "mapReducer/setDockedLayerManagerSize">;
     setMapPresetError: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
         mapId: string;
-        error: string;
+        error?: string;
     }, "mapReducer/setMapPresetError">;
     setDefaultMapSettings: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetDefaultMapSettingsPayload, "mapReducer/setDefaultMapSettings">;
     changeOverlayer: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
@@ -122,5 +123,6 @@ export declare const mapActions: {
         origin: string;
     }, "mapReducer/changeOverlayer">;
     toggleClock: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleClockPayload, "mapReducer/toggleClock">;
+    setClockPositionSize: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetClockPositionSizePayload, "mapReducer/setClockPositionSize">;
 };
 export declare const mapReducer: import("redux").Reducer<WebMapState>;

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

@@ -1,4 +1,4 @@
-import type { Bbox, MapPreset, WebMap, WebMapState } from './types';
+import type { Bbox, ClockPosition, ClockSize, MapPreset, WebMap, WebMapState } from './types';
 import type { CoreAppStore } from '../../types';
 import { uiTypes } from '../../ui';
 import type { Dimension, HarmonieInitialPropsResult, InitialTimeSliderProps, Layer, MultiMapInitialProps, ReduxLayer, TimeSliderStartCenterEndTime, WebMapAnimationList } from '../types';
@@ -2094,6 +2094,60 @@ export declare const getIsClockVisible: ((state: CoreAppStore, mapId: string) =>
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+/**
+ * Returns if clock position from webmap state
+ *
+ * @param {CoreAppStore} store - The Redux store from which the map state will be extracted.
+ * @returns {ClockPosition | undefined} returnType: boolean
+ */
+export declare const getClockPosition: ((state: CoreAppStore, mapId: string) => ClockPosition | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => ClockPosition | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => ClockPosition | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => ClockPosition | 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;
+};
+/**
+ * Returns if clock size from webmap state
+ *
+ * @param {CoreAppStore} store - The Redux store from which the map state will be extracted.
+ * @returns {ClockSize | undefined} returnType: boolean
+ */
+export declare const getClockSize: ((state: CoreAppStore, mapId: string) => ClockSize | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => ClockSize | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => ClockSize | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => ClockSize | 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
  *
@@ -2108,8 +2162,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: 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) & {
+    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: ClockPosition | undefined, resultFuncArgs_24: ClockSize | undefined, resultFuncArgs_25: uiTypes.UIStoreType, resultFuncArgs_26: string, resultFuncArgs_27: 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: ClockPosition | undefined, resultFuncArgs_24: ClockSize | undefined, resultFuncArgs_25: uiTypes.UIStoreType, resultFuncArgs_26: string, resultFuncArgs_27: string) => MapPreset) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
@@ -2675,6 +2729,46 @@ export declare const getMapPreset: ((state: CoreAppStore & uiTypes.UIModuleState
     } & {
         memoize: typeof import("reselect").weakMapMemoize;
         argsMemoize: typeof import("reselect").weakMapMemoize;
+    }, ((state: CoreAppStore, mapId: string) => ClockPosition | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: WebMap | undefined) => ClockPosition | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => ClockPosition | undefined) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => ClockPosition | 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;
+    }, ((state: CoreAppStore, mapId: string) => ClockSize | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    } & {
+        resultFunc: (resultFuncArgs_0: WebMap | undefined) => ClockSize | undefined;
+        memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => ClockSize | undefined) & {
+            clearCache: () => void;
+            resultsCount: () => number;
+            resetResultsCount: () => void;
+        };
+        lastResult: () => ClockSize | 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;

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

@@ -55,6 +55,8 @@ export interface WebMap {
     isTimeScrollingEnabled?: boolean;
     selectedMapIds?: string[];
     isClockVisible?: boolean;
+    clockPosition?: ClockPosition;
+    clockSize?: ClockSize;
 }
 export type DockedLayerManagerSize = 'sizeSmall' | 'sizeMedium' | 'sizeLarge' | '';
 export interface WebMapState {
@@ -113,6 +115,8 @@ export interface MapPreset {
     defaultOverlayer?: string;
     refTimeDimensionModes?: RefTimeDimensionModes;
     isClockVisible?: boolean;
+    clockPosition?: ClockPosition;
+    clockSize?: ClockSize;
 }
 export interface MapPresetInitialProps {
     mapPreset: MapPreset;
@@ -282,3 +286,17 @@ export interface ToggleClockPayload {
     isClockVisible: boolean;
     origin?: MapActionOrigin;
 }
+export interface ClockPosition {
+    x: number;
+    y: number;
+}
+export interface ClockSize {
+    width: number;
+    height: number;
+}
+export interface SetClockPositionSizePayload {
+    mapId: string;
+    position?: ClockPosition;
+    size?: ClockSize;
+    origin?: MapActionOrigin;
+}