@opengeoweb/core 15.1.0 → 15.3.0

package/index.esm.js

@@ -1,16 +1,16 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Grid, InputLabel, Paper, Box, Typography, CircularProgress, List, ListSubheader, ListItemButton, ListItemText, DialogContentText, TextField, InputAdornment, Button, FormControl, MenuItem, useTheme, Tooltip, ListItem, ListItemIcon, Checkbox, Popper, Fade, styled, LinearProgress, Autocomplete, Switch, Select } from '@mui/material';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { FormControl, MenuItem, Grid, InputLabel, Paper, Box, Typography, CircularProgress, List, ListSubheader, ListItemButton, ListItemText, DialogContentText, TextField, InputAdornment, Button, useTheme, Tooltip, ListItem, ListItemIcon, Checkbox, Popper, Fade, styled, LinearProgress, Autocomplete, Switch, Select } from '@mui/material';
 import React, { useMemo, useState, useCallback, useEffect, useContext } from 'react';
-import { safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, CustomIconButton, CustomDialog, TooltipSelect, CustomTooltip, ToggleMenu, AlertIcon, useConfirmationDialog, useScrollingInIsolation, sliderHeaderStyle, CustomSlider, tooltipContainerStyles, renderCounter, AlertBanner, CustomAccordion, PROJECTION, calculateStartSize, useWheelStopPropagation, ToolContainerDraggable, sessionStorageProvider, useDebounce, usePrevious, dateUtils } from '@opengeoweb/shared';
-import { queryWMSLayersTree, invalidateWMSGetCapabilities, LayerType, webmapUtils, queryWMSServiceInfo, queryWMSLayers, getWMSServiceId, generateLayerId, WMJSDimension, getWMLayerById, getMapDimURL, handleDateUtilsISOString, WMLayer } from '@opengeoweb/webmap';
-import { filterLayers, mapSelectors, layerActions, layerTypes, layerSelectors, mapActions, mapEnums, loadingIndicatorSelectors, layerUtils, serviceSelectors, serviceActions, uiSelectors, uiTypes, useSetupDialog, getUserAddedServices, uiActions, drawingToolSelectors, syncGroupsSelectors, syncConstants, getViewObjectForSyncGroup, getViewObjectForMapId, loadingIndicatorActions, genericSelectors, genericActions, defaultLayers, getSingularDrawtoolDrawLayerId, syncGroupsSelector, syncGroupsActions, routerUtils, mapUtils } from '@opengeoweb/store';
-import { connect, useDispatch, useSelector, useStore, Provider } from 'react-redux';
+import { safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, TooltipSelect, CustomIconButton, CustomDialog, CustomTooltip, ToggleMenu, AlertIcon, useConfirmationDialog, useScrollingInIsolation, sliderHeaderStyle, CustomSlider, tooltipContainerStyles, renderCounter, AlertBanner, CustomAccordion, PROJECTION, calculateStartSize, useWheelStopPropagation, ToolContainerDraggable, sessionStorageProvider, useDebounce, dateUtils, usePrevious } from '@opengeoweb/shared';
+import { webmapUtils, queryWMSLayersTree, invalidateWMSGetCapabilities, LayerType, queryWMSServiceInfo, queryWMSLayers, getWMSServiceId, generateLayerId, WMJSDimension, getWMLayerById, getMapDimURL, handleDateUtilsISOString, WMLayer } from '@opengeoweb/webmap';
 import _, { isEqual, isArray, range, zip, throttle } from 'lodash';
-import { Cached, Add, MapAdd, CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, CloudLoading, ColumnCollapsed, ColumnCollapse, DragHandle as DragHandle$1, None, FastForward, AutoUpdateActive, Both, Delete, Visibility, VisibilityOff, Copy, Overlayers, WorldMapProjection, Layers, Search, Exclamation, MyLocation, Airplane, Region, Pinned, Close, ExitDomain, LocationInfo, Measure, Options, Info, ThemeWrapper, lightTheme, FlagBritain, FlagNetherlands, FlagFinland, FlagNorway } from '@opengeoweb/theme';
+import { useDispatch, useSelector, connect, useStore, Provider } from 'react-redux';
+import { mapSelectors, layerSelectors, layerActions, layerTypes, filterLayers, mapActions, mapEnums, loadingIndicatorSelectors, layerUtils, serviceSelectors, serviceActions, uiSelectors, uiTypes, useSetupDialog, getUserAddedServices, uiActions, drawingToolSelectors, syncGroupsSelectors, syncConstants, getViewObjectForSyncGroup, getViewObjectForMapId, loadingIndicatorActions, genericSelectors, genericActions, defaultLayers, getSingularDrawtoolDrawLayerId, syncGroupsSelector, syncGroupsActions, routerUtils, mapUtils } from '@opengeoweb/store';
 import i18n from 'i18next';
 import { useTranslation, I18nextProvider } from 'react-i18next';
-import { TIME_SLIDER_NAMESPACE, timesliderTranslations, defaultTimeSpan, AutoUpdateButton, BackwardForwardStepButton, NowButton, handleSetNowEvent, AnimationLengthButton, AnimationLength, SpeedButton, TimeSpanButton, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, TimeStepButton, OptionsMenuButton, PlayButton, defaultTimeStep, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, onsetNewDateDebounced, defaultSecondsPerPx, moveSelectedTimePx, TimeSlider, getFilteredTime } from '@opengeoweb/time-slider';
+import { TIME_SLIDER_NAMESPACE, timesliderTranslations, defaultTimeSpan, AutoUpdateButton, BackwardForwardStepButton, NowButton, handleSetNowEvent, AnimationLengthButton, AnimationLength, SpeedButton, TimeSpanButton, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, TimeStepButton, OptionsMenuButton, PlayButton, defaultTimeStep, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, onsetNewDateDebounced, getFilteredTime, defaultSecondsPerPx, moveSelectedTimePx, TimeSlider } from '@opengeoweb/time-slider';
 import { webmapReactTranslations, WEBMAP_REACT_NAMESPACE, webmapTranslations, WEBMAP_NAMESPACE, openLayersGetMapImageStore, LayerInfoButton, useEDRGetCollectionDetails, defaultEdrStyles, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, Clock, LegendDialog, LegendButton, MapContext, emptyGeoJSON, MapFeatureClass, setMapCenter, OpenLayersFeatureLayer, OpenLayersMapDraw, makeTimeList, useGetWMLayerInstance, getIsInsideAcceptanceTime, OpenLayersLayer, MapMeasure, useSetIntervalWhenVisible, TimeContext, OpenLayersMapView, WMSLayer, genericOpenLayersFeatureStyle, OpenLayersGetFeatureInfo, MapControls, OpenLayersZoomControl, getLayerUpdateInfo, publicLayers } from '@opengeoweb/webmap-react';
+import { Cached, Add, MapAdd, CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, CloudLoading, ColumnCollapsed, ColumnCollapse, DragHandle as DragHandle$1, None, FastForward, AutoUpdateActive, Both, Delete, Visibility, VisibilityOff, Copy, Overlayers, WorldMapProjection, Layers, Search, Exclamation, MyLocation, Airplane, Region, Pinned, Close, ExitDomain, LocationInfo, Measure, Options, Info, ThemeWrapper, lightTheme, FlagBritain, FlagNetherlands, FlagFinland, FlagNorway } from '@opengeoweb/theme';
 import { ReactSortable } from 'react-sortablejs';
 import Sortable from 'sortablejs';
 import { Box as Box$1, Stack } from '@mui/system';
@@ -48,6 +48,7 @@ var en = {
 	"layermanager-title": "Layer Manager",
 	"layermanager-baselayers-title": "Base layer",
 	"layermanager-baselayers-no-available": "No service available",
+	"layermanager-sourcename-no-available": "No source available",
 	"layermanager-overlayers-title": "Select overlayer",
 	"layermanager-overlayers-overlayer": "Overlayer",
 	"layermanager-acceptance-time": "Acc Time",
@@ -58,6 +59,7 @@ var en = {
 	"layermanager-opacity-tooltip-prefix": "Opacity: ",
 	"layermanager-style-title": "Style",
 	"layermanager-layer-error": "This layer could not be loaded: does not exist on the server.",
+	"layermanager-service": "Source",
 	"layermanager-layer": "Layer",
 	"layermanager-layer-multi": "Layers",
 	"layermanager-layer-toggle": "Toggle visibility",
@@ -128,7 +130,8 @@ var en = {
 	"delete-dialog-cancel": "Cancel",
 	"delete-dialog-confirm": "Delete",
 	"map-options-button": "Location or Measuring tool",
-	"map-measure-tool": "Measuring tool"
+	"map-measure-tool": "Measuring tool",
+	"data-outdated": "Outdated data"
 };
 var fi = {
 	feature_info_title: "Napsauta karttaa nähdäksesi lisätietoja.",
@@ -312,6 +315,7 @@ var nl = {
 	"layermanager-title": "Lagen Manager",
 	"layermanager-baselayers-title": "Basislaag",
 	"layermanager-baselayers-no-available": "Geen service beschikbaar",
+	"layermanager-sourcename-no-available": "Geen bron beschikbaar",
 	"layermanager-overlayers-title": "Selecteer een overlayer",
 	"layermanager-overlayers-overlayer": "Overlayer",
 	"layermanager-acceptance-time": "Acc Tijd",
@@ -322,6 +326,7 @@ var nl = {
 	"layermanager-opacity-tooltip-prefix": "Dekking: ",
 	"layermanager-style-title": "Stijl",
 	"layermanager-layer-error": "Deze laag kon niet geladen worden: bestaat niet op de server.",
+	"layermanager-service": "Bron",
 	"layermanager-layer": "Laag",
 	"layermanager-layer-toggle": "Zichtbaarheid aan/uit",
 	"layermanager-layer-select": "Open de Layer Select",
@@ -389,7 +394,8 @@ var nl = {
 	"delete-dialog-cancel": "Annuleren",
 	"delete-dialog-confirm": "Verwijderen",
 	"map-options-button": "Locatie informatie en Meten",
-	"map-measure-tool": "Meten"
+	"map-measure-tool": "Meten",
+	"data-outdated": "Data is niet actueel"
 };
 var coreTranslations = {
 	en: en,
@@ -708,6 +714,192 @@ function _regeneratorRuntime() {
   })();
 }
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var CORE_NAMESPACE = 'core';
+var initCoreReactI18n = function initCoreReactI18n() {
+  safelyInitI18nForTestsAndStories(i18n, CORE_NAMESPACE, [{
+    ns: CORE_NAMESPACE,
+    translations: coreTranslations
+  }, {
+    ns: WEBMAP_REACT_NAMESPACE,
+    translations: webmapReactTranslations
+  }, {
+    ns: WEBMAP_NAMESPACE,
+    translations: webmapTranslations
+  }, {
+    ns: SHARED_NAMESPACE,
+    translations: sharedTranslations
+  }, {
+    ns: TIME_SLIDER_NAMESPACE,
+    translations: timesliderTranslations
+  }]);
+};
+var ns = [CORE_NAMESPACE, TIME_SLIDER_NAMESPACE];
+var useCoreTranslation = function useCoreTranslation() {
+  return useTranslation(ns);
+};
+
+var BaseLayers = function BaseLayers(_ref) {
+  var _availableBaseLayers$;
+  var selectedBaseLayers = _ref.selectedBaseLayers,
+    availableBaseLayers = _ref.availableBaseLayers,
+    onChangeBaseLayers = _ref.onChangeBaseLayers,
+    icon = _ref.icon,
+    tooltipPrefix = _ref.tooltipPrefix;
+  var _useCoreTranslation = useCoreTranslation(),
+    t = _useCoreTranslation.t;
+  if (!(availableBaseLayers != null && availableBaseLayers.length)) {
+    return jsx("div", {
+      children: t('layermanager-baselayers-no-available')
+    });
+  }
+  var nonEmptyTooltipPrefix = tooltipPrefix != null ? tooltipPrefix : t('layermanager-layer') + ": ";
+  var selectedBaseLayerId = typeof selectedBaseLayers[0] !== 'undefined' ? selectedBaseLayers[0].id : '';
+  var list = availableBaseLayers.map(function (layer) {
+    return {
+      value: layer.id
+    };
+  });
+  var currentIndex = availableBaseLayers.findIndex(function (layer) {
+    return selectedBaseLayerId === layer.id;
+  });
+  return jsx(FormControl, {
+    style: {
+      width: '100%'
+    },
+    children: jsxs(TooltipSelect, {
+      IconComponent: icon,
+      currentIndex: currentIndex,
+      disableUnderline: true,
+      inputProps: {
+        SelectDisplayProps: {
+          'data-testid': 'selectBaseLayer'
+        }
+      },
+      isEnabled: true,
+      list: list,
+      onChange: function onChange(event) {
+        onChangeBaseLayers(event.target.value);
+      },
+      onChangeMouseWheel: function onChangeMouseWheel(e) {
+        return onChangeBaseLayers(e.value);
+      },
+      style: {
+        maxWidth: '100%'
+      },
+      tooltip: "" + nonEmptyTooltipPrefix + ((_availableBaseLayers$ = availableBaseLayers[currentIndex]) == null ? void 0 : _availableBaseLayers$.name),
+      value: selectedBaseLayerId,
+      children: [jsx(MenuItem, {
+        disabled: true,
+        children: t('layermanager-baselayers-title')
+      }), availableBaseLayers.map(function (baseLayer) {
+        return jsx(MenuItem, {
+          value: baseLayer.id,
+          children: baseLayer.name
+        }, baseLayer.id);
+      })]
+    })
+  });
+};
+
+// Generate a layer id for an available baselayer to ensure same available baselayers have unique id's in case of multiple maps
+// If already in selectedBaseLayers based on name or id, keep current id
+var constructLayerId = function constructLayerId(baseLayer, selectedBaseLayers) {
+  var foundLayer = selectedBaseLayers.find(function (selectedBaseLayer) {
+    return (baseLayer == null ? void 0 : baseLayer.id) === (selectedBaseLayer == null ? void 0 : selectedBaseLayer.id) || baseLayer.name === selectedBaseLayer.name;
+  });
+  return foundLayer ? foundLayer.id : webmapUtils.generateLayerId();
+};
+var constructListAvailableBaseLayers = function constructListAvailableBaseLayers(selectedBaseLayers, preloadedAvailableBaseLayers, mapId) {
+  // Ensure we use unique id's for the base layers - excepting the ones that are currently selected, reuse the existing ids
+  // Add mapId of map these available base layers are added for
+  var baseLayersWithMapId = preloadedAvailableBaseLayers.map(function (baseLayer) {
+    var layerId = constructLayerId(baseLayer, selectedBaseLayers);
+    return Object.assign({}, baseLayer, {
+      mapId: mapId,
+      id: layerId
+    });
+  });
+  // Ensure that current selected baselayer(s) are in the baseLayersWithMapId array, otherwise add them
+  return selectedBaseLayers.reduce(function (list, selectedBaseLayer) {
+    var foundLayer = baseLayersWithMapId.find(function (layer) {
+      return layer.id === (selectedBaseLayer == null ? void 0 : selectedBaseLayer.id);
+    });
+    if (foundLayer) {
+      return list;
+    }
+    return list.concat(Object.assign({}, selectedBaseLayer, {
+      mapId: mapId
+    }));
+  }, baseLayersWithMapId);
+};
+var areAvailableBaseLayersSame = function areAvailableBaseLayersSame(availableBaseLayerList, newBaseLayerList) {
+  var availableList = availableBaseLayerList.map(function (layer) {
+    return layer.name;
+  });
+  var newList = newBaseLayerList.map(function (layer) {
+    return layer.name;
+  });
+  return isEqual(availableList, newList);
+};
+var BaseLayersConnect = function BaseLayersConnect(_ref) {
+  var mapId = _ref.mapId,
+    preloadedAvailableBaseLayers = _ref.preloadedAvailableBaseLayers,
+    tooltipPrefix = _ref.tooltipPrefix,
+    icon = _ref.icon;
+  var dispatch = useDispatch();
+  var selectedBaseLayers = useSelector(function (store) {
+    return mapSelectors.getMapBaseLayers(store, mapId);
+  });
+  var currentAvailableBaseLayers = useSelector(function (store) {
+    return layerSelectors.getAvailableBaseLayersForMap(store, mapId);
+  });
+  React.useEffect(function () {
+    var availableBaseLayersToBeAdded = constructListAvailableBaseLayers(selectedBaseLayers, preloadedAvailableBaseLayers, mapId);
+    var areBaseLayersSame = areAvailableBaseLayersSame(availableBaseLayersToBeAdded, currentAvailableBaseLayers);
+    if (!areBaseLayersSame) {
+      dispatch(layerActions.setAvailableBaseLayers({
+        layers: availableBaseLayersToBeAdded,
+        mapId: mapId
+      }));
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [mapId, preloadedAvailableBaseLayers]);
+  var onChangeBaseLayers = function onChangeBaseLayers(newSelectedLayerId) {
+    var newBaseLayer = currentAvailableBaseLayers.filter(function (layer) {
+      return layer.id === newSelectedLayerId;
+    });
+    dispatch(layerActions.setBaseLayers({
+      mapId: mapId,
+      layers: newBaseLayer,
+      origin: layerTypes.LayerActionOrigin.layerManager
+    }));
+  };
+  return jsx(BaseLayers, {
+    availableBaseLayers: currentAvailableBaseLayers,
+    icon: icon,
+    onChangeBaseLayers: onChangeBaseLayers,
+    selectedBaseLayers: selectedBaseLayers,
+    tooltipPrefix: tooltipPrefix
+  });
+};
+
 var preset = {
 	presetType: "mapPreset",
 	presetId: "mapPreset-1",
@@ -928,47 +1120,6 @@ var defaultConfigurations = /*#__PURE__*/Object.freeze({
   preloadedDefaultMapServices: preloadedDefaultMapServices
 });
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var CORE_NAMESPACE = 'core';
-var initCoreReactI18n = function initCoreReactI18n() {
-  safelyInitI18nForTestsAndStories(i18n, CORE_NAMESPACE, [{
-    ns: CORE_NAMESPACE,
-    translations: coreTranslations
-  }, {
-    ns: WEBMAP_REACT_NAMESPACE,
-    translations: webmapReactTranslations
-  }, {
-    ns: WEBMAP_NAMESPACE,
-    translations: webmapTranslations
-  }, {
-    ns: SHARED_NAMESPACE,
-    translations: sharedTranslations
-  }, {
-    ns: TIME_SLIDER_NAMESPACE,
-    translations: timesliderTranslations
-  }]);
-};
-var ns = [CORE_NAMESPACE, TIME_SLIDER_NAMESPACE];
-var useCoreTranslation = function useCoreTranslation() {
-  return useTranslation(ns);
-};
-
 var WMSLayerTreeHeader = function WMSLayerTreeHeader(_ref) {
   var serviceName = _ref.serviceName,
     onClickReload = _ref.onClickReload;
@@ -1612,6 +1763,7 @@ var HeaderOptions = function HeaderOptions(_ref) {
 var iconButtonSize = 30;
 var columnClasses = {
   column1: 'column-1',
+  columnService: 'column-service',
   column2: 'column-2',
   column3: 'column-3',
   column4: 'column-4',
@@ -1627,9 +1779,10 @@ var DELETE_MORE_BUTTONS = 3;
 var MISSING = 4;
 var leftButtonsWidth = iconButtonSize * DRAG_VISIBILITY_LEADING_BUTTONS + MISSING;
 var rightButtonsWidth = iconButtonSize * DELETE_MORE_BUTTONS;
+var opacityWidth = 45;
 var acceptanceTimeWidth = 65;
 var loadDurationWidth = 50;
-var nonFlexibleAreaWidth = leftButtonsWidth + rightButtonsWidth + acceptanceTimeWidth + loadDurationWidth;
+var nonFlexibleAreaWidth = leftButtonsWidth + rightButtonsWidth + opacityWidth + acceptanceTimeWidth + loadDurationWidth;
 var flexibleAreaWidth = "(100% - " + nonFlexibleAreaWidth + "px)";
 var leftButtonsStyle = {
   width: leftButtonsWidth,
@@ -1674,18 +1827,24 @@ var layerManagerStyle = {
   '.baseLayer': {
     width: "calc(" + flexibleAreaWidth + " * 0.25)"
   },
+  // layerService
+  '.column-service': Object.assign({
+    width: "calc(" + flexibleAreaWidth + " * 0.20)"
+  }, columnCollapseStyle),
   // layerName
   '.column-2': Object.assign({
     width: "calc(" + flexibleAreaWidth + " * 0.25)"
   }, columnCollapseStyle),
   // style
   '.column-3': Object.assign({
-    width: "calc(" + flexibleAreaWidth + " * 0.25)"
+    width: "calc(" + flexibleAreaWidth + " * 0.20)"
   }, columnCollapseStyle),
   // opacity
   '.column-4': Object.assign({
-    width: "calc(" + flexibleAreaWidth + " * 0.15)"
-  }, columnCollapseStyle),
+    width: opacityWidth
+  }, columnCollapseStyle, {
+    flexGrow: 0
+  }),
   // dimensions
   '.column-5': Object.assign({
     width: "calc(" + flexibleAreaWidth + " * 0.35)"
@@ -1707,7 +1866,7 @@ var layerManagerStyle = {
   },
   // layer missing warning
   '.column-7': {
-    width: "calc(" + flexibleAreaWidth + " * 0.75 + " + acceptanceTimeWidth + "px + " + loadDurationWidth + "px)"
+    width: "calc(" + flexibleAreaWidth + " * 0.65 + " + opacityWidth + "px + " + acceptanceTimeWidth + "px + " + loadDurationWidth + "px)"
   },
   // sizes: mini
   '.enable-btn-mini': {
@@ -1730,7 +1889,7 @@ var layerManagerStyle = {
       '.enable-btn-mini': {
         display: 'inline-flex'
       },
-      '.activateLayer-btn, .enable-btn, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime, .column-loadDuration': {
+      '.activateLayer-btn, .enable-btn, .column-service, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime, .column-loadDuration': {
         display: 'none'
       },
       '.addLayer-column, .setProjection-column, .overlayers-column': {
@@ -1764,7 +1923,7 @@ var layerManagerStyle = {
   // sizes: medium
   '@container (max-width: 600px)': {
     '.layermanager': {
-      '.column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime, .column-loadDuration': {
+      '.column-service, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime, .column-loadDuration': {
         display: 'none'
       },
       '.columnLayerName, .baseLayer': {
@@ -1794,173 +1953,28 @@ var layerManagerStyle = {
       '.column-1': {
         display: 'none'
       },
-      '.column-2': {
-        display: 'none'
-      }
-    },
-    '.header-layermanager': {
-      '.collapseMedium-btn': {
-        display: 'none'
-      }
-    }
-  }
-};
-var returnCorrectSize = function returnCorrectSize(sizeResult) {
-  if (sizeResult === 'sizeSmall') {
-    return sizeSmall;
-  }
-  if (sizeResult === 'sizeMedium') {
-    return sizeMedium;
-  }
-  if (sizeResult === 'sizeLarge') {
-    return sizeLarge;
-  }
-  return sizeSmall;
-};
-
-var BaseLayers = function BaseLayers(_ref) {
-  var _availableBaseLayers$;
-  var selectedBaseLayers = _ref.selectedBaseLayers,
-    availableBaseLayers = _ref.availableBaseLayers,
-    onChangeBaseLayers = _ref.onChangeBaseLayers,
-    icon = _ref.icon,
-    tooltipPrefix = _ref.tooltipPrefix;
-  var _useCoreTranslation = useCoreTranslation(),
-    t = _useCoreTranslation.t;
-  if (!(availableBaseLayers != null && availableBaseLayers.length)) {
-    return jsx("div", {
-      children: t('layermanager-baselayers-no-available')
-    });
-  }
-  var nonEmptyTooltipPrefix = tooltipPrefix != null ? tooltipPrefix : t('layermanager-layer') + ": ";
-  var selectedBaseLayerId = typeof selectedBaseLayers[0] !== 'undefined' ? selectedBaseLayers[0].id : '';
-  var list = availableBaseLayers.map(function (layer) {
-    return {
-      value: layer.id
-    };
-  });
-  var currentIndex = availableBaseLayers.findIndex(function (layer) {
-    return selectedBaseLayerId === layer.id;
-  });
-  return jsx(FormControl, {
-    style: {
-      width: '100%'
-    },
-    children: jsxs(TooltipSelect, {
-      IconComponent: icon,
-      currentIndex: currentIndex,
-      disableUnderline: true,
-      inputProps: {
-        SelectDisplayProps: {
-          'data-testid': 'selectBaseLayer'
-        }
-      },
-      isEnabled: true,
-      list: list,
-      onChange: function onChange(event) {
-        onChangeBaseLayers(event.target.value);
-      },
-      onChangeMouseWheel: function onChangeMouseWheel(e) {
-        return onChangeBaseLayers(e.value);
-      },
-      style: {
-        maxWidth: '100%'
-      },
-      tooltip: "" + nonEmptyTooltipPrefix + ((_availableBaseLayers$ = availableBaseLayers[currentIndex]) == null ? void 0 : _availableBaseLayers$.name),
-      value: selectedBaseLayerId,
-      children: [jsx(MenuItem, {
-        disabled: true,
-        children: t('layermanager-baselayers-title')
-      }), availableBaseLayers.map(function (baseLayer) {
-        return jsx(MenuItem, {
-          value: baseLayer.id,
-          children: baseLayer.name
-        }, baseLayer.id);
-      })]
-    })
-  });
-};
-
-// Generate a layer id for an available baselayer to ensure same available baselayers have unique id's in case of multiple maps
-// If already in selectedBaseLayers based on name or id, keep current id
-var constructLayerId = function constructLayerId(baseLayer, selectedBaseLayers) {
-  var foundLayer = selectedBaseLayers.find(function (selectedBaseLayer) {
-    return (baseLayer == null ? void 0 : baseLayer.id) === (selectedBaseLayer == null ? void 0 : selectedBaseLayer.id) || baseLayer.name === selectedBaseLayer.name;
-  });
-  return foundLayer ? foundLayer.id : webmapUtils.generateLayerId();
-};
-var constructListAvailableBaseLayers = function constructListAvailableBaseLayers(selectedBaseLayers, preloadedAvailableBaseLayers, mapId) {
-  // Ensure we use unique id's for the base layers - excepting the ones that are currently selected, reuse the existing ids
-  // Add mapId of map these available base layers are added for
-  var baseLayersWithMapId = preloadedAvailableBaseLayers.map(function (baseLayer) {
-    var layerId = constructLayerId(baseLayer, selectedBaseLayers);
-    return Object.assign({}, baseLayer, {
-      mapId: mapId,
-      id: layerId
-    });
-  });
-  // Ensure that current selected baselayer(s) are in the baseLayersWithMapId array, otherwise add them
-  return selectedBaseLayers.reduce(function (list, selectedBaseLayer) {
-    var foundLayer = baseLayersWithMapId.find(function (layer) {
-      return layer.id === (selectedBaseLayer == null ? void 0 : selectedBaseLayer.id);
-    });
-    if (foundLayer) {
-      return list;
+      '.column-2': {
+        display: 'none'
+      }
+    },
+    '.header-layermanager': {
+      '.collapseMedium-btn': {
+        display: 'none'
+      }
     }
-    return list.concat(Object.assign({}, selectedBaseLayer, {
-      mapId: mapId
-    }));
-  }, baseLayersWithMapId);
-};
-var areAvailableBaseLayersSame = function areAvailableBaseLayersSame(availableBaseLayerList, newBaseLayerList) {
-  var availableList = availableBaseLayerList.map(function (layer) {
-    return layer.name;
-  });
-  var newList = newBaseLayerList.map(function (layer) {
-    return layer.name;
-  });
-  return isEqual(availableList, newList);
+  }
 };
-var BaseLayersConnect = function BaseLayersConnect(_ref) {
-  var mapId = _ref.mapId,
-    preloadedAvailableBaseLayers = _ref.preloadedAvailableBaseLayers,
-    tooltipPrefix = _ref.tooltipPrefix,
-    icon = _ref.icon;
-  var dispatch = useDispatch();
-  var selectedBaseLayers = useSelector(function (store) {
-    return mapSelectors.getMapBaseLayers(store, mapId);
-  });
-  var currentAvailableBaseLayers = useSelector(function (store) {
-    return layerSelectors.getAvailableBaseLayersForMap(store, mapId);
-  });
-  React.useEffect(function () {
-    var availableBaseLayersToBeAdded = constructListAvailableBaseLayers(selectedBaseLayers, preloadedAvailableBaseLayers, mapId);
-    var areBaseLayersSame = areAvailableBaseLayersSame(availableBaseLayersToBeAdded, currentAvailableBaseLayers);
-    if (!areBaseLayersSame) {
-      dispatch(layerActions.setAvailableBaseLayers({
-        layers: availableBaseLayersToBeAdded,
-        mapId: mapId
-      }));
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [mapId, preloadedAvailableBaseLayers]);
-  var onChangeBaseLayers = function onChangeBaseLayers(newSelectedLayerId) {
-    var newBaseLayer = currentAvailableBaseLayers.filter(function (layer) {
-      return layer.id === newSelectedLayerId;
-    });
-    dispatch(layerActions.setBaseLayers({
-      mapId: mapId,
-      layers: newBaseLayer,
-      origin: layerTypes.LayerActionOrigin.layerManager
-    }));
-  };
-  return jsx(BaseLayers, {
-    availableBaseLayers: currentAvailableBaseLayers,
-    icon: icon,
-    onChangeBaseLayers: onChangeBaseLayers,
-    selectedBaseLayers: selectedBaseLayers,
-    tooltipPrefix: tooltipPrefix
-  });
+var returnCorrectSize = function returnCorrectSize(sizeResult) {
+  if (sizeResult === 'sizeSmall') {
+    return sizeSmall;
+  }
+  if (sizeResult === 'sizeMedium') {
+    return sizeMedium;
+  }
+  if (sizeResult === 'sizeLarge') {
+    return sizeLarge;
+  }
+  return sizeSmall;
 };
 
 var _excluded$6 = ["mapId", "preloadedAvailableBaseLayers", "preloadedServices", "tooltip", "settings"];
@@ -2105,7 +2119,7 @@ var styles$2 = {
   }
 };
 var DescriptionRow = function DescriptionRow(_ref2) {
-  var _settings$addLayer, _settings$addLayer2, _settings$layerName$t, _settings$layerName, _settings$layerName$t2, _settings$layerName2, _settings$layerStyle$, _settings$layerStyle, _settings$opacity$tit, _settings$opacity, _settings$dimensions$, _settings$dimensions, _settings$acceptanceT, _settings$acceptanceT2;
+  var _settings$addLayer, _settings$addLayer2, _settings$layerName$t, _settings$layerName, _settings$layerServic, _settings$layerServic2, _settings$layerName$t2, _settings$layerName2, _settings$layerStyle$, _settings$layerStyle, _settings$opacity$tit, _settings$opacity, _settings$dimensions$, _settings$dimensions, _settings$acceptanceT, _settings$acceptanceT2;
   var settings = _ref2.settings,
     addLayerComponent = _ref2.addLayerComponent,
     _ref2$onToggleCollaps = _ref2.onToggleCollapsed,
@@ -2136,6 +2150,11 @@ var DescriptionRow = function DescriptionRow(_ref2) {
         sx: styles$2.text,
         children: (_settings$layerName$t = settings == null || (_settings$layerName = settings.layerName) == null ? void 0 : _settings$layerName.title) != null ? _settings$layerName$t : t('layermanager-layer')
       })
+    }), jsx(RowItemCollapse$1, {
+      className: columnClasses.columnService,
+      collapsedColumns: collapsedColumns,
+      onToggleCollapsed: onToggleCollapsed,
+      title: (_settings$layerServic = settings == null || (_settings$layerServic2 = settings.layerService) == null ? void 0 : _settings$layerServic2.title) != null ? _settings$layerServic : t('layermanager-service')
     }), jsx(RowItemCollapse$1, {
       className: columnClasses.column2,
       collapsedColumns: collapsedColumns,
@@ -2248,6 +2267,12 @@ var AcceptanceTime = function AcceptanceTime(_ref) {
     }, {
       value: '10',
       text: '00:10'
+    }, {
+      value: '15',
+      text: '00:15'
+    }, {
+      value: '20',
+      text: '00:20'
     }, {
       value: '30',
       text: '00:30'
@@ -3181,6 +3206,30 @@ var EnableLayerConnect = function EnableLayerConnect(_ref) {
   });
 };
 
+var LayerService = function LayerService(_ref) {
+  var serviceName = _ref.serviceName,
+    _ref$isEnabled = _ref.isEnabled,
+    isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
+    tooltipPrefix = _ref.tooltipPrefix;
+  var _useCoreTranslation = useCoreTranslation(),
+    t = _useCoreTranslation.t;
+  var nonEmptyTooltipPrefix = tooltipPrefix != null ? tooltipPrefix : t('layermanager-service') + ":";
+  return jsx(Tooltip, {
+    title: nonEmptyTooltipPrefix + " " + (serviceName === '' ? t('layermanager-sourcename-no-available') : serviceName),
+    children: jsx(Typography, {
+      sx: {
+        fontSize: 12,
+        fontWeight: 500,
+        color: isEnabled ? 'geowebColors.layerManager.tableRowDefaultText.color' : 'geowebColors.layerManager.tableRowDisabledText.color',
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap'
+      },
+      children: serviceName === '' ? t('layermanager-sourcename-no-available') : serviceName
+    })
+  });
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -3982,6 +4031,8 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
   var layerId = _ref8.layerId,
     layer = _ref8.layer,
     layerName = _ref8.layerName,
+    _ref8$layerServiceNam = _ref8.layerServiceName,
+    layerServiceName = _ref8$layerServiceNam === void 0 ? '' : _ref8$layerServiceNam,
     services = _ref8.services,
     mapId = _ref8.mapId,
     _ref8$isEDRLayer = _ref8.isEDRLayer,
@@ -4099,7 +4150,9 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
             style: layer.style
           }),
           isEDRLayer: isEDRLayer,
-          layerName: layerName
+          isEnabled: isEnabled,
+          layerName: layerName,
+          layerServiceName: layerServiceName
         }), jsx(Grid, {
           alignItems: "center",
           className: columnClasses.column1,
@@ -4114,6 +4167,13 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
             onChangeActive: onClickRow,
             onChangeEnable: changeEnable
           })
+        }), jsx(RowItemCollapse, {
+          className: columnClasses.columnService,
+          collapsedColumns: collapsedColumns,
+          children: jsx(LayerService, {
+            isEnabled: isEnabled,
+            serviceName: layerServiceName
+          })
         }), jsx(RowItemCollapse, {
           className: columnClasses.column2,
           collapsedColumns: collapsedColumns,
@@ -4225,7 +4285,9 @@ var Accordion = function Accordion(_ref0) {
     LeftButtons = _ref0.LeftButtons,
     LoadDuration = _ref0.LoadDuration,
     _ref0$isEDRLayer = _ref0.isEDRLayer,
-    isEDRLayer = _ref0$isEDRLayer === void 0 ? false : _ref0$isEDRLayer;
+    isEDRLayer = _ref0$isEDRLayer === void 0 ? false : _ref0$isEDRLayer,
+    layerServiceName = _ref0.layerServiceName,
+    isEnabled = _ref0.isEnabled;
   var _useCoreTranslation3 = useCoreTranslation(),
     t = _useCoreTranslation3.t;
   var displayLayerName = isEDRLayer ? t('layermanager-EDR') + layerName : layerName;
@@ -4256,11 +4318,23 @@ var Accordion = function Accordion(_ref0) {
     }),
     children: jsxs(Grid, {
       container: true,
-      spacing: 3,
+      spacing: 2,
       sx: {
         padding: '16px 32px'
       },
       children: [jsxs(Grid, {
+        container: true,
+        direction: "column",
+        size: 12,
+        children: [jsx(Grid, {
+          children: t('layermanager-service')
+        }), jsx(Grid, {
+          children: jsx(LayerService, {
+            isEnabled: isEnabled,
+            serviceName: layerServiceName
+          })
+        })]
+      }), jsxs(Grid, {
         container: true,
         children: [jsx(Grid, {
           children: t('layermanager-style-title')
@@ -4780,6 +4854,7 @@ var LayerInfoButtonConnect = function LayerInfoButtonConnect(_ref) {
     mapId = _ref.mapId,
     serviceUrl = _ref.serviceUrl,
     layerName = _ref.layerName,
+    layerId = _ref.layerId,
     _ref$source = _ref.source,
     source = _ref$source === void 0 ? 'app' : _ref$source;
   var dispatch = useDispatch();
@@ -4789,6 +4864,9 @@ var LayerInfoButtonConnect = function LayerInfoButtonConnect(_ref) {
   var currentLayerInfo = useSelector(function (store) {
     return layerSelectors.getActiveLayerInfo(store);
   });
+  var currentLayerStyle = useSelector(function (store) {
+    return layerSelectors.getLayerStyle(store, layerId);
+  });
   var isActive = layerName === (currentLayerInfo == null ? void 0 : currentLayerInfo.layerName) && serviceUrl === (currentLayerInfo == null ? void 0 : currentLayerInfo.serviceUrl) && isOpenInStore;
   var onClick = function onClick() {
     if (!isActive) {
@@ -4796,7 +4874,8 @@ var LayerInfoButtonConnect = function LayerInfoButtonConnect(_ref) {
         layerName: layerName,
         serviceUrl: serviceUrl,
         source: source,
-        mapId: mapId
+        mapId: mapId,
+        style: currentLayerStyle
       }));
     } else {
       dispatch(layerActions.hideLayerInfo());
@@ -4834,6 +4913,7 @@ var LayerInfoDialogConnect = function LayerInfoDialogConnect(_ref) {
     onClose: onCloseDialog,
     onMouseDown: setDialogOrder,
     order: dialogOrder,
+    selectedStyle: layerInfo == null ? void 0 : layerInfo.style,
     serviceName: currentService == null ? void 0 : currentService.name,
     serviceUrl: currentService == null ? void 0 : currentService.serviceUrl,
     source: source
@@ -4863,6 +4943,9 @@ var LayerRowConnect = /*#__PURE__*/React.memo(function (_ref) {
   var layerDisplayName = useSelector(function (store) {
     return layerSelectors.getLayerDisplayName(store, layerId);
   });
+  var layerServiceName = useSelector(function (store) {
+    return layerSelectors.getLayerServiceName(store, layerId);
+  });
   var layerType = useSelector(function (store) {
     return layerSelectors.getLayerType(store, layerId);
   });
@@ -4927,6 +5010,7 @@ var LayerRowConnect = /*#__PURE__*/React.memo(function (_ref) {
       mapId: mapId,
       tooltipPrefix: settings == null || (_settings$opacity = settings.opacity) == null ? void 0 : _settings$opacity.tooltipPrefix
     }),
+    layerServiceName: layerServiceName,
     layerServicesLayout: settings != null && (_settings$renderLayer = settings.renderLayer) != null && _settings$renderLayer.Element ? jsx(settings.renderLayer.Element, {
       layerId: layerId,
       mapId: mapId
@@ -4939,6 +5023,7 @@ var LayerRowConnect = /*#__PURE__*/React.memo(function (_ref) {
     layerShowLayerInfoLayout: jsx(LayerInfoButtonConnect, {
       isFeatureLayer: isFeatureLayer,
       isLayerMissing: isLayerMissing,
+      layerId: layerId,
       layerName: layerName,
       mapId: mapId,
       serviceUrl: layerServiceUrl
@@ -5483,6 +5568,10 @@ var styles$1 = {
     display: 'inline-block',
     padding: '0 6px'
   }};
+var minSize = {
+  width: 100,
+  height: 126
+};
 var getLayerManagerSizeValue = function getLayerManagerSizeValue(size) {
   if (!size.width || typeof size.width !== 'number') {
     return 'sizeLarge';
@@ -5517,8 +5606,19 @@ var LayerManager = function LayerManager(_ref) {
     isDockedLayerManager = _ref$isDockedLayerMan === void 0 ? false : _ref$isDockedLayerMan,
     _ref$onToggleDock = _ref.onToggleDock,
     onToggleDock = _ref$onToggleDock === void 0 ? function () {} : _ref$onToggleDock,
+    _ref$onDockedLayerMan = _ref.onDockedLayerManagerDragEnd,
+    onDockedLayerManagerDragEnd = _ref$onDockedLayerMan === void 0 ? function () {} : _ref$onDockedLayerMan,
+    _ref$onDockedLayerMan2 = _ref.onDockedLayerManagerSizeChange,
+    onDockedLayerManagerSizeChange = _ref$onDockedLayerMan2 === void 0 ? function () {} : _ref$onDockedLayerMan2,
+    _ref$onDockedLayerMan3 = _ref.onDockedLayerManagerDimensionsChange,
+    onDockedLayerManagerDimensionsChange = _ref$onDockedLayerMan3 === void 0 ? function () {} : _ref$onDockedLayerMan3,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? sizeLarge : _ref$size,
+    _ref$startDraggablePo = _ref.startDraggablePosition,
+    startDraggablePosition = _ref$startDraggablePo === void 0 ? {
+      x: 0,
+      y: 0
+    } : _ref$startDraggablePo,
     _ref$startPosition = _ref.startPosition,
     startPosition = _ref$startPosition === void 0 ? {
       top: 85,
@@ -5532,10 +5632,6 @@ var LayerManager = function LayerManager(_ref) {
     defaultCollapsedColumns = _ref$defaultCollapsed === void 0 ? {} : _ref$defaultCollapsed;
   var _useCoreTranslation = useCoreTranslation(),
     t = _useCoreTranslation.t;
-  var minSize = {
-    width: 100,
-    height: 126
-  };
   var theme = useTheme();
   renderCounter.count(LayerManager.name);
   var nonEmptyTitle = title != null ? title : t('layermanager-title');
@@ -5544,10 +5640,63 @@ var LayerManager = function LayerManager(_ref) {
     sizeInState = _React$useState[0],
     setSizeInState = _React$useState[1];
   var dataSize = getLayerManagerSizeValue(sizeInState);
+  var wasOpenRef = React.useRef(isOpen);
+  React.useLayoutEffect(function () {
+    var isOpening = isOpen && !wasOpenRef.current;
+    if (isDockedLayerManager && isOpening) {
+      setSizeInState(calculateStartSize(minSize, size, startPosition));
+    }
+    wasOpenRef.current = isOpen;
+  }, [isDockedLayerManager, isOpen, size, startPosition]);
   var _React$useState2 = React.useState(defaultCollapsedColumns),
     collapsedColumns = _React$useState2[0],
     setCollapsedColumns = _React$useState2[1];
   var stopWheelEventPropagationRef = useWheelStopPropagation();
+  var handleDragEnd = React.useCallback(function (_position, dragSize) {
+    if (isDockedLayerManager) {
+      onDockedLayerManagerDragEnd(_position);
+      onDockedLayerManagerSizeChange(getLayerManagerSizeValue(dragSize));
+      onDockedLayerManagerDimensionsChange({
+        width: dragSize.width,
+        height: dragSize.height
+      });
+    }
+    if (dragSize !== sizeInState) {
+      setSizeInState(dragSize);
+    }
+  }, [isDockedLayerManager, onDockedLayerManagerDimensionsChange, onDockedLayerManagerDragEnd, onDockedLayerManagerSizeChange, sizeInState]);
+  var handleResizeStop = React.useCallback(function (_event, _direction, node) {
+    var width = node.offsetWidth,
+      height = node.offsetHeight;
+    setSizeInState({
+      width: width,
+      height: height
+    });
+    if (isDockedLayerManager) {
+      onDockedLayerManagerSizeChange(getLayerManagerSizeValue({
+        width: width}));
+      onDockedLayerManagerDimensionsChange({
+        width: width,
+        height: height
+      });
+    }
+  }, [isDockedLayerManager, onDockedLayerManagerDimensionsChange, onDockedLayerManagerSizeChange]);
+  var handleChangeSize = React.useCallback(function (_ref2) {
+    var width = _ref2.width;
+    setSizeInState(function (prevSizeInState) {
+      var nextSizeInState = Object.assign({}, prevSizeInState, {
+        width: width
+      });
+      if (isDockedLayerManager) {
+        onDockedLayerManagerSizeChange(getLayerManagerSizeValue(Object.assign({}, nextSizeInState)));
+        onDockedLayerManagerDimensionsChange({
+          width: width,
+          height: nextSizeInState.height
+        });
+      }
+      return nextSizeInState;
+    });
+  }, [isDockedLayerManager, onDockedLayerManagerDimensionsChange, onDockedLayerManagerSizeChange]);
   return jsx(ToolContainerDraggable, {
     bounds: bounds,
     className: "layermanager",
@@ -5560,34 +5709,20 @@ var LayerManager = function LayerManager(_ref) {
     minHeight: minSize.height,
     minWidth: minSize.width,
     onClose: onClose,
-    onDragEnd: function onDragEnd(_position, dragSize) {
-      if (dragSize !== sizeInState) {
-        setSizeInState(dragSize);
-      }
-    },
+    onDragEnd: handleDragEnd,
     onMouseDown: onMouseDown,
-    onResizeStop: function onResizeStop(_event, _direction, node) {
-      var width = node.offsetWidth,
-        height = node.offsetHeight;
-      setSizeInState({
-        width: width,
-        height: height
-      });
-    },
+    onResizeStop: handleResizeStop,
     order: order,
+    resetPositionOnOpen: isDockedLayerManager,
     rightHeaderComponent: jsx(HeaderOptionsConnect, {
       buttonSettings: settings == null || (_settings$toolbar3 = settings.toolbar) == null ? void 0 : _settings$toolbar3.controlButtonSettings,
       isDockedLayerManager: isDockedLayerManager,
       mapId: mapId,
-      onChangeSize: function onChangeSize(_ref2) {
-        var width = _ref2.width;
-        setSizeInState(Object.assign({}, sizeInState, {
-          width: width
-        }));
-      },
+      onChangeSize: handleChangeSize,
       onClickDockButton: onToggleDock
     }),
     source: source,
+    startDraggablePosition: startDraggablePosition,
     startPosition: startPosition,
     startSize: sizeInState,
     sx: Object.assign({}, layerManagerStyle, theme.palette.geowebColors.layerManager.root),
@@ -5771,6 +5906,12 @@ var LayerManagerConnect = function LayerManagerConnect(_ref) {
   var dockedLayerManagerSize = useSelector(function (store) {
     return mapSelectors.getDockedLayerManagerSize(store, mapId);
   });
+  var dockedLayerManagerPosition = useSelector(function (store) {
+    return mapSelectors.getDockedLayerManagerPosition(store, mapId);
+  });
+  var dockedLayerManagerDimensions = useSelector(function (store) {
+    return mapSelectors.getDockedLayerManagerDimensions(store, mapId);
+  });
   var _useSetupDialog = useSetupDialog(dialogType, source),
     dialogOrder = _useSetupDialog.dialogOrder,
     setDialogOrder = _useSetupDialog.setDialogOrder,
@@ -5789,13 +5930,16 @@ var LayerManagerConnect = function LayerManagerConnect(_ref) {
         type: uiTypes.DialogTypes.LayerManager,
         mapId: mapId,
         setOpen: true,
-        source: source
+        source: source,
+        origin: mapEnums.MapActionOrigin.map
       }));
     } else {
       // Close the floating layer manager and open docked layer manager
       dispatch(uiActions.setToggleOpenDialog({
         type: uiTypes.DialogTypes.DockedLayerManager + "-" + mapId,
-        setOpen: true
+        setOpen: true,
+        mapId: mapId,
+        origin: mapEnums.MapActionOrigin.map
       }));
     }
   }, [dispatch, isDocked, mapId, onCloseDialog, source]);
@@ -5816,13 +5960,50 @@ var LayerManagerConnect = function LayerManagerConnect(_ref) {
         isOpen: isDialogOpen,
         mapId: mapId || initialMapId,
         onClose: onCloseDialog,
+        onDockedLayerManagerDimensionsChange: function onDockedLayerManagerDimensionsChange(dimensions) {
+          if (!isDocked) {
+            return;
+          }
+          dispatch(mapActions.setDockedLayerManagerDimensions({
+            mapId: mapId,
+            dockedLayerManagerDimensions: dimensions,
+            origin: mapEnums.MapActionOrigin.map
+          }));
+        },
+        onDockedLayerManagerDragEnd: function onDockedLayerManagerDragEnd(position) {
+          if (!isDocked) {
+            return;
+          }
+          dispatch(mapActions.setDockedLayerManagerPosition({
+            mapId: mapId,
+            dockedLayerManagerPosition: {
+              x: position.x,
+              y: position.y
+            },
+            origin: mapEnums.MapActionOrigin.map
+          }));
+        },
+        onDockedLayerManagerSizeChange: function onDockedLayerManagerSizeChange(size) {
+          if (!isDocked) {
+            return;
+          }
+          dispatch(mapActions.setDockedLayerManagerSize({
+            mapId: mapId,
+            dockedLayerManagerSize: size,
+            origin: mapEnums.MapActionOrigin.map
+          }));
+        },
         onMouseDown: setDialogOrder,
         onToggleDock: onToggleDock,
         order: dialogOrder,
         preloadedAvailableBaseLayers: preloadedAvailableBaseLayers,
         preloadedBaseServices: preloadedBaseServices,
-        size: isDocked ? returnCorrectSize(dockedLayerManagerSize) : sizeLarge,
+        size: isDocked ? dockedLayerManagerDimensions || returnCorrectSize(dockedLayerManagerSize) : sizeLarge,
         source: uiSource,
+        startDraggablePosition: isDocked ? dockedLayerManagerPosition : {
+          x: 0,
+          y: 0
+        },
         startPosition: isDocked ? {
           top: 60,
           right: 16
@@ -5835,7 +6016,7 @@ var LayerManagerConnect = function LayerManagerConnect(_ref) {
         source: uiSource
       }), !isDocked && jsx(LayerSelectConnect, {})]
     });
-  }, [bounds, dialogOrder, dockedLayerManagerSize, initialMapId, isDialogOpen, isDocked, isMultiMap, mapId, onCloseDialog, onToggleDock, preloadedAvailableBaseLayers, preloadedBaseServices, setDialogOrder, showMapIdInTitle, nonEmptyTitle, uiError, uiIsLoading, uiSource]);
+  }, [bounds, dialogOrder, dispatch, dockedLayerManagerPosition, dockedLayerManagerDimensions, dockedLayerManagerSize, initialMapId, isDialogOpen, isDocked, isMultiMap, mapId, onCloseDialog, onToggleDock, preloadedAvailableBaseLayers, preloadedBaseServices, setDialogOrder, showMapIdInTitle, nonEmptyTitle, uiError, uiIsLoading, uiSource]);
 };
 
 var LayerManagerMapButtonConnect = function LayerManagerMapButtonConnect(_ref) {
@@ -6086,6 +6267,12 @@ var ClockConnect = function ClockConnect(_ref) {
   var isMapClockVisible = useSelector(function (store) {
     return mapSelectors.getIsClockVisible(store, mapId);
   });
+  var clockPosition = useSelector(function (store) {
+    return mapSelectors.getClockPosition(store, mapId);
+  });
+  var clockSize = useSelector(function (store) {
+    return mapSelectors.getClockSize(store, mapId);
+  });
   var onToggleClock = function onToggleClock(isClockVisible) {
     dispatch(mapActions.toggleClock({
       mapId: mapId,
@@ -6093,9 +6280,27 @@ var ClockConnect = function ClockConnect(_ref) {
       origin: mapEnums.MapActionOrigin.map
     }));
   };
+  var onSetPosition = function onSetPosition(position) {
+    dispatch(mapActions.setClockPositionSize({
+      mapId: mapId,
+      position: position,
+      origin: mapEnums.MapActionOrigin.map
+    }));
+  };
+  var onSetSize = function onSetSize(size) {
+    dispatch(mapActions.setClockPositionSize({
+      mapId: mapId,
+      size: size,
+      origin: mapEnums.MapActionOrigin.map
+    }));
+  };
   return jsx(Clock, {
     isVisible: isMapClockVisible,
+    onSetPosition: onSetPosition,
+    onSetSize: onSetSize,
     onToggleClock: onToggleClock,
+    position: clockPosition,
+    size: clockSize,
     time: selectedTime
   });
 };
@@ -6929,16 +7134,34 @@ var OpenLayersFeatureLayerConnect = function OpenLayersFeatureLayerConnect(_ref)
     hoverSelect = _ref.hoverSelect;
   var store = useStore();
   var dispatch = useDispatch();
+  var activeDrawToolId = useSelector(drawingToolSelectors.getActiveDrawToolId);
+  var activeDrawMode = useSelector(function (store) {
+    return drawingToolSelectors.getActiveDrawMode(store, activeDrawToolId);
+  });
+  var shouldAllowMultipleShapes = useSelector(function (store) {
+    return drawingToolSelectors.getShouldAllowMultipleShapes(store, activeDrawToolId);
+  });
+  var geoJSONIntersectionLayerId = useSelector(function (store) {
+    return drawingToolSelectors.getGeoJSONIntersectionLayerId(store, activeDrawToolId);
+  });
+  var geoJSONIntersectionBoundsLayerId = useSelector(function (store) {
+    return drawingToolSelectors.getGeoJSONIntersectionBoundsLayerId(store, activeDrawToolId);
+  });
   var onFeatureClick = React.useCallback(function (feature) {
     var previouslySelectedFeatureIndex = layer.selectedFeatureIndex;
     var selectedFeatureIndex = layer.geojson.features.findIndex(function (feat) {
       return feature[0] && feat.id === feature[0].getId();
     });
-    if (selectedFeatureIndex !== -1 && selectedFeatureIndex !== previouslySelectedFeatureIndex) {
+    if (selectedFeatureIndex !== -1) {
       dispatch(layerActions.setSelectedFeature({
         layerId: layerId,
         selectedFeatureIndex: selectedFeatureIndex
       }));
+      dispatch(layerActions.toggleFeatureMode({
+        layerId: layerId,
+        isInEditMode: true,
+        drawMode: ''
+      }));
       dispatch(layerActions.updateFeatureProperties({
         layerId: layerId,
         properties: {
@@ -6957,23 +7180,39 @@ var OpenLayersFeatureLayerConnect = function OpenLayersFeatureLayerConnect(_ref)
       }
     }
   }, [dispatch, layer.geojson, layer.selectedFeatureIndex, layerId]);
+  var onNoFeatureClick = React.useCallback(function () {
+    if (activeDrawToolId) {
+      // do not disable edit mode when a drawing tool is active
+      return;
+    }
+    dispatch(layerActions.toggleFeatureMode({
+      layerId: layerId,
+      isInEditMode: false,
+      drawMode: ''
+    }));
+  }, [activeDrawToolId, dispatch, layerId]);
+  var onViewOnlyFeatureClick = React.useCallback(function (feature) {
+    if (activeDrawToolId) {
+      // do not select another feature when a drawing tool is active
+      return;
+    }
+    onFeatureClick(feature);
+  }, [activeDrawToolId, onFeatureClick]);
   var updateFeature = React.useCallback(function (geojson, reason) {
     if (!layerId) {
       window.console.error('updateFeature without layerId');
       return;
     }
-    var activeDrawToolId = drawingToolSelectors.getActiveDrawToolId(store.getState());
-    var activeDrawMode = drawingToolSelectors.getActiveDrawMode(store.getState(), activeDrawToolId);
     dispatch(layerActions.updateFeature({
       geojson: geojson,
       reason: reason,
       layerId: layerId,
-      shouldAllowMultipleShapes: drawingToolSelectors.getShouldAllowMultipleShapes(store.getState(), activeDrawToolId),
-      geoJSONIntersectionLayerId: drawingToolSelectors.getGeoJSONIntersectionLayerId(store.getState(), activeDrawToolId),
-      geoJSONIntersectionBoundsLayerId: drawingToolSelectors.getGeoJSONIntersectionBoundsLayerId(store.getState(), activeDrawToolId),
+      shouldAllowMultipleShapes: shouldAllowMultipleShapes,
+      geoJSONIntersectionLayerId: geoJSONIntersectionLayerId,
+      geoJSONIntersectionBoundsLayerId: geoJSONIntersectionBoundsLayerId,
       selectionType: activeDrawMode == null ? void 0 : activeDrawMode.selectionType
     }));
-  }, [dispatch, store, layerId]);
+  }, [layerId, dispatch, shouldAllowMultipleShapes, geoJSONIntersectionLayerId, geoJSONIntersectionBoundsLayerId, activeDrawMode == null ? void 0 : activeDrawMode.selectionType]);
   var exitFeatureDrawMode = React.useCallback(function (reason) {
     if (!layerId) {
       window.console.error('exitFeatureDrawMode without layerId');
@@ -7003,6 +7242,8 @@ var OpenLayersFeatureLayerConnect = function OpenLayersFeatureLayerConnect(_ref)
       exitDrawModeCallback: exitFeatureDrawMode,
       geojson: layer.geojson,
       isInEditMode: layer.isInEditMode || false,
+      onNoFeatureClick: onNoFeatureClick,
+      onViewOnlyFeatureClick: onViewOnlyFeatureClick,
       selectedFeatureIndex: layer.selectedFeatureIndex || 0,
       updateGeojson: updateFeature,
       viewOnlyStyle: style
@@ -7185,6 +7426,15 @@ function useFitAndHighlightWarningFeature(_ref) {
     }
   }, [view, warningDialogFeatures, srs, dispatch, mapId]);
 }
+/** Compare value with current time and if difference is more than factor times timeStep returns true */
+var getIsOutdated = function getIsOutdated(compareValue, timeStep, factor) {
+  var currentDate = dateUtils.utc();
+  var diff = dateUtils.differenceInMinutes(currentDate, dateUtils.createDate(compareValue));
+  if (diff > timeStep * factor) {
+    return true;
+  }
+  return false;
+};
 
 var OlMapViewLayerConnect = function OlMapViewLayerConnect(layerProps) {
   var layerId = layerProps.layerId,
@@ -7819,7 +8069,7 @@ var MapOptionsButtonConnect = function MapOptionsButtonConnect(_ref) {
  * @param {object} [controls.zoomControls] **optional** controls: object - toggle the map controls, zoomControls defaults to true
  */
 var OlMapViewConnect = function OlMapViewConnect(_ref) {
-  var _useSelector2, _featureProperties$va;
+  var _useSelector2, _useSelector3, _featureProperties$va;
   var mapId = _ref.mapId,
     children = _ref.children,
     _ref$controls = _ref.controls,
@@ -7921,7 +8171,21 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
   var isAnimating = (_useSelector2 = useSelector(function (store) {
     return mapSelectors.linkedMapAnimationInfo(store, mapId);
   })) == null ? void 0 : _useSelector2.isAnimating;
+  var autoUpdateLayerId = useSelector(function (store) {
+    return mapSelectors.getAutoUpdateLayerId(store, mapId);
+  });
+  var shouldAutoUpdate = useSelector(function (store) {
+    return mapSelectors.isAutoUpdating(store, mapId);
+  });
+  var autoUpdateLayerMaxValue = (_useSelector3 = useSelector(function (store) {
+    return layerSelectors.getLayerTimeDimension(store, autoUpdateLayerId);
+  })) == null ? void 0 : _useSelector3.maxValue;
+  var autoUpdateTimeStep = useSelector(function (store) {
+    return layerSelectors.getTimeStepForLayerId(store, autoUpdateLayerId);
+  });
   var dispatch = useDispatch();
+  var _useCoreTranslation = useCoreTranslation(),
+    t = _useCoreTranslation.t;
   var updateLayerInformation = React.useCallback(function (payload) {
     var _payload$layerDimensi, _payload$layerDimensi2;
     var updatedPayLoad = Object.assign({}, payload, {
@@ -8122,6 +8386,28 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [mapId, updateLayerInformation, layerIds]);
   useSetIntervalWhenVisible(refetchLayers, 60000);
+  /** Check if the autoUpdate layer has outdated data and inform the user by setting the map error */
+  var checkIfDataOutdated = React.useCallback(function () {
+    if (!shouldAutoUpdate || !autoUpdateLayerId || !autoUpdateLayerMaxValue || !autoUpdateTimeStep) {
+      dispatch(mapActions.setMapPresetError({
+        mapId: mapId,
+        error: undefined
+      }));
+      return;
+    }
+    // check that the difference is more than 4 timesteps with the current time
+    var isOutdated = getIsOutdated(autoUpdateLayerMaxValue, autoUpdateTimeStep, 4);
+    dispatch(mapActions.setMapPresetError({
+      mapId: mapId,
+      error: isOutdated ? t('data-outdated') : undefined
+    }));
+  }, [autoUpdateLayerId, autoUpdateLayerMaxValue, autoUpdateTimeStep, dispatch, mapId, shouldAutoUpdate, t]);
+  // Check every minute if data is outdated
+  useSetIntervalWhenVisible(checkIfDataOutdated, 60000);
+  // Recheck if data is outdated if the function is updated
+  React.useEffect(function () {
+    checkIfDataOutdated();
+  }, [checkIfDataOutdated]);
   useMapViewLoadingIndicator(mapId, mapLayerIds);
   var _React$useState2 = React.useState({
       debugMode: false
@@ -9040,8 +9326,15 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
   var _React$useState = React.useState(selectedTime),
     unfilteredSelectedTime = _React$useState[0],
     setUnfilteredSelectedTime = _React$useState[1];
+  // Store unfilteredSelectedTime in a ref for callbacks
+  var unfilteredSelectedTimeRef = React.useRef(unfilteredSelectedTime);
+  React.useEffect(function () {
+    unfilteredSelectedTimeRef.current = unfilteredSelectedTime;
+  }, [unfilteredSelectedTime]);
   // Reference to the last time value set by this timeslider
   var lastTimeValueAsSetByThisTimeSlider = React.useRef();
+  // Track the last selectedTime we processed to avoid unnecessary updates
+  var lastProcessedSelectedTime = React.useRef(selectedTime);
   // Set new time in the redux state
   var _onSetNewDate = React.useCallback(function (newDate) {
     // Remember that this timeslider has set this time
@@ -9061,22 +9354,59 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
   }, [dispatch, isAnimating, mapId, sourceId]);
   // Update local state when time is updated outside of this component, e.g. during animation or syncgroups
   React.useEffect(function () {
+    // Only update if selectedTime has actually changed (not just timeStep)
+    if (lastProcessedSelectedTime.current === selectedTime) {
+      return;
+    }
     var selectedTimeAsIsoString = timeToIso(selectedTime);
-    if (selectedTimeAsIsoString !== lastTimeValueAsSetByThisTimeSlider.current) {
+    // Check if this is our own update bouncing back
+    var isOurOwnUpdate = selectedTimeAsIsoString === lastTimeValueAsSetByThisTimeSlider.current;
+    if (isOurOwnUpdate) {
+      // Our update was processed, clear the flag and update tracking
+      lastTimeValueAsSetByThisTimeSlider.current = undefined;
+      lastProcessedSelectedTime.current = selectedTime;
+    } else {
+      // Time changed from outside this component (e.g., backward/forward buttons, animation)
+      // Cancel any pending debounced updates and sync local state
+      onsetNewDateDebounced.cancel();
+      lastProcessedSelectedTime.current = selectedTime;
       setUnfilteredSelectedTime(selectedTime);
+      // Clear the flag so we don't block future external updates to this same time
+      lastTimeValueAsSetByThisTimeSlider.current = undefined;
     }
   }, [selectedTime]);
+  // Store timeStep in a ref so we can use the latest value without causing re-renders
+  var timeStepRef = React.useRef(timeStep);
+  var prevTimeStepRef = React.useRef(timeStep);
+  React.useEffect(function () {
+    var timeStepChanged = prevTimeStepRef.current !== timeStep;
+    prevTimeStepRef.current = timeStep;
+    timeStepRef.current = timeStep;
+    // When timestep changes, apply smart rounding to current time
+    // For large timesteps (>12h), round to nearest hour instead of timestep
+    if (timeStepChanged) {
+      var roundingStep = timeStep > 12 * 60 ? 60 : timeStep;
+      var snappedTime = getFilteredTime(unfilteredSelectedTime, roundingStep, dataStartTime, dataEndTime);
+      if (snappedTime !== unfilteredSelectedTime) {
+        setUnfilteredSelectedTime(snappedTime);
+        onsetNewDateDebounced(timeToIso(snappedTime), _onSetNewDate);
+      }
+    }
+  }, [timeStep, unfilteredSelectedTime, dataStartTime, dataEndTime, _onSetNewDate]);
   // Function used by timeslider components to update the unfiltered selected time
   var setUnfilteredSelectedTimeFn = React.useCallback(function (unfilteredSelectedTimeFromComponents) {
-    var makeFilteredSelectedTime = function makeFilteredSelectedTime(timeValue) {
-      return getFilteredTime(timeValue, timeStep, dataStartTime, dataEndTime);
-    };
-    setUnfilteredSelectedTime(unfilteredSelectedTimeFromComponents);
-    var filteredIsoTime = makeFilteredSelectedTime(unfilteredSelectedTimeFromComponents);
-    if (selectedTime !== filteredIsoTime) {
-      onsetNewDateDebounced(timeToIso(filteredIsoTime), _onSetNewDate);
+    // Only update if the value has actually changed
+    if (unfilteredSelectedTimeFromComponents === unfilteredSelectedTimeRef.current) {
+      return;
     }
-  }, [dataEndTime, dataStartTime, _onSetNewDate, selectedTime, timeStep]);
+    // Snap to nearest timestep when clicking/dragging on timeslider
+    // For timesteps >= 1 hour, snap to nearest hour
+    // For smaller timesteps, snap to the timestep itself (e.g., 5min, 10min, 15min)
+    var roundingStep = timeStepRef.current >= 60 ? 60 : timeStepRef.current;
+    var timeToSet = getFilteredTime(unfilteredSelectedTimeFromComponents, roundingStep, dataStartTime, dataEndTime);
+    setUnfilteredSelectedTime(timeToSet);
+    onsetNewDateDebounced(timeToIso(timeToSet), _onSetNewDate);
+  }, [dataEndTime, dataStartTime, _onSetNewDate]);
   // Move animation bar when user changes time using time picker
   // Animation bar however cannot be moved into a time where there is no data
   var moveAnimationUsingCalendar = function moveAnimationUsingCalendar(newTime) {
@@ -9099,8 +9429,13 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
     }));
   };
   var onCalendarSelect = function onCalendarSelect(newSelectedTime) {
-    setUnfilteredSelectedTimeFn(newSelectedTime);
-    moveAnimationUsingCalendar(newSelectedTime);
+    // When user explicitly sets time via calendar, snap to nearest available timestep
+    // For large timesteps (>12h), round to nearest hour instead of timestep
+    var roundingStep = timeStep > 12 * 60 ? 60 : timeStep;
+    var snappedTime = getFilteredTime(newSelectedTime, roundingStep, dataStartTime, dataEndTime);
+    setUnfilteredSelectedTime(snappedTime);
+    onsetNewDateDebounced(timeToIso(snappedTime), _onSetNewDate);
+    moveAnimationUsingCalendar(snappedTime);
   };
   var secondsPerPx = useSelector(function (store) {
     return mapSelectors.getMapTimeSliderSecondsPerPx(store, mapId);
@@ -9116,10 +9451,15 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
     var event = _ref2.event,
       deltaY = _ref2.deltaY;
     if (!(event.ctrlKey || event.metaKey || event.shiftKey || event.altKey)) {
-      var pixelsPerScroll = -deltaY * timeStep / (2 * secondsPerPx);
-      moveSelectedTimePx(pixelsPerScroll, timeSliderWidth, centerTime, dataStartTime, dataEndTime, secondsPerPx, timeStep, unfilteredSelectedTime, setUnfilteredSelectedTimeFn);
+      if (deltaY === 0) {
+        return;
+      }
+      // timeStepRef.current is in minutes, convert to seconds
+      var timeStepInSeconds = timeStepRef.current * 60;
+      var pixelsPerScroll = -deltaY / Math.abs(deltaY) * (timeStepInSeconds / secondsPerPx);
+      moveSelectedTimePx(pixelsPerScroll, timeSliderWidth, centerTime, dataStartTime, dataEndTime, secondsPerPx, timeStepRef.current, unfilteredSelectedTimeRef.current, setUnfilteredSelectedTimeFn);
     }
-  }, [timeSliderWidth, centerTime, dataEndTime, dataStartTime, secondsPerPx, setUnfilteredSelectedTimeFn, timeStep, unfilteredSelectedTime]);
+  }, [timeSliderWidth, centerTime, dataEndTime, dataStartTime, secondsPerPx, setUnfilteredSelectedTimeFn]);
   React.useEffect(function () {
     if (isTimeScrollingEnabled && mapWindowRef != null && mapWindowRef.current) {
       var handleWheel = function handleWheel(event) {
@@ -9328,7 +9668,9 @@ var ConfigurableMapConnect = function ConfigurableMapConnect(_ref) {
         mapId: mapId,
         layer: {
           geojson: emptyGeoJSON,
-          layerType: LayerType.featureLayer
+          layerType: LayerType.featureLayer,
+          isSelectable: false,
+          isInEditMode: false
         },
         layerId: getSingularDrawtoolDrawLayerId(mapId),
         origin: 'ConfigurableMapConnect'
@@ -10501,7 +10843,7 @@ var SelectedFeature = function SelectedFeature(_ref) {
     return Math.abs(lat) + "\xB0 " + latHemisphere + ", " + Math.abs(lon) + "\xB0 " + lonHemisphere;
   };
   var formattedCoordinates = useMemo(function () {
-    if (feature && feature.geometry.type === 'Point') {
+    if ((feature == null ? void 0 : feature.geometry.type) === 'Point') {
       var latitude = feature.geometry.coordinates[1];
       var longitude = feature.geometry.coordinates[0];
       return getFormattedCoordinates(latitude, longitude);
@@ -11035,4 +11377,4 @@ var storyUtils = /*#__PURE__*/Object.freeze({
   useDefaultMapSettings: useDefaultMapSettings
 });
 
-export { CORE_NAMESPACE, ConfigurableMapConnect, CoreI18nProvider, CoreStoreProvider, CoreThemeProvider, CoreThemeStoreProvider, DemoWrapper, DemoWrapperConnect, HarmonieTempAndPrecipPreset, LanguageSelect, LayerInfoButtonConnect, LayerInfoDialogConnect, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LegendConnect, LegendMapButtonConnect, LoadingIndicatorProgressBar, LocationSearch, LocationSearchConnect, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, MyMapLocation, OlMapViewConnect, RouterWrapperConnect, SearchControlButtonConnect, SelectedFeaturesDialogConnect, SyncGroupViewerConnect, TimeSliderConnect, componentsLookUp, coreTranslations, defaultBbox, defaultConfigurations, fakeLocationDetailList, fakeLocationList, filterMapPresets, filterServices, filterTimeSeriesServices, getCenterOfLinkedFeature, getLanguageFromLocalStorage, languageLocalStorageKey, locationApiEndpoints, makeLayerInfoPayload, makePrefetchTimeSpan, saveLanguageToLocalStorage, storyUtils, testLayers, useFetchServices, useFitAndHighlightWarningFeature, useGetOpenLayersView, useLocationDetail, useLocationList, usePrefetchTimeSpan, useUpdateTimeSpan, useUpdateTimestep };
+export { CORE_NAMESPACE, ConfigurableMapConnect, CoreI18nProvider, CoreStoreProvider, CoreThemeProvider, CoreThemeStoreProvider, DemoWrapper, DemoWrapperConnect, HarmonieTempAndPrecipPreset, LanguageSelect, LayerInfoButtonConnect, LayerInfoDialogConnect, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LegendConnect, LegendMapButtonConnect, LoadingIndicatorProgressBar, LocationSearch, LocationSearchConnect, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, MyMapLocation, OlMapViewConnect, RouterWrapperConnect, SearchControlButtonConnect, SelectedFeaturesDialogConnect, SyncGroupViewerConnect, TimeSliderConnect, componentsLookUp, coreTranslations, defaultBbox, defaultConfigurations, fakeLocationDetailList, fakeLocationList, filterMapPresets, filterServices, filterTimeSeriesServices, getCenterOfLinkedFeature, getIsOutdated, getLanguageFromLocalStorage, languageLocalStorageKey, locationApiEndpoints, makeLayerInfoPayload, makePrefetchTimeSpan, saveLanguageToLocalStorage, storyUtils, testLayers, useFetchServices, useFitAndHighlightWarningFeature, useGetOpenLayersView, useLocationDetail, useLocationList, usePrefetchTimeSpan, useUpdateTimeSpan, useUpdateTimestep };