@opengeoweb/store 16.0.0 → 17.0.0

package/index.esm.js

@@ -573,6 +573,7 @@ var serviceReducer = slice$8.reducer,
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var selectorMemoizationOptions = {
   memoizeOptions: {
     maxSize: 1000,
@@ -602,9 +603,11 @@ var utils$3 = /*#__PURE__*/Object.freeze({
  * Copyright 2020 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var getServicesStore = function getServicesStore(store) {
   return store === null || store === void 0 ? void 0 : store.services;
 };
+
 /**
  * Retrieves all serviceIds
  *
@@ -616,6 +619,7 @@ var getServiceIds = createSelector(getServicesStore, function (serviceState) {
   var _serviceState$allIds;
   return (_serviceState$allIds = serviceState === null || serviceState === void 0 ? void 0 : serviceState.allIds) !== null && _serviceState$allIds !== void 0 ? _serviceState$allIds : [];
 }, selectorMemoizationOptions);
+
 /**
  * Gets map services
  *
@@ -627,6 +631,7 @@ var getServices = createSelector(getServicesStore, function (store) {
   var _store$byId;
   return (_store$byId = store === null || store === void 0 ? void 0 : store.byId) !== null && _store$byId !== void 0 ? _store$byId : {};
 }, selectorMemoizationOptions);
+
 /**
  * Gets the service object by its url
  *
@@ -644,6 +649,7 @@ var getServiceByUrl = createSelector(getServicesStore, function (state, serviceU
     return service.serviceUrl === serviceUrl;
   });
 }, selectorMemoizationOptions);
+
 /**
  * Gets the layer from the store using the serviceUrl and layerName
  *
@@ -656,6 +662,7 @@ var getLayersFromServiceSelector = createSelector(getServiceByUrl, function (ser
   var _service$layers;
   return (_service$layers = service === null || service === void 0 ? void 0 : service.layers) !== null && _service$layers !== void 0 ? _service$layers : [];
 }, selectorMemoizationOptions);
+
 /**
  * Gets the layer from the store using the serviceUrl and layerName
  *
@@ -672,6 +679,7 @@ var getLayerFromService = createSelector(getLayersFromServiceSelector, function
     return serviceLayer.name === layerName;
   });
 }, selectorMemoizationOptions);
+
 /**
  * Gets the layers stylelist from the servicestore using the serviceUrl and layerName
  *
@@ -685,6 +693,7 @@ var getLayerStyles = createSelector(getLayerFromService, function (layer) {
   var _layer$styles;
   return (_layer$styles = layer === null || layer === void 0 ? void 0 : layer.styles) !== null && _layer$styles !== void 0 ? _layer$styles : [];
 }, selectorMemoizationOptions);
+
 /**
  * Gets the layer title from the servicestore using the serviceUrl and layerName
  *
@@ -709,6 +718,10 @@ var selectors$7 = /*#__PURE__*/Object.freeze({
   getServices: getServices
 });
 
+var types$6 = /*#__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.
@@ -726,6 +739,7 @@ var selectors$7 = /*#__PURE__*/Object.freeze({
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var getUserAddedServices = function getUserAddedServices() {
   try {
     var storedString = window.localStorage.getItem('userAddedServices');
@@ -813,6 +827,7 @@ var replaceLayerIdsToEnsureUniqueLayerIdsInStore = function replaceLayerIdsToEns
       autoUpdateLayerId: autoUpdateLayerIdNew
     };
   }
+
   // The code below is executed if neither auto timestep
   // nor auto update layer id was provided
   var layersWithNewIds = layers.map(function (layer) {
@@ -858,8 +873,8 @@ function replaceLayerIds(layers, autoLayerIdOld, autoLayerIdNew) {
  * Copyright 2020 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var AnimationLength;
-(function (AnimationLength) {
+
+var AnimationLength = /*#__PURE__*/function (AnimationLength) {
   AnimationLength[AnimationLength["Minutes15"] = 15] = "Minutes15";
   AnimationLength[AnimationLength["Minutes30"] = 30] = "Minutes30";
   AnimationLength[AnimationLength["Hours1"] = 60] = "Hours1";
@@ -868,11 +883,16 @@ var AnimationLength;
   AnimationLength[AnimationLength["Hours6"] = 360] = "Hours6";
   AnimationLength[AnimationLength["Hours12"] = 720] = "Hours12";
   AnimationLength[AnimationLength["Hours24"] = 1440] = "Hours24";
-})(AnimationLength || (AnimationLength = {}));
+  return AnimationLength;
+}({});
 
-var types$3 = /*#__PURE__*/Object.freeze({
+// Layer actions
+
+// Dependency issue with core, so the following interfaces are copies from libs/core/src/lib/components/ComponentsLookUp/componentsLookUp.tsx
+
+var types$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  get AnimationLength () { return AnimationLength; }
+  AnimationLength: AnimationLength
 });
 
 var dateFormat = dateUtils.DATE_FORMAT_UTC;
@@ -998,6 +1018,7 @@ var checkValidLayersPayload = function checkValidLayersPayload(layers, mapId) {
   }
   return true;
 };
+
 /**
  * This will get the map from the map draftstate.
  * If the mapId is not found, it registers one and returns it.
@@ -1017,6 +1038,7 @@ var getDraftMapById = function getDraftMapById(mapId, draft) {
   }
   return draft.byId[mapId];
 };
+
 /**
  * Sets the map dimension in the state.
  * It will add dimensions to the map if they are missing.
@@ -1048,6 +1070,7 @@ var produceDraftStateSetWebMapDimension = function produceDraftStateSetWebMapDim
     }
   }
 };
+
 /**
  * Find the mapId belonging to a layerId
  * @param draft The WebMapState containing the state of all maps.
@@ -1064,10 +1087,12 @@ var findMapIdFromLayerId = function findMapIdFromLayerId(mapState, layerId) {
   });
   return result === undefined ? null : result;
 };
+
 /*
     When a layer dimension is changed, it can affect the map dimension if the layer dimension is linked with the map.
     We need to find out from the layerId to which map it is coupled, and then adjust the map dimension
   */
+
 var produceDraftStateSetMapDimensionFromLayerChangeDimension = function produceDraftStateSetMapDimensionFromLayerChangeDimension(draft, layerId, dimension) {
   var wmjsDimension = webmapUtils.getWMJSDimensionForLayerAndDimension(layerId, dimension.name);
   if (!wmjsDimension) {
@@ -1083,6 +1108,7 @@ var produceDraftStateSetMapDimensionFromLayerChangeDimension = function produceD
   }
   produceDraftStateSetWebMapDimension(draft, mapId, dimension, true);
 };
+
 /**
  * Returns array with new order of swapped elements
  * @param array Array with ids
@@ -1129,6 +1155,7 @@ var getSpeedFactor = function getSpeedFactor(speedDelay) {
 var getAnimationDuration = function getAnimationDuration(animationEndTime, animationStartTime) {
   return animationEndTime && animationStartTime ? dateUtils.differenceInMinutes(new Date(animationEndTime), new Date(animationStartTime)) : 0;
 };
+
 /**
  * @param animationStart
  * @param animationEnd
@@ -1141,6 +1168,7 @@ var generateAnimationList = function generateAnimationList(unixAnimationStart, u
   }
   var iso8601Intervals = parseTimeDimToISO8601Interval(timeValues);
   var animationList = [];
+
   // If there are no ISO8601 intervals in the time dimension we treat it as a list of time values
   if (!iso8601Intervals.length) {
     timeValues.split(',').forEach(function (timeValue) {
@@ -1153,13 +1181,16 @@ var generateAnimationList = function generateAnimationList(unixAnimationStart, u
     });
     return animationList;
   }
+
   // Initialize aggregate start time for animation points in case of multiple intervals
   var currentAnimationTime = unixAnimationStart;
+
   // Iterate over each iso8601 interval and generate animation points
   iso8601Intervals.forEach(function (timeInterval) {
     if (!timeInterval.duration) {
       return;
     }
+
     // Convert interval start and end times to Unix time
     var unixIntervalStart = dateUtils.unix(dateUtils.utc(timeInterval.startTime));
     var unixIntervalEnd = dateUtils.unix(dateUtils.utc(timeInterval.endTime));
@@ -1169,6 +1200,7 @@ var generateAnimationList = function generateAnimationList(unixAnimationStart, u
       return getTimeStepFromDataInterval(interval) * 60;
     };
     var intervalSeconds = animationInterval ? animationInterval * 60 : getIntervalInSeconds(timeInterval.duration);
+
     // Generate animation points for the current interval
     for (var i = currentAnimationTime; i <= unixAnimationEnd; i += intervalSeconds) {
       if (i >= unixIntervalStart && i <= unixIntervalEnd) {
@@ -1182,16 +1214,19 @@ var generateAnimationList = function generateAnimationList(unixAnimationStart, u
         break;
       }
     }
+
     // Update the start time for the next interval
     currentAnimationTime = unixIntervalStart + intervalSeconds;
   });
   return animationList;
 };
+
 /**
  * Parses the time dimension values string to an array of ISO8601 intervals
  * @param timeInterval
  * @returns An array of ISO8601 intervals
  */
+
 var parseTimeDimToISO8601Interval = function parseTimeDimToISO8601Interval(timeInterval) {
   if (!(timeInterval !== null && timeInterval !== void 0 && timeInterval.includes('/'))) {
     return [];
@@ -1208,6 +1243,7 @@ var parseTimeDimToISO8601Interval = function parseTimeDimToISO8601Interval(timeI
       duration: duration === null || duration === void 0 ? void 0 : duration.trim()
     };
   });
+
   // Filter out intervals with missing start, end or duration
   return intervalList.filter(function (interval) {
     return interval.startTime && interval.endTime && interval.duration;
@@ -1260,11 +1296,13 @@ var utils$2 = /*#__PURE__*/Object.freeze({
  * 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');
 
@@ -1285,6 +1323,7 @@ var setMapPreset = createAction('SET_MAP_PRESET');
  * Copyright 2020 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 /**
  * Generic action to set the time.
  *
@@ -1295,6 +1334,7 @@ var setMapPreset = createAction('SET_MAP_PRESET');
  *   }
  */
 var setTime = createAction('GENERIC_SETTIME');
+
 /**
  * Generic action to set the bounding box.
  *
@@ -1330,16 +1370,13 @@ var setBbox = createAction('GENERIC_SETBBOX');
  * Copyright 2020 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 /**
  * These actions are fired by the generic/listener.ts, based on generic actions and the synchronizationGroup state.
  *
  * These actions should not be used by components directly. Components should only use the generic actions.
  */
-var setTimeSync = createAction('GENERIC_SYNC_SETTIME', function (setTimePayload,
-// This payload is used to set the state in the syncgroup itself. This state is needed because other listeners (like the timeslider sync) might need this information to trigger new actions.
-targets,
-// The targets which will be updated by this action. It contains the payload as well.
-groups) {
+var setTimeSync = createAction('GENERIC_SYNC_SETTIME', function (setTimePayload, targets, groups) {
   return {
     payload: {
       source: setTimePayload && setTime(setTimePayload),
@@ -1369,131 +1406,6 @@ var setLayerActionSync = createAction('GENERIC_SYNC_SETLAYERACTIONS', function (
   };
 });
 
-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.
@@ -1511,13 +1423,13 @@ var uiReducer = slice$7.reducer,
  * Copyright 2020 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var LayerStatus;
-(function (LayerStatus) {
+
+var LayerStatus = /*#__PURE__*/function (LayerStatus) {
   LayerStatus["default"] = "default";
   LayerStatus["error"] = "error";
-})(LayerStatus || (LayerStatus = {}));
-var LayerActionOrigin;
-(function (LayerActionOrigin) {
+  return LayerStatus;
+}({});
+var LayerActionOrigin = /*#__PURE__*/function (LayerActionOrigin) {
   LayerActionOrigin["layerManager"] = "layerManager";
   LayerActionOrigin["wmsLoader"] = "WMSLayerTreeConnect";
   LayerActionOrigin["ReactMapViewParseLayer"] = "ReactMapViewParseLayer";
@@ -1525,12 +1437,27 @@ var LayerActionOrigin;
   LayerActionOrigin["toggleAutoUpdateListener"] = "toggleAutoUpdateListener";
   LayerActionOrigin["unregisterMapListener"] = "unregisterMapListener";
   LayerActionOrigin["dataExplorer"] = "dataExplorer";
-})(LayerActionOrigin || (LayerActionOrigin = {}));
+  LayerActionOrigin["legend"] = "legend";
+  return LayerActionOrigin;
+}({});
 
-var types$2 = /*#__PURE__*/Object.freeze({
+/**
+ * ReduxLayer is used to reflect the shape of the layer in the redux layers store.
+ * It is a subset of Layer since some properties like the styles list now come from the service store.
+ */
+
+/**
+ * Layer is used to define a layer with all its possible properties.
+ */
+
+// actions
+
+// feature layer actions
+
+var types$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  get LayerActionOrigin () { return LayerActionOrigin; },
-  get LayerStatus () { return LayerStatus; }
+  LayerActionOrigin: LayerActionOrigin,
+  LayerStatus: LayerStatus
 });
 
 /**
@@ -1597,13 +1524,14 @@ var produceDimensionActionForMapLayer = function produceDimensionActionForMapLay
     validSyncSelection: true
   });
 };
+
 /**
  * For the given dimension, it creates a new draft state for all other (linked or synced) layers inside the map.
  * @param draft
  * @param dimension
  * @param mapId
  */
-var produceDraftStateForAllLayersForDimensionWithinMap = function produceDraftStateForAllLayersForDimensionWithinMap(draft, dimension, mapId, layerIdFromAction /* Layer ID or null if not known */) {
+var produceDraftStateForAllLayersForDimensionWithinMap = function produceDraftStateForAllLayersForDimensionWithinMap(draft, dimension, mapId, layerIdFromAction) {
   if (!mapId) {
     return;
   }
@@ -1648,6 +1576,7 @@ var produceDraftStateForAllLayersForDimensionWithinMap = function produceDraftSt
     }
   });
 };
+
 /**
  * Returns the list of dimensions without the time dimension
  * @param dimensions Dimension[]
@@ -1658,6 +1587,7 @@ var filterNonTimeDimensions = function filterNonTimeDimensions(dimensions) {
     return dim.name !== 'time';
   })) !== null && _dimensions$filter !== void 0 ? _dimensions$filter : [];
 };
+
 /**
  * Returns the list of dimensions without the time dimension
  * @param dimensions Dimension[]
@@ -1670,6 +1600,7 @@ var filterCurrentValueFromDimensions = function filterCurrentValueFromDimensions
     return dim;
   })) !== null && _dimensions$map !== void 0 ? _dimensions$map : [];
 };
+
 /**
  * The timeslider range is depending on values set via reference_time dimension.
  * This code will update minValue and maxValue accordingly based on the value of the reference_time.
@@ -1683,6 +1614,7 @@ var updateMinMaxValueWhenReferenceTimeChanges = function updateMinMaxValueWhenRe
   if (!(draftLayer !== null && draftLayer !== void 0 && draftLayer.id) || !(draftLayer !== null && draftLayer !== void 0 && draftLayer.dimensions) || dimensionValueToUpdate.name !== 'reference_time') {
     return;
   }
+
   // If dimension reference_time is updated, we might have to update the time minValue and maxValue as well.
   var wmLayer = webmapUtils.getWMLayerById(draftLayer.id);
   if (wmLayer && wmLayer.dimensions.length >= 2) {
@@ -1746,7 +1678,7 @@ var createLayer = function createLayer(_ref) {
     useLatestReferenceTime: useLatestReferenceTime
   });
 };
-var initialState$5 = {
+var initialState$6 = {
   byId: {},
   allIds: [],
   availableBaseLayers: {
@@ -1754,8 +1686,8 @@ var initialState$5 = {
     allIds: []
   }
 };
-var slice$6 = createSlice({
-  initialState: initialState$5,
+var slice$7 = createSlice({
+  initialState: initialState$6,
   name: 'layerReducer',
   reducers: {
     addLayer: function addLayer(draft, action) {
@@ -1902,6 +1834,7 @@ var slice$6 = createSlice({
       if (!checkValidLayersPayload(layers, mapId)) {
         return;
       }
+
       /*
           All layer id's for the specified mapId should be removed.
           This is done by filtering the allId array. Keeping only the layer id's which don't exist in the byId object
@@ -1914,6 +1847,7 @@ var slice$6 = createSlice({
         }
         return true;
       });
+
       /*
           Here we set the layers for the mapId from the action. byId and allIds is updated.
         */
@@ -1932,6 +1866,7 @@ var slice$6 = createSlice({
       var filtererdBaseLayers = layers.filter(function (layer) {
         return layer.layerType === LayerType.baseLayer || layer.layerType === LayerType.overLayer;
       });
+
       // filter for unique layerTypes
       var layerTypes = [];
       filtererdBaseLayers.forEach(function (layer) {
@@ -1942,6 +1877,7 @@ var slice$6 = createSlice({
           layerTypes.push(layer.layerType);
         }
       });
+
       // remove current layers with same type as one of the passed layers
       draft.allIds = draft.allIds.filter(function (layerId) {
         if (draft.byId[layerId] && layerTypes.includes(draft.byId[layerId].layerType) && draft.byId[layerId].mapId === mapId) {
@@ -1996,6 +1932,7 @@ var slice$6 = createSlice({
     },
     addAvailableBaseLayers: function addAvailableBaseLayers(draft, action) {
       var layers = action.payload.layers;
+
       // add new available baselayers
       layers.forEach(function (layer) {
         if (layer.layerType !== LayerType.baseLayer || draft.availableBaseLayers.byId[layer.id] || !layer.mapId) {
@@ -2013,6 +1950,7 @@ var slice$6 = createSlice({
       var _action$payload13 = action.payload,
         layers = _action$payload13.layers,
         mapId = _action$payload13.mapId;
+
       // remove current baselayers for passed map
       draft.availableBaseLayers.allIds = draft.availableBaseLayers.allIds.filter(function (layerId) {
         var _draft$availableBaseL;
@@ -2022,6 +1960,7 @@ var slice$6 = createSlice({
         }
         return true;
       });
+
       // add new available baselayers
       layers.forEach(function (layer) {
         if (layer.layerType !== LayerType.baseLayer || !layer.mapId) {
@@ -2058,6 +1997,7 @@ var slice$6 = createSlice({
         return;
       }
       var layer = draft.byId[layerDimensions.layerId];
+
       /* Find all other layers with the same name and service, and update these at once (atomic update) */
       var layersToUpdate = Object.values(draft.byId).filter(function (otherLayer) {
         return (otherLayer === null || otherLayer === void 0 ? void 0 : otherLayer.name) === (layer === null || layer === void 0 ? void 0 : layer.name) && (otherLayer === null || otherLayer === void 0 ? void 0 : otherLayer.service) === (layer === null || layer === void 0 ? void 0 : layer.service) && (otherLayer === null || otherLayer === void 0 ? void 0 : otherLayer.id);
@@ -2071,10 +2011,12 @@ var slice$6 = createSlice({
         var wmLayer = webmapUtils.getWMLayerById(layerId);
         (_reduxLayer$dimension = reduxLayer.dimensions) !== null && _reduxLayer$dimension !== void 0 ? _reduxLayer$dimension : reduxLayer.dimensions = [];
         var reduxDimensions = reduxLayer.dimensions;
+
         /* Now update or insert the dimension for each layer */
         layerDimensions.dimensions.forEach(function (newLayerDimension) {
           /* Find the wmDimension */
           var wmDimension = wmLayer === null || wmLayer === void 0 ? void 0 : wmLayer.getDimension(newLayerDimension.name);
+
           /* This will set the new range of start/stop values for this dimension, making getClosestValue work properly */
           wmDimension === null || wmDimension === void 0 || wmDimension.reInitializeValues(newLayerDimension.values);
           var existingDimension = reduxDimensions.find(function (dim) {
@@ -2128,6 +2070,7 @@ var slice$6 = createSlice({
             reduxDimensions.push(_objectSpread2({}, newLayerDimension));
           }
         });
+
         // Ensure that the time range is correctly set based on the current reference time value
         var timeDimension = reduxDimensions.find(function (layerDim) {
           return layerDim.name === 'time';
@@ -2142,6 +2085,7 @@ var slice$6 = createSlice({
           if (wmTimeDimension && wmRefTimeDimension) {
             wmTimeDimension === null || wmTimeDimension === void 0 || wmTimeDimension.setTimeValuesForReferenceTime(refTimeDimension.currentValue, wmRefTimeDimension);
           }
+
           // Synchronize the updated redux currentValues back to wmLayers time dim.
           reduxDimensions.forEach(function (dim) {
             dim.name && wmLayer.setDimension(dim.name, dim.currentValue);
@@ -2380,8 +2324,8 @@ var slice$6 = createSlice({
     });
   }
 });
-var layerReducer = slice$6.reducer,
-  layerActions = slice$6.actions;
+var layerReducer = slice$7.reducer,
+  layerActions = slice$7.actions;
 
 /**
  * Checks if the layer id is already taken in one of the maps.
@@ -2400,6 +2344,7 @@ var checkIfMapLayerIdIsAlreadyTaken = function checkIfMapLayerIdIsAlreadyTaken(s
     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
@@ -2431,12 +2376,12 @@ var layerHasTimeDimension = function layerHasTimeDimension(layer) {
     return dimension.name === 'time';
   }));
 };
-var initialState$4 = {
+var initialState$5 = {
   byId: {},
   allIds: []
 };
-var slice$5 = createSlice({
-  initialState: initialState$4,
+var slice$6 = createSlice({
+  initialState: initialState$5,
   name: 'mapReducer',
   reducers: {
     registerMap: function registerMap(draft, action) {
@@ -2491,6 +2436,7 @@ var slice$5 = createSlice({
         return;
       }
       draft.byId[mapId].isAnimating = true;
+
       // Animation is defined by one of the following:
       // - start, end and interval for a continuous animation loop with constant interval
       // - timeList, for a custom timeList
@@ -2931,6 +2877,7 @@ var slice$5 = createSlice({
       map.mapLayers = map.mapLayers.filter(function (id) {
         return id !== layerId;
       });
+
       // if auto layer is deleted, change auto layer ids
       if (!map.mapLayers.length) {
         map.autoUpdateLayerId = undefined;
@@ -2988,28 +2935,34 @@ var slice$5 = createSlice({
           if (value !== null && value !== void 0 && value.timeSliderSpan) {
             produceTimeSliderTimeSpan(draft, targetId, value.timeSliderSpan);
           }
+
           // SetTimeSliderCenterTime
           if (value !== null && value !== void 0 && value.timeSliderCenterTime) {
             draft.byId[targetId].timeSliderCenterTime = value.timeSliderCenterTime;
           }
+
           // SetTimeSliderStep
           if (value !== null && value !== void 0 && value.timeSliderStep) {
             draft.byId[targetId].timeStep = value.timeSliderStep;
             // When timestep is synced between slider, isTimestepAuto should be set to false.
             draft.byId[targetId].isTimestepAuto = false;
           }
+
           // SetAnimationStartTime
           if (value !== null && value !== void 0 && value.timeSliderAnimationStartTime) {
             draft.byId[targetId].animationStartTime = value.timeSliderAnimationStartTime;
           }
+
           // SetAnimationEndTime
           if (value !== null && value !== void 0 && value.timeSliderAnimationEndTime) {
             draft.byId[targetId].animationEndTime = value.timeSliderAnimationEndTime;
           }
+
           // SetAnimationDelay
           if (value !== null && value !== void 0 && value.timeSliderAnimationDelay) {
             draft.byId[targetId].animationDelay = value.timeSliderAnimationDelay;
           }
+
           // SetTime / update actual current value
           if (value !== null && value !== void 0 && value.currentTime) {
             var dimension = {
@@ -3101,22 +3054,14 @@ var slice$5 = createSlice({
       draft.byId[mapId].timeStep = undefined;
       draft.byId[mapId].animationDelay = defaultAnimationDelayAtStart;
       draft.byId[mapId].dockedLayerManagerSize = '';
-    }).addCase(uiActions.registerDialog, function (draft, action) {
-      var _action$payload42 = action.payload,
-        mapId = _action$payload42.mapId,
-        type = _action$payload42.type;
-      if (!draft.byId[mapId]) {
-        return;
-      }
-      draft.byId[mapId].legendId = type;
     });
   }
 });
-var mapActions = _objectSpread2(_objectSpread2({}, slice$5.actions), {}, {
+var mapActions = _objectSpread2(_objectSpread2({}, slice$6.actions), {}, {
   setMapPreset: setMapPreset,
   mapChangeDimension: mapChangeDimension
 });
-var mapReducer = slice$5.reducer;
+var mapReducer = slice$6.reducer;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -3135,6 +3080,7 @@ var mapReducer = slice$5.reducer;
  * 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;
@@ -3156,6 +3102,7 @@ var SECONDS_IN_HOUR = 3600;
  * 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';
@@ -3187,6 +3134,7 @@ var constants$2 = /*#__PURE__*/Object.freeze({
  * Copyright 2020 - 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.
  *
@@ -3206,11 +3154,12 @@ var removeInPlace = function removeInPlace(inDraftArray, condition) {
       index += 1;
     }
   });
+
   // eslint-disable-next-line no-param-reassign
   inDraftArray.length = index;
 };
 
-var initialState$3 = {
+var initialState$4 = {
   sources: {
     byId: {},
     allIds: []
@@ -3239,8 +3188,8 @@ var initialState$3 = {
   },
   isTimeScrollingEnabled: false
 };
-var slice$4 = createSlice({
-  initialState: initialState$3,
+var slice$5 = createSlice({
+  initialState: initialState$4,
   name: 'synchronizationGroupsReducer',
   reducers: {
     /** Sets the links map.
@@ -3315,6 +3264,7 @@ var slice$4 = createSlice({
         };
         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];
@@ -3441,7 +3391,7 @@ var slice$4 = createSlice({
       });
     },
     syncGroupClear: function syncGroupClear() {
-      return initialState$3;
+      return initialState$4;
     },
     syncGroupSetViewState: function syncGroupSetViewState(draft, action) {
       var viewState = action.payload.viewState;
@@ -3503,7 +3453,7 @@ var setBboxOrTimeSync = function setBboxOrTimeSync(draft, action) {
     });
   }
 };
-var _slice$actions = slice$4.actions,
+var _slice$actions = slice$5.actions,
   syncGroupAddGroup = _slice$actions.syncGroupAddGroup,
   syncGroupAddSource = _slice$actions.syncGroupAddSource,
   syncGroupAddTarget = _slice$actions.syncGroupAddTarget;
@@ -3513,12 +3463,13 @@ var _slice$actions = slice$4.actions,
   var syncGroupRemoveSource = _slice$actions.syncGroupRemoveSource;
   _slice$actions.syncGroupRemoveTarget;
   _slice$actions.syncGroupSetViewState;
-var syncGroupsReducer = slice$4.reducer,
-  syncGroupsActions = slice$4.actions;
+var syncGroupsReducer = slice$5.reducer,
+  syncGroupsActions = slice$5.actions;
 
 var syncGroupStore = function syncGroupStore(store) {
   return store.syncGroups || null;
 };
+
 /**
  * Gets synchronization group state
  *
@@ -3693,6 +3644,7 @@ var selectors$6 = /*#__PURE__*/Object.freeze({
  * Copyright 2026 - Finnish Meteorological Institute (FMI)
  * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var constructSyncSourceDisplayName = function constructSyncSourceDisplayName(sourceId, viewMeta, fallbackName) {
   var _viewMeta$title;
   var rawTitle = viewMeta === null || viewMeta === void 0 || (_viewMeta$title = viewMeta.title) === null || _viewMeta$title === void 0 ? void 0 : _viewMeta$title.trim();
@@ -3731,6 +3683,7 @@ var constructSyncSourceDisplayName = function constructSyncSourceDisplayName(sou
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var emptyState = {
   timeslider: {
     groups: [],
@@ -3754,6 +3707,7 @@ var groupTypes = [{
   syncType: 'SYNCGROUPS_TYPE_SETBBOX',
   groupType: 'zoompane'
 }];
+
 /*
     _____ Creates viewState  _____
       - Runs Each time viewState is created:
@@ -3823,13 +3777,13 @@ syncGroupsListener.startListening({
   matcher: isAnyOf(syncGroupsActions.syncGroupAddTarget, syncGroupsActions.syncGroupLinkTarget),
   effect: function () {
     var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
-      var payload, type, groupId, linked, targetToUpdate, group;
+      var payload, type, _ref2, groupId, linked, targetToUpdate, group;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             payload = _ref.payload, type = _ref.type;
             listenerApi.cancelActiveListeners();
-            groupId = payload.groupId, linked = payload.linked, targetToUpdate = payload.targetId;
+            _ref2 = payload, groupId = _ref2.groupId, linked = _ref2.linked, targetToUpdate = _ref2.targetId;
             group = getSynchronizationGroup(listenerApi.getState(), groupId);
             if (!(!linked && group)) {
               _context.next = 21;
@@ -3935,19 +3889,20 @@ syncGroupsListener.startListening({
  * 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) {
+var SyncGroupActionOrigin = /*#__PURE__*/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 = {}));
+  return SyncGroupActionOrigin;
+}({});
 
-var types$1 = /*#__PURE__*/Object.freeze({
+var types$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  get SyncGroupActionOrigin () { return SyncGroupActionOrigin; },
+  SyncGroupActionOrigin: SyncGroupActionOrigin,
   SyncGroupTypeList: SyncGroupTypeList
 });
 
@@ -3968,12 +3923,14 @@ var types$1 = /*#__PURE__*/Object.freeze({
  * 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;
 };
+
 /**
  * Returns the synchronization source by id
  * @param store The app  store
@@ -3998,11 +3955,19 @@ var selectLinkedState = createSelector(synchronizationGroupStore, function (sync
     sharedData: {}
   };
 });
-var getLinkedMaps = createSelector([selectLinkedState, function (store, panelId) {
+var getLinkedTargetIds = createSelector([selectLinkedState, function (store, panelId) {
   return panelId;
 }], function (linkedState, panelId) {
   return panelId && linkedState.links[panelId] || [];
 }, selectorMemoizationOptions);
+var getLinkedMapIds = createSelector([getLinkedTargetIds, function (store) {
+  var _store$webmap;
+  return (store === null || store === void 0 || (_store$webmap = store.webmap) === null || _store$webmap === void 0 ? void 0 : _store$webmap.allIds) || [];
+}], function (linkedTargets, mapIds) {
+  return linkedTargets.filter(function (targetId) {
+    return mapIds.includes(targetId);
+  });
+}, selectorMemoizationOptions);
 var getLinkedFeatureProviders = createSelector(function (linkedState) {
   return linkedState;
 }, function (linkedState, props) {
@@ -4024,6 +3989,7 @@ var selectLinkedPanelId = createSelector([selectLinkedState, function (_, mapVie
   if (!(linkedState !== null && linkedState !== void 0 && 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;
@@ -4138,7 +4104,8 @@ var getSyncedStartCenterEndStepCurrentTime = createSelector(function (coreAppSto
 
 var selectors$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  getLinkedMaps: getLinkedMaps,
+  getLinkedMapIds: getLinkedMapIds,
+  getLinkedTargetIds: getLinkedTargetIds,
   getSelectedFeature: getSelectedFeature,
   getSelectedFeatureAsGeoJSON: getSelectedFeatureAsGeoJSON,
   getSyncedStartCenterEndStepCurrentTime: getSyncedStartCenterEndStepCurrentTime,
@@ -4176,6 +4143,7 @@ var useSyncgroupTimeState = function useSyncgroupTimeState(panelId) {
   var syncGroupRemoveSourceCallback = React.useCallback(function (payload) {
     dispatch(syncGroupRemoveSource(payload));
   }, [dispatch]);
+
   // Register
   useEffect(function () {
     syncGroupsAddSourceCallBack({
@@ -4286,7 +4254,7 @@ var useUpdateSharedData = function useUpdateSharedData(data, panelId) {
     return selectSharedData(state, panelId);
   });
   var linkedMaps = useSelector(function (state) {
-    return getLinkedMaps(state, panelId);
+    return getLinkedTargetIds(state, panelId);
   });
   var dispatch = useDispatch();
   useEffect(function () {
@@ -4310,6 +4278,10 @@ var useUpdateSharedData = function useUpdateSharedData(data, panelId) {
   return sharedData;
 };
 
+var types$2 = /*#__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.
@@ -4327,6 +4299,7 @@ var useUpdateSharedData = function useUpdateSharedData(data, panelId) {
  * 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({
@@ -4351,6 +4324,7 @@ var constants$1 = /*#__PURE__*/Object.freeze({
  * 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]) {
@@ -4362,7 +4336,7 @@ var initLoadingIndicatorStateForId = function initLoadingIndicatorStateForId(dra
     });
   }
 };
-var slice$3 = createSlice({
+var slice$4 = createSlice({
   initialState: loadingIndicatorAdapter.getInitialState(),
   name: 'loadingIndicatorReducer',
   reducers: {
@@ -4405,8 +4379,8 @@ var slice$3 = createSlice({
     });
   }
 });
-var loadingIndicatorActions = slice$3.actions,
-  loadingIndicatorReducer = slice$3.reducer;
+var loadingIndicatorActions = slice$4.actions,
+  loadingIndicatorReducer = slice$4.reducer;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -4425,6 +4399,7 @@ var loadingIndicatorActions = slice$3.actions,
  * Copyright 2024 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var EMPTY_LOADING_INDICATOR = {
   entities: {},
   ids: []
@@ -4465,11 +4440,137 @@ var selectors$4 = /*#__PURE__*/Object.freeze({
 });
 
 var genericActions = _objectSpread2(_objectSpread2({}, syncGroupsActions), {}, {
-  initialSyncState: initialState$3,
+  initialSyncState: initialState$4,
   setTime: setTime,
   setBbox: setBbox
 });
 
+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$3 = {
+  order: [],
+  dialogs: {},
+  activeWindowId: undefined
+};
+var slice$3 = createSlice({
+  initialState: initialState$3,
+  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) {
+        var dialog = draft.dialogs[key];
+        if ((dialog === null || dialog === void 0 ? void 0 : dialog.activeMapId) === mapId) {
+          dialog.isOpen = false;
+        }
+      });
+    }
+  }
+});
+var uiReducer = slice$3.reducer,
+  uiActions = slice$3.actions;
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -4487,6 +4588,7 @@ var genericActions = _objectSpread2(_objectSpread2({}, syncGroupsActions), {}, {
  * 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) {
@@ -4494,6 +4596,7 @@ var getUiStore = function getUiStore(store) {
   }
   return null;
 };
+
 /**
  * Gets the active map Id and wether a dialog is open or closed
  *
@@ -4509,6 +4612,7 @@ var getDialogDetailsByType = function getDialogDetailsByType(store, dialogType)
   }
   return null;
 };
+
 /**
  * For a given ui component: gets wether the dialog is open or closed
  *
@@ -4522,6 +4626,7 @@ var getisDialogOpen = createSelector(getDialogDetailsByType, function (details)
   }
   return false;
 }, selectorMemoizationOptions);
+
 /**
  *For a given ui component: gets the active map Id
  *
@@ -4535,6 +4640,7 @@ var getDialogMapId = createSelector(getDialogDetailsByType, function (details) {
   }
   return '';
 }, selectorMemoizationOptions);
+
 /**
  *For a given ui component: gets the order of visible dialog
  *
@@ -4547,8 +4653,8 @@ var getDialogOrder = function getDialogOrder(store, dialogType) {
   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;
+      var _dialogs$orderedDialo;
+      return (_dialogs$orderedDialo = store.ui.dialogs[orderedDialogType]) === null || _dialogs$orderedDialo === void 0 ? void 0 : _dialogs$orderedDialo.isOpen;
     });
     if (!visibleOrder.includes(dialogType)) {
       return 0;
@@ -4557,6 +4663,7 @@ var getDialogOrder = function getDialogOrder(store, dialogType) {
   }
   return 0;
 };
+
 /**
  *For a given ui component: returns if ordered on top
  *
@@ -4578,6 +4685,7 @@ var getDialogSource = createSelector(getDialogDetailsByType, function (details)
   }
   return 'app';
 }, selectorMemoizationOptions);
+
 /**
  * Get the active window that should receive keyboard shortcuts
  *
@@ -4588,6 +4696,7 @@ var getDialogSource = createSelector(getDialogDetailsByType, function (details)
 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
  *
@@ -4595,12 +4704,14 @@ var getActiveWindowId = createSelector(getUiStore, function (store) {
  * @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
  *
@@ -4674,8 +4785,8 @@ var selectors$3 = /*#__PURE__*/Object.freeze({
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var DialogTypes;
-(function (DialogTypes) {
+
+var DialogTypes = /*#__PURE__*/function (DialogTypes) {
   DialogTypes["LayerInfo"] = "layerInfo";
   DialogTypes["SyncGroups"] = "syncGroups";
   DialogTypes["TimeSeriesSelect"] = "timeSeriesSelect";
@@ -4687,6 +4798,7 @@ var DialogTypes;
   DialogTypes["DimensionSelectElevation"] = "dimensionSelect-elevation";
   DialogTypes["LayerManager"] = "layerManager";
   DialogTypes["LayerSelect"] = "layerSelect";
+  DialogTypes["Legend"] = "legend";
   DialogTypes["DrawingTool"] = "drawingTool";
   DialogTypes["DockedLayerManager"] = "dockedLayerManager";
   DialogTypes["ObjectManager"] = "objectManager";
@@ -4700,11 +4812,13 @@ var DialogTypes;
   DialogTypes["SoundingsLocations"] = "soundingsLocations";
   DialogTypes["SoundingsManager"] = "soundingsManager";
   DialogTypes["TimeseriesLocations"] = "timeseriesLocations";
-})(DialogTypes || (DialogTypes = {}));
+  DialogTypes["Getfeatureinfo"] = "getfeatureinfo";
+  return DialogTypes;
+}({});
 
-var types = /*#__PURE__*/Object.freeze({
+var types$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  get DialogTypes () { return DialogTypes; }
+  DialogTypes: DialogTypes
 });
 
 /* *
@@ -4745,6 +4859,7 @@ var useSetupDialog = function useSetupDialog(dialogType) {
       type: dialogType
     }));
   }, [dialogType, dispatch]);
+
   // Register this dialog in the store
   useEffect(function () {
     registerDialog();
@@ -4792,6 +4907,7 @@ var useSetupDialog = function useSetupDialog(dialogType) {
 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
  *
@@ -4806,6 +4922,7 @@ var getLayerById = createSelector([layerStore, function (layerStore, 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
  *
@@ -4816,6 +4933,7 @@ var getLayerById = createSelector([layerStore, function (layerStore, layerId) {
 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)
  *
@@ -4834,6 +4952,7 @@ var getLayerByIdWithoutTimeDimension = createSelector([layerStore, function (lay
     return draftLayer;
   }) : undefined;
 }, selectorMemoizationOptions);
+
 /**
  * Retrieves all layers indexed by layerId
  *
@@ -4845,6 +4964,7 @@ 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
  *
@@ -4855,6 +4975,7 @@ var getLayersById = createSelector(layerStore, function (store) {
 var getLayersIds = createSelector(layerStore, function (store) {
   return store ? store.allIds : [];
 }, selectorMemoizationOptions);
+
 /**
  * Retrieves all layers (including base layers and overlayers)
  *
@@ -4867,6 +4988,7 @@ var getAllLayers = createSelector(getLayersIds, getLayersById, function (ids, la
     return layers[layerId];
   });
 }, selectorMemoizationOptions);
+
 /**
  * Retrieves all layers (including base layers and overlayers) for the given mapId
  *
@@ -4882,6 +5004,7 @@ var getLayersByMapId = createSelector(getAllLayers, function (_store, _mapId) {
     return layer.mapId === mapId;
   });
 }, selectorMemoizationOptions);
+
 /**
  * Retrieves all layers that aren't base layers and aren't overlayers
  *
@@ -4894,6 +5017,7 @@ var getLayers = createSelector(getAllLayers, function (layers) {
     return layer.layerType !== LayerType.baseLayer && layer.layerType !== LayerType.overLayer;
   });
 }, selectorMemoizationOptions);
+
 /**
  * Retrieves all baselayers
  *
@@ -4906,6 +5030,7 @@ var getBaseLayers = createSelector(getAllLayers, function (layers) {
     return layer.layerType === LayerType.baseLayer;
   });
 }, selectorMemoizationOptions);
+
 /**
  * Retrieves all overLayers
  *
@@ -4918,6 +5043,7 @@ var getOverLayers = createSelector(getAllLayers, function (layers) {
     return layer.layerType === LayerType.overLayer;
   });
 }, selectorMemoizationOptions);
+
 /**
  * Retrieves all featureLayers
  *
@@ -4930,6 +5056,7 @@ var getFeatureLayers = createSelector(getAllLayers, function (layers) {
     return layer.layerType === LayerType.featureLayer;
   });
 }, selectorMemoizationOptions);
+
 /**
  * Gets dimensions of the passed layer
  *
@@ -4942,6 +5069,7 @@ 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
  *
@@ -4953,6 +5081,7 @@ var getLayerDimensions = createSelector(getLayerById, function (layer) {
 var getLayerNonTimeDimensions = createSelector(getLayerDimensions, function (dimensions) {
   return filterNonTimeDimensions(dimensions);
 }, selectorMemoizationOptions);
+
 /**
  * Gets time dimension of the passed layer
  *
@@ -4966,6 +5095,7 @@ var getLayerTimeDimension = createSelector(getLayerDimensions, function (dimensi
     return dimension.name === 'time';
   });
 }, selectorMemoizationOptions);
+
 /**
  * Returns a boolean indicating whether the layer has a time dimension
  *
@@ -4980,6 +5110,7 @@ var getLayerHasTimeDimension = createSelector(getLayerTimeDimension, function (t
 var getLayerCurrentTime = createSelector(getLayerTimeDimension, function (dimension) {
   return dimension === null || dimension === void 0 ? void 0 : dimension.currentValue;
 }, selectorMemoizationOptions);
+
 /**
  * Gets specified dimension of the passed layer
  *
@@ -4996,6 +5127,7 @@ var getLayerDimension = createSelector(getLayerDimensions, function (_store, _la
     return dimension.name === dimensionName;
   });
 }, selectorMemoizationOptions);
+
 /**
  * Gets opacity of the passed layer
  *
@@ -5007,6 +5139,7 @@ var getLayerDimension = createSelector(getLayerDimensions, function (_store, _la
 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
  *
@@ -5018,6 +5151,7 @@ var getLayerOpacity = createSelector(getLayerById, function (layer) {
 var getLayerEnabled = createSelector(getLayerById, function (layer) {
   return Boolean(layer === null || layer === void 0 ? void 0 : layer.enabled);
 }, selectorMemoizationOptions);
+
 /**
  * Gets layer name
  *
@@ -5036,6 +5170,7 @@ var getLayerName = createSelector(getLayerById, function (layer) {
   }
   return (layer === null || layer === void 0 ? void 0 : layer.name) || '';
 }, selectorMemoizationOptions);
+
 /**
  * Gets layer service
  *
@@ -5048,6 +5183,7 @@ var getLayerService = createSelector(getLayerById, function (layer) {
   var _layer$service;
   return (_layer$service = layer === null || layer === void 0 ? void 0 : layer.service) !== null && _layer$service !== void 0 ? _layer$service : '';
 }, selectorMemoizationOptions);
+
 /**
  * Gets layer service name
  *
@@ -5062,6 +5198,7 @@ var getLayerServiceName = createSelector(function (store) {
   var layerService = getServiceByUrl(store, service);
   return layerService !== null && layerService !== void 0 && layerService.name ? layerService === null || layerService === void 0 ? void 0 : layerService.name : '';
 }, selectorMemoizationOptions);
+
 /**
  * Gets selected style of the passed layer
  *
@@ -5073,6 +5210,7 @@ var getLayerServiceName = createSelector(function (store) {
 var getLayerStyle = createSelector(getLayerById, function (layer) {
   return layer !== null && layer !== void 0 && layer.style ? layer.style : '';
 }, selectorMemoizationOptions);
+
 /**
  * Gets layer status
  *
@@ -5084,6 +5222,7 @@ var getLayerStyle = createSelector(getLayerById, function (layer) {
 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
  *
@@ -5106,6 +5245,7 @@ var getAvailableBaseLayersForMap = createSelector(layerStore, function (_store,
   }
   return [];
 }, selectorMemoizationOptions);
+
 /**
  * Returns the selected geojson feature for the given layer
  *
@@ -5117,6 +5257,7 @@ var getAvailableBaseLayersForMap = createSelector(layerStore, function (_store,
 var getSelectedFeatureIndex = createSelector(getLayerById, function (layer) {
   return layer === null || layer === void 0 ? void 0 : layer.selectedFeatureIndex;
 }, selectorMemoizationOptions);
+
 /**
  * Returns the layer is in edit mode
  *
@@ -5139,6 +5280,7 @@ var getFeatureLayerGeoJSONProperties = createSelector(getLayerById, getSelectedF
   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
  *
@@ -5190,6 +5332,7 @@ var getLayerIsInsideAcceptanceTime = createSelector(getAcceptanceTimeInMinutes,
 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.
  */
@@ -5238,6 +5381,7 @@ var getLayerType = createSelector(getLayerById, function (layer) {
 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')
@@ -5259,6 +5403,7 @@ var getOverlayersForMapId = createSelector([layerStore, function (_store, mapId)
   });
   return overLayers;
 }, selectorMemoizationOptions);
+
 /**
  * Gets the layer title from the service store using the layerId
  *
@@ -5272,6 +5417,7 @@ var getLayerTitleFromService = createSelector(function (store) {
 }, getLayerService, getLayerName, function (store, service, name) {
   return getLayerTitle(store, service, name);
 }, 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.
  *
@@ -5286,6 +5432,7 @@ var getLayerDisplayName = createSelector(getLayerType, getLayerOptions, getLayer
   }
   return layerTitle || layerName;
 }, 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'.
  *
@@ -5358,6 +5505,7 @@ var _excluded$2 = ["mapId"];
 var getMapStore = function getMapStore(store) {
   return store === null || store === void 0 ? void 0 : store.webmap;
 };
+
 /**
  * Gets the map state by mapId
  *
@@ -5373,6 +5521,7 @@ var getMapById = function getMapById(store, mapId) {
 var getAllMapsByIds = createSelector(getMapStore, function (mapState) {
   return mapState !== null && mapState !== void 0 && mapState.byId ? mapState === null || mapState === void 0 ? void 0 : mapState.byId : {};
 }, selectorMemoizationOptions);
+
 /**
  * Gets all mapIds
  *
@@ -5383,6 +5532,7 @@ var getAllMapsByIds = createSelector(getMapStore, function (mapState) {
 var getAllMapIds = createSelector(getMapStore, function (mapState) {
   return mapState !== null && mapState !== void 0 && mapState.allIds ? mapState.allIds : [];
 }, selectorMemoizationOptions);
+
 /**
  * Gets the map state of the first map in the store
  *
@@ -5393,6 +5543,7 @@ var getAllMapIds = createSelector(getMapStore, function (mapState) {
 var getFirstMap = createSelector(getAllMapIds, getAllMapsByIds, function (allMapIds, mapsById) {
   return allMapIds[0] && mapsById[allMapIds[0]] ? mapsById[allMapIds[0]] : null;
 }, selectorMemoizationOptions);
+
 /**
  * Gets the id of first map in store
  *
@@ -5403,6 +5554,7 @@ var getFirstMap = createSelector(getAllMapIds, getAllMapsByIds, function (allMap
 var getFirstMapId = createSelector(getFirstMap, function (map) {
   return map ? map.id : '';
 }, selectorMemoizationOptions);
+
 /**
  * Determines if map is present
  *
@@ -5413,6 +5565,7 @@ var getFirstMapId = createSelector(getFirstMap, function (map) {
 var getIsMapPresent = createSelector(getMapById, function (map) {
   return !!map;
 }, selectorMemoizationOptions);
+
 /**
  * Gets all layerIds for a map that aren't baselayers or overlayers
  *
@@ -5425,6 +5578,7 @@ var getLayerIds = createSelector(getMapById, function (map) {
   var _map$mapLayers;
   return (_map$mapLayers = map === null || map === void 0 ? void 0 : map.mapLayers) !== null && _map$mapLayers !== void 0 ? _map$mapLayers : [];
 }, selectorMemoizationOptions);
+
 /**
  * Gets all layer states for a map
  *
@@ -5440,6 +5594,7 @@ var getMapLayers = createSelector(getLayerIds, getLayersById, function (layerIds
   var layersWithoutUndefined = compact(layersWithUndefined);
   return layersWithoutUndefined;
 }, selectorMemoizationOptions);
+
 /**
  * Gets all layer states for a map, but where Dimensions have no currentValue set
  *
@@ -5463,6 +5618,7 @@ var getMapLayersWithoutDimensionCurrentValue = createSelector(getLayerIds, getLa
   });
   return layersWithoutTimeDim;
 }, selectorMemoizationOptions);
+
 /**
  * Gets an array of baselayers ids for a map
  *
@@ -5474,6 +5630,7 @@ var getMapLayersWithoutDimensionCurrentValue = createSelector(getLayerIds, getLa
 var getMapBaseLayersIds = createSelector(getMapById, function (store) {
   return store !== null && store !== void 0 && store.baseLayers ? store.baseLayers : [];
 }, selectorMemoizationOptions);
+
 /**
  * Gets all baselayers for a map
  *
@@ -5487,6 +5644,7 @@ var getMapBaseLayers = createSelector(getMapBaseLayersIds, getLayersById, functi
     return layers[layerId];
   });
 }, selectorMemoizationOptions);
+
 /**
  * Gets and array of overLayers ids for a map
  *
@@ -5500,6 +5658,7 @@ var getMapOverLayersIds = createSelector(getMapById, function (store) {
 }, selectorMemoizationOptions);
 var getMapFeatureLayers = createSelector(getMapById, getFeatureLayers, function (store, featureLayers) {
   var featureLayersOnMap = (store === null || store === void 0 ? void 0 : store.featureLayers) || [];
+
   // We want to return the feature layers in the same order as in featureLayersOnMap
   return featureLayersOnMap.map(function (id) {
     return featureLayers.find(function (layer) {
@@ -5509,6 +5668,7 @@ var getMapFeatureLayers = createSelector(getMapById, getFeatureLayers, function
     return !!layer;
   });
 }, selectorMemoizationOptions);
+
 /**
  * Gets all overLayers for a map
  *
@@ -5524,6 +5684,7 @@ var getMapOverLayers = createSelector(getMapOverLayersIds, getLayersById, functi
     return layer === null || layer === void 0 ? void 0 : layer.name;
   });
 }, selectorMemoizationOptions);
+
 /**
  * Gets map dimensions
  *
@@ -5535,6 +5696,7 @@ var getMapOverLayers = createSelector(getMapOverLayersIds, getLayersById, functi
 var getMapDimensions = createSelector(getMapById, function (webMap) {
   return webMap ? webMap.dimensions : [];
 }, selectorMemoizationOptions);
+
 /**
  * Gets the map dimension requested
  *
@@ -5556,6 +5718,7 @@ var getMapDimension = createSelector([getMapById, function (_store, mapId) {
   }
   return undefined;
 }, selectorMemoizationOptions);
+
 /**
  * Returns the current time in unix time for the given map
  *
@@ -5600,6 +5763,7 @@ var getDataLimitsFromLayers = createSelector(getMapLayers, function (layers) {
    */
   [2147483647, 0]);
 }, selectorMemoizationOptions);
+
 /**
  * Gets map srs
  *
@@ -5611,6 +5775,7 @@ var getDataLimitsFromLayers = createSelector(getMapLayers, function (layers) {
 var getSrs = createSelector(getMapById, function (store) {
   return store ? store.srs : '';
 }, selectorMemoizationOptions);
+
 /**
  * Gets map bounding box
  *
@@ -5622,6 +5787,7 @@ var getSrs = createSelector(getMapById, function (store) {
 var getBbox = createSelector(getMapById, function (store) {
   return store ? store.bbox : {};
 }, selectorMemoizationOptions);
+
 /**
  * Gets if map is animating
  *
@@ -5634,6 +5800,7 @@ var isAnimating = function isAnimating(store, mapId) {
   var map = getMapById(store, mapId);
   return map ? map.isAnimating : false;
 };
+
 /**
  * Gets if any linked map is animating
  *
@@ -5642,6 +5809,7 @@ var isAnimating = function isAnimating(store, mapId) {
  * @param {string} mapId mapId: string - Id of the map
  * @returns {object} returnType: object - object containing isAnimating boolean and id string
  */
+
 var linkedMapAnimationInfo = createSelector(getMapStore, getSynchronizationGroupStore, getMapById, function (mapStore, syncStore, mapState) {
   var animationInfo = {
     isAnimating: (mapState === null || mapState === void 0 ? void 0 : mapState.isAnimating) || false,
@@ -5661,6 +5829,7 @@ var linkedMapAnimationInfo = createSelector(getMapStore, getSynchronizationGroup
   });
   return animationInfo;
 }, selectorMemoizationOptions);
+
 /**
  * Gets start time of animation
  *
@@ -5674,6 +5843,7 @@ var getAnimationStartTime = createSelector(getMapById, function (store) {
     hours: 6
   }), dateFormat);
 }, selectorMemoizationOptions);
+
 /**
  * Gets end time of animation
  *
@@ -5687,6 +5857,7 @@ var getAnimationEndTime = createSelector(getMapById, function (store) {
     minutes: 10
   }), dateFormat);
 }, selectorMemoizationOptions);
+
 /**
  * Returns map is auto updating
  *
@@ -5698,6 +5869,7 @@ var getAnimationEndTime = createSelector(getMapById, function (store) {
 var isAutoUpdating = createSelector(getMapById, function (store) {
   return store ? store.isAutoUpdating : false;
 }, selectorMemoizationOptions);
+
 /**
  * Gets if endTime and duration of animationPayload are overriding maxValue and minValue of leading layer
  *
@@ -5709,6 +5881,7 @@ var isAutoUpdating = createSelector(getMapById, function (store) {
 var shouldEndtimeOverride = createSelector(getMapById, function (store) {
   return store ? store.shouldEndtimeOverride : false;
 }, selectorMemoizationOptions);
+
 /**
  * Gets activeLayerId for map
  *
@@ -5722,6 +5895,7 @@ var getActiveLayerId = createSelector(getMapById, function (store) {
   }
   return undefined;
 }, selectorMemoizationOptions);
+
 /**
  * Gets autoUpdateLayerId for map
  *
@@ -5732,6 +5906,7 @@ var getActiveLayerId = createSelector(getMapById, function (store) {
 var getAutoUpdateLayerId = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.autoUpdateLayerId;
 }, selectorMemoizationOptions);
+
 /**
  * Gets autoUpdateLayerId for map
  *
@@ -5742,6 +5917,7 @@ var getAutoUpdateLayerId = createSelector(getMapById, function (store) {
 var getAutoTimeStepLayerId = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.autoTimeStepLayerId;
 }, selectorMemoizationOptions);
+
 /**
  * Gets span of a time slider of a map
  *
@@ -5753,6 +5929,7 @@ var getAutoTimeStepLayerId = createSelector(getMapById, function (store) {
 var getMapTimeSliderSpan = createSelector(getMapById, function (store) {
   return store ? store.timeSliderSpan : defaultTimeSpan;
 }, selectorMemoizationOptions);
+
 /**
  * Gets time step of a map
  *
@@ -5768,6 +5945,7 @@ var getMapTimeStep = createSelector(getMapById, function (store) {
 var getMapTimeStepWithoutDefault = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.timeStep;
 }, selectorMemoizationOptions);
+
 /**
  * Returns the speed of animation
  *
@@ -5779,6 +5957,7 @@ var getMapTimeStepWithoutDefault = createSelector(getMapById, function (store) {
 var getMapAnimationDelay = createSelector(getMapById, function (store) {
   return store ? store.animationDelay : defaultAnimationDelayAtStart;
 }, selectorMemoizationOptions);
+
 /**
  * Returns the width of time slider
  *
@@ -5790,6 +5969,7 @@ var getMapAnimationDelay = createSelector(getMapById, function (store) {
 var getMapTimeSliderWidth = createSelector(getMapById, function (store) {
   return store ? store.timeSliderWidth : 0;
 }, selectorMemoizationOptions);
+
 /**
  * Returns the center time of time slider
  *
@@ -5815,6 +5995,7 @@ var getMapTimeSliderStartCenterEndAndStep = createSelector(getMapById, function
     step: step
   };
 }, selectorMemoizationOptions);
+
 /**
  * Returns the number of seconds per pixel on the time slider
  *
@@ -5826,6 +6007,7 @@ var getMapTimeSliderStartCenterEndAndStep = createSelector(getMapById, function
 var getMapTimeSliderSecondsPerPx = createSelector(getMapById, function (store) {
   return store ? store.timeSliderSecondsPerPx : defaultSecondsPerPx;
 }, selectorMemoizationOptions);
+
 /**
  * Returns map is timestep auto
  *
@@ -5837,6 +6019,7 @@ var getMapTimeSliderSecondsPerPx = createSelector(getMapById, function (store) {
 var isTimestepAuto = createSelector(getMapById, function (store) {
   return store ? store.isTimestepAuto : false;
 }, selectorMemoizationOptions);
+
 /**
  * Returns map is animation auto
  * @param {object} store store: object - store object
@@ -5846,6 +6029,7 @@ var isTimestepAuto = createSelector(getMapById, function (store) {
 var isAnimationLengthAuto = createSelector(getMapById, function (store) {
   return (store === null || store === void 0 ? void 0 : store.isAnimationLengthAuto) || false;
 }, selectorMemoizationOptions);
+
 /**
  * Returns map is timespan auto
  *
@@ -5857,6 +6041,7 @@ var isAnimationLengthAuto = createSelector(getMapById, function (store) {
 var isTimeSpanAuto = createSelector(getMapById, function (store) {
   return store ? store.isTimeSpanAuto : false;
 }, selectorMemoizationOptions);
+
 /**
  * Returns map is time slider hover
  *
@@ -5868,6 +6053,7 @@ var isTimeSpanAuto = createSelector(getMapById, function (store) {
 var isTimeSliderHoverOn = createSelector(getMapById, function (store) {
   return store ? store.isTimeSliderHoverOn : false;
 }, selectorMemoizationOptions);
+
 /**
  * Returns map if zoomcontrols are visible
  *
@@ -5879,6 +6065,7 @@ var isTimeSliderHoverOn = createSelector(getMapById, function (store) {
 var isZoomControlsVisible = createSelector(getMapById, function (store) {
   return store ? store.shouldShowZoomControls : true;
 }, selectorMemoizationOptions);
+
 /**
  * Returns map is time slider visible
  *
@@ -5890,6 +6077,7 @@ var isZoomControlsVisible = createSelector(getMapById, function (store) {
 var isTimeSliderVisible = createSelector(getMapById, function (store) {
   return store ? store.isTimeSliderVisible : true;
 }, selectorMemoizationOptions);
+
 /**
  * Returns is layer is active layer
  *
@@ -5904,6 +6092,7 @@ var getIsLayerActiveLayer = createSelector(getActiveLayerId, function (_store, _
 }, function (activeLayerId, layerId) {
   return activeLayerId === layerId;
 }, selectorMemoizationOptions);
+
 /**
  * Returns the mapId for given layerId
  *
@@ -5917,6 +6106,7 @@ var getMapIdFromLayerId = createSelector(function (store) {
 }, function (_store, layerId) {
   return layerId;
 }, findMapIdFromLayerId, selectorMemoizationOptions);
+
 /**
  * Returns the layerId for given layerName
  *
@@ -5937,6 +6127,7 @@ var getLayerIdByLayerName = createSelector(getMapLayers, function (_store, _mapI
   }
   return null;
 }, selectorMemoizationOptions);
+
 /**
  * Returns the layerIndex in the map for given layerId
  *
@@ -5953,6 +6144,7 @@ var getLayerIndexByLayerId = createSelector(getMapLayers, function (_store, _map
     return layer.id === layerId;
   });
 }, selectorMemoizationOptions);
+
 /**
  * Returns the Layer in the map for given layerIndex
  *
@@ -5970,6 +6162,7 @@ var getLayerByLayerIndex = createSelector(getMapLayers, function (_store, _mapId
   }
   return null;
 }, selectorMemoizationOptions);
+
 /**
  * Returns name of all unique dimensions present in all maps
  *
@@ -5991,6 +6184,7 @@ var getAllUniqueDimensions = createSelector(getAllMapIds, function (store) {
     return uniqueMapDims;
   }, []);
 }, selectorMemoizationOptions);
+
 /**
  * Returns the mapPinLocation for the current map
  *
@@ -6002,6 +6196,7 @@ var getAllUniqueDimensions = createSelector(getAllMapIds, function (store) {
 var getPinLocation = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.mapPinLocation;
 }, selectorMemoizationOptions);
+
 /**
  * Returns the disable map pin boolean for the current map
  *
@@ -6013,6 +6208,7 @@ var getPinLocation = createSelector(getMapById, function (store) {
 var getDisableMapPin = createSelector([getMapById], function (map) {
   return map === null || map === void 0 ? void 0 : map.disableMapPin;
 }, selectorMemoizationOptions);
+
 /**
  * Returns the display map pin boolean for the current map
  *
@@ -6024,17 +6220,7 @@ var getDisableMapPin = createSelector([getMapById], function (map) {
 var getDisplayMapPin = createSelector(getMapById, function (store) {
   return store ? store.displayMapPin : false;
 }, selectorMemoizationOptions);
-/**
- * Returns the legend id
- *
- * Example getLegendId(store, mapId);
- * @param {object} store store: object - store object
- * @param {string} mapId mapId: string - Id of the map
- * @returns {boolean} returnType: id or undefined
- */
-var getLegendId = createSelector(getMapById, function (store) {
-  return store ? store.legendId : undefined;
-}, selectorMemoizationOptions);
+
 /**
  * Returns if clock visible from webmap state
  *
@@ -6044,6 +6230,7 @@ var getLegendId = createSelector(getMapById, function (store) {
 var getIsClockVisible = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.isClockVisible;
 }, selectorMemoizationOptions);
+
 /**
  * Returns if clock options menu is visible from webmap state
  *
@@ -6053,6 +6240,7 @@ var getIsClockVisible = createSelector(getMapById, function (store) {
 var getIsClockOptionsMenuVisible = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.isClockOptionsMenuVisible;
 }, selectorMemoizationOptions);
+
 /**
  * Returns if clock position from webmap state
  *
@@ -6062,6 +6250,7 @@ var getIsClockOptionsMenuVisible = createSelector(getMapById, function (store) {
 var getClockPosition = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.clockPosition;
 }, selectorMemoizationOptions);
+
 /**
  * Returns if clock size from webmap state
  *
@@ -6071,6 +6260,7 @@ var getClockPosition = createSelector(getMapById, function (store) {
 var getClockSize = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.clockSize;
 }, selectorMemoizationOptions);
+
 /**
  * Creates a MapPreset from mapId
  *
@@ -6080,7 +6270,7 @@ var getClockSize = createSelector(getMapById, function (store) {
  * @param {boolean} keepAllDims? keepAllDims: boolean - default false: whether or not to leave the time and reference_time dimentions
  * @returns {MapPreset} returnType: MapPreset
  */
-var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLayers, getBbox, getSrs, getActiveLayerId, getAutoTimeStepLayerId, getAutoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, getDisplayMapPin, isZoomControlsVisible, getMapTimeStep, getMapAnimationDelay, getAnimationStartTime, getAnimationEndTime, getMapTimeSliderSpan, getMapDimensions, isTimestepAuto, isTimeSpanAuto, getLegendId, function (store, mapId) {
+var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLayers, getBbox, getSrs, getActiveLayerId, getAutoTimeStepLayerId, getAutoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, getDisplayMapPin, isZoomControlsVisible, getMapTimeStep, getMapAnimationDelay, getAnimationStartTime, getAnimationEndTime, getMapTimeSliderSpan, getMapDimensions, isTimestepAuto, isTimeSpanAuto, function (store, mapId) {
   var _getMapById$dockedLay, _getMapById;
   return (_getMapById$dockedLay = (_getMapById = getMapById(store, mapId)) === null || _getMapById === void 0 ? void 0 : _getMapById.dockedLayerManagerSize) !== null && _getMapById$dockedLay !== void 0 ? _getMapById$dockedLay : 'sizeSmall';
 }, function (store, mapId) {
@@ -6097,9 +6287,9 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
 }, function (_store, _mapId) {
   var keepAllDims = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return keepAllDims;
-}, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, animationStartTime, animationEndTime, timeSliderSpan, mapDimensions, isTimestepAuto, isTimeSpanAuto, legendId, dockedLayerManagerSize, dockedLayerManagerPosition, dockedLayerManagerDimensions, isClockVisible, isClockOptionsMenuVisible, clockPosition, clockSize, uiStore, mapId, keepAllDims) {
-  var _overLayers$, _uiStore$dialogs$lege;
-  var defaultOverlayer = arguments.length > 32 && arguments[32] !== undefined ? arguments[32] : ((_overLayers$ = overLayers[0]) === null || _overLayers$ === void 0 ? void 0 : _overLayers$.name) || 'none';
+}, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, animationStartTime, animationEndTime, timeSliderSpan, mapDimensions, isTimestepAuto, isTimeSpanAuto, dockedLayerManagerSize, dockedLayerManagerPosition, dockedLayerManagerDimensions, isClockVisible, isClockOptionsMenuVisible, clockPosition, clockSize, uiStore, mapId, keepAllDims) {
+  var _overLayers$, _uiStore$dialogs$isOp, _uiStore$dialogs;
+  var defaultOverlayer = arguments.length > 31 && arguments[31] !== undefined ? arguments[31] : ((_overLayers$ = overLayers[0]) === null || _overLayers$ === void 0 ? void 0 : _overLayers$.name) || 'none';
   var allLayers = [].concat(_toConsumableArray(baseLayers), _toConsumableArray(overLayers), _toConsumableArray(mapLayers)).map(function (_ref3) {
     _ref3.mapId;
       var layer = _objectWithoutProperties(_ref3, _excluded$2);
@@ -6124,7 +6314,7 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
     speed: mapAnimationDelay ? getSpeedFactor(mapAnimationDelay) : 1,
     duration: getAnimationDuration(animationEndTime, animationStartTime)
   };
-  var shouldShowLegend = legendId ? uiStore === null || uiStore === void 0 || (_uiStore$dialogs$lege = uiStore.dialogs[legendId]) === null || _uiStore$dialogs$lege === void 0 ? void 0 : _uiStore$dialogs$lege.isOpen : false;
+  var shouldShowLegend = (_uiStore$dialogs$isOp = uiStore === null || uiStore === void 0 || (_uiStore$dialogs = uiStore.dialogs["".concat(DialogTypes.Legend, "-").concat(mapId)]) === null || _uiStore$dialogs === void 0 ? void 0 : _uiStore$dialogs.isOpen) !== null && _uiStore$dialogs$isOp !== void 0 ? _uiStore$dialogs$isOp : false;
   var dataExplorerDialog = uiStore === null || uiStore === void 0 ? void 0 : uiStore.dialogs[DialogTypes.DataExplorer];
   var shouldShowDataExplorer = (dataExplorerDialog === null || dataExplorerDialog === void 0 ? void 0 : dataExplorerDialog.isOpen) && (dataExplorerDialog === null || dataExplorerDialog === void 0 ? void 0 : dataExplorerDialog.activeMapId) === mapId || false;
   var dockedLayerManagerDialog = uiStore === null || uiStore === void 0 ? void 0 : uiStore.dialogs["".concat(DialogTypes.DockedLayerManager, "-").concat(mapId)];
@@ -6231,8 +6421,8 @@ var getHarmonieInitialProps = function getHarmonieInitialProps(store, panelId, v
   };
 };
 var getTimeSliderInitialProps = function getTimeSliderInitialProps(store, panelId, viewInitialProps) {
-  var _viewInitialProps$sli, _syncGroupsSelectors$2;
-  var fromView = viewInitialProps === null || viewInitialProps === void 0 || (_viewInitialProps$sli = viewInitialProps.sliderPreset) === null || _viewInitialProps$sli === void 0 ? void 0 : _viewInitialProps$sli.mapId;
+  var _sliderPreset, _syncGroupsSelectors$2;
+  var fromView = viewInitialProps === null || viewInitialProps === void 0 || (_sliderPreset = viewInitialProps.sliderPreset) === null || _sliderPreset === void 0 ? void 0 : _sliderPreset.mapId;
   var mapId = fromView !== null && fromView !== void 0 ? fromView : panelId;
   var syncGroupsIds = (_syncGroupsSelectors$2 = getAllTargetGroupsForSource(store, panelId)) !== null && _syncGroupsSelectors$2 !== void 0 ? _syncGroupsSelectors$2 : [];
   return {
@@ -6242,6 +6432,7 @@ var getTimeSliderInitialProps = function getTimeSliderInitialProps(store, panelI
     syncGroupsIds: syncGroupsIds
   };
 };
+
 /**
  * Gets all enabled layerIds for map
  *
@@ -6252,13 +6443,14 @@ var getTimeSliderInitialProps = function getTimeSliderInitialProps(store, panelI
  */
 var getMapLayerIdsEnabled = createSelector(getLayerIds, getLayersById, function (mapLayerIds, layers) {
   return mapLayerIds.reduce(function (list, layerId) {
-    var _layers$layerId;
-    if ((_layers$layerId = layers[layerId]) !== null && _layers$layerId !== void 0 && _layers$layerId.enabled) {
+    var _layerId;
+    if ((_layerId = layers[layerId]) !== null && _layerId !== void 0 && _layerId.enabled) {
       return list.concat(layerId);
     }
     return list;
   }, []);
 }, selectorMemoizationOptions);
+
 /**
  * Returns if a map dimension is used for any enabled layers on that map
  *
@@ -6275,6 +6467,7 @@ var getIsEnabledLayersForMapDimension = createSelector(getMapLayerIdsEnabled, fu
     return enabledMapLayerIds.includes(layerId);
   });
 }, selectorMemoizationOptions);
+
 /**
  * Returns the dockedLayerManagerSize originally set in mapPresets
  *
@@ -6286,6 +6479,7 @@ var getIsEnabledLayersForMapDimension = createSelector(getMapLayerIdsEnabled, fu
 var getDockedLayerManagerSize = createSelector(getMapById, function (store) {
   return store ? store.dockedLayerManagerSize : 'sizeSmall';
 }, selectorMemoizationOptions);
+
 /**
  * Returns the dockedLayerManagerPosition originally set in mapPresets
  *
@@ -6304,17 +6498,20 @@ var getDockedLayerManagerPosition = createSelector(getMapById, function (store)
 var getDockedLayerManagerDimensions = createSelector(getMapById, function (store) {
   return store === null || store === void 0 ? void 0 : store.dockedLayerManagerDimensions;
 }, selectorMemoizationOptions);
+
 /**
  * Returns the animation list for given map id
  * @param {object} store store: object - store object
  * @param {string} mapId mapId: string - Id of the map
  * @returns {animationList} returnType: WebMapAnimationList, list of timesteps to animate for this map.
  */
+
 var getAnimationList = createSelector(getLayersById, getMapById, getAnimationStartTime, getAnimationEndTime, getMapTimeStep, function (layers, mapStore, animationStart, animationEnd, animationInterval) {
   var _mapStore$timeList, _layers$autoTimeStepL;
   // Animation is defined by one of the following:
   // - start, end and interval for a continuous animation loop
   // - timeList, for a custom timeList
+
   // Here the animation is defined by a timeList
   if (mapStore !== null && mapStore !== void 0 && (_mapStore$timeList = mapStore.timeList) !== null && _mapStore$timeList !== void 0 && _mapStore$timeList.length) {
     return mapStore.timeList;
@@ -6328,6 +6525,7 @@ var getAnimationList = createSelector(getLayersById, getMapById, getAnimationSta
   var unixAnimationStart = roundWithTimeStep(Number(animationStart && dateUtils.unix(dateUtils.utc(animationStart))), animationInterval, 'ceil');
   var unixAnimationEnd = roundWithTimeStep(Number(animationEnd && dateUtils.unix(dateUtils.utc(animationEnd))), animationInterval, 'floor');
   var animationList = mapStore !== null && mapStore !== void 0 && mapStore.isTimestepAuto ? generateAnimationList(unixAnimationStart, unixAnimationEnd, values) : generateAnimationList(unixAnimationStart, unixAnimationEnd, values, animationInterval);
+
   // If no animationList is generated, generate a default list using the interval from map
   if (!animationList.length) {
     var timeList = [];
@@ -6347,6 +6545,7 @@ var getAnimationListAsEpochTimes = createSelector(getAnimationList, function (li
     return dateUtils.parseISO(handleDateUtilsISOString(kvp.value)).getTime();
   });
 }, selectorMemoizationOptions);
+
 /**
  * @param {object} store store: object - store object
  * @param {string} mapId mapId: string - Id of the map
@@ -6368,6 +6567,7 @@ var getAnimationRange = createSelector(getLayersById, getAutoTimeStepLayerId, ge
     animationEndTime: animationEndTime
   };
 }, selectorMemoizationOptions);
+
 /**
  * Gets intialViewMapPreset from webmap state
  *
@@ -6377,6 +6577,7 @@ var getAnimationRange = createSelector(getLayersById, getAutoTimeStepLayerId, ge
 var getdefaultMapSettings = createSelector(getMapStore, function (state) {
   return state === null || state === void 0 ? void 0 : state.defaultMapSettings;
 }, selectorMemoizationOptions);
+
 /**
  * Gets the layers of intialViewMapPreset from webmap state
  *
@@ -6386,6 +6587,7 @@ var getdefaultMapSettings = createSelector(getMapStore, function (state) {
 var getdefaultMapSettingsLayers = createSelector(getdefaultMapSettings, function (state) {
   return state === null || state === void 0 ? void 0 : state.layers;
 }, selectorMemoizationOptions);
+
 /**
  * Gets the selected overlayer from webmap state
  *
@@ -6395,6 +6597,7 @@ var getdefaultMapSettingsLayers = createSelector(getdefaultMapSettings, function
 var getSelectedOverlayerByMapId = createSelector(getMapById, function (store) {
   return (store === null || store === void 0 ? void 0 : store.overLayers[0]) || null;
 }, selectorMemoizationOptions);
+
 /**
  * Gets the RefTimeDimensionModes of intialViewMapPreset from webmap state
  *
@@ -6439,7 +6642,6 @@ var selectors$1 = /*#__PURE__*/Object.freeze({
   getLayerIdByLayerName: getLayerIdByLayerName,
   getLayerIds: getLayerIds,
   getLayerIndexByLayerId: getLayerIndexByLayerId,
-  getLegendId: getLegendId,
   getMapAnimationDelay: getMapAnimationDelay,
   getMapBaseLayers: getMapBaseLayers,
   getMapBaseLayersIds: getMapBaseLayersIds,
@@ -6499,14 +6701,15 @@ var selectors$1 = /*#__PURE__*/Object.freeze({
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var MapActionOrigin;
-(function (MapActionOrigin) {
+
+var MapActionOrigin = /*#__PURE__*/function (MapActionOrigin) {
   MapActionOrigin["map"] = "map";
-})(MapActionOrigin || (MapActionOrigin = {}));
+  return MapActionOrigin;
+}({});
 
 var enums = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  get MapActionOrigin () { return MapActionOrigin; }
+  MapActionOrigin: MapActionOrigin
 });
 
 var filterLayers = function filterLayers() {
@@ -6590,6 +6793,7 @@ var mapUtils = _objectSpread2(_objectSpread2({}, utils$2), {}, {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var WmLayerWithoutTimeDimension = webmapTestSettings.WmLayerWithoutTimeDimension,
   WmMultiDimensionLayer = webmapTestSettings.WmMultiDimensionLayer,
   layerWithoutTimeDimension = webmapTestSettings.layerWithoutTimeDimension;
@@ -6761,6 +6965,7 @@ var getTargetLayerIdFromPayload = function getTargetLayerIdFromPayload(state, ma
   if (!payload) {
     return null;
   }
+
   /* Try to find the layer for the DeleteLayerPayload, it uses layerIndex to reference the layer */
   if ('layerIndex' in payload) {
     var tempLayerIndex = payload.layerIndex;
@@ -6769,6 +6974,7 @@ var getTargetLayerIdFromPayload = function getTargetLayerIdFromPayload(state, ma
       return !targetLayer ? null : targetLayer.id;
     }
   }
+
   /* Try to find the layer for the LayerActionsWithLayerIds, it uses layerId to reference the layer */
   if ('layerId' in payload) {
     var _targetLayer = getLayerByLayerIndex(state, targetMapId, getLayerIndexByLayerId(state, mapId, payload.layerId));
@@ -6777,6 +6983,7 @@ var getTargetLayerIdFromPayload = function getTargetLayerIdFromPayload(state, ma
   /* This payload probably does not reference to a layerId */
   return null;
 };
+
 /**
  * Local helper function used by getLayerDeleteActionsTargets, getLayerActionsTargets, getAddLayerActionsTargets, getTargetLayerIdFromPayload to find the targets
  * @param state
@@ -6816,6 +7023,7 @@ var findTargets = function findTargets(state, payload, actionType, sourceMapId)
   }
   return actionPayloads;
 };
+
 /**
  * These targets are found for layer actions that work with a layerId like: SetLayerName, SetLayerEnabled, SetLayerOpacity, SetLayerDimension and SetLayerStyle
  * @param state
@@ -6838,6 +7046,7 @@ var getLayerActionsTargets = function getLayerActionsTargets(state, payload, act
     });
   });
 };
+
 /**
  * These targets are found for the layer/map action AddLayer. AddLayer does not have a layerId (because it's new)
  * @param state
@@ -6850,7 +7059,8 @@ var getAddLayerActionsTargets = function getAddLayerActionsTargets(state, payloa
   return foundTargets.map(function (_ref) {
     var payload = _ref.payload,
       targetId = _ref.targetId;
-    var layer = payload.layer;
+    var _ref2 = payload,
+      layer = _ref2.layer;
     layer.id;
       var layerWithoutId = _objectWithoutProperties(layer, _excluded$1);
     var layerId = webmapUtils.generateLayerId();
@@ -6862,6 +7072,7 @@ var getAddLayerActionsTargets = function getAddLayerActionsTargets(state, payloa
     });
   });
 };
+
 /**
  * These targets are found for the layer/map action DeleteLayer. The layer is already gone, so there is no layerId anymore. Using layerIndex instead.
  * @param state
@@ -6879,6 +7090,7 @@ var getLayerDeleteActionsTargets = function getLayerDeleteActionsTargets(state,
     });
   });
 };
+
 /**
  * These targets are found for the layer/map action MoveLayer. Here layers are referenced by newIndex and oldIndex.
  * @param state
@@ -6895,6 +7107,7 @@ var getLayerMoveActionsTargets = function getLayerMoveActionsTargets(state, payl
     });
   });
 };
+
 /**
  * These targets are found for the map action SetAutoLayerId. It needs both a target mapId and layerId
  * @param state
@@ -6915,6 +7128,7 @@ var getSetAutoLayerIdActionsTargets = function getSetAutoLayerIdActionsTargets(s
     };
   });
 };
+
 /**
  * These targets are found for baselayer actions that work with a mapId like: setBaseLayers
  * @param state
@@ -6980,6 +7194,7 @@ genericListener.startListening({
     return effect;
   }()
 });
+
 // Synchronize timeslider settings for actions 'centertime', 'span' and 'timestep'.
 genericListener.startListening({
   matcher: isAnyOf(mapActions.setTimeSliderCenterTime, mapActions.setTimeSliderSpan, mapActions.setTimeStep, mapActions.setAnimationStartTime, mapActions.setAnimationEndTime, mapActions.setAnimationDelay, mapActions.mapStartAnimation),
@@ -7063,6 +7278,7 @@ genericListener.startListening({
           case 0:
             payload = _ref4.payload, type = _ref4.type;
             listenerApi.cancelActiveListeners();
+
             /* Should not listen to actions from itself */
             if (!((payload === null || payload === void 0 ? void 0 : payload.origin) === LayerActionOrigin.ReactMapViewParseLayer)) {
               _context4.next = 4;
@@ -7096,6 +7312,7 @@ genericListener.startListening({
           case 0:
             payload = _ref5.payload, type = _ref5.type;
             listenerApi.cancelActiveListeners();
+
             /* Should not listen to actions from itself */
             if (!((payload === null || payload === void 0 ? void 0 : payload.origin) === LayerActionOrigin.ReactMapViewParseLayer)) {
               _context5.next = 4;
@@ -7161,6 +7378,7 @@ genericListener.startListening({
           case 0:
             payload = _ref7.payload, type = _ref7.type;
             listenerApi.cancelActiveListeners();
+
             /* Should not listen to actions from itself */
             if (!((payload === null || payload === void 0 ? void 0 : payload.origin) === LayerActionOrigin.ReactMapViewParseLayer)) {
               _context7.next = 4;
@@ -7220,6 +7438,7 @@ genericListener.startListening({
           case 0:
             payload = _ref9.payload, type = _ref9.type;
             listenerApi.cancelActiveListeners();
+
             /* Should not listen to actions from itself */
             if (!((payload === null || payload === void 0 ? void 0 : payload.origin) === LayerActionOrigin.ReactMapViewParseLayer)) {
               _context9.next = 4;
@@ -7253,6 +7472,7 @@ genericListener.startListening({
           case 0:
             payload = _ref0.payload, type = _ref0.type;
             listenerApi.cancelActiveListeners();
+
             /* Should not listen to actions from itself */
             if (!((payload === null || payload === void 0 ? void 0 : payload.origin) === LayerActionOrigin.ReactMapViewParseLayer)) {
               _context0.next = 4;
@@ -7281,6 +7501,7 @@ genericListener.startListening({
 var stepMap = new Map();
 /* A map with a list of timers and their dwell */
 var timerDwellMap = new Map();
+
 /**
  * Returns the next step for given timerId.
  * @param timerId The timer id
@@ -7295,6 +7516,7 @@ var getNextStep = function getNextStep(timerId, numberOfStepsInAnimation) {
   var nextStepClipped = (nextStep % numberOfStepsInAnimation + numberOfStepsInAnimation) % numberOfStepsInAnimation;
   return nextStepClipped;
 };
+
 /**
  * Handles dwell at the end of the animation loop sequence. The number of steps to wait till proceed can be set by the dwell parameter.
  * @param timerId The timer id
@@ -7311,6 +7533,7 @@ var handleTimerDwell = function handleTimerDwell(timerId, numberOfStepsInAnimati
       timerDwellMap.set(timerId, dwell);
       return false;
     }
+
     // We are at the last animation step, check the dwell
     var timerDwell = timerDwellMap.has(timerId) && timerDwellMap.get(timerId) || 0;
     if (currentStep === numberOfStepsInAnimation - 1 && timerDwell > 0) {
@@ -7320,6 +7543,7 @@ var handleTimerDwell = function handleTimerDwell(timerId, numberOfStepsInAnimati
   }
   return false;
 };
+
 /**
  * Set step for the timerId
  * @param timerId
@@ -7328,6 +7552,7 @@ var handleTimerDwell = function handleTimerDwell(timerId, numberOfStepsInAnimati
 var setStep = function setStep(timerId, timerStep) {
   stepMap.set(timerId, timerStep);
 };
+
 /**
  * Gets the current step for the timer
  * @param timerId
@@ -7336,6 +7561,7 @@ var setStep = function setStep(timerId, timerStep) {
 var getCurrentStep = function getCurrentStep(timerId) {
   return stepMap.get(timerId) || 0;
 };
+
 /**
  * Checks if the next step is available for all provided layers
  * @param reduxLayers
@@ -7349,6 +7575,7 @@ var isNextStepAvailable = function isNextStepAvailable(reduxLayers, nextTimeStri
   }).filter(function (layer) {
     return !!layer && layer.enabled;
   });
+
   // Returns a layer which could have an image for the requested time, but which isn't loaded yet.
   var isThereSomethingNotAvailable = wmLayers.map(function (layer) {
     var _layer$getDimension;
@@ -7368,6 +7595,7 @@ var isNextStepAvailable = function isNextStepAvailable(reduxLayers, nextTimeStri
     }
     var olSource = layer.olSource;
     var hasImageAvailableForRequestedTimeStep = olSource.isImageLoadingForTimestep(closestValue);
+
     // If there is no image available for requested timestep, return true and flag that this thing is not ready yet.
     if (hasImageAvailableForRequestedTimeStep) {
       return {
@@ -7384,6 +7612,7 @@ var isNextStepAvailable = function isNextStepAvailable(reduxLayers, nextTimeStri
   }).length === wmLayers.length;
   return nextStepIsAvailable;
 };
+
 /**
  * This handler is triggered by the metronome. An array of timerIds is given as argument.
  * It will update the animation loop of multiple maps and sliders
@@ -7426,6 +7655,7 @@ var olMetronomeHandler = function olMetronomeHandler(timerIds, listenerApi) {
         });
       }
       var timerIsInDwell = handleTimerDwell(timerId, animationListValues.length);
+
       // Collect all layers for this syncgroups target
       var reduxLayers = [];
       targets.forEach(function (target) {
@@ -7435,6 +7665,7 @@ var olMetronomeHandler = function olMetronomeHandler(timerIds, listenerApi) {
       });
       var nextStep = getNextStep(timerId, animationListValues.length, 1);
       var timerShouldStepForward = isNextStepAvailable(reduxLayers, animationListValues[nextStep]) && !timerIsInDwell;
+
       // Determine the next step
       var timerStep = timerShouldStepForward ? getNextStep(timerId, animationListValues.length) : getCurrentStep(timerId);
       setStep(timerId, timerStep);
@@ -7453,6 +7684,7 @@ var olMetronomeHandler = function olMetronomeHandler(timerIds, listenerApi) {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       _loop();
     }
+
     // Update all targets of all sync groups in one action.
   } catch (err) {
     _iterator.e(err);
@@ -7495,6 +7727,7 @@ mapListener.startListening({
     }
   }
 });
+
 // update layer, synced maps and animation on latest max time if autoupdating
 mapListener.startListening({
   actionCreator: layerActions.onUpdateLayerInformation,
@@ -7579,6 +7812,7 @@ var updateAnimation = function updateAnimation(mapId, maxValue, listenerApi) {
     return;
   }
   var animationStart = getAnimationStartTime(listenerApi.getState(), mapId);
+
   // Calculate how much time the animation start need to move forwards
   var animationEnd = getAnimationEndTime(listenerApi.getState(), mapId);
   var animationEndUnix = dateUtils.unix(dateUtils.utc(animationEnd));
@@ -7590,6 +7824,7 @@ var updateAnimation = function updateAnimation(mapId, maxValue, listenerApi) {
   if (!newAnimationStartTime || !newAnimationEndTime) {
     return;
   }
+
   // Check if the mapId is part of a syncgroup
   var syncedMapIds = getSyncedMapIdsForTimeslider(listenerApi.getState());
   var isSyncedMap = syncedMapIds.includes(mapId);
@@ -7636,6 +7871,7 @@ mapListener.startListening({
                     currentValue: timeDimension.maxValue
                   }
                 }));
+
                 // Change time value for all timesliders that are synced by syncgroups
                 if (syncedMapIds.length > 0) {
                   syncedMapIds.map(function (syncedMapId) {
@@ -7650,6 +7886,7 @@ mapListener.startListening({
                 }
                 updateAnimation(mapId, timeDimension.maxValue, listenerApi);
               }
+
               // Toggle autoupdate off for synced timesliders
               payloads = syncedMapIds.reduce(function (syncedMapIdList, syncedMapId) {
                 if (syncedMapId !== mapId) {
@@ -7686,18 +7923,21 @@ mapListener.startListening({
     var payload = _ref4.payload;
     var mapId = payload.mapId,
       initialTime = payload.initialTime;
+
     // Check if the mapId is part of a syncgroup
     var syncedMapIds = getSyncedMapIdsForTimeslider(listenerApi.getState());
     var isSyncedMap = syncedMapIds.includes(mapId);
     var autoUpdateMapId = syncedMapIds.find(function (syncedMapId) {
       return isAutoUpdating(listenerApi.getState(), syncedMapId);
     });
+
     // Start animation with the mapId that started the animation or in case of syncgroup, the map that is auto updating
     var useMapId = isSyncedMap ? autoUpdateMapId || mapId : mapId;
     var speedDelay = getMapAnimationDelay(listenerApi.getState(), useMapId);
     var speed = 1000 / (speedDelay || 1);
     metronome.register(null, speed, useMapId);
     var timeList = getAnimationList(listenerApi.getState(), useMapId);
+
     // In case of the timeList
     if (timeList && timeList.length > 0) {
       // Determine animation step based on initialTime and timeList
@@ -7728,11 +7968,13 @@ var handleBaseLayers = function handleBaseLayers(mapId, baseLayers, listenerApi)
     return layer.layerType === 'baseLayer';
   });
   var currentAvailableBaseLayers = getAvailableBaseLayersForMap(listenerApi.getState(), mapId);
+
   // find a availableBaseLayer with the same name, and use that id for the active baselayer
   var activeAvailableBaseLayer = currentAvailableBaseLayers.find(function (availableBaseLayer) {
     return availableBaseLayer.name === baseLayer.name;
   });
   var activeBaseLayerId = activeAvailableBaseLayer ? activeAvailableBaseLayer.id : webmapUtils.generateLayerId();
+
   // if the baseLayer can't be found in a visible available baseLayer list, add it
   // This happens when switching to a preset that has non-default baselayers
   if (!activeAvailableBaseLayer && currentAvailableBaseLayers.length) {
@@ -7757,7 +7999,7 @@ mapListener.startListening({
   actionCreator: mapActions.setMapPreset,
   effect: function () {
     var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref6, listenerApi) {
-      var payload, mapId, initialProps, mapPreset, _mapPreset$dimensions, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, shouldShowDockedLayerManager, shouldShowDataExplorer, dockedLayerManagerSize, dockedLayerManagerPosition, dockedLayerManagerDimensions, timeSliderSpan, toggleTimeSpanAuto, defaultOverlayer, isClockVisible, isClockOptionsMenuVisible, clockPosition, clockSize, _filterLayers, mapLayers, baseLayers, overLayers, _newLayerIds$layers$f, _newLayerIds$layers$f2, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, newAutoTimeStepLayerId, newAutoUpdateLayerId, customLayers, customBaseLayer, customOverLayer, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, _overlayersFromStore$, overlayersFromStore, foundOverlayerId, checkIsprojectionSupported, animationLength, animationEndTime, shouldEndtimeOverride, interval, timeAlreadySet, endTime, startTime, centerTimeInSeconds, animationEnd, _startTime, duration, _animationEnd, animationStart, shouldOpenLegend, legendId, dockedLayerManagerType, fiveMinuteDelayForAnimation, _animationEnd2, _animationStart;
+      var payload, mapId, initialProps, mapPreset, _mapPreset$dimensions, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, shouldShowDockedLayerManager, shouldShowDataExplorer, dockedLayerManagerSize, dockedLayerManagerPosition, dockedLayerManagerDimensions, timeSliderSpan, toggleTimeSpanAuto, defaultOverlayer, isClockVisible, isClockOptionsMenuVisible, clockPosition, clockSize, _filterLayers, mapLayers, baseLayers, overLayers, _newLayerIds$layers$f, _newLayerIds$layers$f2, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, newAutoTimeStepLayerId, newAutoUpdateLayerId, customLayers, customBaseLayer, customOverLayer, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, _overlayersFromStore$, overlayersFromStore, foundOverlayerId, checkIsprojectionSupported, animationLength, animationEndTime, shouldEndtimeOverride, interval, timeAlreadySet, endTime, startTime, centerTimeInSeconds, animationEnd, _startTime, duration, _animationEnd, animationStart, shouldOpenLegend, dockedLayerManagerType, fiveMinuteDelayForAnimation, _animationEnd2, _animationStart;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -7766,7 +8008,7 @@ mapListener.startListening({
             mapId = payload.mapId, initialProps = payload.initialProps;
             mapPreset = initialProps.mapPreset;
             if (!mapPreset) {
-              _context2.next = 62;
+              _context2.next = 61;
               break;
             }
             layers = mapPreset.layers, activeLayerId = mapPreset.activeLayerId, autoTimeStepLayerId = mapPreset.autoTimeStepLayerId, autoUpdateLayerId = mapPreset.autoUpdateLayerId, proj = mapPreset.proj, shouldAutoUpdate = mapPreset.shouldAutoUpdate, shouldAnimate = mapPreset.shouldAnimate, animationPayload = mapPreset.animationPayload, toggleTimestepAuto = mapPreset.toggleTimestepAuto, showTimeSlider = mapPreset.showTimeSlider, displayMapPin = mapPreset.displayMapPin, shouldShowZoomControls = mapPreset.shouldShowZoomControls, shouldShowLegend = mapPreset.shouldShowLegend, shouldShowDockedLayerManager = mapPreset.shouldShowDockedLayerManager, shouldShowDataExplorer = mapPreset.shouldShowDataExplorer, dockedLayerManagerSize = mapPreset.dockedLayerManagerSize, dockedLayerManagerPosition = mapPreset.dockedLayerManagerPosition, dockedLayerManagerDimensions = mapPreset.dockedLayerManagerDimensions, timeSliderSpan = mapPreset.timeSliderSpan, toggleTimeSpanAuto = mapPreset.toggleTimeSpanAuto, defaultOverlayer = mapPreset.defaultOverlayer, isClockVisible = mapPreset.isClockVisible, isClockOptionsMenuVisible = mapPreset.isClockOptionsMenuVisible, clockPosition = mapPreset.clockPosition, clockSize = mapPreset.clockSize;
@@ -7876,6 +8118,7 @@ mapListener.startListening({
                 timeSliderSpan: timeSliderSpan
               }));
             }
+
             // toggle time span auto - defaults to true
             listenerApi.dispatch(mapActions.toggleTimeSpanAuto({
               mapId: mapId,
@@ -7923,6 +8166,7 @@ mapListener.startListening({
                 size: clockSize
               }));
             }
+
             // sets timestep by interval of animationPayload
             interval = animationPayload === null || animationPayload === void 0 ? void 0 : animationPayload.interval;
             if (interval) {
@@ -7931,6 +8175,7 @@ mapListener.startListening({
                 timeStep: interval
               }));
             }
+
             // Check if time dim already set (this is the case when duplicating view via Shift + split window)
             // If set, don't dispatch setTime action
             timeAlreadySet = (_mapPreset$dimensions = mapPreset.dimensions) === null || _mapPreset$dimensions === void 0 ? void 0 : _mapPreset$dimensions.find(function (dimension) {
@@ -7964,6 +8209,7 @@ mapListener.startListening({
                 timeSliderCenterTime: centerTimeInSeconds
               }));
             }
+
             // sets animationStartTime by duration of animationPayload
             if (animationLength) {
               animationEnd = getAnimationEndTime(listenerApi.getState(), mapId);
@@ -7984,6 +8230,7 @@ mapListener.startListening({
                 }));
               }
             }
+
             // sets animationDelay by speed of animationPayload
             if (animationPayload !== null && animationPayload !== void 0 && animationPayload.speed) {
               listenerApi.dispatch(mapActions.setAnimationDelay({
@@ -7991,6 +8238,7 @@ mapListener.startListening({
                 animationDelay: getSpeedDelay(animationPayload.speed)
               }));
             }
+
             //  turn animation on
             if (shouldAnimate === true) {
               duration = animationPayload !== null && animationPayload !== void 0 && animationPayload.duration ? animationPayload.duration : 5 * 60; //  set to default of 5 hours
@@ -8004,6 +8252,7 @@ mapListener.startListening({
                 end: _animationEnd,
                 interval: interval || defaultTimeStep
               }));
+
               //  If animation interval set, set the timestep auto property to false
               if (interval) {
                 listenerApi.dispatch(mapActions.toggleTimestepAuto({
@@ -8018,15 +8267,15 @@ mapListener.startListening({
                 timestepAuto: toggleTimestepAuto
               }));
             }
+
             // show legend
             shouldOpenLegend = shouldShowLegend !== undefined ? shouldShowLegend : IS_LEGEND_OPEN_BY_DEFAULT;
-            legendId = getLegendId(listenerApi.getState(), mapId);
-            if (legendId) {
-              listenerApi.dispatch(uiActions.setToggleOpenDialog({
-                type: legendId,
-                setOpen: shouldOpenLegend
-              }));
-            }
+            listenerApi.dispatch(uiActions.setActiveMapIdForDialog({
+              type: "".concat(DialogTypes.Legend, "-").concat(mapId),
+              setOpen: shouldOpenLegend,
+              mapId: mapId
+            }));
+
             // show data explorer
             if (shouldShowDataExplorer) {
               listenerApi.dispatch(uiActions.setActiveMapIdForDialog({
@@ -8067,15 +8316,15 @@ mapListener.startListening({
                 dockedLayerManagerDimensions: dockedLayerManagerDimensions
               }));
             }
-          case 52:
+          case 51:
             if (!(animationEndTime && (shouldEndtimeOverride || !(shouldAutoUpdate || shouldAnimate)))) {
-              _context2.next = 62;
+              _context2.next = 61;
               break;
             }
             fiveMinuteDelayForAnimation = 1000 * 60 * 5; // eslint-disable-next-line no-await-in-loop
-            _context2.next = 56;
+            _context2.next = 55;
             return listenerApi.delay(fiveMinuteDelayForAnimation);
-          case 56:
+          case 55:
             _animationEnd2 = getAnimationEndTime(listenerApi.getState(), mapId);
             listenerApi.dispatch(mapActions.setAnimationEndTime({
               mapId: mapId,
@@ -8090,13 +8339,13 @@ mapListener.startListening({
                 minutes: 5
               }).toISOString()
             }));
-            _context2.next = 52;
+            _context2.next = 51;
             break;
-          case 62:
-            _context2.next = 67;
+          case 61:
+            _context2.next = 66;
             break;
-          case 64:
-            _context2.prev = 64;
+          case 63:
+            _context2.prev = 63;
             _context2.t0 = _context2["catch"](1);
             if (_context2.t0 instanceof Error) {
               listenerApi.dispatch(mapActions.setMapPresetError({
@@ -8104,11 +8353,11 @@ mapListener.startListening({
                 error: _context2.t0.message
               }));
             }
-          case 67:
+          case 66:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[1, 64]]);
+      }, _callee2, null, [[1, 63]]);
     }));
     function effect(_x3, _x4) {
       return _effect2.apply(this, arguments);
@@ -8155,6 +8404,7 @@ mapListener.startListening({
         // timeStep is in minutes, convert to seconds
         var timeStepInSeconds = timeStep * 60;
         var nextTime = currentTime + timeStepInSeconds;
+
         // For large timesteps (>12h), round to nearest hour instead of timestep
         // This ensures 12:07 with 24h step goes to 12:00 next day, not 00:00
         var roundingStep = timeStep > 12 * 60 ? 60 : timeStep; // Use 1 hour for large steps
@@ -8166,6 +8416,7 @@ mapListener.startListening({
         // timeStep is in minutes, convert to seconds
         var timeStepInSeconds = timeStep * 60;
         var nextTime = currentTime - timeStepInSeconds;
+
         // For large timesteps (>12h), round to nearest hour instead of timestep
         var roundingStep = timeStep > 12 * 60 ? 60 : timeStep; // Use 1 hour for large steps
         var roundedTime = roundWithTimeStep(nextTime, roundingStep, 'round');
@@ -8198,6 +8449,7 @@ var copyView = function copyView(view) {
     projection: view.getProjection()
   });
 };
+
 /**
  * The StoredView objects keep references to OpenLayers View objects that may be shared
  * between multiple maps (when maps are pan/zoom synced).
@@ -8217,6 +8469,8 @@ var StoredView = /*#__PURE__*/function (_Observable) {
     var _this;
     _classCallCheck(this, StoredView);
     _this = _callSuper(this, StoredView);
+    _this.name = void 0;
+    _this.view = void 0;
     _this.name = name;
     _this.view = view;
     return _this;
@@ -8246,6 +8500,7 @@ var createViewObjectForNewMap = function createViewObjectForNewMap(createFromId,
   if (!orig) {
     return;
   }
+
   // If there already is a view for `newId`, use that one but set the view from createFromId
   // this can happen for example when switching presets
   if (VIEW_PER_MAP[newId] !== undefined) {
@@ -8281,6 +8536,7 @@ var getViewObjectForSyncGroup = function getViewObjectForSyncGroup(id) {
  * Copyright 2024 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var openlayersListener = createListenerMiddleware();
 var getGroupForMap = function getGroupForMap(mapId, state) {
   var syncGroupState = getSynchronizationGroupState(state);
@@ -8289,6 +8545,7 @@ var getGroupForMap = function getGroupForMap(mapId, state) {
     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
 openlayersListener.startListening({
   actionCreator: mapActions.setBbox,
@@ -8305,6 +8562,7 @@ openlayersListener.startListening({
       center: getCenter(extent)
     });
     storedViewForMap.setView(view);
+
     // OpenLayers View need a viewportsize to optimally fit an extent to a map. Try to find it in the following order:
     // 1. Try to find the div element containing the layers and get its clientWidth/clientHeight
     // 2. If that fails try the viewport visualViewport width/height
@@ -8315,16 +8573,19 @@ 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 => change group view
     var mapSyncGroup = getGroupForMap(mapId, listenerApi.getState());
     if (!mapSyncGroup) {
       return;
     }
     var groupView = getViewObjectForSyncGroup(mapSyncGroup);
+
     // 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)
 // When a map is in a group, this needs to ensure the view of the map is kept up-to-date
 openlayersListener.startListening({
@@ -8354,10 +8615,12 @@ openlayersListener.startListening({
     if (payload.type !== SYNCGROUPS_TYPE_SETBBOX) {
       return;
     }
+
     // Ensure there is an openlayers view for the sync group
     getViewObjectForSyncGroup(payload.groupId);
   }
 });
+
 // Ensure sync group view has contents: when a target is added to a group whose view is undefined, copy the view from the target
 openlayersListener.startListening({
   actionCreator: syncGroupAddTarget,
@@ -8502,6 +8765,7 @@ serviceListener.startListening({
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var initialState$2 = {};
 var slice$2 = createSlice({
   initialState: initialState$2,
@@ -8531,7 +8795,9 @@ var routerReducer = slice$2.reducer,
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 // stores navigate hook method to object, so it can be used outside components
+
 var historyDict = {
   navigate: null
 };
@@ -8742,6 +9008,7 @@ var drawingToolReducer = slice$1.reducer,
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var getDrawingtoolStore = function getDrawingtoolStore(store) {
   if (store !== null && store !== void 0 && store.drawingtools) {
     return store.drawingtools;
@@ -8809,6 +9076,7 @@ var selectors = /*#__PURE__*/Object.freeze({
 
 var drawingToolListener = createListenerMiddleware();
 var registerOrigin = 'drawings listener:registerDrawToolListener';
+
 // register draw tool
 drawingToolListener.startListening({
   actionCreator: drawingToolActions.registerDrawTool,
@@ -8833,6 +9101,7 @@ drawingToolListener.startListening({
                 origin: registerOrigin
               }));
             }
+
             // create intersection layer
             if (geoJSONIntersectionLayerId && mapId) {
               listenerApi.dispatch(layerActions.addLayer({
@@ -8876,6 +9145,7 @@ drawingToolListener.startListening({
     return effect;
   }()
 });
+
 // change draw tool
 drawingToolListener.startListening({
   actionCreator: drawingToolActions.changeDrawToolMode,
@@ -8935,6 +9205,7 @@ drawingToolListener.startListening({
               layerId: drawingTool.geoJSONLayerId,
               geojson: emptyGeoJSON
             }));
+
             // clear intersection shape
             if (geoJSONIntersectionLayerId) {
               listenerApi.dispatch(layerActions.layerChangeGeojson({
@@ -9001,6 +9272,7 @@ drawingToolListener.startListening({
     return effect;
   }()
 });
+
 // change intersection
 drawingToolListener.startListening({
   actionCreator: drawingToolActions.changeIntersectionBounds,
@@ -9149,6 +9421,7 @@ metronomeListener.startListening({
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var commonListener = createListenerMiddleware();
 
 /* *
@@ -9168,6 +9441,9 @@ var commonListener = createListenerMiddleware();
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
 var unifyReducerMaps = function unifyReducerMaps(reducerMaps) {
   var unifiedReducerMaps = {};
   var _iterator = _createForOfIteratorHelper(reducerMaps),
@@ -9211,6 +9487,7 @@ var unifyReducerMaps = function unifyReducerMaps(reducerMaps) {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var getSingularDrawtoolDrawLayerId = function getSingularDrawtoolDrawLayerId(mapId) {
   return "drawlayer-".concat(mapId);
 };
@@ -9299,12 +9576,14 @@ 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 !== null && dimensions !== void 0 && dimensions.length) {
     dimensions.forEach(function (dimension) {
       webmap.byId[mapId].dimensions.push(dimension);
     });
   }
+
   // Add the layer to the map state
   switch (layerType) {
     case LayerType.mapLayer:
@@ -9317,6 +9596,7 @@ var webmapStateWithAddedLayer = function webmapStateWithAddedLayer(layerType, la
       webmap.byId[mapId].overLayers.push(layerId);
       break;
   }
+
   // first layer is active layer
   webmap.byId[mapId].autoUpdateLayerId = layerId;
   webmap.byId[mapId].autoTimeStepLayerId = layerId;
@@ -9337,7 +9617,7 @@ var mockStateMapWithLayer = function mockStateMapWithLayer(layer, mapId) {
       dimensions: layer.dimensions,
       status: layer.status
     }),
-    syncGroups: _objectSpread2(_objectSpread2({}, initialState$3), {}, {
+    syncGroups: _objectSpread2(_objectSpread2({}, initialState$4), {}, {
       viewState: {
         timeslider: {
           groups: [{
@@ -9360,7 +9640,7 @@ var mockStateMapWithLayer = function mockStateMapWithLayer(layer, mapId) {
 };
 var mockLinkedState = function mockLinkedState() {
   return {
-    syncGroups: _objectSpread2(_objectSpread2({}, initialState$3), {}, {
+    syncGroups: _objectSpread2(_objectSpread2({}, initialState$4), {}, {
       viewState: {
         timeslider: {
           groups: [{
@@ -9441,6 +9721,7 @@ var mockLinkedState = function mockLinkedState() {
 };
 var webmapStateWithMultipleLayers = function webmapStateWithMultipleLayers(layers, mapId) {
   var webmap = createWebmapState(mapId);
+
   // Add the layers to the map state
   layers.forEach(function (layer) {
     switch (layer.layerType) {
@@ -9458,6 +9739,7 @@ var webmapStateWithMultipleLayers = function webmapStateWithMultipleLayers(layer
         break;
     }
   });
+
   // first layer is active layer
   if (layers.length) {
     webmap.byId[mapId].autoTimeStepLayerId = layers[0].id;
@@ -9473,7 +9755,7 @@ var mockStateMapWithMultipleLayers = function mockStateMapWithMultipleLayers(lay
       allIds: ['serviceid_1']
     },
     layers: createMultipleLayersState(layers, mapId),
-    syncGroups: _objectSpread2(_objectSpread2({}, initialState$3), {}, {
+    syncGroups: _objectSpread2(_objectSpread2({}, initialState$4), {}, {
       viewState: {
         timeslider: {
           groups: [{
@@ -9513,6 +9795,7 @@ var testGeoJSON = {
 };
 var webmapStateWithAnimationDelay = function webmapStateWithAnimationDelay(mapId, animationDelay) {
   var webmap = createWebmapState(mapId);
+
   // Add the dimensions to the map state
   webmap.byId[mapId].animationDelay = animationDelay;
   return webmap;
@@ -9524,6 +9807,7 @@ var mockStateMapWithAnimationDelayWithoutLayers = function mockStateMapWithAnima
 };
 var webmapStateWithTimeSliderSpan = function webmapStateWithTimeSliderSpan(mapId, timeSliderSpan) {
   var webmap = createWebmapState(mapId);
+
   // Add the span to the map state
   webmap.byId[mapId].timeSliderSpan = timeSliderSpan;
   return webmap;
@@ -9552,6 +9836,7 @@ var mockStateMapWithDimensions = function mockStateMapWithDimensions(layer, mapI
 };
 var webmapStateWithTimeStep = function webmapStateWithTimeStep(mapId, timeStep) {
   var webmap = createWebmapState(mapId);
+
   // Add the timeStep to the map state
   webmap.byId[mapId].timeStep = timeStep;
   return webmap;
@@ -9596,17 +9881,18 @@ var storeTestUtils = /*#__PURE__*/Object.freeze({
  * Copyright 2024 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var SupportedComponentTypes;
-(function (SupportedComponentTypes) {
+
+var SupportedComponentTypes = /*#__PURE__*/function (SupportedComponentTypes) {
   SupportedComponentTypes["WarningList"] = "WarningList";
   SupportedComponentTypes["TimeSeries"] = "TimeSeries";
   SupportedComponentTypes["Soundings"] = "Soundings";
-})(SupportedComponentTypes || (SupportedComponentTypes = {}));
+  return SupportedComponentTypes;
+}({});
 var supportedComponentTypesForLinking = [SupportedComponentTypes.WarningList, SupportedComponentTypes.TimeSeries, SupportedComponentTypes.Soundings];
 
 var constants = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  get SupportedComponentTypes () { return SupportedComponentTypes; },
+  SupportedComponentTypes: SupportedComponentTypes,
   supportedComponentTypesForLinking: supportedComponentTypesForLinking
 });
 
@@ -9627,6 +9913,7 @@ var constants = /*#__PURE__*/Object.freeze({
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
+
 var initialState = {
   isLoggedIn: false,
   credentials: undefined
@@ -9667,7 +9954,7 @@ var authReducer = slice.reducer,
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-// store/auth/selectors.ts
+
 var useAppSelector = useSelector;
 var getAuthStore = function getAuthStore(store) {
   if (store !== null && store !== void 0 && store.common) {
@@ -9675,6 +9962,7 @@ var getAuthStore = function getAuthStore(store) {
   }
   return null;
 };
+
 /**
  * Gets whether the user is logged in
  *
@@ -9685,6 +9973,7 @@ var getIsLoggedIn = createSelector(getAuthStore, function (auth) {
   var _auth$isLoggedIn;
   return (_auth$isLoggedIn = auth === null || auth === void 0 ? void 0 : auth.isLoggedIn) !== null && _auth$isLoggedIn !== void 0 ? _auth$isLoggedIn : false;
 }, selectorMemoizationOptions);
+
 /**
  * Gets the current auth credentials
  *
@@ -9694,6 +9983,7 @@ var getIsLoggedIn = createSelector(getAuthStore, function (auth) {
 var getCredentials = createSelector(getAuthStore, function (auth) {
   return auth === null || auth === void 0 ? void 0 : auth.credentials;
 }, selectorMemoizationOptions);
+
 /**
  * Gets the current role
  *
@@ -9714,6 +10004,10 @@ var authSelectors = /*#__PURE__*/Object.freeze({
   useAppSelector: useAppSelector
 });
 
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
 var commonActions = _objectSpread2({}, authActions);
 var commonSelectors = _objectSpread2({}, authSelectors);
 var commonReducers = combineReducers({
@@ -9742,6 +10036,7 @@ var createMockStore = function createMockStore(mockState) {
     }
   });
 };
+
 /**
  * This creates an OpenGeoWeb redux store for redux connected components
  *
@@ -9760,8 +10055,10 @@ var configureOpenGeoWebStore = function configureOpenGeoWebStore() {
   var enableDevTools = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   var allReducers = unifyReducerMaps([storeReducerMap, extraReducers]);
   var openGeoWebReducers = combineReducers(allReducers);
+
   // Combine middlewares
   var middlewares = [mapListener.middleware, serviceListener.middleware, layersListener.middleware, genericListener.middleware, openlayersListener.middleware].concat(_toConsumableArray(extraMiddleWares));
+
   // Ensure we do not add middlewares twice
   var uniqueMiddlewares = Array.from(new Set(middlewares.map(function (obj) {
     return obj;
@@ -9786,4 +10083,4 @@ var configureOpenGeoWebStore = function configureOpenGeoWebStore() {
   });
 };
 
-export { IS_LEGEND_OPEN_BY_DEFAULT, SECONDS_IN_DAY, SECONDS_IN_HOUR, commonActions, commonListener, commonReducers, commonSelectors, configureOpenGeoWebStore, constructSyncSourceDisplayName, createMockStore, createViewObjectForNewMap, drawingToolActions, drawingToolListener, drawingToolReducer, selectors as drawingToolSelectors, filterLayers$1 as filterLayers, genericActions, genericListener, selectors$5 as genericSelectors, getSingularDrawtoolDrawLayerId, getUserAddedServices, getViewObjectForMapId, getViewObjectForSyncGroup, initialState$3 as initialState, layerActions, layerReducer, selectors$2 as layerSelectors, types$2 as layerTypes, utils$1 as layerUtils, layersListener, constants as linkComponentTypesConstants, loadingIndicatorActions, constants$1 as loadingIndicatorConstants, loadingIndicatorReducer, selectors$4 as loadingIndicatorSelectors, mapActions, enums as mapEnums, mapListener, mapReducer, selectors$1 as mapSelectors, types$3 as mapTypes, mapUtils, metronomeListener, openlayersListener, routerActions, routerListener, routerReducer, utils as routerUtils, selectorMemoizationOptions, serviceActions, serviceListener, serviceReducer, selectors$7 as serviceSelectors, setUserAddedServices, storeMiddlewares, storeReducerMap, storeTestSettings, storeTestUtils, utils$3 as storeUtils, constants$2 as syncConstants, syncGroupsActions, syncGroupsListener, syncGroupsReducer, selector as syncGroupsSelector, selectors$6 as syncGroupsSelectors, types$1 as syncGroupsTypes, types$1 as types, uiActions, uiReducer, selectors$3 as uiSelectors, types as uiTypes, unifyReducerMaps, useSetupDialog, useSyncgroupTimeState, useUpdateSharedData };
+export { IS_LEGEND_OPEN_BY_DEFAULT, SECONDS_IN_DAY, SECONDS_IN_HOUR, commonActions, commonListener, commonReducers, commonSelectors, types as commonTypes, configureOpenGeoWebStore, constructSyncSourceDisplayName, createMockStore, createViewObjectForNewMap, drawingToolActions, drawingToolListener, drawingToolReducer, selectors as drawingToolSelectors, filterLayers$1 as filterLayers, genericActions, genericListener, selectors$5 as genericSelectors, types$2 as genericTypes, getSingularDrawtoolDrawLayerId, getUserAddedServices, getViewObjectForMapId, getViewObjectForSyncGroup, initialState$4 as initialState, layerActions, layerReducer, selectors$2 as layerSelectors, types$4 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$5 as mapTypes, mapUtils, metronomeListener, openlayersListener, routerActions, routerListener, routerReducer, utils as routerUtils, selectorMemoizationOptions, serviceActions, serviceListener, serviceReducer, selectors$7 as serviceSelectors, types$6 as serviceTypes, setUserAddedServices, storeMiddlewares, storeReducerMap, storeTestSettings, storeTestUtils, utils$3 as storeUtils, constants$2 as syncConstants, syncGroupsActions, syncGroupsListener, syncGroupsReducer, selector as syncGroupsSelector, selectors$6 as syncGroupsSelectors, types$3 as syncGroupsTypes, types$3 as types, uiActions, uiReducer, selectors$3 as uiSelectors, types$1 as uiTypes, unifyReducerMaps, useSetupDialog, useSyncgroupTimeState, useUpdateSharedData };