@opengeoweb/store 14.4.0 → 14.5.0

package/index.esm.js

@@ -1,14 +1,14 @@
 import { createSlice, createSelector, createAction, createListenerMiddleware, isAnyOf, createEntityAdapter, combineReducers, configureStore } from '@reduxjs/toolkit';
-import { isEqual, isEmpty, merge, compact } from 'lodash';
-import { dateUtils, PROJECTION, defaultDelay } from '@opengeoweb/shared';
+import { isEqual, 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 { 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 { center } from '@turf/turf';
+import { useEffect, useCallback } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-import { useCallback, useEffect } from 'react';
-import * as turf from '@turf/turf';
 import { metronome } from '@opengeoweb/metronome';
 import { View, Observable } from 'ol';
 import { boundingExtent, getCenter } from 'ol/extent';
@@ -709,28 +709,6 @@ var selectors$7 = /*#__PURE__*/Object.freeze({
   getServices: getServices
 });
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-
-var types$5 = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -779,6 +757,90 @@ var isNoIdService = function isNoIdService(param) {
   return !!(serviceParam !== null && serviceParam !== void 0 && serviceParam.name && serviceParam !== null && serviceParam !== void 0 && serviceParam.url);
 };
 
+var replaceLayerIdsToEnsureUniqueLayerIdsInStore = function replaceLayerIdsToEnsureUniqueLayerIdsInStore(layerIds) {
+  var layers = layerIds.layers,
+    autoTimeStepLayerId = layerIds.autoTimeStepLayerId,
+    autoUpdateLayerId = layerIds.autoUpdateLayerId;
+  var layerIdIsSameForTimestepAndUpdate = autoTimeStepLayerId && autoTimeStepLayerId === autoUpdateLayerId;
+  if (layerIdIsSameForTimestepAndUpdate) {
+    var newAutoLayerId = webmapUtils.generateLayerId();
+    return {
+      layers: replaceLayerIds(layers, autoTimeStepLayerId, newAutoLayerId),
+      autoTimeStepLayerId: newAutoLayerId,
+      autoUpdateLayerId: newAutoLayerId
+    };
+  }
+  var autoTimeStepLayerIdNew = autoTimeStepLayerId && webmapUtils.generateLayerId();
+  var autoUpdateLayerIdNew = autoUpdateLayerId && webmapUtils.generateLayerId();
+  var timestepAndUpdateLayerIdsAreProvided = autoTimeStepLayerId && autoUpdateLayerId;
+  if (timestepAndUpdateLayerIdsAreProvided) {
+    var autoTimeStepLayerIndex = layers.findIndex(function (layer) {
+      return layer.id === autoTimeStepLayerId;
+    });
+    var autoUpdateLayerIndex = layers.findIndex(function (layer) {
+      return layer.id === autoUpdateLayerId;
+    });
+    var _layersWithNewIds = layers.map(function (layer, index) {
+      if (layer.id && index === autoTimeStepLayerIndex) {
+        return _objectSpread2(_objectSpread2({}, layer), {}, {
+          id: autoTimeStepLayerIdNew
+        });
+      }
+      if (layer.id && index === autoUpdateLayerIndex) {
+        return _objectSpread2(_objectSpread2({}, layer), {}, {
+          id: autoUpdateLayerIdNew
+        });
+      }
+      return _objectSpread2(_objectSpread2({}, layer), {}, {
+        id: webmapUtils.generateLayerId()
+      });
+    });
+    return {
+      layers: _layersWithNewIds,
+      autoTimeStepLayerId: autoTimeStepLayerIdNew,
+      autoUpdateLayerId: autoUpdateLayerIdNew
+    };
+  }
+  if (autoTimeStepLayerIdNew) {
+    return {
+      layers: replaceLayerIds(layers, autoTimeStepLayerId, autoTimeStepLayerIdNew),
+      autoTimeStepLayerId: autoTimeStepLayerIdNew
+    };
+  }
+  if (autoUpdateLayerIdNew) {
+    return {
+      layers: replaceLayerIds(layers, autoUpdateLayerId, autoUpdateLayerIdNew),
+      autoUpdateLayerId: autoUpdateLayerIdNew
+    };
+  }
+  // The code below is executed if neither auto timestep
+  // nor auto update layer id was provided
+  var layersWithNewIds = layers.map(function (layer) {
+    return _objectSpread2(_objectSpread2({}, layer), {}, {
+      id: webmapUtils.generateLayerId()
+    });
+  });
+  return {
+    layers: layersWithNewIds
+  };
+};
+function replaceLayerIds(layers, autoLayerIdOld, autoLayerIdNew) {
+  var autoLayerIndex = layers.findIndex(function (layer) {
+    return layer.id === autoLayerIdOld;
+  });
+  var layersWithNewIds = layers.map(function (layer, index) {
+    if (layer.id && index === autoLayerIndex) {
+      return _objectSpread2(_objectSpread2({}, layer), {}, {
+        id: autoLayerIdNew
+      });
+    }
+    return _objectSpread2(_objectSpread2({}, layer), {}, {
+      id: webmapUtils.generateLayerId()
+    });
+  });
+  return layersWithNewIds;
+}
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -808,7 +870,7 @@ var AnimationLength;
   AnimationLength[AnimationLength["Hours24"] = 1440] = "Hours24";
 })(AnimationLength || (AnimationLength = {}));
 
-var types$4 = /*#__PURE__*/Object.freeze({
+var types$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   get AnimationLength () { return AnimationLength; }
 });
@@ -1131,7 +1193,7 @@ var generateAnimationList = function generateAnimationList(unixAnimationStart, u
  * @returns An array of ISO8601 intervals
  */
 var parseTimeDimToISO8601Interval = function parseTimeDimToISO8601Interval(timeInterval) {
-  if (!timeInterval || !timeInterval.includes('/')) {
+  if (!(timeInterval !== null && timeInterval !== void 0 && timeInterval.includes('/'))) {
     return [];
   }
   var intervalList = timeInterval.split(',').map(function (interval) {
@@ -1181,89 +1243,30 @@ var utils$2 = /*#__PURE__*/Object.freeze({
   produceTimeSliderTimeSpan: produceTimeSliderTimeSpan
 });
 
-var replaceLayerIdsToEnsureUniqueLayerIdsInStore = function replaceLayerIdsToEnsureUniqueLayerIdsInStore(layerIds) {
-  var layers = layerIds.layers,
-    autoTimeStepLayerId = layerIds.autoTimeStepLayerId,
-    autoUpdateLayerId = layerIds.autoUpdateLayerId;
-  var layerIdIsSameForTimestepAndUpdate = autoTimeStepLayerId && autoTimeStepLayerId === autoUpdateLayerId;
-  if (layerIdIsSameForTimestepAndUpdate) {
-    var newAutoLayerId = webmapUtils.generateLayerId();
-    return {
-      layers: replaceLayerIds(layers, autoTimeStepLayerId, newAutoLayerId),
-      autoTimeStepLayerId: newAutoLayerId,
-      autoUpdateLayerId: newAutoLayerId
-    };
-  }
-  var autoTimeStepLayerIdNew = autoTimeStepLayerId && webmapUtils.generateLayerId();
-  var autoUpdateLayerIdNew = autoUpdateLayerId && webmapUtils.generateLayerId();
-  var timestepAndUpdateLayerIdsAreProvided = autoTimeStepLayerId && autoUpdateLayerId;
-  if (timestepAndUpdateLayerIdsAreProvided) {
-    var autoTimeStepLayerIndex = layers.findIndex(function (layer) {
-      return layer.id === autoTimeStepLayerId;
-    });
-    var autoUpdateLayerIndex = layers.findIndex(function (layer) {
-      return layer.id === autoUpdateLayerId;
-    });
-    var _layersWithNewIds = layers.map(function (layer, index) {
-      if (layer.id && index === autoTimeStepLayerIndex) {
-        return _objectSpread2(_objectSpread2({}, layer), {}, {
-          id: autoTimeStepLayerIdNew
-        });
-      }
-      if (layer.id && index === autoUpdateLayerIndex) {
-        return _objectSpread2(_objectSpread2({}, layer), {}, {
-          id: autoUpdateLayerIdNew
-        });
-      }
-      return _objectSpread2(_objectSpread2({}, layer), {}, {
-        id: webmapUtils.generateLayerId()
-      });
-    });
-    return {
-      layers: _layersWithNewIds,
-      autoTimeStepLayerId: autoTimeStepLayerIdNew,
-      autoUpdateLayerId: autoUpdateLayerIdNew
-    };
-  }
-  if (autoTimeStepLayerIdNew) {
-    return {
-      layers: replaceLayerIds(layers, autoTimeStepLayerId, autoTimeStepLayerIdNew),
-      autoTimeStepLayerId: autoTimeStepLayerIdNew
-    };
-  }
-  if (autoUpdateLayerIdNew) {
-    return {
-      layers: replaceLayerIds(layers, autoUpdateLayerId, autoUpdateLayerIdNew),
-      autoUpdateLayerId: autoUpdateLayerIdNew
-    };
-  }
-  // The code below is executed if neither auto timestep
-  // nor auto update layer id was provided
-  var layersWithNewIds = layers.map(function (layer) {
-    return _objectSpread2(_objectSpread2({}, layer), {}, {
-      id: webmapUtils.generateLayerId()
-    });
-  });
-  return {
-    layers: layersWithNewIds
-  };
-};
-function replaceLayerIds(layers, autoLayerIdOld, autoLayerIdNew) {
-  var autoLayerIndex = layers.findIndex(function (layer) {
-    return layer.id === autoLayerIdOld;
-  });
-  var layersWithNewIds = layers.map(function (layer, index) {
-    if (layer.id && index === autoLayerIndex) {
-      return _objectSpread2(_objectSpread2({}, layer), {}, {
-        id: autoLayerIdNew
-      });
-    }
-    return _objectSpread2(_objectSpread2({}, layer), {}, {
-      id: webmapUtils.generateLayerId()
-    });
-  });
-  return layersWithNewIds;
-}
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+/**
+ * These actions causes circular dependency if they are defined in the reducer.ts file.
+ * Therefor they are instead added to this file
+ * https://redux-toolkit.js.org/usage/usage-guide#exporting-and-using-slices
+ */
+var mapChangeDimension = createAction('MAP_CHANGE_DIMENSION');
+var setMapPreset = createAction('SET_MAP_PRESET');
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1366,48 +1369,148 @@ var setLayerActionSync = createAction('GENERIC_SYNC_SETLAYERACTIONS', function (
   };
 });
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-/**
- * These actions causes circular dependency if they are defined in the reducer.ts file.
- * Therefor they are instead added to this file
- * https://redux-toolkit.js.org/usage/usage-guide#exporting-and-using-slices
- */
-var mapChangeDimension = createAction('MAP_CHANGE_DIMENSION');
-var setMapPreset = createAction('SET_MAP_PRESET');
-
-/* *
- * 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 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
+var moveToTop = function moveToTop(list, element) {
+  var filteredList = list.filter(function (item) {
+    return item !== element;
+  });
+  var newOrder = [element].concat(_toConsumableArray(filteredList));
+  return newOrder;
+};
+var createUIDialogElement = function createUIDialogElement(_ref) {
+  var activeMapId = _ref.activeMapId,
+    type = _ref.type,
+    setOpen = _ref.setOpen,
+    _ref$source = _ref.source,
+    source = _ref$source === void 0 ? 'app' : _ref$source,
+    sourcePanelId = _ref.sourcePanelId;
+  return {
+    activeMapId: activeMapId,
+    isOpen: setOpen,
+    type: type,
+    source: source,
+    isLoading: false,
+    error: undefined,
+    sourcePanelId: sourcePanelId
+  };
+};
+var initialState$6 = {
+  order: [],
+  dialogs: {},
+  activeWindowId: undefined
+};
+var slice$7 = createSlice({
+  initialState: initialState$6,
+  name: 'uiReducer',
+  reducers: {
+    registerDialog: function registerDialog(draft, action) {
+      var type = action.payload.type;
+      var activeMapId = action.payload.mapId ? action.payload.mapId : '';
+      var setOpen = action.payload.setOpen ? action.payload.setOpen : false;
+      var source = action.payload.source ? action.payload.source : 'app';
+      if (!Object.keys(draft.dialogs).includes(type)) {
+        draft.dialogs[type] = createUIDialogElement({
+          activeMapId: activeMapId,
+          type: type,
+          setOpen: setOpen,
+          source: source
+        });
+      }
+      // register dialog to order
+      if (!draft.order.includes(type)) {
+        draft.order.push(type);
+      }
+    },
+    unregisterDialog: function unregisterDialog(draft, action) {
+      var type = action.payload.type;
+      if (draft.dialogs[type]) {
+        delete draft.dialogs[type];
+        draft.order = draft.order.filter(function (item) {
+          return item !== type;
+        });
+      }
+    },
+    setActiveMapIdForDialog: function setActiveMapIdForDialog(draft, action) {
+      var _action$payload = action.payload,
+        type = _action$payload.type,
+        mapId = _action$payload.mapId,
+        source = _action$payload.source;
+      if (!draft.dialogs[type]) {
+        return;
+      }
+      var isOpen = action.payload.setOpen !== undefined ? action.payload.setOpen : draft.dialogs[type].isOpen;
+      draft.dialogs[type].activeMapId = mapId;
+      draft.dialogs[type].isOpen = isOpen;
+      draft.dialogs[type].source = source;
+      if (isOpen) {
+        draft.order = moveToTop(draft.order, type);
+      }
+    },
+    setToggleOpenDialog: function setToggleOpenDialog(draft, action) {
+      var _action$payload2 = action.payload,
+        type = _action$payload2.type,
+        setOpen = _action$payload2.setOpen,
+        sourcePanelId = _action$payload2.sourcePanelId;
+      if (!draft.dialogs[type]) {
+        return;
+      }
+      draft.dialogs[type].isOpen = setOpen;
+      if (sourcePanelId) {
+        draft.dialogs[type].sourcePanelId = sourcePanelId;
+      }
+      if (setOpen) {
+        draft.order = moveToTop(draft.order, type);
+      }
+    },
+    orderDialog: function orderDialog(draft, action) {
+      var type = action.payload.type;
+      draft.order = moveToTop(draft.order, type);
+    },
+    setActiveWindowId: function setActiveWindowId(draft, action) {
+      var activeWindowId = action.payload.activeWindowId;
+      draft.activeWindowId = activeWindowId;
+    },
+    toggleIsLoadingDialog: function toggleIsLoadingDialog(draft, action) {
+      var _action$payload3 = action.payload,
+        isLoading = _action$payload3.isLoading,
+        type = _action$payload3.type;
+      draft.dialogs[type].isLoading = isLoading;
+    },
+    setErrorDialog: function setErrorDialog(draft, action) {
+      var _action$payload4 = action.payload,
+        error = _action$payload4.error,
+        type = _action$payload4.type;
+      draft.dialogs[type].error = error;
+    },
+    closeDialogsForMapId: function closeDialogsForMapId(draft, action) {
+      var mapId = action.payload.mapId;
+      Object.keys(draft.dialogs).forEach(function (key) {
+        if (draft.dialogs[key].activeMapId === mapId) {
+          draft.dialogs[key].isOpen = false;
+        }
+      });
+    }
+  }
+});
+var uiReducer = slice$7.reducer,
+  uiActions = slice$7.actions;
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2020 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 var LayerStatus;
 (function (LayerStatus) {
   LayerStatus["default"] = "default";
@@ -1424,7 +1527,7 @@ var LayerActionOrigin;
   LayerActionOrigin["dataExplorer"] = "dataExplorer";
 })(LayerActionOrigin || (LayerActionOrigin = {}));
 
-var types$3 = /*#__PURE__*/Object.freeze({
+var types$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   get LayerActionOrigin () { return LayerActionOrigin; },
   get LayerStatus () { return LayerStatus; }
@@ -1643,7 +1746,7 @@ var createLayer = function createLayer(_ref) {
     useLatestReferenceTime: useLatestReferenceTime
   });
 };
-var initialState$6 = {
+var initialState$5 = {
   byId: {},
   allIds: [],
   availableBaseLayers: {
@@ -1651,8 +1754,8 @@ var initialState$6 = {
     allIds: []
   }
 };
-var slice$7 = createSlice({
-  initialState: initialState$6,
+var slice$6 = createSlice({
+  initialState: initialState$5,
   name: 'layerReducer',
   reducers: {
     addLayer: function addLayer(draft, action) {
@@ -2103,6 +2206,7 @@ var slice$7 = createSlice({
       }
     },
     updateFeatureProperties: function updateFeatureProperties(draft, action) {
+      var _currentLayer$geojson2;
       var _action$payload18 = action.payload,
         layerId = _action$payload18.layerId,
         properties = _action$payload18.properties,
@@ -2111,7 +2215,7 @@ var slice$7 = createSlice({
       if (!currentLayer) {
         return;
       }
-      if (currentLayer.geojson && currentLayer.geojson.features.length) {
+      if ((_currentLayer$geojson2 = currentLayer.geojson) !== null && _currentLayer$geojson2 !== void 0 && _currentLayer$geojson2.features.length) {
         currentLayer.geojson.features.forEach(function (_, index) {
           if (selectedFeatureIndex === undefined || selectedFeatureIndex === index) {
             Object.keys(properties).forEach(function (key) {
@@ -2249,199 +2353,74 @@ var slice$7 = createSlice({
     });
   }
 });
-var layerReducer = slice$7.reducer,
-  layerActions = slice$7.actions;
+var layerReducer = slice$6.reducer,
+  layerActions = slice$6.actions;
 
-var moveToTop = function moveToTop(list, element) {
-  var filteredList = list.filter(function (item) {
-    return item !== element;
+/**
+ * Checks if the layer id is already taken in one of the maps.
+ * @param state The WebMapState
+ * @param layerIdToCheck The layerId to check
+ * @returns true if the layerId is already taken somewhere else.
+ */
+var checkIfMapLayerIdIsAlreadyTaken = function checkIfMapLayerIdIsAlreadyTaken(state, layerId) {
+  return state.allIds.some(function (mapId) {
+    var map = state.byId[mapId];
+    var doesLayeridExist = function doesLayeridExist(layers) {
+      return layers === null || layers === void 0 ? void 0 : layers.some(function (id) {
+        return id === layerId;
+      });
+    };
+    return doesLayeridExist(map.mapLayers) || doesLayeridExist(map.overLayers) || doesLayeridExist(map.baseLayers) || doesLayeridExist(map.featureLayers);
   });
-  var newOrder = [element].concat(_toConsumableArray(filteredList));
-  return newOrder;
 };
-var createUIDialogElement = function createUIDialogElement(_ref) {
-  var activeMapId = _ref.activeMapId,
-    type = _ref.type,
-    setOpen = _ref.setOpen,
-    _ref$source = _ref.source,
-    source = _ref$source === void 0 ? 'app' : _ref$source,
-    sourcePanelId = _ref.sourcePanelId;
-  return {
-    activeMapId: activeMapId,
-    isOpen: setOpen,
-    type: type,
-    source: source,
-    isLoading: false,
-    error: undefined,
-    sourcePanelId: sourcePanelId
-  };
+/**
+ * Addes id's to the layer object. All layers need to have an id for referring.
+ * @param layers
+ */
+var createLayersWithIds = function createLayersWithIds(state, layers) {
+  if (!layers) {
+    return layers;
+  }
+  return produce(layers, function (draft) {
+    var _iterator = _createForOfIteratorHelper(draft),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var layer = _step.value;
+        if (!layer.id) {
+          console.warn("Warning: Layer id was not provided");
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  });
 };
-var initialState$5 = {
-  order: [],
-  dialogs: {},
-  activeWindowId: undefined
+var initialState$4 = {
+  byId: {},
+  allIds: []
 };
-var slice$6 = createSlice({
-  initialState: initialState$5,
-  name: 'uiReducer',
+var slice$5 = createSlice({
+  initialState: initialState$4,
+  name: 'mapReducer',
   reducers: {
-    registerDialog: function registerDialog(draft, action) {
-      var type = action.payload.type;
-      var activeMapId = action.payload.mapId ? action.payload.mapId : '';
-      var setOpen = action.payload.setOpen ? action.payload.setOpen : false;
-      var source = action.payload.source ? action.payload.source : 'app';
-      if (!Object.keys(draft.dialogs).includes(type)) {
-        draft.dialogs[type] = createUIDialogElement({
-          activeMapId: activeMapId,
-          type: type,
-          setOpen: setOpen,
-          source: source
+    registerMap: function registerMap(draft, action) {
+      var mapId = action.payload.mapId;
+      if (!draft.allIds.includes(mapId)) {
+        draft.byId[mapId] = createMap({
+          id: mapId
         });
-      }
-      // register dialog to order
-      if (!draft.order.includes(type)) {
-        draft.order.push(type);
+        draft.allIds.push(mapId);
       }
     },
-    unregisterDialog: function unregisterDialog(draft, action) {
-      var type = action.payload.type;
-      if (draft.dialogs[type]) {
-        delete draft.dialogs[type];
-        draft.order = draft.order.filter(function (item) {
-          return item !== type;
-        });
-      }
-    },
-    setActiveMapIdForDialog: function setActiveMapIdForDialog(draft, action) {
-      var _action$payload = action.payload,
-        type = _action$payload.type,
-        mapId = _action$payload.mapId,
-        source = _action$payload.source;
-      if (!draft.dialogs[type]) {
-        return;
-      }
-      var isOpen = action.payload.setOpen !== undefined ? action.payload.setOpen : draft.dialogs[type].isOpen;
-      draft.dialogs[type].activeMapId = mapId;
-      draft.dialogs[type].isOpen = isOpen;
-      draft.dialogs[type].source = source;
-      if (isOpen) {
-        draft.order = moveToTop(draft.order, type);
-      }
-    },
-    setToggleOpenDialog: function setToggleOpenDialog(draft, action) {
-      var _action$payload2 = action.payload,
-        type = _action$payload2.type,
-        setOpen = _action$payload2.setOpen,
-        sourcePanelId = _action$payload2.sourcePanelId;
-      if (!draft.dialogs[type]) {
-        return;
-      }
-      draft.dialogs[type].isOpen = setOpen;
-      if (sourcePanelId) {
-        draft.dialogs[type].sourcePanelId = sourcePanelId;
-      }
-      if (setOpen) {
-        draft.order = moveToTop(draft.order, type);
-      }
-    },
-    orderDialog: function orderDialog(draft, action) {
-      var type = action.payload.type;
-      draft.order = moveToTop(draft.order, type);
-    },
-    setActiveWindowId: function setActiveWindowId(draft, action) {
-      var activeWindowId = action.payload.activeWindowId;
-      draft.activeWindowId = activeWindowId;
-    },
-    toggleIsLoadingDialog: function toggleIsLoadingDialog(draft, action) {
-      var _action$payload3 = action.payload,
-        isLoading = _action$payload3.isLoading,
-        type = _action$payload3.type;
-      draft.dialogs[type].isLoading = isLoading;
-    },
-    setErrorDialog: function setErrorDialog(draft, action) {
-      var _action$payload4 = action.payload,
-        error = _action$payload4.error,
-        type = _action$payload4.type;
-      draft.dialogs[type].error = error;
-    },
-    closeDialogsForMapId: function closeDialogsForMapId(draft, action) {
-      var mapId = action.payload.mapId;
-      Object.keys(draft.dialogs).forEach(function (key) {
-        if (draft.dialogs[key].activeMapId === mapId) {
-          draft.dialogs[key].isOpen = false;
-        }
-      });
-    }
-  }
-});
-var uiReducer = slice$6.reducer,
-  uiActions = slice$6.actions;
-
-/**
- * Checks if the layer id is already taken in one of the maps.
- * @param state The WebMapState
- * @param layerIdToCheck The layerId to check
- * @returns true if the layerId is already taken somewhere else.
- */
-var checkIfMapLayerIdIsAlreadyTaken = function checkIfMapLayerIdIsAlreadyTaken(state, layerId) {
-  return state.allIds.some(function (mapId) {
-    var map = state.byId[mapId];
-    var doesLayeridExist = function doesLayeridExist(layers) {
-      return layers && layers.some(function (id) {
-        return id === layerId;
-      });
-    };
-    return doesLayeridExist(map.mapLayers) || doesLayeridExist(map.overLayers) || doesLayeridExist(map.baseLayers) || doesLayeridExist(map.featureLayers);
-  });
-};
-/**
- * Addes id's to the layer object. All layers need to have an id for referring.
- * @param layers
- */
-var createLayersWithIds = function createLayersWithIds(state, layers) {
-  if (!layers) {
-    return layers;
-  }
-  return produce(layers, function (draft) {
-    var _iterator = _createForOfIteratorHelper(draft),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var layer = _step.value;
-        if (!layer.id) {
-          console.warn("Warning: Layer id was not provided");
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  });
-};
-var initialState$4 = {
-  byId: {},
-  allIds: []
-};
-var slice$5 = createSlice({
-  initialState: initialState$4,
-  name: 'mapReducer',
-  reducers: {
-    registerMap: function registerMap(draft, action) {
-      var mapId = action.payload.mapId;
-      if (!draft.allIds.includes(mapId)) {
-        draft.byId[mapId] = createMap({
-          id: mapId
-        });
-        draft.allIds.push(mapId);
-      }
-    },
-    unregisterMap: function unregisterMap(draft, action) {
-      var mapId = action.payload.mapId;
-      var mapIndex = draft.allIds.indexOf(mapId);
-      if (mapIndex !== -1) {
-        delete draft.byId[mapId];
-        draft.allIds.splice(mapIndex, 1);
+    unregisterMap: function unregisterMap(draft, action) {
+      var mapId = action.payload.mapId;
+      var mapIndex = draft.allIds.indexOf(mapId);
+      if (mapIndex !== -1) {
+        delete draft.byId[mapId];
+        draft.allIds.splice(mapIndex, 1);
       }
     },
     setStepBackwardOrForward: function setStepBackwardOrForward(_draft, _action) {},
@@ -3051,551 +3030,538 @@ var mapActions = _objectSpread2(_objectSpread2({}, slice$5.actions), {}, {
 });
 var mapReducer = slice$5.reducer;
 
-var layerStore = function layerStore(store) {
-  return store === null || store === void 0 ? void 0 : store.layers;
-};
-/**
- * Gets a layer from the layers part of the store by its Id
+/* *
+ * 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
  *
- * Example: layer = getLayerById(store, 'layerId')
- * @param {object} store object from which the layer state will be extracted
- * @param {string} layerId Id of the layer
- * @returns {object} object containing layer information (service, name, style, enabled etc.)
- */
-var getLayerById = createSelector([layerStore, function (layerStore, layerId) {
-  return layerId;
-}], function (layerState, layerId) {
-  return layerState && layerState.byId && layerState.byId[layerId];
-}, selectorMemoizationOptions);
-/**
- * Determines if layer is present
+ *     http://www.apache.org/licenses/LICENSE-2.0
  *
- * @param {object} store store: object - store object
- * @param {string} layerId layerId: string - Id of the layer
- * @returns {boolean} returnType:boolean - true if layer is present
- */
-var getIsLayerPresent = createSelector(getLayerById, function (layer) {
-  return !!layer;
-}, selectorMemoizationOptions);
-/**
- * Gets a layer from the layers part of the store by its Id, but without the time dimension. (All other dimensions are still included)
+ * 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.
  *
- * Example: layer = getLayerByIdWithoutTimeDimension(store, 'layerId')
- * @param {object} store object from which the layer state will be extracted
- * @param {string} layerId Id of the layer
- * @returns {object} object containing layer information (service, name, style, enabled etc.)
- */
-var getLayerByIdWithoutTimeDimension = createSelector([layerStore, function (layerStore, layerId) {
-  return layerId;
-}], function (layerState, layerId) {
-  var layer = layerState && layerState.byId && layerState.byId[layerId];
-  return layer ? produce(layer, function (draftLayer) {
-    draftLayer.dimensions = filterNonTimeDimensions(draftLayer.dimensions || []);
-    return draftLayer;
-  }) : undefined;
-}, selectorMemoizationOptions);
-/**
- * Retrieves all layers indexed by layerId
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var IS_LEGEND_OPEN_BY_DEFAULT = false;
+var SECONDS_IN_DAY = 86400;
+var SECONDS_IN_HOUR = 3600;
+
+/* *
+ * 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
  *
- * Example: layers = getLayersById(store)
- * @param {object} store store: object - object from which the layers state will be extracted
- * @returns {object} returnType: object - an object of all layers containing layer information (service, name, style, enabled etc.) indexed by layerId
- */
-var getLayersById = createSelector(layerStore, function (store) {
-  var _store$byId;
-  return (_store$byId = store === null || store === void 0 ? void 0 : store.byId) !== null && _store$byId !== void 0 ? _store$byId : null;
-}, selectorMemoizationOptions);
-/**
- * Retrieves all layerIds
+ *     http://www.apache.org/licenses/LICENSE-2.0
  *
- * Example: layerIds = getLayersIds(store)
- * @param {object} store store: object - object from which the layers state will be extracted
- * @returns {array} returnType: array - an array of all layerIds
- */
-var getLayersIds = createSelector(layerStore, function (store) {
-  return store ? store.allIds : [];
-}, selectorMemoizationOptions);
-/**
- * Retrieves all layers (including base layers and overlayers)
+ * 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.
  *
- * Example: layers = getAllLayers(store)
- * @param {object} store store: object - object from which the layers state will be extracted
- * @returns {array} returnType: array - an array of all layers containing layer information (service, name, style, enabled etc.)
- */
-var getAllLayers = createSelector(getLayersIds, getLayersById, function (ids, layers) {
-  return ids.map(function (layerId) {
-    return layers[layerId];
-  });
-}, selectorMemoizationOptions);
-/**
- * Retrieves all layers (including base layers and overlayers) for the given mapId
+ * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2020 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+/* Type constants */
+var SYNCGROUPS_TYPE_SETTIME = 'SYNCGROUPS_TYPE_SETTIME';
+var SYNCGROUPS_TYPE_SETBBOX = 'SYNCGROUPS_TYPE_SETBBOX';
+var SYNCGROUPS_TYPE_SETLAYERACTIONS = 'SYNCGROUPS_TYPE_SETLAYERACTIONS';
+var SYNCGROUPS_SET_VIEW_STATE = 'SYNCGROUPS_SET_VIEW_STATE';
+
+var constants$2 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  SYNCGROUPS_SET_VIEW_STATE: SYNCGROUPS_SET_VIEW_STATE,
+  SYNCGROUPS_TYPE_SETBBOX: SYNCGROUPS_TYPE_SETBBOX,
+  SYNCGROUPS_TYPE_SETLAYERACTIONS: SYNCGROUPS_TYPE_SETLAYERACTIONS,
+  SYNCGROUPS_TYPE_SETTIME: SYNCGROUPS_TYPE_SETTIME
+});
+
+/* *
+ * 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
  *
- * Example: layers = getLayersByMapId(store, mapId)
- * @param {object} store store: object - object from which the layers state will be extracted
- * @param {string} mapId mapId: string - mapId
- * @returns {array} returnType: ReduxLayer[] - an array of all layers containing layer information (service, name, style, enabled etc.)
- */
-var getLayersByMapId = createSelector(getAllLayers, function (_store, _mapId) {
-  return _mapId;
-}, function (layers, mapId) {
-  return layers.filter(function (layer) {
-    return layer.mapId === mapId;
-  });
-}, selectorMemoizationOptions);
-/**
- * Retrieves all layers that aren't base layers and aren't overlayers
- *
- * Example: layers = getLayers(store)
- * @param {object} store store: object - object from which the layers state will be extracted
- * @returns {array} returnType: array - an array of all non-baselayers containing layer information (service, name, style, enabled etc.)
- */
-var getLayers = createSelector(getAllLayers, function (layers) {
-  return layers.filter(function (layer) {
-    return layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer;
-  });
-}, selectorMemoizationOptions);
-/**
- * Retrieves all baselayers
- *
- * Example: layers = getBaseLayers(store)
- * @param {object} store store: object - object from which the layers state will be extracted
- * @returns {array} returnType: array - an array of all baselayers containing layer information (service, name, style, enabled etc.)
- */
-var getBaseLayers = createSelector(getAllLayers, function (layers) {
-  return layers.filter(function (layer) {
-    return layer.layerType === LayerType.baseLayer;
-  });
-}, selectorMemoizationOptions);
-/**
- * Retrieves all overLayers
- *
- * Example: layers = getOverLayers(store)
- * @param {object} store store: object - object from which the layers state will be extracted
- * @returns {array} returnType: array - an array of all overLayers containing layer information (service, name, style, enabled etc.)
- */
-var getOverLayers = createSelector(getAllLayers, function (layers) {
-  return layers.filter(function (layer) {
-    return layer.layerType === LayerType.overLayer;
-  });
-}, selectorMemoizationOptions);
-/**
- * Retrieves all featureLayers
- *
- * Example: layers = getFeatureLayers(store)
- * @param {object} store store: object - object from which the layers state will be extracted
- * @returns {array} returnType: array - an array of all featureLayers
- */
-var getFeatureLayers = createSelector(getAllLayers, function (layers) {
-  return layers.filter(function (layer) {
-    return layer.layerType === LayerType.featureLayer;
-  });
-}, selectorMemoizationOptions);
-/**
- * Gets dimensions of the passed layer
- *
- * Example: layerDimensions = getLayerDimensions(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 {array} returnType: Dimension[] - array containing layer dimensions
- */
-var getLayerDimensions = createSelector(getLayerById, function (layer) {
-  var _layer$dimensions;
-  return (_layer$dimensions = layer === null || layer === void 0 ? void 0 : layer.dimensions) !== null && _layer$dimensions !== void 0 ? _layer$dimensions : [];
-}, selectorMemoizationOptions);
-/**
- * Gets dimensions of the passed layer, excluding the time dimension
- *
- * Example: layerNonTimeDimensions = getLayerNonTimeDimensions(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 {array} returnType: Dimension[] - array containing layer dimensions, excluding the time dimension
- */
-var getLayerNonTimeDimensions = createSelector(getLayerDimensions, function (dimensions) {
-  return filterNonTimeDimensions(dimensions);
-}, selectorMemoizationOptions);
-/**
- * Gets time dimension of the passed layer
- *
- * Example: timeDimension = getLayerTimeDimension(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 {object} returnType: object - object of layer time dimension
- */
-var getLayerTimeDimension = createSelector(getLayerDimensions, function (dimensions) {
-  return dimensions === null || dimensions === void 0 ? void 0 : dimensions.find(function (dimension) {
-    return dimension.name === 'time';
-  });
-}, selectorMemoizationOptions);
-/**
- * Returns a boolean indicating whether the layer has a time dimension
- *
- * Example: layerHasTimeDimension = getLayerHasTimeDimension(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 {boolean} returnType: boolean - boolean indicating whether the layer has a time dimension
- */
-var getLayerHasTimeDimension = createSelector(getLayerTimeDimension, function (timeDimension) {
-  return !!timeDimension;
-}, selectorMemoizationOptions);
-var getLayerCurrentTime = createSelector(getLayerTimeDimension, function (dimension) {
-  return dimension === null || dimension === void 0 ? void 0 : dimension.currentValue;
-}, selectorMemoizationOptions);
-/**
- * Gets specified dimension of the passed layer
- *
- * Example: dimension = getLayerDimension(store, 'layerId_1', 'elevation')
- * @param {object} store store: object - object from which the layers state will be extracted
- * @param {string} layerId layerId: string - Id of the layer
- * @param {string} dimensionName dimensionName: string - name of dimension you want to retrieve the dimension data for
- * @returns {object} returnType: object - object of layer dimension
- */
-var getLayerDimension = createSelector(getLayerDimensions, function (_store, _layerId, dimensionName) {
-  return dimensionName;
-}, function (dimensions, dimensionName) {
-  return dimensions === null || dimensions === void 0 ? void 0 : dimensions.find(function (dimension) {
-    return dimension.name === dimensionName;
-  });
-}, selectorMemoizationOptions);
-/**
- * Gets opacity of the passed layer
- *
- * Example: layerOpacity = getLayerOpacity(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 {number} returnType: number - opacity as a number (between 0 and 1)
- */
-var getLayerOpacity = createSelector(getLayerById, function (layer) {
-  return layer && layer.opacity ? layer.opacity : 0;
-}, selectorMemoizationOptions);
-/**
- * Gets whether a layer is enabled or disabled
- *
- * Example: isLayerEnabled = getLayerEnabled(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 {boolean} returnType: boolean -  true if enabled, false if disabled
- */
-var getLayerEnabled = createSelector(getLayerById, function (layer) {
-  return Boolean(layer === null || layer === void 0 ? void 0 : layer.enabled);
-}, selectorMemoizationOptions);
-/**
- * Gets layer name
- *
- * Example: layerName = getLayerName(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 name
- */
-var getLayerName = createSelector(getLayerById, function (layer) {
-  if (!layer) {
-    return '';
-  }
-  if (layer.layerType === LayerType.edrFeatureLayer && layer.options && layer.options.parameterNames.length) {
-    return layer.options.parameterNames[0];
-  }
-  return (layer === null || layer === void 0 ? void 0 : layer.name) || '';
-}, selectorMemoizationOptions);
-/**
- * Gets layer service
+ *     http://www.apache.org/licenses/LICENSE-2.0
  *
- * Example: layerService = getLayerService(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
- */
-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 selected style of the passed layer
+ * 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.
  *
- * Example: layerStyle = getLayerStyle(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 - style that is currently selected
- */
-var getLayerStyle = createSelector(getLayerById, function (layer) {
-  return layer && layer.style ? layer.style : '';
-}, selectorMemoizationOptions);
+ * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2020 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 /**
- * Gets layer status
+ * The removeInPlace() method modifies an array in place, by removing elements that pass the test implemented by the provided function.
  *
- * Example: layerService = getLayerStatus(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: LayerStatus
- */
-var getLayerStatus = createSelector(getLayerById, function (layer) {
-  return layer && layer.status ? layer.status : LayerStatus["default"];
-}, selectorMemoizationOptions);
-/**
- * Gets all available base layers for a map
+ * NOTE: This should only be used on draft properties as provided by the immer produce library, as modifying elements in place is bad practice on non draft variables.
  *
- * Example: availableBaseLayers = getAvailableBaseLayersForMap(store)
- * @param {object} store store: object - object from which the layer state will be extracted
- * @param {string} mapId mapId: string - Id of the map we want to retrieve the available baselayers for
- * @returns {array} returnType: array - array containing all available base layers
+ * @param inDraftArray The draft array to filter, will be modified in place.
+ * @param condition Function to check each element in the array
  */
-var getAvailableBaseLayersForMap = createSelector(layerStore, function (_store, _mapId) {
-  return _mapId;
-}, function (layerStore, mapId) {
-  if (layerStore && layerStore.availableBaseLayers) {
-    var availableBaseLayers = layerStore.availableBaseLayers;
-    return availableBaseLayers.allIds.reduce(function (list, layerId) {
-      if (availableBaseLayers.byId[layerId].mapId === mapId) {
-        return list.concat(availableBaseLayers.byId[layerId]);
+var removeInPlace = function removeInPlace(inDraftArray, condition) {
+  var index = 0;
+  inDraftArray.forEach(function (e, i) {
+    if (!condition(e)) {
+      if (i !== index) {
+        // eslint-disable-next-line no-param-reassign
+        inDraftArray[index] = e;
       }
-      return list;
-    }, []);
-  }
-  return [];
-}, selectorMemoizationOptions);
-/**
- * Returns the selected geojson feature for the given layer
- *
- * Example const selectedFeature = getSelectedFeature(store, 'layerId1')
- * @param {object} store store: object - store object
- * @param {string} mapId layerId: string - Id of the layer
- * @returns {number} selectedFeatureIndex: the index of the selected geojson feature
- */
-var getSelectedFeatureIndex = createSelector(getLayerById, function (layer) {
-  return layer === null || layer === void 0 ? void 0 : layer.selectedFeatureIndex;
-}, selectorMemoizationOptions);
-/**
- * Returns the layer is in edit mode
- *
- * Example const isLayerInEditMode = getIsLayerInEditMode(store, 'layerId1')
- * @param {object} store store: object - store object
- * @param {string} mapId layerId: string - Id of the layer
- * @returns {number} isLayerInEditMode: boolean - isInEditMode
- */
-var getIsLayerInEditMode = createSelector(getLayerById, function (layer) {
-  return (layer === null || layer === void 0 ? void 0 : layer.isInEditMode) || false;
-}, selectorMemoizationOptions);
-var getFeatureLayerGeoJSON = createSelector(getLayerById, function (layer) {
-  return (layer === null || layer === void 0 ? void 0 : layer.geojson) || undefined;
-}, selectorMemoizationOptions);
-var getHasFeatureLayerGeoJSON = createSelector(getFeatureLayerGeoJSON, function (geojson) {
-  return !!geojson;
-}, selectorMemoizationOptions);
-var getFeatureLayerGeoJSONProperties = createSelector(getLayerById, getSelectedFeatureIndex, function (layer) {
-  var _layer$geojson;
-  var selecteFeatureIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  return (layer === null || layer === void 0 || (_layer$geojson = layer.geojson) === null || _layer$geojson === void 0 || (_layer$geojson = _layer$geojson.features[selecteFeatureIndex]) === null || _layer$geojson === void 0 ? void 0 : _layer$geojson.properties) || {};
-}, selectorMemoizationOptions);
-/**
- * Gets layerIds that contain passed dimension
- *
- * Example: dimension = getDimensionLayerIds(store, 'elevation')
- * @param {object} store store: object - object from which the layers state will be extracted
- * @param {string} dimensionName dimensionName: string - name of dimension you want to retrieve the dimension data for
- * @returns {string[]} returnType: string[] - layerIds
- */
-var getDimensionLayerIds = createSelector(getLayersIds, getLayersById, function (_store, dimensionName) {
-  return dimensionName;
-}, function (layerIds, layers, dimensionName) {
-  return layerIds.reduce(function (list, layerId) {
-    var layer = layers[layerId];
-    var dimensions = layer !== null && layer !== void 0 && layer.dimensions ? layer.dimensions : [];
-    if (dimensions.find(function (dimension) {
-      return dimension.name === dimensionName;
-    })) {
-      return list.concat(layerId);
+      index += 1;
     }
-    return list;
-  }, []);
-}, selectorMemoizationOptions);
-var getAcceptanceTimeInMinutes = createSelector(getLayerById, function (layer) {
-  return layer === null || layer === void 0 ? void 0 : layer.acceptanceTimeInMinutes;
-}, selectorMemoizationOptions);
-var getLayerIsInsideAcceptanceTime = createSelector(getAcceptanceTimeInMinutes, getLayerCurrentTime, function (state, _layerId, mapId) {
-  var _state$webmap;
-  return (_state$webmap = state.webmap) === null || _state$webmap === void 0 || (_state$webmap = _state$webmap.byId[mapId]) === null || _state$webmap === void 0 || (_state$webmap = _state$webmap.dimensions) === null || _state$webmap === void 0 || (_state$webmap = _state$webmap.find(function (dimension) {
-    return dimension.name === 'time';
-  })) === null || _state$webmap === void 0 ? void 0 : _state$webmap.currentValue;
-}, function (acceptanceTimeInMinutes, layerCurrentTime, mapCurrentTime) {
-  if (!mapCurrentTime || !layerCurrentTime) {
-    return 'equal';
-  }
-  var mapTime = new Date(mapCurrentTime).getTime();
-  var layerTime = new Date(layerCurrentTime).getTime();
-  if (mapTime === layerTime) {
-    return 'equal';
-  }
-  if (acceptanceTimeInMinutes !== undefined) {
-    var millisecondsBetween = mapTime - layerTime;
-    var acceptanceTimeInMilliseconds = acceptanceTimeInMinutes * 60000;
-    if (Math.abs(millisecondsBetween) > acceptanceTimeInMilliseconds) {
-      return 'outside';
+  });
+  // eslint-disable-next-line no-param-reassign
+  inDraftArray.length = index;
+};
+
+var initialState$3 = {
+  sources: {
+    byId: {},
+    allIds: []
+  },
+  groups: {
+    byId: {},
+    allIds: []
+  },
+  viewState: {
+    timeslider: {
+      groups: [],
+      sourcesById: []
+    },
+    zoompane: {
+      groups: [],
+      sourcesById: []
+    },
+    level: {
+      groups: [],
+      sourcesById: []
+    }
+  },
+  linkedState: {
+    links: {},
+    sharedData: {}
+  },
+  isTimeScrollingEnabled: false
+};
+var slice$4 = createSlice({
+  initialState: initialState$3,
+  name: 'synchronizationGroupsReducer',
+  reducers: {
+    /** Sets the links map.
+     *  This is used to override the links when changing workspaces.
+     * @param draft sync state
+     * @param {Record<string, string[]>} action.newLinks the new links object
+     */
+    setLinkedMap: function setLinkedMap(draft, action) {
+      var newLinks = action.payload.newLinks;
+      draft.linkedState.links = newLinks;
+    },
+    /** Updates the links map.
+     *  This is used to update the links when operating the link menu.
+     * @param draft sync state
+     * @param {string} action.panelId id of the panel updating it's links
+     * @param {string[]} action.mapIds the new linked maps
+     */
+    updateLinkedMap: function updateLinkedMap(draft, action) {
+      var _action$payload = action.payload,
+        panelId = _action$payload.panelId,
+        mapIds = _action$payload.mapIds;
+      draft.linkedState.links[panelId] = mapIds;
+    },
+    removeLinkedMap: function removeLinkedMap(draft, action) {
+      var panelId = action.payload;
+      // Remove panelId from sources
+      delete draft.sources.byId[panelId];
+      removeInPlace(draft.sources.allIds, function (_id) {
+        return _id === panelId;
+      });
+      // Remove panelId from any arrays in linkedState
+      delete draft.linkedState.links[panelId];
+      delete draft.linkedState.sharedData[panelId];
+      Object.keys(draft.linkedState.links).forEach(function (key) {
+        var arr = draft.linkedState.links[key];
+        removeInPlace(arr, function (_id) {
+          return _id === panelId;
+        });
+      });
+      // Remove panelId from groups
+      Object.keys(draft.groups.byId).forEach(function (groupId) {
+        var group = draft.groups.byId[groupId];
+        delete group.targets.byId[panelId];
+        removeInPlace(group.targets.allIds, function (_id) {
+          return _id === panelId;
+        });
+      });
+    },
+    addSharedData: function addSharedData(draft, action) {
+      var _action$payload2 = action.payload,
+        panelId = _action$payload2.panelId,
+        data = _action$payload2.data;
+      draft.linkedState.sharedData[panelId] = _objectSpread2(_objectSpread2({}, draft.linkedState.sharedData[panelId]), data);
+    },
+    deleteSharedData: function deleteSharedData(draft, action) {
+      var panelId = action.payload.panelId;
+      delete draft.linkedState.sharedData[panelId];
+    },
+    syncGroupAddSource: function syncGroupAddSource(draft, action) {
+      var _action$payload3 = action.payload,
+        id = _action$payload3.id,
+        payloadType = _action$payload3.type,
+        defaultPayload = _action$payload3.defaultPayload;
+      if (!draft.sources.byId[id]) {
+        draft.sources.byId[id] = {
+          types: payloadType,
+          payloadByType: {
+            SYNCGROUPS_TYPE_SETTIME: defaultPayload,
+            SYNCGROUPS_TYPE_SETBBOX: defaultPayload,
+            SYNCGROUPS_TYPE_SETLAYERACTIONS: defaultPayload
+          }
+        };
+        draft.sources.allIds.push(id);
+      }
+      /* Now try to initialize with the correct values from the state */
+      draft.groups.allIds.forEach(function (groupId) {
+        var syncronizationGroup = draft.groups.byId[groupId];
+        /* Check if the source is in the target list of the synchonizationGroup */
+        var source = syncronizationGroup.targets.byId[id];
+        var type = syncronizationGroup.type;
+        /* If the source is part of the target list, and is linked, continue syncing the other targets */
+        if (source !== null && source !== void 0 && source.linked) {
+          var _syncronizationGroup$;
+          draft.sources.byId[id].payloadByType[type] = ((_syncronizationGroup$ = syncronizationGroup.payloadByType) === null || _syncronizationGroup$ === void 0 ? void 0 : _syncronizationGroup$[type]) || defaultPayload;
+        }
+      });
+    },
+    syncGroupRemoveSource: function syncGroupRemoveSource(draft, action) {
+      var id = action.payload.id;
+      if (draft.sources.byId[id]) {
+        delete draft.sources.byId[id];
+        removeInPlace(draft.sources.allIds, function (_id) {
+          return _id === id;
+        });
+      }
+    },
+    syncGroupAddTarget: function syncGroupAddTarget(draft, action) {
+      var _synchronizationGroup;
+      var _action$payload4 = action.payload,
+        groupId = _action$payload4.groupId,
+        targetId = _action$payload4.targetId,
+        linked = _action$payload4.linked;
+      var synchronizationGroup = draft.groups.byId[groupId];
+      if (!synchronizationGroup) {
+        console.warn("SYNCGROUPS_ADD_TARGET: Group ".concat(groupId, " does not exist."));
+        return;
+      }
+      if (!targetId) {
+        console.warn("SYNCGROUPS_ADD_TARGET: targetId is not defined.");
+        return;
+      }
+      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
+      };
+      if (isSourceLinked) {
+        var type = synchronizationGroup.type;
+        draft.sources.byId[targetId].payloadByType[type] = synchronizationGroup.payloadByType[type];
+      }
+    },
+    syncGroupRemoveTarget: function syncGroupRemoveTarget(draft, action) {
+      var _action$payload5 = action.payload,
+        groupId = _action$payload5.groupId,
+        targetId = _action$payload5.targetId;
+      if (!draft.groups.byId[groupId]) {
+        return;
+      }
+      if (!draft.groups.byId[groupId].targets.allIds.includes(targetId)) {
+        return;
+      }
+      delete draft.groups.byId[groupId].targets.byId[targetId];
+      removeInPlace(draft.groups.byId[groupId].targets.allIds, function (_id) {
+        return _id === targetId;
+      });
+    },
+    syncGroupLinkTarget: function syncGroupLinkTarget(draft, action) {
+      var _draft$groups$byId$gr;
+      var _action$payload6 = action.payload,
+        groupId = _action$payload6.groupId,
+        targetId = _action$payload6.targetId,
+        linked = _action$payload6.linked;
+      if (!((_draft$groups$byId$gr = draft.groups.byId[groupId]) !== null && _draft$groups$byId$gr !== void 0 && _draft$groups$byId$gr.targets.byId[targetId])) {
+        return;
+      }
+      draft.groups.byId[groupId].targets.byId[targetId].linked = linked;
+    },
+    syncGroupAddGroup: function syncGroupAddGroup(draft, action) {
+      var _action$payload7 = action.payload,
+        groupId = _action$payload7.groupId,
+        type = _action$payload7.type,
+        title = _action$payload7.title;
+      if (draft.groups.byId[groupId]) {
+        return;
+      }
+      draft.groups.byId[groupId] = {
+        title: title,
+        type: type,
+        payloadByType: {
+          SYNCGROUPS_TYPE_SETTIME: null,
+          SYNCGROUPS_TYPE_SETBBOX: null
+        },
+        targets: {
+          allIds: [],
+          byId: {}
+        }
+      };
+      draft.groups.allIds.push(groupId);
+    },
+    syncGroupRemoveGroup: function syncGroupRemoveGroup(draft, action) {
+      var groupId = action.payload.groupId;
+      if (!draft.groups.byId[groupId]) {
+        return;
+      }
+      delete draft.groups.byId[groupId];
+      removeInPlace(draft.groups.allIds, function (_groupId) {
+        return _groupId === groupId;
+      });
+    },
+    syncGroupClear: function syncGroupClear() {
+      return initialState$3;
+    },
+    syncGroupSetViewState: function syncGroupSetViewState(draft, action) {
+      var viewState = action.payload.viewState;
+      draft.viewState = viewState;
+    },
+    syncGroupToggleIsTimeScrollingEnabled: function syncGroupToggleIsTimeScrollingEnabled(draft, action) {
+      draft.isTimeScrollingEnabled = action.payload.isTimeScrollingEnabled;
     }
+  },
+  extraReducers: function extraReducers(builder) {
+    builder.addCase(setTimeSync, function (draft, action) {
+      return void setBboxOrTimeSync(draft, action);
+    }).addCase(setBboxSync, function (draft, action) {
+      return void setBboxOrTimeSync(draft, action);
+    });
   }
-  return 'inside';
-}, selectorMemoizationOptions);
-var getUseLatestReferenceTime = createSelector(getLayerById, function (layer) {
-  return Boolean(layer === null || layer === void 0 ? void 0 : layer.useLatestReferenceTime);
-}, selectorMemoizationOptions);
-/**
- * Returns the timestep for this layerId in seconds, or undefined if it has no time dimension or timeinterval.
- */
-var getTimeStepForLayerId = createSelector(getLayerTimeDimension, function (timeDimension) {
-  if (!timeDimension) {
-    return undefined;
+});
+var getPayLoadKey = function getPayLoadKey(type) {
+  switch (type) {
+    case setTimeSync.type:
+      return SYNCGROUPS_TYPE_SETTIME;
+    case setBboxSync.type:
+      return SYNCGROUPS_TYPE_SETBBOX;
+    default:
+      return null;
   }
-  var values = timeDimension.values,
-    currentValue = timeDimension.currentValue,
-    _timeDimension$timeIn = timeDimension.timeInterval,
-    timeInterval = _timeDimension$timeIn === void 0 ? {} : _timeDimension$timeIn;
-  if (!values || !currentValue) {
-    return isEmpty(timeInterval) ? undefined : getTimeStepFromDataInterval(timeInterval);
+};
+var mergePayloadInToState = function mergePayloadInToState(draftSource, payloadKey, payload) {
+  if (!draftSource) {
+    // Do nothing if draftSource is undefined/null
+    return;
   }
-  var iso8601Intervals = parseTimeDimToISO8601Interval(values);
-  var _iterator = _createForOfIteratorHelper(iso8601Intervals),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _step$value = _step.value,
-        startTime = _step$value.startTime,
-        endTime = _step$value.endTime,
-        duration = _step$value.duration;
-      if (dateUtils.isWithinInterval(currentValue, {
-        start: startTime,
-        end: endTime
-      })) {
-        var parsedInterval = parseISO8601IntervalToDateInterval(duration);
-        return getTimeStepFromDataInterval(parsedInterval);
-      }
+  if (!draftSource.payloadByType) {
+    draftSource.payloadByType = {};
+    draftSource.payloadByType[payloadKey] = payload;
+    return;
+  }
+  draftSource.payloadByType[payloadKey] = merge(draftSource.payloadByType[payloadKey], payload);
+};
+var setBboxOrTimeSync = function setBboxOrTimeSync(draft, action) {
+  var _action$payload8 = action.payload,
+    targets = _action$payload8.targets,
+    source = _action$payload8.source,
+    groups = _action$payload8.groups;
+  if (source) {
+    var payloadKey = getPayLoadKey(action.type);
+    if (!source.payload || !payloadKey) {
+      console.warn('Wrong sync action: ', action);
+      return;
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
+    mergePayloadInToState(draft.sources.byId[source.payload.sourceId], payloadKey, source.payload);
+    /* Update all targets */
+    targets.forEach(function (target) {
+      mergePayloadInToState(draft.sources.byId[target.targetId], payloadKey, source.payload);
+    });
+    /* Set the value in the group */
+    groups.forEach(function (group) {
+      mergePayloadInToState(draft.groups.byId[group], payloadKey, source.payload);
+    });
   }
-  return getTimeStepFromDataInterval(timeInterval);
-}, selectorMemoizationOptions);
-var getActiveLayerInfo = createSelector(layerStore, function (store) {
-  return store === null || store === void 0 ? void 0 : store.activeLayerInfo;
-});
-var getLayerType = createSelector(getLayerById, function (layer) {
-  var _layer$layerType;
-  return (_layer$layerType = layer === null || layer === void 0 ? void 0 : layer.layerType) !== null && _layer$layerType !== void 0 ? _layer$layerType : 'mapLayer';
-}, selectorMemoizationOptions);
-var getLayerOptions = createSelector(getLayerById, function (layer) {
-  return layer === null || layer === void 0 ? void 0 : layer.options;
-}, selectorMemoizationOptions);
+};
+var _slice$actions = slice$4.actions,
+  syncGroupAddGroup = _slice$actions.syncGroupAddGroup;
+  _slice$actions.syncGroupAddSource;
+  var syncGroupAddTarget = _slice$actions.syncGroupAddTarget;
+  _slice$actions.syncGroupClear;
+  _slice$actions.syncGroupLinkTarget;
+  _slice$actions.syncGroupRemoveGroup;
+  _slice$actions.syncGroupRemoveSource;
+  _slice$actions.syncGroupRemoveTarget;
+  _slice$actions.syncGroupSetViewState;
+var syncGroupsReducer = slice$4.reducer,
+  syncGroupsActions = slice$4.actions;
+
+var syncGroupStore = function syncGroupStore(store) {
+  return store.syncGroups || null;
+};
 /**
- * Gets all overlayers for a given mapId
- * Example: overlayers = getOverlayersForMapId(store, 'mapId123')
- * @param {CoreAppStore} store - The Redux store from which the layers state will be extracted.
- * @param {string} mapId - The ID of the map for which to retrieve the overlayers.
- * @returns {Array<{ id: string; name: string }>} - An array of overlayers containing layer information (id and name).
+ * Gets synchronization group state
+ *
+ * Example: synchronizationGroupState = getSynchronizationGroupState(store)
+ * @param {object} store store: object - Store object
+ * @returns {object} returnType: SynchronizationGroupState
  */
-var getOverlayersForMapId = createSelector([layerStore, function (_store, mapId) {
-  return mapId;
-}], function (store, mapId) {
-  var overLayers = [];
-  (store === null || store === void 0 ? void 0 : store.byId) && Object.values(store.byId).forEach(function (layer) {
-    if (layer.layerType === LayerType.overLayer && layer.mapId === mapId) {
-      overLayers.push({
-        id: layer.id || '',
-        name: layer.name || ''
+var getSynchronizationGroupState = function getSynchronizationGroupState(store) {
+  var state = syncGroupStore(store);
+  return state || null;
+};
+var getSynchronizationGroup = createSelector([syncGroupStore, function (syncGroupStore, id) {
+  return id;
+}], function (syncGroupState, id) {
+  return syncGroupState.groups.byId[id];
+}, selectorMemoizationOptions);
+var getSynchronizationGroupSource = createSelector([syncGroupStore, function (syncGroupStore, id) {
+  return id;
+}], function (syncGroupState, id) {
+  return syncGroupState.sources.byId[id];
+}, selectorMemoizationOptions);
+var getTargets = createSelector([syncGroupStore, function (syncGroupStore, payload) {
+  return payload;
+}, function (syncGroupStore, payload, actionType) {
+  return actionType;
+}], function (syncGroups, payload, actionType) {
+  var actionPayloads = [];
+  var targetsInActionPayload = {};
+  if (syncGroups && payload) {
+    /* Backwards compatibility, if there are no groups, connect everything */
+    if (syncGroups.groups.allIds.length === 0) {
+      syncGroups.sources.allIds.forEach(function (targetId) {
+        // Only add if should react to this action
+        if (syncGroups.sources.byId[targetId].types.includes(actionType)) {
+          /* Remember that we have already added this target in the action payloads, prevents adding it twice */
+          targetsInActionPayload[targetId] = true;
+          /* Compose the payload */
+          var newPayload = _objectSpread2({
+            targetId: targetId
+          }, payload);
+          actionPayloads.push(newPayload);
+        }
       });
     }
-  });
-  return overLayers;
+    syncGroups.groups.allIds.forEach(function (id) {
+      var syncronizationGroup = syncGroups.groups.byId[id];
+      if (actionType === syncronizationGroup.type) {
+        /* Check if the source is in the target list of the synchonizationGroup */
+        var source = syncronizationGroup.targets.byId[payload.sourceId];
+        /* If the source is part of the target list, and is linked, continue syncing the other targets */
+        if (source !== null && source !== void 0 && source.linked) {
+          syncronizationGroup.targets.allIds.forEach(function (targetId) {
+            var target = syncronizationGroup.targets.byId[targetId];
+            if (target.linked && !targetsInActionPayload[targetId]) {
+              /* Remember that we have already added this target in the action payloads, prevents adding it twice */
+              targetsInActionPayload[targetId] = true;
+              /* Compose the payload */
+              var newPayload = _objectSpread2({
+                targetId: targetId
+              }, payload);
+              actionPayloads.push(newPayload);
+            }
+          });
+        }
+      }
+    });
+  }
+  return actionPayloads;
 }, selectorMemoizationOptions);
-/**
- * Gets the layer title from the service store using the layerId
- *
- * Example: layerTitle = getLayerTitleFromService(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 - string containing layer title
- */
-var getLayerTitleFromService = createSelector(function (store) {
-  return store;
-}, getLayerService, getLayerName, function (store, service, name) {
-  return getLayerTitle(store, service, name);
+var getTargetGroups = createSelector([syncGroupStore, function (syncGroupStore, payload) {
+  return payload;
+}, function (syncGroupStore, payload, actionType) {
+  return actionType;
+}], function (syncGroups, payload, actionType) {
+  var groups = syncGroups.groups.allIds.reduce(function (list, groupId) {
+    var syncronizationGroup = syncGroups.groups.byId[groupId];
+    if (actionType === syncronizationGroup.type) {
+      /* Check if the source is in the target list of the synchronizationGroup */
+      var source = syncronizationGroup.targets.byId[payload.sourceId];
+      /* If the source is part of the target list, and is linked, continue syncin the other targets */
+      if (source !== null && source !== void 0 && source.linked) {
+        return list.concat(groupId);
+      }
+    }
+    return list;
+  }, []);
+  return groups;
 }, selectorMemoizationOptions);
-/**
- * Gets layer displayname. For EDR layers with multiple parameters, the collectionId is used as displayname. Otherwise the layer title from the service is used.
- *
- * Example: layerName = getLayerDisplayName(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 displayname
- */
-var getLayerDisplayName = createSelector(getLayerType, getLayerOptions, getLayerTitleFromService, getLayerName, function (layerType, layerOptions, layerTitle, layerName) {
-  if (layerType === LayerType.edrFeatureLayer && layerOptions) {
-    return (layerOptions === null || layerOptions === void 0 ? void 0 : layerOptions.parameterNames.length) > 1 && layerOptions.collectionId ? layerOptions.collectionId : layerTitle || layerName;
-  }
-  return layerTitle || layerName;
+var getSourceId = createSelector([syncGroupStore, function (syncGroupStore, sourceId) {
+  return sourceId;
+}], function (syncGroupState, sourceId) {
+  return typeof sourceId === 'string' ? sourceId : sourceId.sourceId;
 }, selectorMemoizationOptions);
-/**
- * Gets the layer missing status. A layer is missing if it is not found in the service store or if its status is 'error'.
- *
- * Example: isLayerMissing = getIsLayerMissing(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 {boolean} returnType: boolean - true if layer is missing
- */
-var getIsLayerMissing = createSelector(function (store) {
-  return store;
-}, getLayerService, getLayerName, getLayerStatus, getLayerType, function (store, service, name, status, type) {
-  if (type === LayerType.featureLayer) {
-    return false;
+var getAllTargetGroupsForSource = createSelector([syncGroupStore, getSourceId], function (syncGroupStore, sourceId) {
+  if (syncGroupStore !== null && syncGroupStore !== void 0 && syncGroupStore.groups) {
+    return syncGroupStore.groups.allIds.reduce(function (linkedSyncGroupIds, groupId) {
+      var syncronizationGroup = syncGroupStore.groups.byId[groupId];
+      var source = syncronizationGroup.targets.byId[sourceId];
+      /* If the source is part of the target list, and is linked, continue syncin the other targets */
+      if (source !== null && source !== void 0 && source.linked) {
+        return linkedSyncGroupIds.concat(groupId);
+      }
+      return linkedSyncGroupIds;
+    }, []);
   }
-  var layer = getLayerFromService(store, service, name);
-  return !layer || status === LayerStatus.error;
+  return [];
 }, selectorMemoizationOptions);
-var getIsLayerSelectable = createSelector(getLayerById, function (layer) {
-  return Boolean(layer === null || layer === void 0 ? void 0 : layer.isSelectable);
+var syncGroupGetViewState = createSelector(syncGroupStore, function (store) {
+  return store === null || store === void 0 ? void 0 : store.viewState;
 }, selectorMemoizationOptions);
-
-var selectors$6 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  getAcceptanceTimeInMinutes: getAcceptanceTimeInMinutes,
-  getActiveLayerInfo: getActiveLayerInfo,
-  getAllLayers: getAllLayers,
-  getAvailableBaseLayersForMap: getAvailableBaseLayersForMap,
-  getBaseLayers: getBaseLayers,
-  getDimensionLayerIds: getDimensionLayerIds,
-  getFeatureLayerGeoJSON: getFeatureLayerGeoJSON,
-  getFeatureLayerGeoJSONProperties: getFeatureLayerGeoJSONProperties,
-  getFeatureLayers: getFeatureLayers,
-  getHasFeatureLayerGeoJSON: getHasFeatureLayerGeoJSON,
-  getIsLayerInEditMode: getIsLayerInEditMode,
-  getIsLayerMissing: getIsLayerMissing,
-  getIsLayerPresent: getIsLayerPresent,
-  getIsLayerSelectable: getIsLayerSelectable,
-  getLayerById: getLayerById,
-  getLayerByIdWithoutTimeDimension: getLayerByIdWithoutTimeDimension,
-  getLayerCurrentTime: getLayerCurrentTime,
-  getLayerDimension: getLayerDimension,
-  getLayerDimensions: getLayerDimensions,
-  getLayerDisplayName: getLayerDisplayName,
-  getLayerEnabled: getLayerEnabled,
-  getLayerHasTimeDimension: getLayerHasTimeDimension,
-  getLayerIsInsideAcceptanceTime: getLayerIsInsideAcceptanceTime,
-  getLayerName: getLayerName,
-  getLayerNonTimeDimensions: getLayerNonTimeDimensions,
-  getLayerOpacity: getLayerOpacity,
-  getLayerOptions: getLayerOptions,
-  getLayerService: getLayerService,
-  getLayerStatus: getLayerStatus,
-  getLayerStyle: getLayerStyle,
-  getLayerTimeDimension: getLayerTimeDimension,
-  getLayerTitleFromService: getLayerTitleFromService,
-  getLayerType: getLayerType,
-  getLayers: getLayers,
-  getLayersById: getLayersById,
-  getLayersByMapId: getLayersByMapId,
-  getLayersIds: getLayersIds,
-  getOverLayers: getOverLayers,
-  getOverlayersForMapId: getOverlayersForMapId,
-  getSelectedFeatureIndex: getSelectedFeatureIndex,
-  getTimeStepForLayerId: getTimeStepForLayerId,
-  getUseLatestReferenceTime: getUseLatestReferenceTime
+var isTimeScrollingEnabled = function isTimeScrollingEnabled(store) {
+  var state = syncGroupStore(store);
+  return state ? state.isTimeScrollingEnabled : false;
+};
+var getSyncedMapIdsForTimeslider = createSelector(syncGroupStore, function (store) {
+  var _store$viewState$time, _store$viewState$time2;
+  return (_store$viewState$time = (_store$viewState$time2 = store.viewState.timeslider.groups[0]) === null || _store$viewState$time2 === void 0 ? void 0 : _store$viewState$time2.selected) !== null && _store$viewState$time !== void 0 ? _store$viewState$time : [];
+}, selectorMemoizationOptions);
+var getSyncGroupTargets = createSelector(syncGroupStore, function (store) {
+  if (!(store !== null && store !== void 0 && store.groups)) {
+    return [];
+  }
+  return store.groups.allIds.reduce(function (targets, groupId) {
+    var group = store.groups.byId[groupId];
+    return targets.concat(group.targets.allIds.map(function (targetId) {
+      return {
+        groupId: groupId,
+        targetId: targetId,
+        linked: group.targets.byId[targetId].linked
+      };
+    }));
+  }, []);
+}, selectorMemoizationOptions);
+
+var selectors$6 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  getAllTargetGroupsForSource: getAllTargetGroupsForSource,
+  getSourceId: getSourceId,
+  getSyncGroupTargets: getSyncGroupTargets,
+  getSyncedMapIdsForTimeslider: getSyncedMapIdsForTimeslider,
+  getSynchronizationGroup: getSynchronizationGroup,
+  getSynchronizationGroupSource: getSynchronizationGroupSource,
+  getSynchronizationGroupState: getSynchronizationGroupState,
+  getTargetGroups: getTargetGroups,
+  getTargets: getTargets,
+  isTimeScrollingEnabled: isTimeScrollingEnabled,
+  syncGroupGetViewState: syncGroupGetViewState,
+  syncGroupStore: syncGroupStore
 });
 
 /* *
@@ -3611,305 +3577,423 @@ var selectors$6 = /*#__PURE__*/Object.freeze({
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var useAppSelector$1 = useSelector;
-var getUiStore = function getUiStore(store) {
-  if (store && store.ui) {
-    return store.ui;
+var emptyState = {
+  timeslider: {
+    groups: [],
+    sourcesById: []
+  },
+  zoompane: {
+    groups: [],
+    sourcesById: []
+  },
+  level: {
+    groups: [],
+    sourcesById: []
   }
-  return null;
 };
-/**
- * Gets the active map Id and wether a dialog is open or closed
- *
- * Example: getDialogDetailsByType(store, 'legend')
- * @param {object} store store object from which the ui state wll be extracted
- * @param {string} dialogType type of the dialog
- * @returns {array} [string, boolean] first element gives the active map id, second element whether the dialog is open
- */
-var getDialogDetailsByType = function getDialogDetailsByType(store, dialogType) {
-  if (store && store.ui && store.ui.dialogs && store.ui.dialogs[dialogType]) {
-    return store.ui.dialogs[dialogType];
-  }
-  return null;
+var groupTypes = [{
+  title: 'Timeslider',
+  syncType: 'SYNCGROUPS_TYPE_SETTIME',
+  groupType: 'timeslider'
+}, {
+  title: 'Zoompane',
+  syncType: 'SYNCGROUPS_TYPE_SETBBOX',
+  groupType: 'zoompane'
+}];
+/*
+    _____ Creates viewState  _____
+      - Runs Each time viewState is created:
+      - Fill arrays inside initialState with objects containing new values from Redux
+*/
+var createSyncGroupViewState = function createSyncGroupViewState(groups, sources) {
+  var initialState = produce(emptyState, function (draft) {
+    /*
+      _____ 1. Fill groups _____
+        1. Goes through all groups by ID
+        2. Collects original timeslider or zoompane values into an array
+        3. Sorts and adds selected sources to ViewState based on ID type
+    */
+    Object.keys(groups.byId).forEach(function (id) {
+      var _groupTypes$find;
+      var groupType = (_groupTypes$find = groupTypes.find(function (object) {
+        return object.syncType === groups.byId[id].type;
+      })) === null || _groupTypes$find === void 0 ? void 0 : _groupTypes$find.groupType;
+      if (groupType) {
+        draft[groupType].groups.push({
+          id: id,
+          selected: groups.byId[id].targets.allIds
+        });
+      }
+    });
+    /*
+      _____ 2. Fill sourcesById _____
+        1. Loop though sources and add source to each group type
+    */
+    Object.keys(sources.byId).forEach(function (id) {
+      groupTypes.forEach(function (_ref) {
+        var syncType = _ref.syncType,
+          groupType = _ref.groupType;
+        if (sources.byId[id].types.includes(syncType)) {
+          draft[groupType].sourcesById.push({
+            id: id,
+            name: id
+          });
+        }
+      });
+    });
+  });
+  return initialState;
 };
-/**
- * For a given ui component: gets wether the dialog is open or closed
+var groups = function groups(store) {
+  return store.syncGroups.groups;
+};
+var sources = function sources(store) {
+  return store.syncGroups.sources;
+};
+var createSyncGroupViewStateSelector = createSelector(groups, sources, createSyncGroupViewState);
+
+var selector = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  createSyncGroupViewState: createSyncGroupViewState,
+  createSyncGroupViewStateSelector: createSyncGroupViewStateSelector,
+  groupTypes: groupTypes
+});
+
+var syncGroupsListener = createListenerMiddleware();
+syncGroupsListener.startListening({
+  matcher: isAnyOf(syncGroupsActions.syncGroupAddTarget, syncGroupsActions.syncGroupLinkTarget),
+  effect: function () {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
+      var payload, groupId, linked, targetToUpdate, group;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            payload = _ref.payload;
+            listenerApi.cancelActiveListeners();
+            groupId = payload.groupId, linked = payload.linked, targetToUpdate = payload.targetId;
+            group = getSynchronizationGroup(listenerApi.getState(), groupId);
+            if (!(!linked && group)) {
+              _context.next = 17;
+              break;
+            }
+            _context.t0 = group.type;
+            _context.next = _context.t0 === SYNCGROUPS_TYPE_SETTIME ? 8 : _context.t0 === SYNCGROUPS_TYPE_SETBBOX ? 12 : 16;
+            break;
+          case 8:
+            if (group.payloadByType[SYNCGROUPS_TYPE_SETTIME]) {
+              _context.next = 10;
+              break;
+            }
+            return _context.abrupt("return");
+          case 10:
+            listenerApi.dispatch(setTimeSync(group.payloadByType[SYNCGROUPS_TYPE_SETTIME], [{
+              targetId: targetToUpdate,
+              value: group.payloadByType[SYNCGROUPS_TYPE_SETTIME].value
+            }], [groupId]));
+            return _context.abrupt("break", 17);
+          case 12:
+            if (group.payloadByType[SYNCGROUPS_TYPE_SETBBOX]) {
+              _context.next = 14;
+              break;
+            }
+            return _context.abrupt("return");
+          case 14:
+            listenerApi.dispatch(setBboxSync(group.payloadByType[SYNCGROUPS_TYPE_SETBBOX], [{
+              targetId: targetToUpdate,
+              bbox: group.payloadByType[SYNCGROUPS_TYPE_SETBBOX].bbox,
+              srs: group.payloadByType[SYNCGROUPS_TYPE_SETBBOX].srs
+            }], [groupId]));
+            return _context.abrupt("break", 17);
+          case 16:
+            return _context.abrupt("break", 17);
+          case 17:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    function effect(_x, _x2) {
+      return _effect.apply(this, arguments);
+    }
+    return effect;
+  }()
+});
+syncGroupsListener.startListening({
+  matcher: isAnyOf(syncGroupsActions.syncGroupAddGroup, syncGroupsActions.syncGroupRemoveGroup, syncGroupsActions.syncGroupAddSource, syncGroupsActions.syncGroupRemoveSource, syncGroupsActions.syncGroupAddTarget, syncGroupsActions.syncGroupRemoveTarget, syncGroupsActions.syncGroupLinkTarget),
+  effect: function () {
+    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_, listenerApi) {
+      var viewState;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            listenerApi.cancelActiveListeners();
+            viewState = createSyncGroupViewStateSelector(listenerApi.getState());
+            listenerApi.dispatch(syncGroupsActions.syncGroupSetViewState({
+              viewState: viewState
+            }));
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    function effect(_x3, _x4) {
+      return _effect2.apply(this, arguments);
+    }
+    return effect;
+  }()
+});
+
+/* *
+ * 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
  *
- * @param {object} store store object from which the ui state wll be extracted
- * @param {string} dialogType type of the dialog
- * @returns {boolean} returnType: boolean
- */
-var getisDialogOpen = createSelector(getDialogDetailsByType, function (details) {
-  if (details) {
-    return details.isOpen;
-  }
-  return false;
-}, selectorMemoizationOptions);
-/**
- *For a given ui component: gets the active map Id
+ *     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 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2020 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var SyncGroupTypeList = [SYNCGROUPS_TYPE_SETBBOX, SYNCGROUPS_TYPE_SETTIME];
+var SyncGroupActionOrigin;
+(function (SyncGroupActionOrigin) {
+  SyncGroupActionOrigin["delete"] = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_DELETEACTION";
+  SyncGroupActionOrigin["layerActions"] = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_LAYERACTIONS";
+  SyncGroupActionOrigin["move"] = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_MOVEACTION";
+  SyncGroupActionOrigin["add"] = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_ADDACTION";
+  SyncGroupActionOrigin["autoLayerId"] = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_AUTOLAYERIDACTION";
+})(SyncGroupActionOrigin || (SyncGroupActionOrigin = {}));
+
+var types$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  get SyncGroupActionOrigin () { return SyncGroupActionOrigin; },
+  SyncGroupTypeList: SyncGroupTypeList
+});
+
+/* *
+ * 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
  *
- * @param {object} store store object from which the ui state wll be extracted
- * @param {string} dialogType type of the dialog
- * @returns {string} returnType: string - the active map id
- */
-var getDialogMapId = createSelector(getDialogDetailsByType, function (details) {
-  if (details) {
-    return details.activeMapId;
-  }
-  return '';
-}, selectorMemoizationOptions);
-/**
- *For a given ui component: gets the order of visible dialog
+ *     http://www.apache.org/licenses/LICENSE-2.0
  *
- * @param {object} store store object from which the ui state wll be extracted
- * @param {DialogType} dialogType type of the dialog
- * @returns {number} the higher the order number the higher the zIndex
- */
-var getDialogOrder = function getDialogOrder(store, dialogType) {
-  if (store && store.ui && store.ui.order) {
-    var order = store.ui.order;
-    var visibleOrder = order.filter(function (orderedDialogType) {
-      var _store$ui$dialogs$ord;
-      return (_store$ui$dialogs$ord = store.ui.dialogs[orderedDialogType]) === null || _store$ui$dialogs$ord === void 0 ? void 0 : _store$ui$dialogs$ord.isOpen;
-    });
-    if (!visibleOrder.includes(dialogType)) {
-      return 0;
-    }
-    return visibleOrder.length - visibleOrder.indexOf(dialogType);
-  }
-  return 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 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2020 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var synchronizationGroupStore = function synchronizationGroupStore(store) {
+  return store !== null && store !== void 0 && store.syncGroups ? store.syncGroups : null;
+};
+var getSynchronizationGroupStore = function getSynchronizationGroupStore(store) {
+  return store !== null && store !== void 0 && store.syncGroups ? store.syncGroups : null;
 };
 /**
- *For a given ui component: returns if ordered on top
- *
- * @param {object} store store object from which the ui state wll be extracted
- * @param {DialogType} dialogType type of the dialog
- * @returns {boolean}
+ * Returns the synchronization source by id
+ * @param store The app  store
+ * @param id The source id to find
  */
-var getDialogIsOrderedOnTop = function getDialogIsOrderedOnTop(store, dialogType) {
-  if (store && store.ui && store.ui.order) {
-    var order = store.ui.order;
-    return order.includes(dialogType) && order.indexOf(dialogType) === 0;
+var getSyncSourceBySourceId = function getSyncSourceBySourceId(state, id) {
+  if (state !== null && state !== void 0 && state.sources) {
+    var sources = state.sources;
+    if (sources.byId[id]) {
+      return sources.byId[id];
+    }
   }
-  return false;
+  return null;
 };
-var getDialogSource = createSelector(getDialogDetailsByType, function (details) {
-  if (details && details.source) {
-    return details.source;
-  }
-  return 'app';
-}, selectorMemoizationOptions);
-/**
- * Get the active window that should receive keyboard shortcuts
- *
- * Example: getActiveWindowId(store)
- * @param {object} store store object from which the window state will be extracted
- * @returns {string} active window id
- */
-var getActiveWindowId = createSelector(getUiStore, function (store) {
-  return store === null || store === void 0 ? void 0 : store.activeWindowId;
-}, selectorMemoizationOptions);
-/**
- * Gets the panelId of which the dialog is opened from
- *
- * Example: getSourcePanelId(store, 'publicWarnings')
- * @param {object} store store object from which the panelId state will be extracted
- * @returns {string} the dialog type
- */
-var getSourcePanelId = createSelector(function (store, dialogType) {
-  var _store$ui;
-  return (_store$ui = store.ui) === null || _store$ui === void 0 ? void 0 : _store$ui.dialogs[dialogType];
-}, function (dialog) {
-  return (dialog === null || dialog === void 0 ? void 0 : dialog.sourcePanelId) || '';
-}, selectorMemoizationOptions);
-/**
- * Gets if this is the active window
- *
- * Example: getIsActiveWindowId(store, viewId)
- * @param {object} store store object from which the window state will be extracted
- * @returns {string} active window id
- */
-var getIsActiveWindowId = createSelector(getUiStore, function (_store, viewId) {
-  return viewId;
-}, function (store, viewId) {
-  return viewId === (store === null || store === void 0 ? void 0 : store.activeWindowId);
+var getTime = createSelector(getSyncSourceBySourceId, function (store) {
+  var _store$payloadByType;
+  return store !== null && store !== void 0 && (_store$payloadByType = store.payloadByType) !== null && _store$payloadByType !== void 0 && _store$payloadByType[SYNCGROUPS_TYPE_SETTIME] ? store.payloadByType[SYNCGROUPS_TYPE_SETTIME].value : null;
 }, selectorMemoizationOptions);
-var getDialogIsLoading = createSelector(getDialogDetailsByType, function (details) {
-  return details && details.isLoading || false;
+var selectLinkedState = createSelector(synchronizationGroupStore, function (syncState) {
+  return (syncState === null || syncState === void 0 ? void 0 : syncState.linkedState) || {
+    links: {},
+    sharedData: {}
+  };
+});
+var getLinkedMaps = createSelector([selectLinkedState, function (store, panelId) {
+  return panelId;
+}], function (linkedState, panelId) {
+  return panelId && linkedState.links[panelId] || [];
 }, selectorMemoizationOptions);
-var getDialogError = createSelector(getDialogDetailsByType, function (details) {
-  return details && details.error || '';
+var getLinkedFeatureProviders = createSelector(function (linkedState) {
+  return linkedState;
+}, function (linkedState, props) {
+  return props.mapId;
+}, function (linkedState, mapId) {
+  return linkedState ? Object.keys(linkedState.links).filter(function (panelId) {
+    return linkedState.links[panelId].includes(mapId);
+  }) : [];
+});
+var selectSharedData = createSelector([selectLinkedState, function (store, panelId) {
+  return panelId;
+}], function (linkedState, panelId) {
+  var sharedDataForPanel = linkedState.sharedData[panelId];
+  return sharedDataForPanel || {};
 }, selectorMemoizationOptions);
-var getUiDialogsByActiveMapId = function getUiDialogsByActiveMapId(store, mapId) {
-  if (store && store.ui && store.ui.order) {
-    var foundDialogsIds = store.ui.order.filter(function (id) {
-      var _store$ui2;
-      return ((_store$ui2 = store.ui) === null || _store$ui2 === void 0 || (_store$ui2 = _store$ui2.dialogs[id]) === null || _store$ui2 === void 0 ? void 0 : _store$ui2.activeMapId) === mapId;
-    });
-    var foundDialogs = foundDialogsIds.reduce(function (list, id) {
-      var _store$ui3;
-      var dialog = (_store$ui3 = store.ui) === null || _store$ui3 === void 0 ? void 0 : _store$ui3.dialogs[id];
-      if (dialog) {
-        return list.concat(dialog);
-      }
-      return list;
-    }, []);
-    return foundDialogs.length ? foundDialogs : [];
+var selectLinkedPanelId = createSelector([selectLinkedState, function (_, mapViewId) {
+  return mapViewId;
+}], function (linkedState, mapViewId) {
+  if (!(linkedState !== null && linkedState !== void 0 && linkedState.links)) {
+    return undefined;
   }
-  return [];
-};
-
-var selectors$5 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  getActiveWindowId: getActiveWindowId,
-  getDialogDetailsByType: getDialogDetailsByType,
-  getDialogError: getDialogError,
-  getDialogIsLoading: getDialogIsLoading,
-  getDialogIsOrderedOnTop: getDialogIsOrderedOnTop,
-  getDialogMapId: getDialogMapId,
-  getDialogOrder: getDialogOrder,
-  getDialogSource: getDialogSource,
-  getIsActiveWindowId: getIsActiveWindowId,
-  getSourcePanelId: getSourcePanelId,
-  getUiDialogsByActiveMapId: getUiDialogsByActiveMapId,
-  getUiStore: getUiStore,
-  getisDialogOpen: getisDialogOpen,
-  useAppSelector: useAppSelector$1
+  // Find the panelId where mapView(s) is linked
+  var panelId = Object.keys(linkedState.links).find(function (panelId) {
+    var _linkedState$links$pa;
+    return (_linkedState$links$pa = linkedState.links[panelId]) === null || _linkedState$links$pa === void 0 ? void 0 : _linkedState$links$pa.includes(mapViewId);
+  });
+  return panelId;
+});
+var selectMapViewsForPanelId = createSelector([function (linkedState, panelId) {
+  return linkedState.links[panelId];
+}], function (mapViews) {
+  if (!mapViews) {
+    return undefined;
+  }
+  return mapViews;
+});
+var selectLinkedFeatures = createSelector([function (linkedState) {
+  return linkedState;
+}, getLinkedFeatureProviders], function (linkedState, featureProviders) {
+  var features = featureProviders.flatMap(function (providerId) {
+    var _linkedState$sharedDa, _linkedState$sharedDa2;
+    return (_linkedState$sharedDa = linkedState === null || linkedState === void 0 || (_linkedState$sharedDa2 = linkedState.sharedData) === null || _linkedState$sharedDa2 === void 0 || (_linkedState$sharedDa2 = _linkedState$sharedDa2[providerId]) === null || _linkedState$sharedDa2 === void 0 ? void 0 : _linkedState$sharedDa2.features) !== null && _linkedState$sharedDa !== void 0 ? _linkedState$sharedDa : [];
+  });
+  return features.filter(function (feature) {
+    return feature !== undefined;
+  });
+});
+var selectLinkedFormFeatures = createSelector([function (linkedState) {
+  return linkedState;
+}, getLinkedFeatureProviders], function (linkedState, featureProviders) {
+  var features = featureProviders.flatMap(function (providerId) {
+    var _linkedState$sharedDa3, _linkedState$sharedDa4;
+    return (_linkedState$sharedDa3 = linkedState === null || linkedState === void 0 || (_linkedState$sharedDa4 = linkedState.sharedData) === null || _linkedState$sharedDa4 === void 0 || (_linkedState$sharedDa4 = _linkedState$sharedDa4[providerId]) === null || _linkedState$sharedDa4 === void 0 ? void 0 : _linkedState$sharedDa4.formFeatures) !== null && _linkedState$sharedDa3 !== void 0 ? _linkedState$sharedDa3 : [];
+  });
+  return features.filter(function (feature) {
+    return feature !== undefined;
+  });
+});
+var getSelectedFeature = createSelector([
+// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+function (state, mapId) {
+  var _state$linkedState;
+  return (_state$linkedState = state.linkedState) === null || _state$linkedState === void 0 ? void 0 : _state$linkedState.sharedData[mapId];
+}], function (sharedData) {
+  var _features$;
+  if (!sharedData) {
+    return null;
+  }
+  var features = sharedData.features,
+    selectedFeatureId = sharedData.selectedFeatureId;
+  if (!features || !selectedFeatureId) {
+    return null;
+  }
+  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') {
+    var _selectedFeature$prop, _selectedFeature$prop2, _selectedFeature$prop3;
+    var coordinates = selectedFeature.geometry.coordinates;
+    return {
+      lat: coordinates[1],
+      lon: coordinates[0],
+      id: selectedFeature.id,
+      name: (_selectedFeature$prop = selectedFeature.properties) === null || _selectedFeature$prop === void 0 ? void 0 : _selectedFeature$prop.name,
+      occurrences: (_selectedFeature$prop2 = selectedFeature.properties) === null || _selectedFeature$prop2 === void 0 ? void 0 : _selectedFeature$prop2.occurrences,
+      serviceId: (_selectedFeature$prop3 = selectedFeature.properties) === null || _selectedFeature$prop3 === void 0 ? void 0 : _selectedFeature$prop3.serviceId
+    };
+  }
+  if (selectedFeature) {
+    var _selectedFeature$prop4, _selectedFeature$prop5;
+    var center$1 = center(selectedFeature);
+    return {
+      lat: center$1.geometry.coordinates[1],
+      lon: center$1.geometry.coordinates[0],
+      id: selectedFeature.id,
+      name: (_selectedFeature$prop4 = selectedFeature.properties) === null || _selectedFeature$prop4 === void 0 ? void 0 : _selectedFeature$prop4.name,
+      occurrences: (_selectedFeature$prop5 = selectedFeature.properties) === null || _selectedFeature$prop5 === void 0 ? void 0 : _selectedFeature$prop5.occurrences
+    };
+  }
+  return null;
+});
+var getSelectedFeatureAsGeoJSON = createSelector([function (state, mapId) {
+  var _state$linkedState2;
+  return (_state$linkedState2 = state.linkedState) === null || _state$linkedState2 === void 0 ? void 0 : _state$linkedState2.sharedData[mapId];
+}], function (sharedData) {
+  var _features$2;
+  if (!sharedData) {
+    return null;
+  }
+  var features = sharedData.features,
+    selectedFeatureId = sharedData.selectedFeatureId;
+  if (!features || !selectedFeatureId) {
+    return null;
+  }
+  var selectedFeature = (_features$2 = features[0]) === null || _features$2 === void 0 ? void 0 : _features$2.geoJSON.features.find(function (feature) {
+    return feature.id === selectedFeatureId;
+  });
+  return selectedFeature;
 });
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var DialogTypes;
-(function (DialogTypes) {
-  DialogTypes["LayerInfo"] = "layerInfo";
-  DialogTypes["SyncGroups"] = "syncGroups";
-  DialogTypes["TimeSeriesSelect"] = "timeSeriesSelect";
-  DialogTypes["TimeSeriesManager"] = "timeSeriesManager";
-  DialogTypes["TimeSeriesInfo"] = "timeSeriesInfo";
-  DialogTypes["TimeSeriesLocationInfo"] = "timeSeriesLocationInfo";
-  DialogTypes["KeywordFilter"] = "keywordFilter";
-  DialogTypes["DimensionSelectEnsembleMember"] = "dimensionSelect-ensemble_member";
-  DialogTypes["DimensionSelectElevation"] = "dimensionSelect-elevation";
-  DialogTypes["LayerManager"] = "layerManager";
-  DialogTypes["LayerSelect"] = "layerSelect";
-  DialogTypes["DrawingTool"] = "drawingTool";
-  DialogTypes["DockedLayerManager"] = "dockedLayerManager";
-  DialogTypes["ObjectManager"] = "objectManager";
-  DialogTypes["PublicWarnings"] = "publicWarnings";
-  DialogTypes["Search"] = "search";
-  DialogTypes["AreaObjectLoader"] = "areaObjectLoader";
-  DialogTypes["DataExplorer"] = "dataExplorer";
-  DialogTypes["DataExplorerInfo"] = "dataExplorerInfo";
-  DialogTypes["SelectedFeatures"] = "selectedFeatures";
-  DialogTypes["SoundingsSources"] = "soundingsSources";
-  DialogTypes["SoundingsLocations"] = "soundingsLocations";
-  DialogTypes["TimeseriesLocations"] = "timeseriesLocations";
-})(DialogTypes || (DialogTypes = {}));
-
-var types$2 = /*#__PURE__*/Object.freeze({
+var selectors$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  get DialogTypes () { return DialogTypes; }
+  getLinkedMaps: getLinkedMaps,
+  getSelectedFeature: getSelectedFeature,
+  getSelectedFeatureAsGeoJSON: getSelectedFeatureAsGeoJSON,
+  getSynchronizationGroupStore: getSynchronizationGroupStore,
+  getTime: getTime,
+  selectLinkedFeatures: selectLinkedFeatures,
+  selectLinkedFormFeatures: selectLinkedFormFeatures,
+  selectLinkedPanelId: selectLinkedPanelId,
+  selectMapViewsForPanelId: selectMapViewsForPanelId,
+  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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var useSetupDialog = function useSetupDialog(dialogType) {
-  var source = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'app';
+var useUpdateSharedData = function useUpdateSharedData(data, panelId) {
+  var sharedData = useSelector(function (state) {
+    return selectSharedData(state, panelId);
+  });
+  var linkedMaps = useSelector(function (state) {
+    return getLinkedMaps(state, panelId);
+  });
   var dispatch = useDispatch();
-  var onCloseDialog = useCallback(function () {
-    dispatch(uiActions.setToggleOpenDialog({
-      type: dialogType,
-      setOpen: false
-    }));
-  }, [dialogType, dispatch]);
-  var registerDialog = useCallback(function () {
-    dispatch(uiActions.registerDialog({
-      type: dialogType,
-      setOpen: false,
-      source: source
-    }));
-  }, [dialogType, dispatch, source]);
-  var unregisterDialog = useCallback(function () {
-    dispatch(uiActions.unregisterDialog({
-      type: dialogType
-    }));
-  }, [dialogType, dispatch]);
-  // Register this dialog in the store
   useEffect(function () {
-    registerDialog();
-    return function () {
-      unregisterDialog();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  var uiIsOrderedOnTop = useAppSelector$1(function (store) {
-    return getDialogIsOrderedOnTop(store, dialogType);
-  });
-  var setDialogOrder = useCallback(function () {
-    if (!uiIsOrderedOnTop) {
-      dispatch(uiActions.orderDialog({
-        type: dialogType
+    var diff = _objectSpread2(_objectSpread2({}, sharedData), data);
+    if (panelId && (linkedMaps === null || linkedMaps === void 0 ? void 0 : linkedMaps.length) > 0 && !isEqual(diff, sharedData)) {
+      dispatch(syncGroupsActions.addSharedData({
+        panelId: panelId,
+        data: data
       }));
     }
-  }, [dialogType, dispatch, uiIsOrderedOnTop]);
-  var dialogOrder = useAppSelector$1(function (store) {
-    return getDialogOrder(store, dialogType);
-  });
-  var uiSource = useAppSelector$1(function (store) {
-    return getDialogSource(store, dialogType);
-  });
-  var isDialogOpen = useAppSelector$1(function (store) {
-    return getisDialogOpen(store, dialogType);
-  });
-  var uiIsLoading = useAppSelector$1(function (store) {
-    return getDialogIsLoading(store, dialogType);
-  });
-  var uiError = useAppSelector$1(function (store) {
-    return getDialogError(store, dialogType);
-  });
-  return {
-    setDialogOrder: setDialogOrder,
-    dialogOrder: dialogOrder,
-    onCloseDialog: onCloseDialog,
-    uiSource: uiSource,
-    isDialogOpen: isDialogOpen,
-    uiIsLoading: uiIsLoading,
-    uiError: uiError
-  };
+  }, [panelId, linkedMaps, data, sharedData, dispatch]);
+  useEffect(function () {
+    return function () {
+      if (panelId) {
+        dispatch(syncGroupsActions.deleteSharedData({
+          panelId: panelId
+        }));
+      }
+    };
+  }, [dispatch, panelId]);
+  return sharedData;
 };
 
 /* *
@@ -3925,22 +4009,15 @@ var useSetupDialog = function useSetupDialog(dialogType) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-/* Type constants */
-var SYNCGROUPS_TYPE_SETTIME = 'SYNCGROUPS_TYPE_SETTIME';
-var SYNCGROUPS_TYPE_SETBBOX = 'SYNCGROUPS_TYPE_SETBBOX';
-var SYNCGROUPS_TYPE_SETLAYERACTIONS = 'SYNCGROUPS_TYPE_SETLAYERACTIONS';
-var SYNCGROUPS_SET_VIEW_STATE = 'SYNCGROUPS_SET_VIEW_STATE';
+var ANY_EDR_SERVICE = 'any_edr';
 
-var constants$2 = /*#__PURE__*/Object.freeze({
+var constants$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  SYNCGROUPS_SET_VIEW_STATE: SYNCGROUPS_SET_VIEW_STATE,
-  SYNCGROUPS_TYPE_SETBBOX: SYNCGROUPS_TYPE_SETBBOX,
-  SYNCGROUPS_TYPE_SETLAYERACTIONS: SYNCGROUPS_TYPE_SETLAYERACTIONS,
-  SYNCGROUPS_TYPE_SETTIME: SYNCGROUPS_TYPE_SETTIME
+  ANY_EDR_SERVICE: ANY_EDR_SERVICE
 });
 
 /* *
@@ -3956,655 +4033,314 @@ var constants$2 = /*#__PURE__*/Object.freeze({
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-/**
- * The removeInPlace() method modifies an array in place, by removing elements that pass the test implemented by the provided function.
- *
- * NOTE: This should only be used on draft properties as provided by the immer produce library, as modifying elements in place is bad practice on non draft variables.
- *
- * @param inDraftArray The draft array to filter, will be modified in place.
- * @param condition Function to check each element in the array
- */
-var removeInPlace = function removeInPlace(inDraftArray, condition) {
-  var index = 0;
-  inDraftArray.forEach(function (e, i) {
-    if (!condition(e)) {
-      if (i !== index) {
-        // eslint-disable-next-line no-param-reassign
-        inDraftArray[index] = e;
-      }
-      index += 1;
-    }
-  });
-  // eslint-disable-next-line no-param-reassign
-  inDraftArray.length = index;
-};
-
-var initialState$3 = {
-  sources: {
-    byId: {},
-    allIds: []
-  },
-  groups: {
-    byId: {},
-    allIds: []
-  },
-  viewState: {
-    timeslider: {
-      groups: [],
-      sourcesById: []
-    },
-    zoompane: {
-      groups: [],
-      sourcesById: []
-    },
-    level: {
-      groups: [],
-      sourcesById: []
-    }
-  },
-  linkedState: {
-    links: {},
-    sharedData: {}
-  },
-  isTimeScrollingEnabled: false
-};
-var slice$4 = createSlice({
-  initialState: initialState$3,
-  name: 'synchronizationGroupsReducer',
-  reducers: {
-    /** Sets the links map.
-     *  This is used to override the links when changing workspaces.
-     * @param draft sync state
-     * @param {Record<string, string[]>} action.newLinks the new links object
-     */
-    setLinkedMap: function setLinkedMap(draft, action) {
-      var newLinks = action.payload.newLinks;
-      draft.linkedState.links = newLinks;
-    },
-    /** Updates the links map.
-     *  This is used to update the links when operating the link menu.
-     * @param draft sync state
-     * @param {string} action.panelId id of the panel updating it's links
-     * @param {string[]} action.mapIds the new linked maps
-     */
-    updateLinkedMap: function updateLinkedMap(draft, action) {
+var loadingIndicatorAdapter = createEntityAdapter();
+var initLoadingIndicatorStateForId = function initLoadingIndicatorStateForId(draft, id) {
+  if (!draft.entities[id]) {
+    loadingIndicatorAdapter.addOne(draft, {
+      id: id,
+      getMapLoadingPercentage: 100,
+      isGetCapabilitiesLoading: false,
+      isEDRLoading: false
+    });
+  }
+};
+var slice$3 = createSlice({
+  initialState: loadingIndicatorAdapter.getInitialState(),
+  name: 'loadingIndicatorReducer',
+  reducers: {
+    setGetMapIsLoading: function setGetMapIsLoading(draft, action) {
       var _action$payload = action.payload,
-        panelId = _action$payload.panelId,
-        mapIds = _action$payload.mapIds;
-      draft.linkedState.links[panelId] = mapIds;
-    },
-    removeLinkedMap: function removeLinkedMap(draft, action) {
-      var panelId = action.payload;
-      // Remove panelId from sources
-      delete draft.sources.byId[panelId];
-      removeInPlace(draft.sources.allIds, function (_id) {
-        return _id === panelId;
-      });
-      // Remove panelId from any arrays in linkedState
-      delete draft.linkedState.links[panelId];
-      delete draft.linkedState.sharedData[panelId];
-      Object.keys(draft.linkedState.links).forEach(function (key) {
-        var arr = draft.linkedState.links[key];
-        removeInPlace(arr, function (_id) {
-          return _id === panelId;
-        });
-      });
-      // Remove panelId from groups
-      Object.keys(draft.groups.byId).forEach(function (groupId) {
-        var group = draft.groups.byId[groupId];
-        delete group.targets.byId[panelId];
-        removeInPlace(group.targets.allIds, function (_id) {
-          return _id === panelId;
-        });
-      });
+        id = _action$payload.id,
+        getMapLoadingPercentage = _action$payload.getMapLoadingPercentage;
+      initLoadingIndicatorStateForId(draft, id);
+      draft.entities[id].getMapLoadingPercentage = getMapLoadingPercentage;
     },
-    addSharedData: function addSharedData(draft, action) {
+    setGetCapabilitiesIsLoading: function setGetCapabilitiesIsLoading(draft, action) {
       var _action$payload2 = action.payload,
-        panelId = _action$payload2.panelId,
-        data = _action$payload2.data;
-      draft.linkedState.sharedData[panelId] = _objectSpread2(_objectSpread2({}, draft.linkedState.sharedData[panelId]), data);
-    },
-    deleteSharedData: function deleteSharedData(draft, action) {
-      var panelId = action.payload.panelId;
-      delete draft.linkedState.sharedData[panelId];
+        id = _action$payload2.id,
+        isGetCapabilitiesLoading = _action$payload2.isGetCapabilitiesLoading;
+      initLoadingIndicatorStateForId(draft, id);
+      draft.entities[id].isGetCapabilitiesLoading = isGetCapabilitiesLoading;
     },
-    syncGroupAddSource: function syncGroupAddSource(draft, action) {
+    setEDRIsLoading: function setEDRIsLoading(draft, action) {
       var _action$payload3 = action.payload,
         id = _action$payload3.id,
-        payloadType = _action$payload3.type,
-        defaultPayload = _action$payload3.defaultPayload;
-      if (!draft.sources.byId[id]) {
-        draft.sources.byId[id] = {
-          types: payloadType,
-          payloadByType: {
-            SYNCGROUPS_TYPE_SETTIME: defaultPayload,
-            SYNCGROUPS_TYPE_SETBBOX: defaultPayload,
-            SYNCGROUPS_TYPE_SETLAYERACTIONS: defaultPayload
-          }
-        };
-        draft.sources.allIds.push(id);
-      }
-      /* Now try to initialize with the correct values from the state */
-      draft.groups.allIds.forEach(function (groupId) {
-        var syncronizationGroup = draft.groups.byId[groupId];
-        /* Check if the source is in the target list of the synchonizationGroup */
-        var source = syncronizationGroup.targets.byId[id];
-        var type = syncronizationGroup.type;
-        /* If the source is part of the target list, and is linked, continue syncing the other targets */
-        if (source && source.linked) {
-          draft.sources.byId[id].payloadByType[type] = syncronizationGroup.payloadByType && syncronizationGroup.payloadByType[type] || defaultPayload;
-        }
-      });
-    },
-    syncGroupRemoveSource: function syncGroupRemoveSource(draft, action) {
-      var id = action.payload.id;
-      if (draft.sources.byId[id]) {
-        delete draft.sources.byId[id];
-        removeInPlace(draft.sources.allIds, function (_id) {
-          return _id === id;
-        });
-      }
-    },
-    syncGroupAddTarget: function syncGroupAddTarget(draft, action) {
-      var _synchronizationGroup;
-      var _action$payload4 = action.payload,
-        groupId = _action$payload4.groupId,
-        targetId = _action$payload4.targetId,
-        linked = _action$payload4.linked;
-      var synchronizationGroup = draft.groups.byId[groupId];
-      if (!synchronizationGroup) {
-        console.warn("SYNCGROUPS_ADD_TARGET: Group ".concat(groupId, " does not exist."));
-        return;
-      }
-      if (!targetId) {
-        console.warn("SYNCGROUPS_ADD_TARGET: targetId is not defined.");
-        return;
-      }
-      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
-      };
-      if (isSourceLinked) {
-        var type = synchronizationGroup.type;
-        draft.sources.byId[targetId].payloadByType[type] = synchronizationGroup.payloadByType[type];
-      }
-    },
-    syncGroupRemoveTarget: function syncGroupRemoveTarget(draft, action) {
-      var _action$payload5 = action.payload,
-        groupId = _action$payload5.groupId,
-        targetId = _action$payload5.targetId;
-      if (!draft.groups.byId[groupId]) {
-        return;
-      }
-      if (!draft.groups.byId[groupId].targets.allIds.includes(targetId)) {
-        return;
-      }
-      delete draft.groups.byId[groupId].targets.byId[targetId];
-      removeInPlace(draft.groups.byId[groupId].targets.allIds, function (_id) {
-        return _id === targetId;
-      });
-    },
-    syncGroupLinkTarget: function syncGroupLinkTarget(draft, action) {
-      var _action$payload6 = action.payload,
-        groupId = _action$payload6.groupId,
-        targetId = _action$payload6.targetId,
-        linked = _action$payload6.linked;
-      if (!draft.groups.byId[groupId] || !draft.groups.byId[groupId].targets.byId[targetId]) {
-        return;
-      }
-      draft.groups.byId[groupId].targets.byId[targetId].linked = linked;
-    },
-    syncGroupAddGroup: function syncGroupAddGroup(draft, action) {
-      var _action$payload7 = action.payload,
-        groupId = _action$payload7.groupId,
-        type = _action$payload7.type,
-        title = _action$payload7.title;
-      if (draft.groups.byId[groupId]) {
-        return;
-      }
-      draft.groups.byId[groupId] = {
-        title: title,
-        type: type,
-        payloadByType: {
-          SYNCGROUPS_TYPE_SETTIME: null,
-          SYNCGROUPS_TYPE_SETBBOX: null
-        },
-        targets: {
-          allIds: [],
-          byId: {}
-        }
-      };
-      draft.groups.allIds.push(groupId);
-    },
-    syncGroupRemoveGroup: function syncGroupRemoveGroup(draft, action) {
-      var groupId = action.payload.groupId;
-      if (!draft.groups.byId[groupId]) {
-        return;
+        isEDRLoading = _action$payload3.isEDRLoading;
+      initLoadingIndicatorStateForId(draft, id);
+      // When one EDR is loading with a known id (panelId), do not set the any ANY_EDR_SERVICE as the panelId is known.
+      if (isEDRLoading && id === ANY_EDR_SERVICE && draft.ids.some(function (id) {
+        var _draft$entities$id;
+        return (_draft$entities$id = draft.entities[id]) === null || _draft$entities$id === void 0 ? void 0 : _draft$entities$id.isEDRLoading;
+      })) {
+        draft.entities[id].isEDRLoading = false;
+      } else {
+        draft.entities[id].isEDRLoading = isEDRLoading;
       }
-      delete draft.groups.byId[groupId];
-      removeInPlace(draft.groups.allIds, function (_groupId) {
-        return _groupId === groupId;
-      });
-    },
-    syncGroupClear: function syncGroupClear() {
-      return initialState$3;
-    },
-    syncGroupSetViewState: function syncGroupSetViewState(draft, action) {
-      var viewState = action.payload.viewState;
-      draft.viewState = viewState;
-    },
-    syncGroupToggleIsTimeScrollingEnabled: function syncGroupToggleIsTimeScrollingEnabled(draft, action) {
-      draft.isTimeScrollingEnabled = action.payload.isTimeScrollingEnabled;
     }
   },
   extraReducers: function extraReducers(builder) {
-    builder.addCase(setTimeSync, function (draft, action) {
-      return setBboxOrTimeSync(draft, action);
-    }).addCase(setBboxSync, function (draft, action) {
-      return setBboxOrTimeSync(draft, action);
+    builder.addCase(mapActions.unregisterMap, function (draft, action) {
+      var mapId = action.payload.mapId;
+      if (draft.entities[mapId]) {
+        loadingIndicatorAdapter.removeOne(draft, mapId);
+      }
     });
   }
 });
-var getPayLoadKey = function getPayLoadKey(type) {
-  switch (type) {
-    case setTimeSync.type:
-      return SYNCGROUPS_TYPE_SETTIME;
-    case setBboxSync.type:
-      return SYNCGROUPS_TYPE_SETBBOX;
-    default:
-      return null;
-  }
-};
-var mergePayloadInToState = function mergePayloadInToState(draftSource, payloadKey, payload) {
-  if (!draftSource) {
-    // Do nothing if draftSource is undefined/null
-    return;
-  }
-  if (!draftSource.payloadByType) {
-    draftSource.payloadByType = {};
-    draftSource.payloadByType[payloadKey] = payload;
-    return;
+var loadingIndicatorActions = slice$3.actions,
+  loadingIndicatorReducer = slice$3.reducer;
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var EMPTY_LOADING_INDICATOR = {
+  entities: {},
+  ids: []
+};
+var _loadingIndicatorAdap = loadingIndicatorAdapter.getSelectors(function (state) {
+    var _state$loadingIndicat;
+    return (_state$loadingIndicat = state === null || state === void 0 ? void 0 : state.loadingIndicator) !== null && _state$loadingIndicat !== void 0 ? _state$loadingIndicat : EMPTY_LOADING_INDICATOR;
+  }),
+  selectLoadingIndicatorById = _loadingIndicatorAdap.selectById;
+var getMapLoadingPercentage = createSelector(selectLoadingIndicatorById, function (loadingIndicator) {
+  return loadingIndicator ? loadingIndicator === null || loadingIndicator === void 0 ? void 0 : loadingIndicator.getMapLoadingPercentage : 100;
+}, selectorMemoizationOptions);
+var isGetMapLoading = createSelector(getMapLoadingPercentage, function (percentage) {
+  return percentage !== 100;
+}, selectorMemoizationOptions);
+var isGetCapabilitiesLoading = createSelector(selectLoadingIndicatorById, function (loadingIndicator) {
+  return (loadingIndicator === null || loadingIndicator === void 0 ? void 0 : loadingIndicator.isGetCapabilitiesLoading) || false;
+}, selectorMemoizationOptions);
+var isAnyEdrTypeLoading = function isAnyEdrTypeLoading(loadingIndicator) {
+  return (loadingIndicator === null || loadingIndicator === void 0 ? void 0 : loadingIndicator.isEDRLoading) || false;
+};
+var isEDRLoading = createSelector(selectLoadingIndicatorById, isAnyEdrTypeLoading, selectorMemoizationOptions);
+var isAnyEDRLoading = createSelector([function (store) {
+  return selectLoadingIndicatorById(store, ANY_EDR_SERVICE);
+}], isAnyEdrTypeLoading, selectorMemoizationOptions);
+var isLoading = createSelector([isGetMapLoading, isGetCapabilitiesLoading, isEDRLoading, isAnyEDRLoading], function (isGetMapLoading, isGetCapabilitiesLoading, isEDRRLoading, isAnyEDRLoading) {
+  return isGetMapLoading || isGetCapabilitiesLoading || isEDRRLoading || isAnyEDRLoading;
+}, selectorMemoizationOptions);
+
+var selectors$4 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  getMapLoadingPercentage: getMapLoadingPercentage,
+  isEDRLoading: isEDRLoading,
+  isGetCapabilitiesLoading: isGetCapabilitiesLoading,
+  isGetMapLoading: isGetMapLoading,
+  isLoading: isLoading,
+  selectLoadingIndicatorById: selectLoadingIndicatorById
+});
+
+var genericActions = _objectSpread2(_objectSpread2({}, syncGroupsActions), {}, {
+  initialSyncState: initialState$3,
+  setTime: setTime,
+  setBbox: setBbox
+});
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var useAppSelector$1 = useSelector;
+var getUiStore = function getUiStore(store) {
+  if (store !== null && store !== void 0 && store.ui) {
+    return store.ui;
   }
-  draftSource.payloadByType[payloadKey] = merge(draftSource.payloadByType[payloadKey], payload);
+  return null;
 };
-var setBboxOrTimeSync = function setBboxOrTimeSync(draft, action) {
-  var _action$payload8 = action.payload,
-    targets = _action$payload8.targets,
-    source = _action$payload8.source,
-    groups = _action$payload8.groups;
-  if (source) {
-    var payloadKey = getPayLoadKey(action.type);
-    if (!source.payload || !payloadKey) {
-      console.warn('Wrong sync action: ', action);
-      return;
-    }
-    mergePayloadInToState(draft.sources.byId[source.payload.sourceId], payloadKey, source.payload);
-    /* Update all targets */
-    targets.forEach(function (target) {
-      mergePayloadInToState(draft.sources.byId[target.targetId], payloadKey, source.payload);
-    });
-    /* Set the value in the group */
-    groups.forEach(function (group) {
-      mergePayloadInToState(draft.groups.byId[group], payloadKey, source.payload);
-    });
+/**
+ * Gets the active map Id and wether a dialog is open or closed
+ *
+ * Example: getDialogDetailsByType(store, 'legend')
+ * @param {object} store store object from which the ui state wll be extracted
+ * @param {string} dialogType type of the dialog
+ * @returns {array} [string, boolean] first element gives the active map id, second element whether the dialog is open
+ */
+var getDialogDetailsByType = function getDialogDetailsByType(store, dialogType) {
+  var _store$ui;
+  if (store !== null && store !== void 0 && (_store$ui = store.ui) !== null && _store$ui !== void 0 && (_store$ui = _store$ui.dialogs) !== null && _store$ui !== void 0 && _store$ui[dialogType]) {
+    return store.ui.dialogs[dialogType];
   }
-};
-var _slice$actions = slice$4.actions,
-  syncGroupAddGroup = _slice$actions.syncGroupAddGroup;
-  _slice$actions.syncGroupAddSource;
-  var syncGroupAddTarget = _slice$actions.syncGroupAddTarget;
-  _slice$actions.syncGroupClear;
-  _slice$actions.syncGroupLinkTarget;
-  _slice$actions.syncGroupRemoveGroup;
-  _slice$actions.syncGroupRemoveSource;
-  _slice$actions.syncGroupRemoveTarget;
-  _slice$actions.syncGroupSetViewState;
-var syncGroupsReducer = slice$4.reducer,
-  syncGroupsActions = slice$4.actions;
-
-var syncGroupStore = function syncGroupStore(store) {
-  return store.syncGroups || null;
+  return null;
 };
 /**
- * Gets synchronization group state
+ * For a given ui component: gets wether the dialog is open or closed
  *
- * Example: synchronizationGroupState = getSynchronizationGroupState(store)
- * @param {object} store store: object - Store object
- * @returns {object} returnType: SynchronizationGroupState
+ * @param {object} store store object from which the ui state wll be extracted
+ * @param {string} dialogType type of the dialog
+ * @returns {boolean} returnType: boolean
  */
-var getSynchronizationGroupState = function getSynchronizationGroupState(store) {
-  var state = syncGroupStore(store);
-  return state || null;
-};
-var getSynchronizationGroup = createSelector([syncGroupStore, function (syncGroupStore, id) {
-  return id;
-}], function (syncGroupState, id) {
-  return syncGroupState.groups.byId[id];
-}, selectorMemoizationOptions);
-var getSynchronizationGroupSource = createSelector([syncGroupStore, function (syncGroupStore, id) {
-  return id;
-}], function (syncGroupState, id) {
-  return syncGroupState.sources.byId[id];
+var getisDialogOpen = createSelector(getDialogDetailsByType, function (details) {
+  if (details) {
+    return details.isOpen;
+  }
+  return false;
 }, selectorMemoizationOptions);
-var getTargets = createSelector([syncGroupStore, function (syncGroupStore, payload) {
-  return payload;
-}, function (syncGroupStore, payload, actionType) {
-  return actionType;
-}], function (syncGroups, payload, actionType) {
-  var actionPayloads = [];
-  var targetsInActionPayload = {};
-  if (syncGroups && payload) {
-    /* Backwards compatibility, if there are no groups, connect everything */
-    if (syncGroups.groups.allIds.length === 0) {
-      syncGroups.sources.allIds.forEach(function (targetId) {
-        // Only add if should react to this action
-        if (syncGroups.sources.byId[targetId].types.includes(actionType)) {
-          /* Remember that we have already added this target in the action payloads, prevents adding it twice */
-          targetsInActionPayload[targetId] = true;
-          /* Compose the payload */
-          var newPayload = _objectSpread2({
-            targetId: targetId
-          }, payload);
-          actionPayloads.push(newPayload);
-        }
-      });
-    }
-    syncGroups.groups.allIds.forEach(function (id) {
-      var syncronizationGroup = syncGroups.groups.byId[id];
-      if (actionType === syncronizationGroup.type) {
-        /* Check if the source is in the target list of the synchonizationGroup */
-        var source = syncronizationGroup.targets.byId[payload.sourceId];
-        /* If the source is part of the target list, and is linked, continue syncing the other targets */
-        if (source && source.linked) {
-          syncronizationGroup.targets.allIds.forEach(function (targetId) {
-            var target = syncronizationGroup.targets.byId[targetId];
-            if (target.linked && !targetsInActionPayload[targetId]) {
-              /* Remember that we have already added this target in the action payloads, prevents adding it twice */
-              targetsInActionPayload[targetId] = true;
-              /* Compose the payload */
-              var newPayload = _objectSpread2({
-                targetId: targetId
-              }, payload);
-              actionPayloads.push(newPayload);
-            }
-          });
-        }
-      }
-    });
+/**
+ *For a given ui component: gets the active map Id
+ *
+ * @param {object} store store object from which the ui state wll be extracted
+ * @param {string} dialogType type of the dialog
+ * @returns {string} returnType: string - the active map id
+ */
+var getDialogMapId = createSelector(getDialogDetailsByType, function (details) {
+  if (details) {
+    return details.activeMapId;
   }
-  return actionPayloads;
+  return '';
 }, selectorMemoizationOptions);
-var getTargetGroups = createSelector([syncGroupStore, function (syncGroupStore, payload) {
-  return payload;
-}, function (syncGroupStore, payload, actionType) {
-  return actionType;
-}], function (syncGroups, payload, actionType) {
-  var groups = syncGroups.groups.allIds.reduce(function (list, groupId) {
-    var syncronizationGroup = syncGroups.groups.byId[groupId];
-    if (actionType === syncronizationGroup.type) {
-      /* Check if the source is in the target list of the synchronizationGroup */
-      var source = syncronizationGroup.targets.byId[payload.sourceId];
-      /* If the source is part of the target list, and is linked, continue syncin the other targets */
-      if (source && source.linked) {
-        return list.concat(groupId);
-      }
+/**
+ *For a given ui component: gets the order of visible dialog
+ *
+ * @param {object} store store object from which the ui state wll be extracted
+ * @param {DialogType} dialogType type of the dialog
+ * @returns {number} the higher the order number the higher the zIndex
+ */
+var getDialogOrder = function getDialogOrder(store, dialogType) {
+  var _store$ui2;
+  if (store !== null && store !== void 0 && (_store$ui2 = store.ui) !== null && _store$ui2 !== void 0 && _store$ui2.order) {
+    var order = store.ui.order;
+    var visibleOrder = order.filter(function (orderedDialogType) {
+      var _store$ui$dialogs$ord;
+      return (_store$ui$dialogs$ord = store.ui.dialogs[orderedDialogType]) === null || _store$ui$dialogs$ord === void 0 ? void 0 : _store$ui$dialogs$ord.isOpen;
+    });
+    if (!visibleOrder.includes(dialogType)) {
+      return 0;
     }
-    return list;
-  }, []);
-  return groups;
-}, selectorMemoizationOptions);
-var getSourceId = createSelector([syncGroupStore, function (syncGroupStore, sourceId) {
-  return sourceId;
-}], function (syncGroupState, sourceId) {
-  return typeof sourceId === 'string' ? sourceId : sourceId.sourceId;
-}, selectorMemoizationOptions);
-var getAllTargetGroupsForSource = createSelector([syncGroupStore, getSourceId], function (syncGroupStore, sourceId) {
-  if (syncGroupStore !== null && syncGroupStore !== void 0 && syncGroupStore.groups) {
-    return syncGroupStore.groups.allIds.reduce(function (linkedSyncGroupIds, groupId) {
-      var syncronizationGroup = syncGroupStore.groups.byId[groupId];
-      var source = syncronizationGroup.targets.byId[sourceId];
-      /* If the source is part of the target list, and is linked, continue syncin the other targets */
-      if (source && source.linked) {
-        return linkedSyncGroupIds.concat(groupId);
-      }
-      return linkedSyncGroupIds;
-    }, []);
+    return visibleOrder.length - visibleOrder.indexOf(dialogType);
   }
-  return [];
-}, selectorMemoizationOptions);
-var syncGroupGetViewState = createSelector(syncGroupStore, function (store) {
-  return store && store.viewState;
-}, selectorMemoizationOptions);
-var isTimeScrollingEnabled = function isTimeScrollingEnabled(store) {
-  var state = syncGroupStore(store);
-  return state ? state.isTimeScrollingEnabled : false;
+  return 0;
 };
-var getSyncedMapIdsForTimeslider = createSelector(syncGroupStore, function (store) {
-  var _store$viewState$time, _store$viewState$time2;
-  return (_store$viewState$time = (_store$viewState$time2 = store.viewState.timeslider.groups[0]) === null || _store$viewState$time2 === void 0 ? void 0 : _store$viewState$time2.selected) !== null && _store$viewState$time !== void 0 ? _store$viewState$time : [];
-}, selectorMemoizationOptions);
-var getSyncGroupTargets = createSelector(syncGroupStore, function (store) {
-  if (!store || !store.groups) {
-    return [];
+/**
+ *For a given ui component: returns if ordered on top
+ *
+ * @param {object} store store object from which the ui state wll be extracted
+ * @param {DialogType} dialogType type of the dialog
+ * @returns {boolean}
+ */
+var getDialogIsOrderedOnTop = function getDialogIsOrderedOnTop(store, dialogType) {
+  var _store$ui3;
+  if (store !== null && store !== void 0 && (_store$ui3 = store.ui) !== null && _store$ui3 !== void 0 && _store$ui3.order) {
+    var order = store.ui.order;
+    return order.includes(dialogType) && order.indexOf(dialogType) === 0;
+  }
+  return false;
+};
+var getDialogSource = createSelector(getDialogDetailsByType, function (details) {
+  if (details !== null && details !== void 0 && details.source) {
+    return details.source;
   }
-  return store.groups.allIds.reduce(function (targets, groupId) {
-    var group = store.groups.byId[groupId];
-    return targets.concat(group.targets.allIds.map(function (targetId) {
-      return {
-        groupId: groupId,
-        targetId: targetId,
-        linked: group.targets.byId[targetId].linked
-      };
-    }));
-  }, []);
+  return 'app';
 }, selectorMemoizationOptions);
-
-var selectors$4 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  getAllTargetGroupsForSource: getAllTargetGroupsForSource,
-  getSourceId: getSourceId,
-  getSyncGroupTargets: getSyncGroupTargets,
-  getSyncedMapIdsForTimeslider: getSyncedMapIdsForTimeslider,
-  getSynchronizationGroup: getSynchronizationGroup,
-  getSynchronizationGroupSource: getSynchronizationGroupSource,
-  getSynchronizationGroupState: getSynchronizationGroupState,
-  getTargetGroups: getTargetGroups,
-  getTargets: getTargets,
-  isTimeScrollingEnabled: isTimeScrollingEnabled,
-  syncGroupGetViewState: syncGroupGetViewState,
-  syncGroupStore: syncGroupStore
-});
-
-/* *
- * 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
+/**
+ * Get the active window that should receive keyboard shortcuts
  *
- *     http://www.apache.org/licenses/LICENSE-2.0
+ * Example: getActiveWindowId(store)
+ * @param {object} store store object from which the window state will be extracted
+ * @returns {string} active window id
+ */
+var getActiveWindowId = createSelector(getUiStore, function (store) {
+  return store === null || store === void 0 ? void 0 : store.activeWindowId;
+}, selectorMemoizationOptions);
+/**
+ * Gets the panelId of which the dialog is opened from
  *
- * 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.
+ * Example: getSourcePanelId(store, 'publicWarnings')
+ * @param {object} store store object from which the panelId state will be extracted
+ * @returns {string} the dialog type
+ */
+var getSourcePanelId = createSelector(function (store, dialogType) {
+  var _store$ui4;
+  return (_store$ui4 = store.ui) === null || _store$ui4 === void 0 ? void 0 : _store$ui4.dialogs[dialogType];
+}, function (dialog) {
+  return (dialog === null || dialog === void 0 ? void 0 : dialog.sourcePanelId) || '';
+}, selectorMemoizationOptions);
+/**
+ * Gets if this is the active window
  *
- * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var emptyState = {
-  timeslider: {
-    groups: [],
-    sourcesById: []
-  },
-  zoompane: {
-    groups: [],
-    sourcesById: []
-  },
-  level: {
-    groups: [],
-    sourcesById: []
-  }
-};
-var groupTypes = [{
-  title: 'Timeslider',
-  syncType: 'SYNCGROUPS_TYPE_SETTIME',
-  groupType: 'timeslider'
-}, {
-  title: 'Zoompane',
-  syncType: 'SYNCGROUPS_TYPE_SETBBOX',
-  groupType: 'zoompane'
-}];
-/*
-    _____ Creates viewState  _____
-      - Runs Each time viewState is created:
-      - Fill arrays inside initialState with objects containing new values from Redux
-*/
-var createSyncGroupViewState = function createSyncGroupViewState(groups, sources) {
-  var initialState = produce(emptyState, function (draft) {
-    /*
-      _____ 1. Fill groups _____
-        1. Goes through all groups by ID
-        2. Collects original timeslider or zoompane values into an array
-        3. Sorts and adds selected sources to ViewState based on ID type
-    */
-    Object.keys(groups.byId).forEach(function (id) {
-      var _groupTypes$find;
-      var groupType = (_groupTypes$find = groupTypes.find(function (object) {
-        return object.syncType === groups.byId[id].type;
-      })) === null || _groupTypes$find === void 0 ? void 0 : _groupTypes$find.groupType;
-      if (groupType) {
-        draft[groupType].groups.push({
-          id: id,
-          selected: groups.byId[id].targets.allIds
-        });
-      }
-    });
-    /*
-      _____ 2. Fill sourcesById _____
-        1. Loop though sources and add source to each group type
-    */
-    Object.keys(sources.byId).forEach(function (id) {
-      groupTypes.forEach(function (_ref) {
-        var syncType = _ref.syncType,
-          groupType = _ref.groupType;
-        if (sources.byId[id].types.includes(syncType)) {
-          draft[groupType].sourcesById.push({
-            id: id,
-            name: id
-          });
-        }
-      });
+ * Example: getIsActiveWindowId(store, viewId)
+ * @param {object} store store object from which the window state will be extracted
+ * @returns {string} active window id
+ */
+var getIsActiveWindowId = createSelector(getUiStore, function (_store, viewId) {
+  return viewId;
+}, function (store, viewId) {
+  return viewId === (store === null || store === void 0 ? void 0 : store.activeWindowId);
+}, selectorMemoizationOptions);
+var getDialogIsLoading = createSelector(getDialogDetailsByType, function (details) {
+  return (details === null || details === void 0 ? void 0 : details.isLoading) || false;
+}, selectorMemoizationOptions);
+var getDialogError = createSelector(getDialogDetailsByType, function (details) {
+  return (details === null || details === void 0 ? void 0 : details.error) || '';
+}, selectorMemoizationOptions);
+var getUiDialogsByActiveMapId = function getUiDialogsByActiveMapId(store, mapId) {
+  var _store$ui5;
+  if (store !== null && store !== void 0 && (_store$ui5 = store.ui) !== null && _store$ui5 !== void 0 && _store$ui5.order) {
+    var foundDialogsIds = store.ui.order.filter(function (id) {
+      var _store$ui6;
+      return ((_store$ui6 = store.ui) === null || _store$ui6 === void 0 || (_store$ui6 = _store$ui6.dialogs[id]) === null || _store$ui6 === void 0 ? void 0 : _store$ui6.activeMapId) === mapId;
     });
-  });
-  return initialState;
-};
-var groups = function groups(store) {
-  return store.syncGroups.groups;
-};
-var sources = function sources(store) {
-  return store.syncGroups.sources;
+    var foundDialogs = foundDialogsIds.reduce(function (list, id) {
+      var _store$ui7;
+      var dialog = (_store$ui7 = store.ui) === null || _store$ui7 === void 0 ? void 0 : _store$ui7.dialogs[id];
+      if (dialog) {
+        return list.concat(dialog);
+      }
+      return list;
+    }, []);
+    return foundDialogs.length ? foundDialogs : [];
+  }
+  return [];
 };
-var createSyncGroupViewStateSelector = createSelector(groups, sources, createSyncGroupViewState);
 
-var selector = /*#__PURE__*/Object.freeze({
+var selectors$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  createSyncGroupViewState: createSyncGroupViewState,
-  createSyncGroupViewStateSelector: createSyncGroupViewStateSelector,
-  groupTypes: groupTypes
-});
-
-var syncGroupsListener = createListenerMiddleware();
-syncGroupsListener.startListening({
-  matcher: isAnyOf(syncGroupsActions.syncGroupAddTarget, syncGroupsActions.syncGroupLinkTarget),
-  effect: function () {
-    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
-      var payload, groupId, linked, targetToUpdate, group;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            payload = _ref.payload;
-            listenerApi.cancelActiveListeners();
-            groupId = payload.groupId, linked = payload.linked, targetToUpdate = payload.targetId;
-            group = getSynchronizationGroup(listenerApi.getState(), groupId);
-            if (!(!linked && group)) {
-              _context.next = 17;
-              break;
-            }
-            _context.t0 = group.type;
-            _context.next = _context.t0 === SYNCGROUPS_TYPE_SETTIME ? 8 : _context.t0 === SYNCGROUPS_TYPE_SETBBOX ? 12 : 16;
-            break;
-          case 8:
-            if (group.payloadByType[SYNCGROUPS_TYPE_SETTIME]) {
-              _context.next = 10;
-              break;
-            }
-            return _context.abrupt("return");
-          case 10:
-            listenerApi.dispatch(setTimeSync(group.payloadByType[SYNCGROUPS_TYPE_SETTIME], [{
-              targetId: targetToUpdate,
-              value: group.payloadByType[SYNCGROUPS_TYPE_SETTIME].value
-            }], [groupId]));
-            return _context.abrupt("break", 17);
-          case 12:
-            if (group.payloadByType[SYNCGROUPS_TYPE_SETBBOX]) {
-              _context.next = 14;
-              break;
-            }
-            return _context.abrupt("return");
-          case 14:
-            listenerApi.dispatch(setBboxSync(group.payloadByType[SYNCGROUPS_TYPE_SETBBOX], [{
-              targetId: targetToUpdate,
-              bbox: group.payloadByType[SYNCGROUPS_TYPE_SETBBOX].bbox,
-              srs: group.payloadByType[SYNCGROUPS_TYPE_SETBBOX].srs
-            }], [groupId]));
-            return _context.abrupt("break", 17);
-          case 16:
-            return _context.abrupt("break", 17);
-          case 17:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    function effect(_x, _x2) {
-      return _effect.apply(this, arguments);
-    }
-    return effect;
-  }()
-});
-syncGroupsListener.startListening({
-  matcher: isAnyOf(syncGroupsActions.syncGroupAddGroup, syncGroupsActions.syncGroupRemoveGroup, syncGroupsActions.syncGroupAddSource, syncGroupsActions.syncGroupRemoveSource, syncGroupsActions.syncGroupAddTarget, syncGroupsActions.syncGroupRemoveTarget, syncGroupsActions.syncGroupLinkTarget),
-  effect: function () {
-    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_, listenerApi) {
-      var viewState;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            listenerApi.cancelActiveListeners();
-            viewState = createSyncGroupViewStateSelector(listenerApi.getState());
-            listenerApi.dispatch(syncGroupsActions.syncGroupSetViewState({
-              viewState: viewState
-            }));
-          case 3:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    function effect(_x3, _x4) {
-      return _effect2.apply(this, arguments);
-    }
-    return effect;
-  }()
+  getActiveWindowId: getActiveWindowId,
+  getDialogDetailsByType: getDialogDetailsByType,
+  getDialogError: getDialogError,
+  getDialogIsLoading: getDialogIsLoading,
+  getDialogIsOrderedOnTop: getDialogIsOrderedOnTop,
+  getDialogMapId: getDialogMapId,
+  getDialogOrder: getDialogOrder,
+  getDialogSource: getDialogSource,
+  getIsActiveWindowId: getIsActiveWindowId,
+  getSourcePanelId: getSourcePanelId,
+  getUiDialogsByActiveMapId: getUiDialogsByActiveMapId,
+  getUiStore: getUiStore,
+  getisDialogOpen: getisDialogOpen,
+  useAppSelector: useAppSelector$1
 });
 
 /* *
@@ -4620,24 +4356,41 @@ syncGroupsListener.startListening({
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var SyncGroupTypeList = [SYNCGROUPS_TYPE_SETBBOX, SYNCGROUPS_TYPE_SETTIME];
-var SyncGroupActionOrigin;
-(function (SyncGroupActionOrigin) {
-  SyncGroupActionOrigin["delete"] = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_DELETEACTION";
-  SyncGroupActionOrigin["layerActions"] = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_LAYERACTIONS";
-  SyncGroupActionOrigin["move"] = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_MOVEACTION";
-  SyncGroupActionOrigin["add"] = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_ADDACTION";
-  SyncGroupActionOrigin["autoLayerId"] = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_AUTOLAYERIDACTION";
-})(SyncGroupActionOrigin || (SyncGroupActionOrigin = {}));
+var DialogTypes;
+(function (DialogTypes) {
+  DialogTypes["LayerInfo"] = "layerInfo";
+  DialogTypes["SyncGroups"] = "syncGroups";
+  DialogTypes["TimeSeriesSelect"] = "timeSeriesSelect";
+  DialogTypes["TimeSeriesManager"] = "timeSeriesManager";
+  DialogTypes["TimeSeriesInfo"] = "timeSeriesInfo";
+  DialogTypes["TimeSeriesLocationInfo"] = "timeSeriesLocationInfo";
+  DialogTypes["KeywordFilter"] = "keywordFilter";
+  DialogTypes["DimensionSelectEnsembleMember"] = "dimensionSelect-ensemble_member";
+  DialogTypes["DimensionSelectElevation"] = "dimensionSelect-elevation";
+  DialogTypes["LayerManager"] = "layerManager";
+  DialogTypes["LayerSelect"] = "layerSelect";
+  DialogTypes["DrawingTool"] = "drawingTool";
+  DialogTypes["DockedLayerManager"] = "dockedLayerManager";
+  DialogTypes["ObjectManager"] = "objectManager";
+  DialogTypes["PublicWarnings"] = "publicWarnings";
+  DialogTypes["Search"] = "search";
+  DialogTypes["AreaObjectLoader"] = "areaObjectLoader";
+  DialogTypes["DataExplorer"] = "dataExplorer";
+  DialogTypes["DataExplorerInfo"] = "dataExplorerInfo";
+  DialogTypes["SelectedFeatures"] = "selectedFeatures";
+  DialogTypes["SoundingsSources"] = "soundingsSources";
+  DialogTypes["SoundingsLocations"] = "soundingsLocations";
+  DialogTypes["SoundingsManager"] = "soundingsManager";
+  DialogTypes["TimeseriesLocations"] = "timeseriesLocations";
+})(DialogTypes || (DialogTypes = {}));
 
-var types$1 = /*#__PURE__*/Object.freeze({
+var types = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  get SyncGroupActionOrigin () { return SyncGroupActionOrigin; },
-  SyncGroupTypeList: SyncGroupTypeList
+  get DialogTypes () { return DialogTypes; }
 });
 
 /* *
@@ -4645,421 +4398,636 @@ var types$1 = /*#__PURE__*/Object.freeze({
  * 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
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var useSetupDialog = function useSetupDialog(dialogType) {
+  var source = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'app';
+  var dispatch = useDispatch();
+  var onCloseDialog = useCallback(function () {
+    dispatch(uiActions.setToggleOpenDialog({
+      type: dialogType,
+      setOpen: false
+    }));
+  }, [dialogType, dispatch]);
+  var registerDialog = useCallback(function () {
+    dispatch(uiActions.registerDialog({
+      type: dialogType,
+      setOpen: false,
+      source: source
+    }));
+  }, [dialogType, dispatch, source]);
+  var unregisterDialog = useCallback(function () {
+    dispatch(uiActions.unregisterDialog({
+      type: dialogType
+    }));
+  }, [dialogType, dispatch]);
+  // Register this dialog in the store
+  useEffect(function () {
+    registerDialog();
+    return function () {
+      unregisterDialog();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var uiIsOrderedOnTop = useAppSelector$1(function (store) {
+    return getDialogIsOrderedOnTop(store, dialogType);
+  });
+  var setDialogOrder = useCallback(function () {
+    if (!uiIsOrderedOnTop) {
+      dispatch(uiActions.orderDialog({
+        type: dialogType
+      }));
+    }
+  }, [dialogType, dispatch, uiIsOrderedOnTop]);
+  var dialogOrder = useAppSelector$1(function (store) {
+    return getDialogOrder(store, dialogType);
+  });
+  var uiSource = useAppSelector$1(function (store) {
+    return getDialogSource(store, dialogType);
+  });
+  var isDialogOpen = useAppSelector$1(function (store) {
+    return getisDialogOpen(store, dialogType);
+  });
+  var uiIsLoading = useAppSelector$1(function (store) {
+    return getDialogIsLoading(store, dialogType);
+  });
+  var uiError = useAppSelector$1(function (store) {
+    return getDialogError(store, dialogType);
+  });
+  return {
+    setDialogOrder: setDialogOrder,
+    dialogOrder: dialogOrder,
+    onCloseDialog: onCloseDialog,
+    uiSource: uiSource,
+    isDialogOpen: isDialogOpen,
+    uiIsLoading: uiIsLoading,
+    uiError: uiError
+  };
+};
+
+var layerStore = function layerStore(store) {
+  return store === null || store === void 0 ? void 0 : store.layers;
+};
+/**
+ * Gets a layer from the layers part of the store by its Id
+ *
+ * Example: layer = getLayerById(store, 'layerId')
+ * @param {object} store object from which the layer state will be extracted
+ * @param {string} layerId Id of the layer
+ * @returns {object} object containing layer information (service, name, style, enabled etc.)
+ */
+var getLayerById = createSelector([layerStore, function (layerStore, layerId) {
+  return layerId;
+}], function (layerState, layerId) {
+  var _layerState$byId;
+  return layerState === null || layerState === void 0 || (_layerState$byId = layerState.byId) === null || _layerState$byId === void 0 ? void 0 : _layerState$byId[layerId];
+}, selectorMemoizationOptions);
+/**
+ * Determines if layer is present
+ *
+ * @param {object} store store: object - store object
+ * @param {string} layerId layerId: string - Id of the layer
+ * @returns {boolean} returnType:boolean - true if layer is present
+ */
+var getIsLayerPresent = createSelector(getLayerById, function (layer) {
+  return !!layer;
+}, selectorMemoizationOptions);
+/**
+ * Gets a layer from the layers part of the store by its Id, but without the time dimension. (All other dimensions are still included)
+ *
+ * Example: layer = getLayerByIdWithoutTimeDimension(store, 'layerId')
+ * @param {object} store object from which the layer state will be extracted
+ * @param {string} layerId Id of the layer
+ * @returns {object} object containing layer information (service, name, style, enabled etc.)
+ */
+var getLayerByIdWithoutTimeDimension = createSelector([layerStore, function (layerStore, layerId) {
+  return layerId;
+}], function (layerState, layerId) {
+  var _layerState$byId2;
+  var layer = layerState === null || layerState === void 0 || (_layerState$byId2 = layerState.byId) === null || _layerState$byId2 === void 0 ? void 0 : _layerState$byId2[layerId];
+  return layer ? produce(layer, function (draftLayer) {
+    draftLayer.dimensions = filterNonTimeDimensions(draftLayer.dimensions || []);
+    return draftLayer;
+  }) : undefined;
+}, selectorMemoizationOptions);
+/**
+ * Retrieves all layers indexed by layerId
+ *
+ * Example: layers = getLayersById(store)
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @returns {object} returnType: object - an object of all layers containing layer information (service, name, style, enabled etc.) indexed by layerId
+ */
+var getLayersById = createSelector(layerStore, function (store) {
+  var _store$byId;
+  return (_store$byId = store === null || store === void 0 ? void 0 : store.byId) !== null && _store$byId !== void 0 ? _store$byId : null;
+}, selectorMemoizationOptions);
+/**
+ * Retrieves all layerIds
+ *
+ * Example: layerIds = getLayersIds(store)
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @returns {array} returnType: array - an array of all layerIds
+ */
+var getLayersIds = createSelector(layerStore, function (store) {
+  return store ? store.allIds : [];
+}, selectorMemoizationOptions);
+/**
+ * Retrieves all layers (including base layers and overlayers)
+ *
+ * Example: layers = getAllLayers(store)
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @returns {array} returnType: array - an array of all layers containing layer information (service, name, style, enabled etc.)
+ */
+var getAllLayers = createSelector(getLayersIds, getLayersById, function (ids, layers) {
+  return ids.map(function (layerId) {
+    return layers[layerId];
+  });
+}, selectorMemoizationOptions);
+/**
+ * Retrieves all layers (including base layers and overlayers) for the given mapId
+ *
+ * Example: layers = getLayersByMapId(store, mapId)
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @param {string} mapId mapId: string - mapId
+ * @returns {array} returnType: ReduxLayer[] - an array of all layers containing layer information (service, name, style, enabled etc.)
+ */
+var getLayersByMapId = createSelector(getAllLayers, function (_store, _mapId) {
+  return _mapId;
+}, function (layers, mapId) {
+  return layers.filter(function (layer) {
+    return layer.mapId === mapId;
+  });
+}, selectorMemoizationOptions);
+/**
+ * Retrieves all layers that aren't base layers and aren't overlayers
+ *
+ * Example: layers = getLayers(store)
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @returns {array} returnType: array - an array of all non-baselayers containing layer information (service, name, style, enabled etc.)
+ */
+var getLayers = createSelector(getAllLayers, function (layers) {
+  return layers.filter(function (layer) {
+    return layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer;
+  });
+}, selectorMemoizationOptions);
+/**
+ * Retrieves all baselayers
+ *
+ * Example: layers = getBaseLayers(store)
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @returns {array} returnType: array - an array of all baselayers containing layer information (service, name, style, enabled etc.)
+ */
+var getBaseLayers = createSelector(getAllLayers, function (layers) {
+  return layers.filter(function (layer) {
+    return layer.layerType === LayerType.baseLayer;
+  });
+}, selectorMemoizationOptions);
+/**
+ * Retrieves all overLayers
+ *
+ * Example: layers = getOverLayers(store)
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @returns {array} returnType: array - an array of all overLayers containing layer information (service, name, style, enabled etc.)
+ */
+var getOverLayers = createSelector(getAllLayers, function (layers) {
+  return layers.filter(function (layer) {
+    return layer.layerType === LayerType.overLayer;
+  });
+}, selectorMemoizationOptions);
+/**
+ * Retrieves all featureLayers
+ *
+ * Example: layers = getFeatureLayers(store)
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @returns {array} returnType: array - an array of all featureLayers
+ */
+var getFeatureLayers = createSelector(getAllLayers, function (layers) {
+  return layers.filter(function (layer) {
+    return layer.layerType === LayerType.featureLayer;
+  });
+}, selectorMemoizationOptions);
+/**
+ * Gets dimensions of the passed layer
  *
- * 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.
+ * Example: layerDimensions = getLayerDimensions(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 {array} returnType: Dimension[] - array containing layer dimensions
+ */
+var getLayerDimensions = createSelector(getLayerById, function (layer) {
+  var _layer$dimensions;
+  return (_layer$dimensions = layer === null || layer === void 0 ? void 0 : layer.dimensions) !== null && _layer$dimensions !== void 0 ? _layer$dimensions : [];
+}, selectorMemoizationOptions);
+/**
+ * Gets dimensions of the passed layer, excluding the time dimension
  *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var synchronizationGroupStore = function synchronizationGroupStore(store) {
-  return store && store.syncGroups ? store.syncGroups : null;
-};
-var getSynchronizationGroupStore = function getSynchronizationGroupStore(store) {
-  return store && store.syncGroups ? store.syncGroups : null;
-};
+ * Example: layerNonTimeDimensions = getLayerNonTimeDimensions(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 {array} returnType: Dimension[] - array containing layer dimensions, excluding the time dimension
+ */
+var getLayerNonTimeDimensions = createSelector(getLayerDimensions, function (dimensions) {
+  return filterNonTimeDimensions(dimensions);
+}, selectorMemoizationOptions);
 /**
- * Returns the synchronization source by id
- * @param store The app  store
- * @param id The source id to find
+ * Gets time dimension of the passed layer
+ *
+ * Example: timeDimension = getLayerTimeDimension(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 {object} returnType: object - object of layer time dimension
  */
-var getSyncSourceBySourceId = function getSyncSourceBySourceId(state, id) {
-  if (state && state.sources) {
-    var sources = state.sources;
-    if (sources.byId[id]) {
-      return sources.byId[id];
-    }
-  }
-  return null;
-};
-var getTime = createSelector(getSyncSourceBySourceId, function (store) {
-  return store && store.payloadByType && store.payloadByType[SYNCGROUPS_TYPE_SETTIME] ? store.payloadByType[SYNCGROUPS_TYPE_SETTIME].value : null;
+var getLayerTimeDimension = createSelector(getLayerDimensions, function (dimensions) {
+  return dimensions === null || dimensions === void 0 ? void 0 : dimensions.find(function (dimension) {
+    return dimension.name === 'time';
+  });
 }, selectorMemoizationOptions);
-var selectLinkedState = createSelector(synchronizationGroupStore, function (syncState) {
-  return (syncState === null || syncState === void 0 ? void 0 : syncState.linkedState) || {
-    links: {},
-    sharedData: {}
-  };
-});
-var getLinkedMaps = createSelector([selectLinkedState, function (store, panelId) {
-  return panelId;
-}], function (linkedState, panelId) {
-  return panelId && linkedState.links[panelId] || [];
+/**
+ * Returns a boolean indicating whether the layer has a time dimension
+ *
+ * Example: layerHasTimeDimension = getLayerHasTimeDimension(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 {boolean} returnType: boolean - boolean indicating whether the layer has a time dimension
+ */
+var getLayerHasTimeDimension = createSelector(getLayerTimeDimension, function (timeDimension) {
+  return !!timeDimension;
 }, selectorMemoizationOptions);
-var getLinkedFeatureProviders = createSelector(function (linkedState) {
-  return linkedState;
-}, function (linkedState, props) {
-  return props.mapId;
-}, function (linkedState, mapId) {
-  return linkedState ? Object.keys(linkedState.links).filter(function (panelId) {
-    return linkedState.links[panelId].includes(mapId);
-  }) : [];
-});
-var selectSharedData = createSelector([selectLinkedState, function (store, panelId) {
-  return panelId;
-}], function (linkedState, panelId) {
-  var sharedDataForPanel = linkedState.sharedData[panelId];
-  return sharedDataForPanel || {};
+var getLayerCurrentTime = createSelector(getLayerTimeDimension, function (dimension) {
+  return dimension === null || dimension === void 0 ? void 0 : dimension.currentValue;
 }, selectorMemoizationOptions);
-var selectLinkedPanelId = createSelector([selectLinkedState, function (_, mapViewId) {
-  return mapViewId;
-}], function (linkedState, mapViewId) {
-  if (!linkedState || !linkedState.links) {
-    return undefined;
-  }
-  // Find the panelId where mapView(s) is linked
-  var panelId = Object.keys(linkedState.links).find(function (panelId) {
-    var _linkedState$links$pa;
-    return (_linkedState$links$pa = linkedState.links[panelId]) === null || _linkedState$links$pa === void 0 ? void 0 : _linkedState$links$pa.includes(mapViewId);
-  });
-  return panelId;
-});
-var selectMapViewsForPanelId = createSelector([function (linkedState, panelId) {
-  return linkedState.links[panelId];
-}], function (mapViews) {
-  if (!mapViews) {
-    return undefined;
-  }
-  return mapViews;
-});
-var selectLinkedFeatures = createSelector([function (linkedState) {
-  return linkedState;
-}, getLinkedFeatureProviders], function (linkedState, featureProviders) {
-  var features = featureProviders.flatMap(function (providerId) {
-    var _linkedState$sharedDa, _linkedState$sharedDa2;
-    return (_linkedState$sharedDa = linkedState === null || linkedState === void 0 || (_linkedState$sharedDa2 = linkedState.sharedData) === null || _linkedState$sharedDa2 === void 0 || (_linkedState$sharedDa2 = _linkedState$sharedDa2[providerId]) === null || _linkedState$sharedDa2 === void 0 ? void 0 : _linkedState$sharedDa2.features) !== null && _linkedState$sharedDa !== void 0 ? _linkedState$sharedDa : [];
-  });
-  return features.filter(function (feature) {
-    return feature !== undefined;
-  });
-});
-var selectLinkedFormFeatures = createSelector([function (linkedState) {
-  return linkedState;
-}, getLinkedFeatureProviders], function (linkedState, featureProviders) {
-  var features = featureProviders.flatMap(function (providerId) {
-    var _linkedState$sharedDa3, _linkedState$sharedDa4;
-    return (_linkedState$sharedDa3 = linkedState === null || linkedState === void 0 || (_linkedState$sharedDa4 = linkedState.sharedData) === null || _linkedState$sharedDa4 === void 0 || (_linkedState$sharedDa4 = _linkedState$sharedDa4[providerId]) === null || _linkedState$sharedDa4 === void 0 ? void 0 : _linkedState$sharedDa4.formFeatures) !== null && _linkedState$sharedDa3 !== void 0 ? _linkedState$sharedDa3 : [];
-  });
-  return features.filter(function (feature) {
-    return feature !== undefined;
-  });
-});
-var getSelectedFeature = createSelector([
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-function (state, mapId) {
-  var _state$linkedState;
-  return (_state$linkedState = state.linkedState) === null || _state$linkedState === void 0 ? void 0 : _state$linkedState.sharedData[mapId];
-}], function (sharedData) {
-  var _features$;
-  if (!sharedData) {
-    return null;
-  }
-  var features = sharedData.features,
-    selectedFeatureId = sharedData.selectedFeatureId;
-  if (!features || !selectedFeatureId) {
-    return null;
-  }
-  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') {
-    var _selectedFeature$prop, _selectedFeature$prop2, _selectedFeature$prop3;
-    var coordinates = selectedFeature.geometry.coordinates;
-    return {
-      lat: coordinates[1],
-      lon: coordinates[0],
-      id: selectedFeature.id,
-      name: (_selectedFeature$prop = selectedFeature.properties) === null || _selectedFeature$prop === void 0 ? void 0 : _selectedFeature$prop.name,
-      occurrences: (_selectedFeature$prop2 = selectedFeature.properties) === null || _selectedFeature$prop2 === void 0 ? void 0 : _selectedFeature$prop2.occurrences,
-      serviceId: (_selectedFeature$prop3 = selectedFeature.properties) === null || _selectedFeature$prop3 === void 0 ? void 0 : _selectedFeature$prop3.serviceId
-    };
-  }
-  if (selectedFeature) {
-    var _selectedFeature$prop4, _selectedFeature$prop5;
-    var center = turf.center(selectedFeature);
-    return {
-      lat: center.geometry.coordinates[1],
-      lon: center.geometry.coordinates[0],
-      id: selectedFeature.id,
-      name: (_selectedFeature$prop4 = selectedFeature.properties) === null || _selectedFeature$prop4 === void 0 ? void 0 : _selectedFeature$prop4.name,
-      occurrences: (_selectedFeature$prop5 = selectedFeature.properties) === null || _selectedFeature$prop5 === void 0 ? void 0 : _selectedFeature$prop5.occurrences
-    };
-  }
-  return null;
-});
-var getSelectedFeatureAsGeoJSON = createSelector([function (state, mapId) {
-  var _state$linkedState2;
-  return (_state$linkedState2 = state.linkedState) === null || _state$linkedState2 === void 0 ? void 0 : _state$linkedState2.sharedData[mapId];
-}], function (sharedData) {
-  var _features$2;
-  if (!sharedData) {
-    return null;
-  }
-  var features = sharedData.features,
-    selectedFeatureId = sharedData.selectedFeatureId;
-  if (!features || !selectedFeatureId) {
-    return null;
-  }
-  var selectedFeature = (_features$2 = features[0]) === null || _features$2 === void 0 ? void 0 : _features$2.geoJSON.features.find(function (feature) {
-    return feature.id === selectedFeatureId;
-  });
-  return selectedFeature;
-});
-
-var selectors$3 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  getLinkedMaps: getLinkedMaps,
-  getSelectedFeature: getSelectedFeature,
-  getSelectedFeatureAsGeoJSON: getSelectedFeatureAsGeoJSON,
-  getSynchronizationGroupStore: getSynchronizationGroupStore,
-  getTime: getTime,
-  selectLinkedFeatures: selectLinkedFeatures,
-  selectLinkedFormFeatures: selectLinkedFormFeatures,
-  selectLinkedPanelId: selectLinkedPanelId,
-  selectMapViewsForPanelId: selectMapViewsForPanelId,
-  selectSharedData: selectSharedData
-});
-
-var useUpdateSharedData = function useUpdateSharedData(data, panelId) {
-  var sharedData = useSelector(function (state) {
-    return selectSharedData(state, panelId);
-  });
-  var linkedMaps = useSelector(function (state) {
-    return getLinkedMaps(state, panelId);
-  });
-  var dispatch = useDispatch();
-  useEffect(function () {
-    var diff = _objectSpread2(_objectSpread2({}, sharedData), data);
-    if (panelId && (linkedMaps === null || linkedMaps === void 0 ? void 0 : linkedMaps.length) > 0 && !isEqual(diff, sharedData)) {
-      dispatch(syncGroupsActions.addSharedData({
-        panelId: panelId,
-        data: data
-      }));
-    }
-  }, [panelId, linkedMaps, data, sharedData, dispatch]);
-  useEffect(function () {
-    return function () {
-      if (panelId) {
-        dispatch(syncGroupsActions.deleteSharedData({
-          panelId: panelId
-        }));
-      }
-    };
-  }, [dispatch, panelId]);
-  return sharedData;
-};
-
-/* *
- * 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
+/**
+ * Gets specified dimension of the passed layer
+ *
+ * Example: dimension = getLayerDimension(store, 'layerId_1', 'elevation')
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @param {string} layerId layerId: string - Id of the layer
+ * @param {string} dimensionName dimensionName: string - name of dimension you want to retrieve the dimension data for
+ * @returns {object} returnType: object - object of layer dimension
+ */
+var getLayerDimension = createSelector(getLayerDimensions, function (_store, _layerId, dimensionName) {
+  return dimensionName;
+}, function (dimensions, dimensionName) {
+  return dimensions === null || dimensions === void 0 ? void 0 : dimensions.find(function (dimension) {
+    return dimension.name === dimensionName;
+  });
+}, selectorMemoizationOptions);
+/**
+ * Gets opacity of the passed layer
  *
- *     http://www.apache.org/licenses/LICENSE-2.0
+ * Example: layerOpacity = getLayerOpacity(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 {number} returnType: number - opacity as a number (between 0 and 1)
+ */
+var getLayerOpacity = createSelector(getLayerById, function (layer) {
+  return layer !== null && layer !== void 0 && layer.opacity ? layer.opacity : 0;
+}, selectorMemoizationOptions);
+/**
+ * Gets whether a layer is enabled or disabled
  *
- * 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.
+ * Example: isLayerEnabled = getLayerEnabled(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 {boolean} returnType: boolean -  true if enabled, false if disabled
+ */
+var getLayerEnabled = createSelector(getLayerById, function (layer) {
+  return Boolean(layer === null || layer === void 0 ? void 0 : layer.enabled);
+}, selectorMemoizationOptions);
+/**
+ * Gets layer name
  *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
+ * Example: layerName = getLayerName(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 name
+ */
+var getLayerName = createSelector(getLayerById, function (layer) {
+  var _layer$options;
+  if (!layer) {
+    return '';
+  }
+  if (layer.layerType === LayerType.edrFeatureLayer && (_layer$options = layer.options) !== null && _layer$options !== void 0 && _layer$options.parameterNames.length) {
+    return layer.options.parameterNames[0];
+  }
+  return (layer === null || layer === void 0 ? void 0 : layer.name) || '';
+}, selectorMemoizationOptions);
+/**
+ * Gets layer service
  *
- *     http://www.apache.org/licenses/LICENSE-2.0
+ * Example: layerService = getLayerService(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
+ */
+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 selected style of the passed layer
  *
- * 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.
+ * Example: layerStyle = getLayerStyle(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 - style that is currently selected
+ */
+var getLayerStyle = createSelector(getLayerById, function (layer) {
+  return layer !== null && layer !== void 0 && layer.style ? layer.style : '';
+}, selectorMemoizationOptions);
+/**
+ * Gets layer status
  *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var ANY_EDR_SERVICE = 'any_edr';
-
-var constants$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  ANY_EDR_SERVICE: ANY_EDR_SERVICE
-});
-
-/* *
- * 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
+ * Example: layerService = getLayerStatus(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: LayerStatus
+ */
+var getLayerStatus = createSelector(getLayerById, function (layer) {
+  return layer !== null && layer !== void 0 && layer.status ? layer.status : LayerStatus["default"];
+}, selectorMemoizationOptions);
+/**
+ * Gets all available base layers for a map
  *
- *     http://www.apache.org/licenses/LICENSE-2.0
+ * Example: availableBaseLayers = getAvailableBaseLayersForMap(store)
+ * @param {object} store store: object - object from which the layer state will be extracted
+ * @param {string} mapId mapId: string - Id of the map we want to retrieve the available baselayers for
+ * @returns {array} returnType: array - array containing all available base layers
+ */
+var getAvailableBaseLayersForMap = createSelector(layerStore, function (_store, _mapId) {
+  return _mapId;
+}, function (layerStore, mapId) {
+  if (layerStore !== null && layerStore !== void 0 && layerStore.availableBaseLayers) {
+    var availableBaseLayers = layerStore.availableBaseLayers;
+    return availableBaseLayers.allIds.reduce(function (list, layerId) {
+      if (availableBaseLayers.byId[layerId].mapId === mapId) {
+        return list.concat(availableBaseLayers.byId[layerId]);
+      }
+      return list;
+    }, []);
+  }
+  return [];
+}, selectorMemoizationOptions);
+/**
+ * Returns the selected geojson feature for the given layer
  *
- * 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.
+ * Example const selectedFeature = getSelectedFeature(store, 'layerId1')
+ * @param {object} store store: object - store object
+ * @param {string} mapId layerId: string - Id of the layer
+ * @returns {number} selectedFeatureIndex: the index of the selected geojson feature
+ */
+var getSelectedFeatureIndex = createSelector(getLayerById, function (layer) {
+  return layer === null || layer === void 0 ? void 0 : layer.selectedFeatureIndex;
+}, selectorMemoizationOptions);
+/**
+ * Returns the layer is in edit mode
  *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var loadingIndicatorAdapter = createEntityAdapter();
-var initLoadingIndicatorStateForId = function initLoadingIndicatorStateForId(draft, id) {
-  if (!draft.entities[id]) {
-    loadingIndicatorAdapter.addOne(draft, {
-      id: id,
-      getMapLoadingPercentage: 100,
-      isGetCapabilitiesLoading: false,
-      isEDRLoading: false
-    });
+ * Example const isLayerInEditMode = getIsLayerInEditMode(store, 'layerId1')
+ * @param {object} store store: object - store object
+ * @param {string} mapId layerId: string - Id of the layer
+ * @returns {number} isLayerInEditMode: boolean - isInEditMode
+ */
+var getIsLayerInEditMode = createSelector(getLayerById, function (layer) {
+  return (layer === null || layer === void 0 ? void 0 : layer.isInEditMode) || false;
+}, selectorMemoizationOptions);
+var getFeatureLayerGeoJSON = createSelector(getLayerById, function (layer) {
+  return (layer === null || layer === void 0 ? void 0 : layer.geojson) || undefined;
+}, selectorMemoizationOptions);
+var getHasFeatureLayerGeoJSON = createSelector(getFeatureLayerGeoJSON, function (geojson) {
+  return !!geojson;
+}, selectorMemoizationOptions);
+var getFeatureLayerGeoJSONProperties = createSelector(getLayerById, getSelectedFeatureIndex, function (layer) {
+  var _layer$geojson;
+  var selecteFeatureIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  return (layer === null || layer === void 0 || (_layer$geojson = layer.geojson) === null || _layer$geojson === void 0 || (_layer$geojson = _layer$geojson.features[selecteFeatureIndex]) === null || _layer$geojson === void 0 ? void 0 : _layer$geojson.properties) || {};
+}, selectorMemoizationOptions);
+/**
+ * Gets layerIds that contain passed dimension
+ *
+ * Example: dimension = getDimensionLayerIds(store, 'elevation')
+ * @param {object} store store: object - object from which the layers state will be extracted
+ * @param {string} dimensionName dimensionName: string - name of dimension you want to retrieve the dimension data for
+ * @returns {string[]} returnType: string[] - layerIds
+ */
+var getDimensionLayerIds = createSelector(getLayersIds, getLayersById, function (_store, dimensionName) {
+  return dimensionName;
+}, function (layerIds, layers, dimensionName) {
+  return layerIds.reduce(function (list, layerId) {
+    var layer = layers[layerId];
+    var dimensions = layer !== null && layer !== void 0 && layer.dimensions ? layer.dimensions : [];
+    if (dimensions.find(function (dimension) {
+      return dimension.name === dimensionName;
+    })) {
+      return list.concat(layerId);
+    }
+    return list;
+  }, []);
+}, selectorMemoizationOptions);
+var getAcceptanceTimeInMinutes = createSelector(getLayerById, function (layer) {
+  return layer === null || layer === void 0 ? void 0 : layer.acceptanceTimeInMinutes;
+}, selectorMemoizationOptions);
+var getLayerIsInsideAcceptanceTime = createSelector(getAcceptanceTimeInMinutes, getLayerCurrentTime, function (state, _layerId, mapId) {
+  var _state$webmap;
+  return (_state$webmap = state.webmap) === null || _state$webmap === void 0 || (_state$webmap = _state$webmap.byId[mapId]) === null || _state$webmap === void 0 || (_state$webmap = _state$webmap.dimensions) === null || _state$webmap === void 0 || (_state$webmap = _state$webmap.find(function (dimension) {
+    return dimension.name === 'time';
+  })) === null || _state$webmap === void 0 ? void 0 : _state$webmap.currentValue;
+}, function (acceptanceTimeInMinutes, layerCurrentTime, mapCurrentTime) {
+  if (!mapCurrentTime || !layerCurrentTime) {
+    return 'equal';
   }
-};
-var slice$3 = createSlice({
-  initialState: loadingIndicatorAdapter.getInitialState(),
-  name: 'loadingIndicatorReducer',
-  reducers: {
-    setGetMapIsLoading: function setGetMapIsLoading(draft, action) {
-      var _action$payload = action.payload,
-        id = _action$payload.id,
-        getMapLoadingPercentage = _action$payload.getMapLoadingPercentage;
-      initLoadingIndicatorStateForId(draft, id);
-      draft.entities[id].getMapLoadingPercentage = getMapLoadingPercentage;
-    },
-    setGetCapabilitiesIsLoading: function setGetCapabilitiesIsLoading(draft, action) {
-      var _action$payload2 = action.payload,
-        id = _action$payload2.id,
-        isGetCapabilitiesLoading = _action$payload2.isGetCapabilitiesLoading;
-      initLoadingIndicatorStateForId(draft, id);
-      draft.entities[id].isGetCapabilitiesLoading = isGetCapabilitiesLoading;
-    },
-    setEDRIsLoading: function setEDRIsLoading(draft, action) {
-      var _action$payload3 = action.payload,
-        id = _action$payload3.id,
-        isEDRLoading = _action$payload3.isEDRLoading;
-      initLoadingIndicatorStateForId(draft, id);
-      // When one EDR is loading with a known id (panelId), do not set the any ANY_EDR_SERVICE as the panelId is known.
-      if (isEDRLoading && id === ANY_EDR_SERVICE && draft.ids.some(function (id) {
-        var _draft$entities$id;
-        return (_draft$entities$id = draft.entities[id]) === null || _draft$entities$id === void 0 ? void 0 : _draft$entities$id.isEDRLoading;
+  var mapTime = new Date(mapCurrentTime).getTime();
+  var layerTime = new Date(layerCurrentTime).getTime();
+  if (mapTime === layerTime) {
+    return 'equal';
+  }
+  if (acceptanceTimeInMinutes !== undefined) {
+    var millisecondsBetween = mapTime - layerTime;
+    var acceptanceTimeInMilliseconds = acceptanceTimeInMinutes * 60000;
+    if (Math.abs(millisecondsBetween) > acceptanceTimeInMilliseconds) {
+      return 'outside';
+    }
+  }
+  return 'inside';
+}, selectorMemoizationOptions);
+var getUseLatestReferenceTime = createSelector(getLayerById, function (layer) {
+  return Boolean(layer === null || layer === void 0 ? void 0 : layer.useLatestReferenceTime);
+}, selectorMemoizationOptions);
+/**
+ * Returns the timestep for this layerId in seconds, or undefined if it has no time dimension or timeinterval.
+ */
+var getTimeStepForLayerId = createSelector(getLayerTimeDimension, function (timeDimension) {
+  if (!timeDimension) {
+    return undefined;
+  }
+  var values = timeDimension.values,
+    currentValue = timeDimension.currentValue,
+    _timeDimension$timeIn = timeDimension.timeInterval,
+    timeInterval = _timeDimension$timeIn === void 0 ? {} : _timeDimension$timeIn;
+  if (!values || !currentValue) {
+    return isEmpty(timeInterval) ? undefined : getTimeStepFromDataInterval(timeInterval);
+  }
+  var iso8601Intervals = parseTimeDimToISO8601Interval(values);
+  var _iterator = _createForOfIteratorHelper(iso8601Intervals),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = _step.value,
+        startTime = _step$value.startTime,
+        endTime = _step$value.endTime,
+        duration = _step$value.duration;
+      if (dateUtils.isWithinInterval(currentValue, {
+        start: startTime,
+        end: endTime
       })) {
-        draft.entities[id].isEDRLoading = false;
-      } else {
-        draft.entities[id].isEDRLoading = isEDRLoading;
+        var parsedInterval = parseISO8601IntervalToDateInterval(duration);
+        return getTimeStepFromDataInterval(parsedInterval);
       }
     }
-  },
-  extraReducers: function extraReducers(builder) {
-    builder.addCase(mapActions.unregisterMap, function (draft, action) {
-      var mapId = action.payload.mapId;
-      if (draft.entities[mapId]) {
-        loadingIndicatorAdapter.removeOne(draft, mapId);
-      }
-    });
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
+  return getTimeStepFromDataInterval(timeInterval);
+}, selectorMemoizationOptions);
+var getActiveLayerInfo = createSelector(layerStore, function (store) {
+  return store === null || store === void 0 ? void 0 : store.activeLayerInfo;
 });
-var loadingIndicatorActions = slice$3.actions,
-  loadingIndicatorReducer = slice$3.reducer;
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+var getLayerType = createSelector(getLayerById, function (layer) {
+  var _layer$layerType;
+  return (_layer$layerType = layer === null || layer === void 0 ? void 0 : layer.layerType) !== null && _layer$layerType !== void 0 ? _layer$layerType : 'mapLayer';
+}, selectorMemoizationOptions);
+var getLayerOptions = createSelector(getLayerById, function (layer) {
+  return layer === null || layer === void 0 ? void 0 : layer.options;
+}, selectorMemoizationOptions);
+/**
+ * Gets all overlayers for a given mapId
+ * Example: overlayers = getOverlayersForMapId(store, 'mapId123')
+ * @param {CoreAppStore} store - The Redux store from which the layers state will be extracted.
+ * @param {string} mapId - The ID of the map for which to retrieve the overlayers.
+ * @returns {Array<{ id: string; name: string }>} - An array of overlayers containing layer information (id and name).
+ */
+var getOverlayersForMapId = createSelector([layerStore, function (_store, mapId) {
+  return mapId;
+}], function (store, mapId) {
+  var overLayers = [];
+  (store === null || store === void 0 ? void 0 : store.byId) && Object.values(store.byId).forEach(function (layer) {
+    if (layer.layerType === LayerType.overLayer && layer.mapId === mapId) {
+      overLayers.push({
+        id: layer.id || '',
+        name: layer.name || ''
+      });
+    }
+  });
+  return overLayers;
+}, selectorMemoizationOptions);
+/**
+ * Gets the layer title from the service store using the layerId
  *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var EMPTY_LOADING_INDICATOR = {
-  entities: {},
-  ids: []
-};
-var _loadingIndicatorAdap = loadingIndicatorAdapter.getSelectors(function (state) {
-    var _state$loadingIndicat;
-    return (_state$loadingIndicat = state === null || state === void 0 ? void 0 : state.loadingIndicator) !== null && _state$loadingIndicat !== void 0 ? _state$loadingIndicat : EMPTY_LOADING_INDICATOR;
-  }),
-  selectLoadingIndicatorById = _loadingIndicatorAdap.selectById;
-var getMapLoadingPercentage = createSelector(selectLoadingIndicatorById, function (loadingIndicator) {
-  return loadingIndicator ? loadingIndicator === null || loadingIndicator === void 0 ? void 0 : loadingIndicator.getMapLoadingPercentage : 100;
+ * Example: layerTitle = getLayerTitleFromService(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 - string containing layer title
+ */
+var getLayerTitleFromService = createSelector(function (store) {
+  return store;
+}, getLayerService, getLayerName, function (store, service, name) {
+  return getLayerTitle(store, service, name);
 }, selectorMemoizationOptions);
-var isGetMapLoading = createSelector(getMapLoadingPercentage, function (percentage) {
-  return percentage !== 100;
+/**
+ * Gets layer displayname. For EDR layers with multiple parameters, the collectionId is used as displayname. Otherwise the layer title from the service is used.
+ *
+ * Example: layerName = getLayerDisplayName(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 displayname
+ */
+var getLayerDisplayName = createSelector(getLayerType, getLayerOptions, getLayerTitleFromService, getLayerName, function (layerType, layerOptions, layerTitle, layerName) {
+  if (layerType === LayerType.edrFeatureLayer && layerOptions) {
+    return (layerOptions === null || layerOptions === void 0 ? void 0 : layerOptions.parameterNames.length) > 1 && layerOptions.collectionId ? layerOptions.collectionId : layerTitle || layerName;
+  }
+  return layerTitle || layerName;
 }, selectorMemoizationOptions);
-var isGetCapabilitiesLoading = createSelector(selectLoadingIndicatorById, function (loadingIndicator) {
-  return (loadingIndicator === null || loadingIndicator === void 0 ? void 0 : loadingIndicator.isGetCapabilitiesLoading) || false;
+/**
+ * Gets the layer missing status. A layer is missing if it is not found in the service store or if its status is 'error'.
+ *
+ * Example: isLayerMissing = getIsLayerMissing(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 {boolean} returnType: boolean - true if layer is missing
+ */
+var getIsLayerMissing = createSelector(function (store) {
+  return store;
+}, getLayerService, getLayerName, getLayerStatus, getLayerType, function (store, service, name, status, type) {
+  if (type === LayerType.featureLayer || type === LayerType.stacGeoTIFFLayer) {
+    return false;
+  }
+  var layer = getLayerFromService(store, service, name);
+  return !layer || status === LayerStatus.error;
 }, selectorMemoizationOptions);
-var isAnyEdrTypeLoading = function isAnyEdrTypeLoading(loadingIndicator) {
-  return (loadingIndicator === null || loadingIndicator === void 0 ? void 0 : loadingIndicator.isEDRLoading) || false;
-};
-var isEDRLoading = createSelector(selectLoadingIndicatorById, isAnyEdrTypeLoading, selectorMemoizationOptions);
-var isAnyEDRLoading = createSelector([function (store) {
-  return selectLoadingIndicatorById(store, ANY_EDR_SERVICE);
-}], isAnyEdrTypeLoading, selectorMemoizationOptions);
-var isLoading = createSelector([isGetMapLoading, isGetCapabilitiesLoading, isEDRLoading, isAnyEDRLoading], function (isGetMapLoading, isGetCapabilitiesLoading, isEDRRLoading, isAnyEDRLoading) {
-  return isGetMapLoading || isGetCapabilitiesLoading || isEDRRLoading || isAnyEDRLoading;
+var getIsLayerSelectable = createSelector(getLayerById, function (layer) {
+  return Boolean(layer === null || layer === void 0 ? void 0 : layer.isSelectable);
 }, selectorMemoizationOptions);
 
 var selectors$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  getMapLoadingPercentage: getMapLoadingPercentage,
-  isEDRLoading: isEDRLoading,
-  isGetCapabilitiesLoading: isGetCapabilitiesLoading,
-  isGetMapLoading: isGetMapLoading,
-  isLoading: isLoading,
-  selectLoadingIndicatorById: selectLoadingIndicatorById
-});
-
-var genericActions = _objectSpread2(_objectSpread2({}, syncGroupsActions), {}, {
-  initialSyncState: initialState$3,
-  setTime: setTime,
-  setBbox: setBbox
+  getAcceptanceTimeInMinutes: getAcceptanceTimeInMinutes,
+  getActiveLayerInfo: getActiveLayerInfo,
+  getAllLayers: getAllLayers,
+  getAvailableBaseLayersForMap: getAvailableBaseLayersForMap,
+  getBaseLayers: getBaseLayers,
+  getDimensionLayerIds: getDimensionLayerIds,
+  getFeatureLayerGeoJSON: getFeatureLayerGeoJSON,
+  getFeatureLayerGeoJSONProperties: getFeatureLayerGeoJSONProperties,
+  getFeatureLayers: getFeatureLayers,
+  getHasFeatureLayerGeoJSON: getHasFeatureLayerGeoJSON,
+  getIsLayerInEditMode: getIsLayerInEditMode,
+  getIsLayerMissing: getIsLayerMissing,
+  getIsLayerPresent: getIsLayerPresent,
+  getIsLayerSelectable: getIsLayerSelectable,
+  getLayerById: getLayerById,
+  getLayerByIdWithoutTimeDimension: getLayerByIdWithoutTimeDimension,
+  getLayerCurrentTime: getLayerCurrentTime,
+  getLayerDimension: getLayerDimension,
+  getLayerDimensions: getLayerDimensions,
+  getLayerDisplayName: getLayerDisplayName,
+  getLayerEnabled: getLayerEnabled,
+  getLayerHasTimeDimension: getLayerHasTimeDimension,
+  getLayerIsInsideAcceptanceTime: getLayerIsInsideAcceptanceTime,
+  getLayerName: getLayerName,
+  getLayerNonTimeDimensions: getLayerNonTimeDimensions,
+  getLayerOpacity: getLayerOpacity,
+  getLayerOptions: getLayerOptions,
+  getLayerService: getLayerService,
+  getLayerStatus: getLayerStatus,
+  getLayerStyle: getLayerStyle,
+  getLayerTimeDimension: getLayerTimeDimension,
+  getLayerTitleFromService: getLayerTitleFromService,
+  getLayerType: getLayerType,
+  getLayers: getLayers,
+  getLayersById: getLayersById,
+  getLayersByMapId: getLayersByMapId,
+  getLayersIds: getLayersIds,
+  getOverLayers: getOverLayers,
+  getOverlayersForMapId: getOverlayersForMapId,
+  getSelectedFeatureIndex: getSelectedFeatureIndex,
+  getTimeStepForLayerId: getTimeStepForLayerId,
+  getUseLatestReferenceTime: getUseLatestReferenceTime
 });
 
-/* *
- * 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 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2025 - Finnish Meteorological Institute (FMI)
- * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var IS_LEGEND_OPEN_BY_DEFAULT = false;
-var SECONDS_IN_DAY = 86400;
-var SECONDS_IN_HOUR = 3600;
-
 var _excluded$2 = ["mapId"];
 var getMapStore = function getMapStore(store) {
-  return store && store.webmap;
+  return store === null || store === void 0 ? void 0 : store.webmap;
 };
 /**
  * Gets the map state by mapId
@@ -5074,7 +5042,7 @@ var getMapById = function getMapById(store, mapId) {
   return (_getMapStore = getMapStore(store)) === null || _getMapStore === void 0 ? void 0 : _getMapStore.byId[mapId];
 };
 var getAllMapsByIds = createSelector(getMapStore, function (mapState) {
-  return mapState && mapState.byId ? mapState && mapState.byId : {};
+  return mapState !== null && mapState !== void 0 && mapState.byId ? mapState === null || mapState === void 0 ? void 0 : mapState.byId : {};
 }, selectorMemoizationOptions);
 /**
  * Gets all mapIds
@@ -5084,7 +5052,7 @@ var getAllMapsByIds = createSelector(getMapStore, function (mapState) {
  * @returns {array} array containing all map ids
  */
 var getAllMapIds = createSelector(getMapStore, function (mapState) {
-  return mapState && mapState.allIds ? mapState.allIds : [];
+  return mapState !== null && mapState !== void 0 && mapState.allIds ? mapState.allIds : [];
 }, selectorMemoizationOptions);
 /**
  * Gets the map state of the first map in the store
@@ -5175,7 +5143,7 @@ var getMapLayersWithoutDimensionCurrentValue = createSelector(getLayerIds, getLa
  * @returns {array} returnType: array -  array containing an array of baselayers ids
  */
 var getMapBaseLayersIds = createSelector(getMapById, function (store) {
-  return store && store.baseLayers ? store.baseLayers : [];
+  return store !== null && store !== void 0 && store.baseLayers ? store.baseLayers : [];
 }, selectorMemoizationOptions);
 /**
  * Gets all baselayers for a map
@@ -5252,7 +5220,7 @@ var getMapDimension = createSelector([getMapById, function (_store, mapId) {
 }, function (_store, _mapId, dimensionName) {
   return dimensionName;
 }], function (mapState, _mapId, dimensionName) {
-  if (mapState && mapState.dimensions) {
+  if (mapState !== null && mapState !== void 0 && mapState.dimensions) {
     return mapState.dimensions.find(function (dim) {
       return dim.name === dimensionName;
     });
@@ -5270,7 +5238,7 @@ var getSelectedTime = createSelector(function (store, mapId) {
   return getMapDimension(store, mapId, 'time');
 }, function (timeDimension) {
   var now = dateUtils.unix(new Date());
-  if (!timeDimension || !timeDimension.currentValue) {
+  if (!(timeDimension !== null && timeDimension !== void 0 && timeDimension.currentValue)) {
     return now;
   }
   var timeSliderTime = dateUtils.parseISO(timeDimension.currentValue);
@@ -5351,7 +5319,8 @@ var linkedMapAnimationInfo = createSelector(getMapStore, getSynchronizationGroup
     id: (mapState === null || mapState === void 0 ? void 0 : mapState.id) || ''
   };
   syncStore === null || syncStore === void 0 || syncStore.groups.allIds.forEach(function (groupId) {
-    if (syncStore.groups.byId[groupId].targets.byId[animationInfo.id] && syncStore.groups.byId[groupId].targets.byId[animationInfo.id].linked) {
+    var _syncStore$groups$byI;
+    if ((_syncStore$groups$byI = syncStore.groups.byId[groupId].targets.byId[animationInfo.id]) !== null && _syncStore$groups$byI !== void 0 && _syncStore$groups$byI.linked) {
       syncStore.groups.byId[groupId].targets.allIds.forEach(function (id) {
         var _mapStore$byId$id;
         if ((mapStore === null || mapStore === void 0 || (_mapStore$byId$id = mapStore.byId[id]) === null || _mapStore$byId$id === void 0 ? void 0 : _mapStore$byId$id.isAnimating) === true) {
@@ -5686,7 +5655,7 @@ var getAllUniqueDimensions = createSelector(getAllMapIds, function (store) {
   return mapIds.reduce(function (list, mapId) {
     var mapDimensions = getMapDimensions(store, mapId);
     var uniqueMapDims = mapDimensions.reduce(function (array, dimension) {
-      if (dimension && dimension.name && array.indexOf(dimension.name) === -1) {
+      if (dimension !== null && dimension !== void 0 && dimension.name && !array.includes(dimension.name)) {
         return array.concat(dimension.name);
       }
       return array;
@@ -5887,7 +5856,8 @@ var getTimeSliderInitialProps = function getTimeSliderInitialProps(store, panelI
  */
 var getMapLayerIdsEnabled = createSelector(getLayerIds, getLayersById, function (mapLayerIds, layers) {
   return mapLayerIds.reduce(function (list, layerId) {
-    if (layers[layerId] && layers[layerId].enabled) {
+    var _layers$layerId;
+    if ((_layers$layerId = layers[layerId]) !== null && _layers$layerId !== void 0 && _layers$layerId.enabled) {
       return list.concat(layerId);
     }
     return list;
@@ -5991,7 +5961,7 @@ var getAnimationRange = createSelector(getLayersById, getAutoTimeStepLayerId, ge
  * @returns {MapPreset | undefined} returnType: MapPreset
  */
 var getdefaultMapSettings = createSelector(getMapStore, function (state) {
-  return state && state.defaultMapSettings;
+  return state === null || state === void 0 ? void 0 : state.defaultMapSettings;
 }, selectorMemoizationOptions);
 /**
  * Gets the layers of intialViewMapPreset from webmap state
@@ -6000,7 +5970,7 @@ var getdefaultMapSettings = createSelector(getMapStore, function (state) {
  * @returns {Layer[] | undefined} returnType: Layer[]
  */
 var getdefaultMapSettingsLayers = createSelector(getdefaultMapSettings, function (state) {
-  return state && state.layers;
+  return state === null || state === void 0 ? void 0 : state.layers;
 }, selectorMemoizationOptions);
 /**
  * Gets the selected overlayer from webmap state
@@ -6126,7 +6096,7 @@ var filterLayers = function filterLayers() {
         overLayers: overLayers
       };
     }
-    if (layer.layerType === LayerType.mapLayer || layer.layerType === LayerType.edrFeatureLayer) {
+    if (layer.layerType === LayerType.mapLayer || layer.layerType === LayerType.wmtsMapLayer || layer.layerType === LayerType.edrFeatureLayer || layer.layerType === LayerType.stacGeoTIFFLayer) {
       return {
         mapLayers: mapLayers.concat(parsedLayer),
         baseLayers: baseLayers,
@@ -6396,7 +6366,7 @@ var findTargets = function findTargets(state, payload, actionType, sourceMapId)
         /* Check if the source is in the target list of the synchonizationGroup */
         var source = syncronizationGroup.targets.byId[sourceMapId];
         /* If the source is part of the target list, and is linked, continue syncing the other targets */
-        if (source && source.linked) {
+        if (source !== null && source !== void 0 && source.linked) {
           syncronizationGroup.targets.allIds.forEach(function (targetId) {
             var target = syncronizationGroup.targets.byId[targetId];
             if (targetId !== sourceMapId && target.linked && !targetsInActionPayload[targetId]) {
@@ -6973,7 +6943,7 @@ var isNextStepAvailable = function isNextStepAvailable(reduxLayers, nextTimeStri
     };
   });
   var nextStepIsAvailable = isThereSomethingNotAvailable.filter(function (step) {
-    return step.status === true;
+    return step.status;
   }).length === wmLayers.length;
   return nextStepIsAvailable;
 };
@@ -7144,7 +7114,7 @@ mapListener.startListening({
 });
 var updateAnimation = function updateAnimation(mapId, maxValue, listenerApi) {
   var shouldEndtimeOverride$1 = shouldEndtimeOverride(listenerApi.getState(), mapId);
-  if (shouldEndtimeOverride$1 === true) {
+  if (shouldEndtimeOverride$1) {
     return;
   }
   var animationStart = getAnimationStartTime(listenerApi.getState(), mapId);
@@ -7414,8 +7384,8 @@ mapListener.startListening({
               srs: proj.srs
             }));
           case 21:
-            animationLength = animationPayload && animationPayload.duration;
-            animationEndTime = animationPayload && animationPayload.endTime && isAnimationEndTimeValid(animationPayload.endTime) && animationPayload.endTime;
+            animationLength = animationPayload === null || animationPayload === void 0 ? void 0 : animationPayload.duration;
+            animationEndTime = (animationPayload === null || animationPayload === void 0 ? void 0 : animationPayload.endTime) && isAnimationEndTimeValid(animationPayload.endTime) && animationPayload.endTime;
             shouldEndtimeOverride = animationPayload ? animationPayload.shouldEndtimeOverride : false;
             if (shouldEndtimeOverride) {
               //  auto update
@@ -7465,7 +7435,7 @@ mapListener.startListening({
               }));
             }
             // sets timestep by interval of animationPayload
-            interval = animationPayload && animationPayload.interval;
+            interval = animationPayload === null || animationPayload === void 0 ? void 0 : animationPayload.interval;
             if (interval) {
               listenerApi.dispatch(mapActions.setTimeStep({
                 mapId: mapId,
@@ -7526,7 +7496,7 @@ mapListener.startListening({
               }
             }
             // sets animationDelay by speed of animationPayload
-            if (animationPayload && animationPayload.speed) {
+            if (animationPayload !== null && animationPayload !== void 0 && animationPayload.speed) {
               listenerApi.dispatch(mapActions.setAnimationDelay({
                 mapId: mapId,
                 animationDelay: getSpeedDelay(animationPayload.speed)
@@ -7534,7 +7504,7 @@ mapListener.startListening({
             }
             //  turn animation on
             if (shouldAnimate === true) {
-              duration = animationPayload && animationPayload.duration ? animationPayload.duration : 5 * 60; //  set to default of 5 hours
+              duration = animationPayload !== null && animationPayload !== void 0 && animationPayload.duration ? animationPayload.duration : 5 * 60; //  set to default of 5 hours
               _animationEnd = shouldEndtimeOverride && animationEndTime ? getAnimationEndTime(listenerApi.getState(), mapId) : dateUtils.dateToString(dateUtils.utc(), dateFormat);
               animationStart = shouldEndtimeOverride && animationLength ? getAnimationStartTime(listenerApi.getState(), mapId) : dateUtils.dateToString(dateUtils.sub(dateUtils.utc(_animationEnd), {
                 minutes: duration
@@ -7790,7 +7760,7 @@ var getGroupForMap = function getGroupForMap(mapId, state) {
   var syncGroupState = getSynchronizationGroupState(state);
   return syncGroupState.groups.allIds.find(function (id) {
     var group = syncGroupState.groups.byId[id];
-    return group.type === SYNCGROUPS_TYPE_SETBBOX && group.targets.allIds.indexOf(mapId) !== -1;
+    return group.type === SYNCGROUPS_TYPE_SETBBOX && group.targets.allIds.includes(mapId);
   });
 };
 // This is fired when the preset is set up and when the projection is changed
@@ -7819,15 +7789,14 @@ openlayersListener.startListening({
     var viewPortHeight = (mapElement === null || mapElement === void 0 ? void 0 : mapElement.clientHeight) || ((_window$visualViewpor2 = window.visualViewport) === null || _window$visualViewpor2 === void 0 ? void 0 : _window$visualViewpor2.height) || 1024;
     view.setViewportSize([viewPortWidth, viewPortHeight]);
     view.fit(extent);
-    // Also: if this map is part of a group and the srs has changed => change group view
+    // Also: if this map is part of a group => change group view
     var mapSyncGroup = getGroupForMap(mapId, listenerApi.getState());
     if (!mapSyncGroup) {
       return;
     }
     var groupView = getViewObjectForSyncGroup(mapSyncGroup);
-    if (!groupView.view.isDef() || groupView.view.getProjection().getCode() !== srs) {
-      groupView.setView(copyView(view));
-    }
+    // Always update groupView to keep bbox extent in sync
+    groupView.setView(copyView(view));
   }
 });
 // This is fired when the map view is updated (regardless of if the map is in a group or not)
@@ -7916,37 +7885,50 @@ var fetchService = /*#__PURE__*/function () {
   };
 }();
 var fetchInitialServices = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(payload, listenerApi) {
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(payload, listenerApi) {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          if (!(!payload || !payload.services)) {
-            _context2.next = 2;
+          if (payload !== null && payload !== void 0 && payload.services) {
+            _context3.next = 2;
             break;
           }
-          return _context2.abrupt("return");
+          return _context3.abrupt("return");
         case 2:
-          _context2.prev = 2;
-          _context2.next = 5;
-          return Promise.all(payload.services.map(function (_ref3) {
-            var url = _ref3.url,
-              service = _objectWithoutProperties(_ref3, _excluded);
-            return fetchService(_objectSpread2(_objectSpread2({}, service), {}, {
-              serviceUrl: url
-            }), listenerApi);
-          }));
+          _context3.prev = 2;
+          _context3.next = 5;
+          return Promise.all(payload.services.map(/*#__PURE__*/function () {
+            var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref3) {
+              var url, service;
+              return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    url = _ref3.url, service = _objectWithoutProperties(_ref3, _excluded);
+                    return _context2.abrupt("return", fetchService(_objectSpread2(_objectSpread2({}, service), {}, {
+                      serviceUrl: url
+                    }), listenerApi));
+                  case 2:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            return function (_x5) {
+              return _ref4.apply(this, arguments);
+            };
+          }()));
         case 5:
-          _context2.next = 10;
+          _context3.next = 10;
           break;
         case 7:
-          _context2.prev = 7;
-          _context2.t0 = _context2["catch"](2);
-          console.warn(_context2.t0);
+          _context3.prev = 7;
+          _context3.t0 = _context3["catch"](2);
+          console.warn(_context3.t0);
         case 10:
         case "end":
-          return _context2.stop();
+          return _context3.stop();
       }
-    }, _callee2, null, [[2, 7]]);
+    }, _callee3, null, [[2, 7]]);
   }));
   return function fetchInitialServices(_x3, _x4) {
     return _ref2.apply(this, arguments);
@@ -7955,22 +7937,22 @@ var fetchInitialServices = /*#__PURE__*/function () {
 serviceListener.startListening({
   actionCreator: serviceActions.fetchInitialServices,
   effect: function () {
-    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref4, listenerApi) {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref5, listenerApi) {
       var payload;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            payload = _ref4.payload;
+            payload = _ref5.payload;
             listenerApi.cancelActiveListeners();
-            _context3.next = 4;
+            _context4.next = 4;
             return fetchInitialServices(payload, listenerApi);
           case 4:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
-    function effect(_x5, _x6) {
+    function effect(_x6, _x7) {
       return _effect.apply(this, arguments);
     }
     return effect;
@@ -8038,13 +8020,14 @@ routerListener.startListening({
   actionCreator: routerActions.navigateToUrl,
   effect: function () {
     var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
+      var _historyDict$navigate;
       var payload;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             payload = _ref.payload;
             listenerApi.cancelActiveListeners();
-            historyDict.navigate && historyDict.navigate(payload.url);
+            (_historyDict$navigate = historyDict.navigate) === null || _historyDict$navigate === void 0 || _historyDict$navigate.call(historyDict, payload.url);
           case 3:
           case "end":
             return _context.stop();
@@ -8234,7 +8217,7 @@ var drawingToolReducer = slice$1.reducer,
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var getDrawingtoolStore = function getDrawingtoolStore(store) {
-  if (store && store.drawingtools) {
+  if (store !== null && store !== void 0 && store.drawingtools) {
     return store.drawingtools;
   }
   return null;
@@ -8790,7 +8773,7 @@ var createMapDimensionsState = function createMapDimensionsState(dimensions) {
 var webmapStateWithAddedLayer = function webmapStateWithAddedLayer(layerType, layerId, mapId, dimensions) {
   var webmap = createWebmapState(mapId);
   // Add the dimensions to the map state
-  if (dimensions && dimensions.length) {
+  if (dimensions !== null && dimensions !== void 0 && dimensions.length) {
     dimensions.forEach(function (dimension) {
       webmap.byId[mapId].dimensions.push(dimension);
     });
@@ -9276,4 +9259,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$3 as genericSelectors, types as genericTypes, getSingularDrawtoolDrawLayerId, getUserAddedServices, getViewObjectForMapId, getViewObjectForSyncGroup, initialState$3 as initialState, layerActions, layerReducer, selectors$6 as layerSelectors, types$3 as layerTypes, utils$1 as layerUtils, layersListener, constants as linkComponentTypesConstants, loadingIndicatorActions, constants$1 as loadingIndicatorConstants, loadingIndicatorReducer, selectors$2 as loadingIndicatorSelectors, mapActions, enums as mapEnums, mapListener, mapReducer, selectors$1 as mapSelectors, types$4 as mapTypes, mapUtils, metronomeListener, openlayersListener, routerActions, routerListener, routerReducer, utils as routerUtils, selectorMemoizationOptions, serviceActions, serviceListener, serviceReducer, selectors$7 as serviceSelectors, types$5 as serviceTypes, setUserAddedServices, storeMiddlewares, storeReducerMap, storeTestSettings, storeTestUtils, utils$3 as storeUtils, constants$2 as syncConstants, syncGroupsActions, syncGroupsListener, syncGroupsReducer, selector as syncGroupsSelector, selectors$4 as syncGroupsSelectors, types$1 as syncGroupsTypes, types$1 as types, uiActions, uiReducer, selectors$5 as uiSelectors, types$2 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, useUpdateSharedData };