@opengeoweb/store 15.2.0 → 15.3.0

package/index.esm.js

@@ -1,14 +1,14 @@
 import { createSlice, createSelector, createAction, createListenerMiddleware, isAnyOf, createEntityAdapter, combineReducers, configureStore } from '@reduxjs/toolkit';
-import { isEqual, merge, isEmpty, compact } from 'lodash';
+import { isEqual, mergeWith, merge, isEmpty, compact } from 'lodash';
 import { webmapUtils, parseISO8601IntervalToDateInterval, LayerType, handleDateUtilsISOString, webmapTestSettings, WMLayer, getWMLayerById, WMInvalidDateValues, isProjectionSupported, queryWMSLayers } from '@opengeoweb/webmap';
-import { dateUtils, PROJECTION, defaultDelay } from '@opengeoweb/shared';
+import { dateUtils, PROJECTION, defaultDelay, useDebounce } from '@opengeoweb/shared';
 import { secondsPerPxFromCanvasWidth, defaultTimeSpan, defaultSecondsPerPx, defaultAnimationDelayAtStart, defaultTimeStep, roundWithTimeStep, getSpeedDelay } from '@opengeoweb/time-slider';
 import { produce } from 'immer';
 import { getLastEmptyFeatureIndex, getGeoJson, moveFeature, createInterSections, defaultLayers, emptyGeoJSON, defaultIntersectionStyleProperties, addSelectionTypeToGeoJSON, getFeatureCollection } from '@opengeoweb/webmap-react';
 export { defaultLayers } from '@opengeoweb/webmap-react';
+import React, { useEffect, useCallback } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
 import { center } from '@turf/turf';
-import { useEffect, useCallback } from 'react';
-import { useSelector, useDispatch } from 'react-redux';
 import { metronome } from '@opengeoweb/metronome';
 import { View, Observable } from 'ol';
 import { boundingExtent, getCenter } from 'ol/extent';
@@ -2724,33 +2724,51 @@ var slice$5 = createSlice({
       }
       draft.byId[mapId].dockedLayerManagerSize = dockedLayerManagerSize;
     },
+    setDockedLayerManagerPosition: function setDockedLayerManagerPosition(draft, action) {
+      var _action$payload25 = action.payload,
+        mapId = _action$payload25.mapId,
+        dockedLayerManagerPosition = _action$payload25.dockedLayerManagerPosition;
+      if (!draft.byId[mapId]) {
+        return;
+      }
+      draft.byId[mapId].dockedLayerManagerPosition = dockedLayerManagerPosition;
+    },
+    setDockedLayerManagerDimensions: function setDockedLayerManagerDimensions(draft, action) {
+      var _action$payload26 = action.payload,
+        mapId = _action$payload26.mapId,
+        dockedLayerManagerDimensions = _action$payload26.dockedLayerManagerDimensions;
+      if (!draft.byId[mapId]) {
+        return;
+      }
+      draft.byId[mapId].dockedLayerManagerDimensions = dockedLayerManagerDimensions;
+    },
     setMapPresetError: function setMapPresetError(_draft, _action) {},
     setDefaultMapSettings: function setDefaultMapSettings(draft, action) {
       draft.defaultMapSettings = action.payload.preset;
     },
     changeOverlayer: function changeOverlayer(draft, action) {
-      var _action$payload25 = action.payload,
-        mapId = _action$payload25.mapId,
-        selectedOverlayer = _action$payload25.selectedOverlayer;
+      var _action$payload27 = action.payload,
+        mapId = _action$payload27.mapId,
+        selectedOverlayer = _action$payload27.selectedOverlayer;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].overLayers = [selectedOverlayer];
     },
     toggleClock: function toggleClock(draft, action) {
-      var _action$payload26 = action.payload,
-        mapId = _action$payload26.mapId,
-        isClockVisible = _action$payload26.isClockVisible;
+      var _action$payload28 = action.payload,
+        mapId = _action$payload28.mapId,
+        isClockVisible = _action$payload28.isClockVisible;
       if (!draft.byId[mapId]) {
         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;
+      var _action$payload29 = action.payload,
+        mapId = _action$payload29.mapId,
+        position = _action$payload29.position,
+        size = _action$payload29.size;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2764,10 +2782,10 @@ var slice$5 = createSlice({
   },
   extraReducers: function extraReducers(builder) {
     builder.addCase(layerActions.addLayer, function (draft, action) {
-      var _action$payload28 = action.payload,
-        layerId = _action$payload28.layerId,
-        mapId = _action$payload28.mapId,
-        layer = _action$payload28.layer;
+      var _action$payload30 = action.payload,
+        layerId = _action$payload30.layerId,
+        mapId = _action$payload30.mapId,
+        layer = _action$payload30.layer;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2786,10 +2804,10 @@ var slice$5 = createSlice({
         draft.byId[mapId].mapLayers.unshift(layerId);
       }
     }).addCase(layerActions.duplicateMapLayer, function (draft, action) {
-      var _action$payload29 = action.payload,
-        newLayerId = _action$payload29.newLayerId,
-        oldLayerId = _action$payload29.oldLayerId,
-        mapId = _action$payload29.mapId;
+      var _action$payload31 = action.payload,
+        newLayerId = _action$payload31.newLayerId,
+        oldLayerId = _action$payload31.oldLayerId,
+        mapId = _action$payload31.mapId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2806,10 +2824,10 @@ var slice$5 = createSlice({
         draft.byId[mapId].featureLayers.unshift(newLayerId);
       }
     }).addCase(layerActions.addBaseLayer, function (draft, action) {
-      var _action$payload30 = action.payload,
-        layer = _action$payload30.layer,
-        layerId = _action$payload30.layerId,
-        mapId = _action$payload30.mapId;
+      var _action$payload32 = action.payload,
+        layer = _action$payload32.layer,
+        layerId = _action$payload32.layerId,
+        mapId = _action$payload32.mapId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2839,9 +2857,9 @@ var slice$5 = createSlice({
         draft.byId[mapId].autoTimeStepLayerId = activeLayerId;
       }
     }).addCase(layerActions.setBaseLayers, function (draft, action) {
-      var _action$payload31 = action.payload,
-        layers = _action$payload31.layers,
-        mapId = _action$payload31.mapId;
+      var _action$payload33 = action.payload,
+        layers = _action$payload33.layers,
+        mapId = _action$payload33.mapId;
       // Split into base and overlayers
       var baseLayers = [];
       var overLayers = [];
@@ -2871,9 +2889,9 @@ var slice$5 = createSlice({
         }
       }
     }).addCase(layerActions.layerDelete, function (draft, action) {
-      var _action$payload32 = action.payload,
-        mapId = _action$payload32.mapId,
-        layerId = _action$payload32.layerId;
+      var _action$payload34 = action.payload,
+        mapId = _action$payload34.mapId,
+        layerId = _action$payload34.layerId;
       var map = draft.byId[mapId];
       if (!map) {
         return;
@@ -2899,9 +2917,9 @@ var slice$5 = createSlice({
         return id !== layerId;
       });
     }).addCase(layerActions.baseLayerDelete, function (draft, action) {
-      var _action$payload33 = action.payload,
-        mapId = _action$payload33.mapId,
-        layerId = _action$payload33.layerId;
+      var _action$payload35 = action.payload,
+        mapId = _action$payload35.mapId,
+        layerId = _action$payload35.layerId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2912,14 +2930,14 @@ var slice$5 = createSlice({
         return id !== layerId;
       });
     }).addCase(layerActions.layerChangeDimension, function (draft, action) {
-      var _action$payload34 = action.payload,
-        layerId = _action$payload34.layerId,
-        dimension = _action$payload34.dimension;
+      var _action$payload36 = action.payload,
+        layerId = _action$payload36.layerId,
+        dimension = _action$payload36.dimension;
       produceDraftStateSetMapDimensionFromLayerChangeDimension(draft, layerId, dimension);
     }).addCase(setTimeSync, function (draft, action) {
-      var _action$payload35 = action.payload,
-        targetsFromAction = _action$payload35.targets,
-        source = _action$payload35.source;
+      var _action$payload37 = action.payload,
+        targetsFromAction = _action$payload37.targets,
+        source = _action$payload37.source;
       /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
       var targets = [];
       if (source) {
@@ -2972,9 +2990,9 @@ var slice$5 = createSlice({
         }
       });
     }).addCase(setBboxSync, function (draft, action) {
-      var _action$payload36 = action.payload,
-        targetsFromAction = _action$payload36.targets,
-        source = _action$payload36.source;
+      var _action$payload38 = action.payload,
+        targetsFromAction = _action$payload38.targets,
+        source = _action$payload38.source;
       /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
       var targets = [];
       if (source) {
@@ -3006,9 +3024,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$payload37 = action.payload,
-        targets = _action$payload37.targets,
-        source = _action$payload37.source;
+      var _action$payload39 = action.payload,
+        targets = _action$payload39.targets,
+        source = _action$payload39.source;
       return targets.reduce(function (prevState, target) {
         var actionType = (source === null || source === void 0 ? void 0 : source.type) || 'GENERIC_SYNC_SETLAYERACTIONS';
         var action = {
@@ -3030,9 +3048,9 @@ var slice$5 = createSlice({
       });
       return draft;
     }).addCase(mapChangeDimension, function (draft, action) {
-      var _action$payload38 = action.payload,
-        mapId = _action$payload38.mapId,
-        dimensionFromAction = _action$payload38.dimension;
+      var _action$payload40 = action.payload,
+        mapId = _action$payload40.mapId,
+        dimensionFromAction = _action$payload40.dimension;
       produceDraftStateSetWebMapDimension(draft, mapId, dimensionFromAction, true);
     }).addCase(setMapPreset, function (draft, action) {
       var mapId = action.payload.mapId;
@@ -3052,9 +3070,9 @@ var slice$5 = createSlice({
       draft.byId[mapId].animationDelay = defaultAnimationDelayAtStart;
       draft.byId[mapId].dockedLayerManagerSize = '';
     }).addCase(uiActions.registerDialog, function (draft, action) {
-      var _action$payload39 = action.payload,
-        mapId = _action$payload39.mapId,
-        type = _action$payload39.type;
+      var _action$payload41 = action.payload,
+        mapId = _action$payload41.mapId,
+        type = _action$payload41.type;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -3305,14 +3323,31 @@ var slice$4 = createSlice({
       if (synchronizationGroup.targets.allIds.includes(targetId)) {
         return;
       }
-      var isSourceLinked = (_synchronizationGroup = synchronizationGroup.targets.byId[targetId]) === null || _synchronizationGroup === void 0 ? void 0 : _synchronizationGroup.linked;
       synchronizationGroup.targets.allIds.push(targetId);
       synchronizationGroup.targets.byId[targetId] = {
         linked: linked !== false
       };
+      var isSourceLinked = (_synchronizationGroup = synchronizationGroup.targets.byId[targetId]) === null || _synchronizationGroup === void 0 ? void 0 : _synchronizationGroup.linked;
       if (isSourceLinked) {
-        var type = synchronizationGroup.type;
-        draft.sources.byId[targetId].payloadByType[type] = synchronizationGroup.payloadByType[type];
+        // In order to make syncgroup work correctly we need to have defaults
+        var defaultS = {
+          payloadByType: {
+            SYNCGROUPS_TYPE_SETTIME: {
+              value: {
+                timeSliderSpan: defaultTimeSpan,
+                timeSliderStep: defaultTimeStep
+              }
+            }
+          }
+        };
+        if (draft.sources.byId[targetId]) {
+          // Assign object based on 1: defaults, 2: The values in the group, 3: the values of the source.
+          mergeWith(draft.sources.byId[targetId], defaultS, synchronizationGroup, draft.sources.byId[targetId],
+          // eslint-disable-next-line id-length, @typescript-eslint/no-unsafe-return
+          function (a, b) {
+            return b === null ? a : undefined;
+          });
+        }
       }
     },
     syncGroupRemoveTarget: function syncGroupRemoveTarget(draft, action) {
@@ -3437,13 +3472,13 @@ var setBboxOrTimeSync = function setBboxOrTimeSync(draft, action) {
   }
 };
 var _slice$actions = slice$4.actions,
-  syncGroupAddGroup = _slice$actions.syncGroupAddGroup;
-  _slice$actions.syncGroupAddSource;
-  var syncGroupAddTarget = _slice$actions.syncGroupAddTarget;
+  syncGroupAddGroup = _slice$actions.syncGroupAddGroup,
+  syncGroupAddSource = _slice$actions.syncGroupAddSource,
+  syncGroupAddTarget = _slice$actions.syncGroupAddTarget;
   _slice$actions.syncGroupClear;
   _slice$actions.syncGroupLinkTarget;
   _slice$actions.syncGroupRemoveGroup;
-  _slice$actions.syncGroupRemoveSource;
+  var syncGroupRemoveSource = _slice$actions.syncGroupRemoveSource;
   _slice$actions.syncGroupRemoveTarget;
   _slice$actions.syncGroupSetViewState;
 var syncGroupsReducer = slice$4.reducer,
@@ -3990,12 +4025,26 @@ var getSelectedFeatureAsGeoJSON = createSelector([function (state, mapId) {
   });
   return selectedFeature;
 });
+var getSyncedStartCenterEndStepCurrentTime = createSelector(function (coreAppStore, sourceId) {
+  return getTime(getSynchronizationGroupStore(coreAppStore), sourceId);
+}, function (store) {
+  if (!(store !== null && store !== void 0 && store.timeSliderCenterTime) || !(store !== null && store !== void 0 && store.timeSliderSpan)) {
+    return undefined;
+  }
+  return {
+    start: Math.round(store.timeSliderCenterTime - store.timeSliderSpan / 2),
+    end: Math.round(store.timeSliderCenterTime + store.timeSliderSpan / 2),
+    step: (store === null || store === void 0 ? void 0 : store.timeSliderStep) || 60,
+    current: dateUtils.unixFromISOString(store === null || store === void 0 ? void 0 : store.currentTime)
+  };
+}, selectorMemoizationOptions);
 
 var selectors$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getLinkedMaps: getLinkedMaps,
   getSelectedFeature: getSelectedFeature,
   getSelectedFeatureAsGeoJSON: getSelectedFeatureAsGeoJSON,
+  getSyncedStartCenterEndStepCurrentTime: getSyncedStartCenterEndStepCurrentTime,
   getSynchronizationGroupStore: getSynchronizationGroupStore,
   getTime: getTime,
   selectLinkedFeatures: selectLinkedFeatures,
@@ -4005,6 +4054,60 @@ var selectors$5 = /*#__PURE__*/Object.freeze({
   selectSharedData: selectSharedData
 });
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2026 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2026 - Finnish Meteorological Institute (FMI)
+ * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+/**
+ * This registers a new syncgroup souce for given panel id. The source is not synced to any group by default.
+ * When the user links the source with a group, this hook returns an object with the timeslider state: start, end, step and current time.
+ * @param panelId panelId to register
+ * @returns the timeslider state
+ */
+var useSyncgroupTimeState = function useSyncgroupTimeState(panelId) {
+  var debounceMs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
+  var dispatch = useDispatch();
+  var syncGroupsAddSourceCallBack = React.useCallback(function (payload) {
+    dispatch(syncGroupAddSource(payload));
+  }, [dispatch]);
+  var syncGroupRemoveSourceCallback = React.useCallback(function (payload) {
+    dispatch(syncGroupRemoveSource(payload));
+  }, [dispatch]);
+  // Register
+  useEffect(function () {
+    syncGroupsAddSourceCallBack({
+      id: panelId,
+      type: [SYNCGROUPS_TYPE_SETTIME]
+    });
+    return function () {
+      syncGroupRemoveSourceCallback({
+        id: panelId
+      });
+    };
+  }, [panelId, syncGroupsAddSourceCallBack, syncGroupRemoveSourceCallback]);
+  var syncGroupTimeSliderCenterStartEndStep = useSelector(function (store) {
+    return getSyncedStartCenterEndStepCurrentTime(store, panelId);
+  });
+  var syncTargets = useSelector(function (store) {
+    return getAllTargetGroupsForSource(store, panelId);
+  });
+  var isSyncgroupLinked = syncTargets.length > 0;
+  return useDebounce(isSyncgroupLinked ? syncGroupTimeSliderCenterStartEndStep : undefined, debounceMs);
+};
+
 var useUpdateSharedData = function useUpdateSharedData(data, panelId) {
   var sharedData = useSelector(function (state) {
     return selectSharedData(state, panelId);
@@ -4772,6 +4875,20 @@ var getLayerService = createSelector(getLayerById, function (layer) {
   var _layer$service;
   return (_layer$service = layer === null || layer === void 0 ? void 0 : layer.service) !== null && _layer$service !== void 0 ? _layer$service : '';
 }, selectorMemoizationOptions);
+/**
+ * Gets layer service name
+ *
+ * Example: layerService = getLayerServiceName(store, 'layerId_1')
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @param {string} layerId layerId: string - Id of the layer
+ * @returns {string} returnType: string -  layer service name
+ */
+var getLayerServiceName = createSelector(function (store) {
+  return store;
+}, getLayerById, getLayerService, function (store, layer, service) {
+  var layerService = getServiceByUrl(store, service);
+  return layerService !== null && layerService !== void 0 && layerService.name ? layerService === null || layerService === void 0 ? void 0 : layerService.name : '';
+}, selectorMemoizationOptions);
 /**
  * Gets selected style of the passed layer
  *
@@ -5047,6 +5164,7 @@ var selectors$2 = /*#__PURE__*/Object.freeze({
   getLayerOpacity: getLayerOpacity,
   getLayerOptions: getLayerOptions,
   getLayerService: getLayerService,
+  getLayerServiceName: getLayerServiceName,
   getLayerStatus: getLayerStatus,
   getLayerStyle: getLayerStyle,
   getLayerTimeDimension: getLayerTimeDimension,
@@ -5520,7 +5638,6 @@ var getMapTimeSliderStartCenterEndAndStep = createSelector(getMapById, function
   var step = (_store$timeStep2 = store === null || store === void 0 ? void 0 : store.timeStep) !== null && _store$timeStep2 !== void 0 ? _store$timeStep2 : defaultTimeStep;
   return {
     start: start,
-    center: center,
     end: end,
     step: step
   };
@@ -5781,14 +5898,26 @@ var getClockSize = 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, getClockPosition, getClockSize, 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, function (store, mapId) {
+  var _getMapById$dockedLay, _getMapById;
+  return (_getMapById$dockedLay = (_getMapById = getMapById(store, mapId)) === null || _getMapById === void 0 ? void 0 : _getMapById.dockedLayerManagerSize) !== null && _getMapById$dockedLay !== void 0 ? _getMapById$dockedLay : 'sizeSmall';
+}, function (store, mapId) {
+  var _getMapById$dockedLay2, _getMapById2;
+  return (_getMapById$dockedLay2 = (_getMapById2 = getMapById(store, mapId)) === null || _getMapById2 === void 0 ? void 0 : _getMapById2.dockedLayerManagerPosition) !== null && _getMapById$dockedLay2 !== void 0 ? _getMapById$dockedLay2 : {
+    x: 0,
+    y: 0
+  };
+}, function (store, mapId) {
+  var _getMapById3;
+  return (_getMapById3 = getMapById(store, mapId)) === null || _getMapById3 === void 0 ? void 0 : _getMapById3.dockedLayerManagerDimensions;
+}, 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, clockPosition, clockSize, 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, dockedLayerManagerSize, dockedLayerManagerPosition, dockedLayerManagerDimensions, isClockVisible, clockPosition, clockSize, uiStore, mapId, keepAllDims) {
   var _overLayers$, _uiStore$dialogs$lege;
-  var defaultOverlayer = arguments.length > 28 && arguments[28] !== undefined ? arguments[28] : ((_overLayers$ = overLayers[0]) === null || _overLayers$ === void 0 ? void 0 : _overLayers$.name) || 'none';
+  var defaultOverlayer = arguments.length > 31 && arguments[31] !== undefined ? arguments[31] : ((_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);
@@ -5816,7 +5945,19 @@ 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(_objectSpread2(_objectSpread2({
+  var dockedLayerManagerDialog = uiStore === null || uiStore === void 0 ? void 0 : uiStore.dialogs["".concat(DialogTypes.DockedLayerManager, "-").concat(mapId)];
+  var floatingLayerManagerDialog = uiStore === null || uiStore === void 0 ? void 0 : uiStore.dialogs[DialogTypes.LayerManager];
+  var floatingLayerManagerMultimapDialog = uiStore === null || uiStore === void 0 ? void 0 : uiStore.dialogs["".concat(DialogTypes.LayerManager, "-").concat(mapId)];
+  var isFloatingLayerManagerOpenForMap = (floatingLayerManagerDialog === null || floatingLayerManagerDialog === void 0 ? void 0 : floatingLayerManagerDialog.isOpen) && (floatingLayerManagerDialog === null || floatingLayerManagerDialog === void 0 ? void 0 : floatingLayerManagerDialog.activeMapId) === mapId || (floatingLayerManagerMultimapDialog === null || floatingLayerManagerMultimapDialog === void 0 ? void 0 : floatingLayerManagerMultimapDialog.isOpen) || false;
+  var shouldShowDockedLayerManager = ((dockedLayerManagerDialog === null || dockedLayerManagerDialog === void 0 ? void 0 : dockedLayerManagerDialog.isOpen) || false) && !isFloatingLayerManagerOpenForMap;
+  var dockedLayerManagerPreset = shouldShowDockedLayerManager ? _objectSpread2({
+    shouldShowDockedLayerManager: shouldShowDockedLayerManager,
+    dockedLayerManagerSize: dockedLayerManagerSize,
+    dockedLayerManagerPosition: dockedLayerManagerPosition
+  }, dockedLayerManagerDimensions && {
+    dockedLayerManagerDimensions: dockedLayerManagerDimensions
+  }) : {};
+  return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
     layers: allLayers
   }, activeLayerId && {
     activeLayerId: activeLayerId
@@ -5841,7 +5982,7 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
     timeSliderSpan: timeSliderSpan,
     shouldShowDataExplorer: shouldShowDataExplorer,
     defaultOverlayer: defaultOverlayer
-  }, isClockVisible !== undefined && {
+  }, dockedLayerManagerPreset), isClockVisible !== undefined && {
     isClockVisible: isClockVisible
   }), clockPosition !== undefined && {
     clockPosition: clockPosition
@@ -5961,6 +6102,24 @@ var getIsEnabledLayersForMapDimension = createSelector(getMapLayerIdsEnabled, fu
 var getDockedLayerManagerSize = createSelector(getMapById, function (store) {
   return store ? store.dockedLayerManagerSize : 'sizeSmall';
 }, selectorMemoizationOptions);
+/**
+ * Returns the dockedLayerManagerPosition originally set in mapPresets
+ *
+ * Example getDockedLayerManagerPosition(store);
+ * @param {object} store store: object - store object
+ * @param {string} mapId mapId: string - Id of the map
+ * @returns {DockedLayerManagerPosition} returnType: object
+ */
+var getDockedLayerManagerPosition = createSelector(getMapById, function (store) {
+  var _store$dockedLayerMan;
+  return (_store$dockedLayerMan = store === null || store === void 0 ? void 0 : store.dockedLayerManagerPosition) !== null && _store$dockedLayerMan !== void 0 ? _store$dockedLayerMan : {
+    x: 0,
+    y: 0
+  };
+}, selectorMemoizationOptions);
+var getDockedLayerManagerDimensions = createSelector(getMapById, function (store) {
+  return store === null || store === void 0 ? void 0 : store.dockedLayerManagerDimensions;
+}, selectorMemoizationOptions);
 /**
  * Returns the animation list for given map id
  * @param {object} store store: object - store object
@@ -6081,6 +6240,8 @@ var selectors$1 = /*#__PURE__*/Object.freeze({
   getDataLimitsFromLayers: getDataLimitsFromLayers,
   getDisableMapPin: getDisableMapPin,
   getDisplayMapPin: getDisplayMapPin,
+  getDockedLayerManagerDimensions: getDockedLayerManagerDimensions,
+  getDockedLayerManagerPosition: getDockedLayerManagerPosition,
   getDockedLayerManagerSize: getDockedLayerManagerSize,
   getFirstMap: getFirstMap,
   getFirstMapId: getFirstMapId,
@@ -6604,18 +6765,25 @@ genericListener.startListening({
             payload = _ref.payload;
             listenerApi.cancelActiveListeners();
             value = payload.value, origin = payload.origin;
-            if (value !== null && value !== void 0 && value.currentTime) {
-              currentTime = value.currentTime;
-              /* Test if the current is according to the expected time format */
-              if (!setTimeValidatorRexexp.test(currentTime)) {
-                console.error("setTime value ".concat(currentTime, " does not conform to format [YYYY-MM-DDThh:mm:ssZ]. It was triggered by ").concat(origin));
-              } else {
-                targets = getTargets(listenerApi.getState(), payload, SYNCGROUPS_TYPE_SETTIME);
-                groups = getTargetGroups(listenerApi.getState(), payload, SYNCGROUPS_TYPE_SETTIME);
-                listenerApi.dispatch(setTimeSync(payload, targets, groups));
-              }
+            if (!(value !== null && value !== void 0 && value.currentTime)) {
+              _context.next = 8;
+              break;
             }
-          case 4:
+            currentTime = value.currentTime;
+            /* Test if the current is according to the expected time format */
+            if (setTimeValidatorRexexp.test(currentTime)) {
+              _context.next = 8;
+              break;
+            }
+            console.error("setTime value ".concat(currentTime, " does not conform to format [YYYY-MM-DDThh:mm:ssZ]. It was triggered by ").concat(origin));
+            // Do not do anything
+            return _context.abrupt("return");
+          case 8:
+            // SetTimeSyncProps contains besides currenttime many other props. Set these.
+            targets = getTargets(listenerApi.getState(), payload, SYNCGROUPS_TYPE_SETTIME);
+            groups = getTargetGroups(listenerApi.getState(), payload, SYNCGROUPS_TYPE_SETTIME);
+            listenerApi.dispatch(setTimeSync(payload, targets, groups));
+          case 11:
           case "end":
             return _context.stop();
         }
@@ -7380,7 +7548,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, 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;
+      var payload, mapId, initialProps, mapPreset, _mapPreset$dimensions, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, shouldShowDockedLayerManager, shouldShowDataExplorer, dockedLayerManagerSize, dockedLayerManagerPosition, dockedLayerManagerDimensions, 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, dockedLayerManagerType, fiveMinuteDelayForAnimation, _animationEnd2, _animationStart;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -7389,10 +7557,10 @@ mapListener.startListening({
             mapId = payload.mapId, initialProps = payload.initialProps;
             mapPreset = initialProps.mapPreset;
             if (!mapPreset) {
-              _context2.next = 56;
+              _context2.next = 61;
               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, clockPosition = mapPreset.clockPosition, clockSize = mapPreset.clockSize;
+            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, shouldShowDockedLayerManager = mapPreset.shouldShowDockedLayerManager, shouldShowDataExplorer = mapPreset.shouldShowDataExplorer, dockedLayerManagerSize = mapPreset.dockedLayerManagerSize, dockedLayerManagerPosition = mapPreset.dockedLayerManagerPosition, dockedLayerManagerDimensions = mapPreset.dockedLayerManagerDimensions, 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
@@ -7658,15 +7826,40 @@ mapListener.startListening({
                 dockedLayerManagerSize: dockedLayerManagerSize
               }));
             }
-          case 46:
+            dockedLayerManagerType = "".concat(DialogTypes.DockedLayerManager, "-").concat(mapId);
+            if (shouldShowDockedLayerManager !== undefined) {
+              listenerApi.dispatch(uiActions.setToggleOpenDialog({
+                type: dockedLayerManagerType,
+                setOpen: shouldShowDockedLayerManager
+              }));
+            }
+            if (shouldShowDockedLayerManager) {
+              listenerApi.dispatch(uiActions.setToggleOpenDialog({
+                type: DialogTypes.LayerManager,
+                setOpen: false
+              }));
+            }
+            if (dockedLayerManagerPosition) {
+              listenerApi.dispatch(mapActions.setDockedLayerManagerPosition({
+                mapId: mapId,
+                dockedLayerManagerPosition: dockedLayerManagerPosition
+              }));
+            }
+            if (dockedLayerManagerDimensions) {
+              listenerApi.dispatch(mapActions.setDockedLayerManagerDimensions({
+                mapId: mapId,
+                dockedLayerManagerDimensions: dockedLayerManagerDimensions
+              }));
+            }
+          case 51:
             if (!(animationEndTime && (shouldEndtimeOverride || !(shouldAutoUpdate || shouldAnimate)))) {
-              _context2.next = 56;
+              _context2.next = 61;
               break;
             }
             fiveMinuteDelayForAnimation = 1000 * 60 * 5; // eslint-disable-next-line no-await-in-loop
-            _context2.next = 50;
+            _context2.next = 55;
             return listenerApi.delay(fiveMinuteDelayForAnimation);
-          case 50:
+          case 55:
             _animationEnd2 = getAnimationEndTime(listenerApi.getState(), mapId);
             listenerApi.dispatch(mapActions.setAnimationEndTime({
               mapId: mapId,
@@ -7681,13 +7874,13 @@ mapListener.startListening({
                 minutes: 5
               }).toISOString()
             }));
-            _context2.next = 46;
+            _context2.next = 51;
             break;
-          case 56:
-            _context2.next = 61;
+          case 61:
+            _context2.next = 66;
             break;
-          case 58:
-            _context2.prev = 58;
+          case 63:
+            _context2.prev = 63;
             _context2.t0 = _context2["catch"](1);
             if (_context2.t0 instanceof Error) {
               listenerApi.dispatch(mapActions.setMapPresetError({
@@ -7695,11 +7888,11 @@ mapListener.startListening({
                 error: _context2.t0.message
               }));
             }
-          case 61:
+          case 66:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[1, 58]]);
+      }, _callee2, null, [[1, 63]]);
     }));
     function effect(_x3, _x4) {
       return _effect2.apply(this, arguments);
@@ -9375,4 +9568,4 @@ var configureOpenGeoWebStore = function configureOpenGeoWebStore() {
   });
 };
 
-export { IS_LEGEND_OPEN_BY_DEFAULT, SECONDS_IN_DAY, SECONDS_IN_HOUR, commonActions, commonListener, commonReducers, commonSelectors, configureOpenGeoWebStore, createMockStore, createViewObjectForNewMap, drawingToolActions, drawingToolListener, drawingToolReducer, selectors as drawingToolSelectors, filterLayers$1 as filterLayers, genericActions, genericListener, selectors$5 as genericSelectors, getSingularDrawtoolDrawLayerId, getUserAddedServices, getViewObjectForMapId, getViewObjectForSyncGroup, initialState$3 as initialState, layerActions, layerReducer, selectors$2 as layerSelectors, types$2 as layerTypes, utils$1 as layerUtils, layersListener, constants as linkComponentTypesConstants, loadingIndicatorActions, constants$1 as loadingIndicatorConstants, loadingIndicatorReducer, selectors$4 as loadingIndicatorSelectors, mapActions, enums as mapEnums, mapListener, mapReducer, selectors$1 as mapSelectors, types$3 as mapTypes, mapUtils, metronomeListener, openlayersListener, routerActions, routerListener, routerReducer, utils as routerUtils, selectorMemoizationOptions, serviceActions, serviceListener, serviceReducer, selectors$7 as serviceSelectors, setUserAddedServices, storeMiddlewares, storeReducerMap, storeTestSettings, storeTestUtils, utils$3 as storeUtils, constants$2 as syncConstants, syncGroupsActions, syncGroupsListener, syncGroupsReducer, selector as syncGroupsSelector, selectors$6 as syncGroupsSelectors, types$1 as syncGroupsTypes, types$1 as types, uiActions, uiReducer, selectors$3 as uiSelectors, types as uiTypes, unifyReducerMaps, useSetupDialog, useUpdateSharedData };
+export { IS_LEGEND_OPEN_BY_DEFAULT, SECONDS_IN_DAY, SECONDS_IN_HOUR, commonActions, commonListener, commonReducers, commonSelectors, configureOpenGeoWebStore, createMockStore, createViewObjectForNewMap, drawingToolActions, drawingToolListener, drawingToolReducer, selectors as drawingToolSelectors, filterLayers$1 as filterLayers, genericActions, genericListener, selectors$5 as genericSelectors, getSingularDrawtoolDrawLayerId, getUserAddedServices, getViewObjectForMapId, getViewObjectForSyncGroup, initialState$3 as initialState, layerActions, layerReducer, selectors$2 as layerSelectors, types$2 as layerTypes, utils$1 as layerUtils, layersListener, constants as linkComponentTypesConstants, loadingIndicatorActions, constants$1 as loadingIndicatorConstants, loadingIndicatorReducer, selectors$4 as loadingIndicatorSelectors, mapActions, enums as mapEnums, mapListener, mapReducer, selectors$1 as mapSelectors, types$3 as mapTypes, mapUtils, metronomeListener, openlayersListener, routerActions, routerListener, routerReducer, utils as routerUtils, selectorMemoizationOptions, serviceActions, serviceListener, serviceReducer, selectors$7 as serviceSelectors, setUserAddedServices, storeMiddlewares, storeReducerMap, storeTestSettings, storeTestUtils, utils$3 as storeUtils, constants$2 as syncConstants, syncGroupsActions, syncGroupsListener, syncGroupsReducer, selector as syncGroupsSelector, selectors$6 as syncGroupsSelectors, types$1 as syncGroupsTypes, types$1 as types, uiActions, uiReducer, selectors$3 as uiSelectors, types as uiTypes, unifyReducerMaps, useSetupDialog, useSyncgroupTimeState, useUpdateSharedData };

package/package.json

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

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

@@ -1,5 +1,6 @@
 import type { CoreAppStore } from '../types';
 import type { LinkedState, PotentialData, SynchronizationGroupState, SynchronizationSource } from './syncGroups/types';
+import type { TimeSliderStartEndStepCurrent } from '../map/types';
 export declare const getSynchronizationGroupStore: (store: CoreAppStore) => SynchronizationGroupState;
 export declare const getTime: ((state: SynchronizationGroupState, id: string) => import("./synchronizationActions/types").SetTimeSyncProps | null) & {
     clearCache: () => void;
@@ -386,3 +387,24 @@ export declare const getSelectedFeatureAsGeoJSON: ((state: SynchronizationGroupS
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+export declare const getSyncedStartCenterEndStepCurrentTime: ((state: any, ...params: any[]) => TimeSliderStartEndStepCurrent | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (...resultFuncArgs: readonly any[]) => TimeSliderStartEndStepCurrent | undefined;
+    memoizedResultFunc: ((...resultFuncArgs: readonly any[]) => TimeSliderStartEndStepCurrent | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => TimeSliderStartEndStepCurrent | undefined;
+    dependencies: import("reselect").SelectorArray<any>;
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};

package/src/store/generic/syncGroups/hooks.d.ts

@@ -0,0 +1,8 @@
+import type { TimeSliderStartEndStepCurrent } from '../../map/map/types';
+/**
+ * This registers a new syncgroup souce for given panel id. The source is not synced to any group by default.
+ * When the user links the source with a group, this hook returns an object with the timeslider state: start, end, step and current time.
+ * @param panelId panelId to register
+ * @returns the timeslider state
+ */
+export declare const useSyncgroupTimeState: (panelId: string, debounceMs?: number) => TimeSliderStartEndStepCurrent | undefined;

package/src/store/generic/syncGroups/hooks.spec.d.ts

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

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

@@ -7,3 +7,4 @@ export type { SynchronizationGroupModuleState } from './types';
 export * as syncGroupsSelectors from './selectors';
 export * as syncGroupsTypes from './types';
 export * as syncGroupsSelector from './selector';
+export * from './hooks';

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

@@ -1,5 +1,5 @@
 export * from './service';
 export * from './map';
 export * from './layer';
-export type { WebMapStateModuleState, MapPreset, MapPresetInitialProps, TimeSliderStartCenterEndTime, } from './types';
+export type { WebMapStateModuleState, MapPreset, MapPresetInitialProps, TimeSliderStartEndStep, } from './types';
 export * as storeTestSettings from './storeTestSettings';

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

@@ -1297,6 +1297,35 @@ export declare const getLayerService: ((state: any, layerId: any) => string) & {
     memoize: typeof import("reselect").weakMapMemoize;
     argsMemoize: typeof import("reselect").weakMapMemoize;
 };
+/**
+ * Gets layer service name
+ *
+ * Example: layerService = getLayerServiceName(store, 'layerId_1')
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @param {string} layerId layerId: string - Id of the layer
+ * @returns {string} returnType: string -  layer service name
+ */
+export declare const getLayerServiceName: ((state: any, ...params: any[]) => string) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (...resultFuncArgs: readonly any[]) => string;
+    memoizedResultFunc: ((...resultFuncArgs: readonly any[]) => string) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => string;
+    dependencies: import("reselect").SelectorArray<any>;
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+} & {
+    memoize: typeof import("reselect").weakMapMemoize;
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+};
 /**
  * Gets selected style of the passed layer
  *

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, SetClockPositionSizePayload } from './types';
+import type { WebMapState, SetAutoLayerIdPayload, SetMapAnimationStartPayload, SetMapAnimationStopPayload, SetTimeSliderSpanPayload, SetTimeStepPayload, SetAnimationStartTimePayload, SetAnimationEndTimePayload, SetAnimationDelayPayload, MoveLayerPayload, SetTimeSliderWidthPayload, SetTimeSliderCenterTimePayload, SetEndTimeOverriding, ToggleAutoUpdatePayload, ToggleTimestepAutoPayload, ToggleTimeSpanAutoPayload, ToggleTimeSliderHoverPayload, DisableMapPinPayload, ToggleTimeSliderIsVisiblePayload, SetDockedLayerManagerSize, SetDockedLayerManagerPosition, SetDockedLayerManagerDimensions, ToggleAnimationLengthAutoPayload, SetDefaultMapSettingsPayload, ToggleClockPayload, SetClockPositionSizePayload } from './types';
 import type { ToggleMapPinIsVisiblePayload, ToggleZoomControlsPayload } from '../types';
 import type { MapActionOrigin } from './enums';
 /**
@@ -54,6 +54,8 @@ export declare const slice: import("@reduxjs/toolkit").Slice<WebMapState, {
     setDisableMapPin: (draft: Draft<WebMapState>, action: PayloadAction<DisableMapPinPayload>) => void;
     toggleMapPinIsVisible: (draft: Draft<WebMapState>, action: PayloadAction<ToggleMapPinIsVisiblePayload>) => void;
     setDockedLayerManagerSize: (draft: Draft<WebMapState>, action: PayloadAction<SetDockedLayerManagerSize>) => void;
+    setDockedLayerManagerPosition: (draft: Draft<WebMapState>, action: PayloadAction<SetDockedLayerManagerPosition>) => void;
+    setDockedLayerManagerDimensions: (draft: Draft<WebMapState>, action: PayloadAction<SetDockedLayerManagerDimensions>) => void;
     setMapPresetError: (_draft: Draft<WebMapState>, _action: PayloadAction<{
         mapId: string;
         error?: string;
@@ -112,6 +114,8 @@ export declare const mapActions: {
     setDisableMapPin: import("@reduxjs/toolkit").ActionCreatorWithPayload<DisableMapPinPayload, "mapReducer/setDisableMapPin">;
     toggleMapPinIsVisible: import("@reduxjs/toolkit").ActionCreatorWithPayload<ToggleMapPinIsVisiblePayload, "mapReducer/toggleMapPinIsVisible">;
     setDockedLayerManagerSize: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetDockedLayerManagerSize, "mapReducer/setDockedLayerManagerSize">;
+    setDockedLayerManagerPosition: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetDockedLayerManagerPosition, "mapReducer/setDockedLayerManagerPosition">;
+    setDockedLayerManagerDimensions: import("@reduxjs/toolkit").ActionCreatorWithPayload<SetDockedLayerManagerDimensions, "mapReducer/setDockedLayerManagerDimensions">;
     setMapPresetError: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
         mapId: string;
         error?: string;

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

@@ -1,7 +1,7 @@
 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';
+import type { Dimension, DockedLayerManagerPosition, DockedLayerManagerSize, DockedLayerManagerDimensions, HarmonieInitialPropsResult, InitialTimeSliderProps, Layer, MultiMapInitialProps, ReduxLayer, TimeSliderStartEndStep, WebMapAnimationList } from '../types';
 /**
  * Gets the map state by mapId
  *
@@ -1332,18 +1332,18 @@ export declare const getMapTimeSliderWidth: ((state: CoreAppStore, mapId: string
  * @returns {number} returnType: number - center time as a unix timestamp
  */
 export declare const getMapTimeSliderCenterTime: (store: CoreAppStore, mapId: string) => number;
-export declare const getMapTimeSliderStartCenterEndAndStep: ((state: CoreAppStore, mapId: string) => TimeSliderStartCenterEndTime) & {
+export declare const getMapTimeSliderStartCenterEndAndStep: ((state: CoreAppStore, mapId: string) => TimeSliderStartEndStep) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: WebMap | undefined) => TimeSliderStartCenterEndTime;
-    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => TimeSliderStartCenterEndTime) & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => TimeSliderStartEndStep;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => TimeSliderStartEndStep) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
     };
-    lastResult: () => TimeSliderStartCenterEndTime;
+    lastResult: () => TimeSliderStartEndStep;
     dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
     recomputations: () => number;
     resetRecomputations: () => void;
@@ -2162,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: 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) & {
+    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: DockedLayerManagerSize, resultFuncArgs_23: DockedLayerManagerPosition, resultFuncArgs_24: DockedLayerManagerDimensions | undefined, resultFuncArgs_25: boolean | undefined, resultFuncArgs_26: ClockPosition | undefined, resultFuncArgs_27: ClockSize | undefined, resultFuncArgs_28: uiTypes.UIStoreType, resultFuncArgs_29: string, resultFuncArgs_30: 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: DockedLayerManagerSize, resultFuncArgs_23: DockedLayerManagerPosition, resultFuncArgs_24: DockedLayerManagerDimensions | undefined, resultFuncArgs_25: boolean | undefined, resultFuncArgs_26: ClockPosition | undefined, resultFuncArgs_27: ClockSize | undefined, resultFuncArgs_28: uiTypes.UIStoreType, resultFuncArgs_29: string, resultFuncArgs_30: string) => MapPreset) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
@@ -2709,7 +2709,7 @@ export declare const getMapPreset: ((state: CoreAppStore & uiTypes.UIModuleState
     } & {
         memoize: typeof import("reselect").weakMapMemoize;
         argsMemoize: typeof import("reselect").weakMapMemoize;
-    }, ((state: CoreAppStore, mapId: string) => boolean | undefined) & {
+    }, (store: CoreAppStore, mapId: string) => DockedLayerManagerSize, (store: CoreAppStore, mapId: string) => DockedLayerManagerPosition, (store: CoreAppStore, mapId: string) => DockedLayerManagerDimensions | undefined, ((state: CoreAppStore, mapId: string) => boolean | undefined) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
@@ -2948,18 +2948,68 @@ export declare const getIsEnabledLayersForMapDimension: ((state: CoreAppStore, _
  * @param {string} mapId mapId: string - Id of the map
  * @returns {DockedLayerManagerSize} returnType: string
  */
-export declare const getDockedLayerManagerSize: ((state: CoreAppStore, mapId: string) => import("./types").DockedLayerManagerSize | undefined) & {
+export declare const getDockedLayerManagerSize: ((state: CoreAppStore, mapId: string) => DockedLayerManagerSize | undefined) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => DockedLayerManagerSize | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => DockedLayerManagerSize | undefined) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => DockedLayerManagerSize | 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 the dockedLayerManagerPosition originally set in mapPresets
+ *
+ * Example getDockedLayerManagerPosition(store);
+ * @param {object} store store: object - store object
+ * @param {string} mapId mapId: string - Id of the map
+ * @returns {DockedLayerManagerPosition} returnType: object
+ */
+export declare const getDockedLayerManagerPosition: ((state: CoreAppStore, mapId: string) => DockedLayerManagerPosition) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => DockedLayerManagerPosition;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => DockedLayerManagerPosition) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+    };
+    lastResult: () => DockedLayerManagerPosition;
+    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;
+};
+export declare const getDockedLayerManagerDimensions: ((state: CoreAppStore, mapId: string) => DockedLayerManagerDimensions | undefined) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
 } & {
-    resultFunc: (resultFuncArgs_0: WebMap | undefined) => import("./types").DockedLayerManagerSize | undefined;
-    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => import("./types").DockedLayerManagerSize | undefined) & {
+    resultFunc: (resultFuncArgs_0: WebMap | undefined) => DockedLayerManagerDimensions | undefined;
+    memoizedResultFunc: ((resultFuncArgs_0: WebMap | undefined) => DockedLayerManagerDimensions | undefined) & {
         clearCache: () => void;
         resultsCount: () => number;
         resetResultsCount: () => void;
     };
-    lastResult: () => import("./types").DockedLayerManagerSize | undefined;
+    lastResult: () => DockedLayerManagerDimensions | undefined;
     dependencies: [(store: CoreAppStore, mapId: string) => WebMap | undefined];
     recomputations: () => number;
     resetRecomputations: () => void;

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

@@ -52,6 +52,8 @@ export interface WebMap {
     displayMapPin?: boolean;
     legendId?: string;
     dockedLayerManagerSize?: DockedLayerManagerSize;
+    dockedLayerManagerPosition?: DockedLayerManagerPosition;
+    dockedLayerManagerDimensions?: DockedLayerManagerDimensions;
     isTimeScrollingEnabled?: boolean;
     selectedMapIds?: string[];
     isClockVisible?: boolean;
@@ -59,6 +61,14 @@ export interface WebMap {
     clockSize?: ClockSize;
 }
 export type DockedLayerManagerSize = 'sizeSmall' | 'sizeMedium' | 'sizeLarge' | '';
+export interface DockedLayerManagerPosition {
+    x: number;
+    y: number;
+}
+export interface DockedLayerManagerDimensions {
+    width: number;
+    height: number;
+}
 export interface WebMapState {
     byId: Record<string, WebMap>;
     allIds: string[];
@@ -108,6 +118,8 @@ export interface MapPreset {
     shouldShowLayerManager?: boolean;
     shouldShowDockedLayerManager?: boolean;
     dockedLayerManagerSize?: DockedLayerManagerSize;
+    dockedLayerManagerPosition?: DockedLayerManagerPosition;
+    dockedLayerManagerDimensions?: DockedLayerManagerDimensions;
     selectedMapIds?: string[];
     timeSliderSpan?: number;
     toggleTimeSpanAuto?: boolean;
@@ -242,6 +254,17 @@ export interface SetMapPresetPayload {
 export interface SetDockedLayerManagerSize {
     mapId: string;
     dockedLayerManagerSize: DockedLayerManagerSize;
+    origin?: MapActionOrigin;
+}
+export interface SetDockedLayerManagerPosition {
+    mapId: string;
+    dockedLayerManagerPosition: DockedLayerManagerPosition;
+    origin?: MapActionOrigin;
+}
+export interface SetDockedLayerManagerDimensions {
+    mapId: string;
+    dockedLayerManagerDimensions: DockedLayerManagerDimensions;
+    origin?: MapActionOrigin;
 }
 export interface ISO8601Interval {
     startTime: string;
@@ -251,12 +274,14 @@ export interface ISO8601Interval {
 export interface SetDefaultMapSettingsPayload {
     preset: MapPreset;
 }
-export interface TimeSliderStartCenterEndTime {
+export interface TimeSliderStartEndStep {
     start: number;
-    center: number;
     end: number;
     step: number;
 }
+export interface TimeSliderStartEndStepCurrent extends TimeSliderStartEndStep {
+    current: number;
+}
 export interface MultiMapInitialProps {
     mapPreset: MapPreset[];
     syncGroupsIds: string[];