@opengeoweb/core 15.0.0 → 15.2.0

package/index.esm.js

@@ -1,19 +1,19 @@
-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, ErrorBoundary } 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, styled as styled$1 } from '@mui/system';
+import { Box as Box$1, Stack } from '@mui/system';
 import { LayerSelectButtonConnect, LayerSelectConnect, DataExplorerButtonConnect } from '@opengeoweb/layer-select';
 import { unByKey } from 'ol/Observable';
 import { useQuery, QueryClient, QueryClientProvider } from '@tanstack/react-query';
@@ -28,7 +28,6 @@ import { ImageWMS } from 'ol/source';
 import DOMPurify from 'dompurify';
 import { snackbarTypes, snackbarActions, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
 import { useNavigate } from 'react-router-dom';
-import { getReplay } from '@sentry/react';
 import { http, HttpResponse, passthrough } from 'msw';
 import Button$1 from '@mui/material/Button';
 import ButtonGroup from '@mui/material/ButtonGroup';
@@ -104,8 +103,6 @@ var en = {
 	"syncgroups-add-group": "Add new group to list",
 	"syncgroups-remove-group": "Remove group from list",
 	"actions-close": "Close",
-	"sentry-start-recording": "Start Recording",
-	"sentry-stop-recording": "Stop Recording",
 	"layermanager-acceptance-time-within": "Layer: within the data acceptance window",
 	"layermanager-acceptance-time-outside": "Layer: out of date",
 	"layermanager-acceptance-time-updated": "Layer: updated",
@@ -131,7 +128,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.",
@@ -198,8 +196,6 @@ var fi = {
 	"syncgroups-add-group": "Lisää uusi ryhmä listaan",
 	"syncgroups-remove-group": "Poista ryhmä listasta",
 	"actions-close": "Sulje",
-	"sentry-start-recording": "Aloita tallennus",
-	"sentry-stop-recording": "Pysäytä tallennus",
 	"layermanager-acceptance-time-within": "Karttataso: on tietojen hyväksymisrajojen sisäpuolella",
 	"layermanager-acceptance-time-outside": "Karttataso: on vanhentunut",
 	"layermanager-acceptance-time-updated": "Karttataso: on päivitetty",
@@ -285,8 +281,6 @@ var no = {
 	"syncgroups-add-group": "Legg til ny gruppe til listen",
 	"syncgroups-remove-group": "Fjern gruppen fra listen",
 	"actions-close": "Lukk",
-	"sentry-start-recording": "Start opptak",
-	"sentry-stop-recording": "Stopp opptak",
 	"layermanager-acceptance-time-within": "Lag: innenfor akseptabelt tidsvundu",
 	"layermanager-acceptance-time-outside": "Lag: utenfor akseptabelt tidsvundu",
 	"layermanager-acceptance-time-updated": "Lag: oppdatert",
@@ -372,8 +366,6 @@ var nl = {
 	"syncgroups-add-group": "Groep toevoegen",
 	"syncgroups-remove-group": "Groep verwijderen",
 	"actions-close": "Sluiten",
-	"sentry-start-recording": "Start opname",
-	"sentry-stop-recording": "Stop opname",
 	"layermanager-acceptance-time-within": "Laag: binnen de data acceptatie norm",
 	"layermanager-acceptance-time-outside": "Laag: verouderd",
 	"layermanager-acceptance-time-updated": "Laag: bijgewerkt",
@@ -398,7 +390,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,
@@ -717,6 +710,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",
@@ -937,47 +1116,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;
@@ -1827,151 +1965,6 @@ var returnCorrectSize = function returnCorrectSize(sizeResult) {
   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;
-    }
-    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 _excluded$6 = ["mapId", "preloadedAvailableBaseLayers", "preloadedServices", "tooltip", "settings"];
 var _onRenderTree = function onRenderTree(_ref) {
   var service = _ref.service,
@@ -2257,6 +2250,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'
@@ -4789,6 +4788,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();
@@ -4798,6 +4798,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) {
@@ -4805,7 +4808,8 @@ var LayerInfoButtonConnect = function LayerInfoButtonConnect(_ref) {
         layerName: layerName,
         serviceUrl: serviceUrl,
         source: source,
-        mapId: mapId
+        mapId: mapId,
+        style: currentLayerStyle
       }));
     } else {
       dispatch(layerActions.hideLayerInfo());
@@ -4843,6 +4847,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
@@ -4948,6 +4953,7 @@ var LayerRowConnect = /*#__PURE__*/React.memo(function (_ref) {
     layerShowLayerInfoLayout: jsx(LayerInfoButtonConnect, {
       isFeatureLayer: isFeatureLayer,
       isLayerMissing: isLayerMissing,
+      layerId: layerId,
       layerName: layerName,
       mapId: mapId,
       serviceUrl: layerServiceUrl
@@ -6095,6 +6101,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,
@@ -6102,9 +6114,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
   });
 };
@@ -6938,16 +6968,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: {
@@ -6966,23 +7014,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');
@@ -7012,6 +7076,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
@@ -7194,6 +7260,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,
@@ -7828,7 +7903,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,
@@ -7841,7 +7916,8 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
     source = _ref.source,
     tileServerSettings = _ref.tileServerSettings,
     _ref$featureStyle = _ref.featureStyle,
-    featureStyle = _ref$featureStyle === void 0 ? genericOpenLayersFeatureStyle : _ref$featureStyle;
+    featureStyle = _ref$featureStyle === void 0 ? genericOpenLayersFeatureStyle : _ref$featureStyle,
+    displayTimeInMap = _ref.displayTimeInMap;
   var store = useStore();
   var _useGetOpenLayersView = useGetOpenLayersView(mapId, store),
     view = _useGetOpenLayersView.view;
@@ -7929,7 +8005,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, {
@@ -8130,6 +8220,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
@@ -8275,6 +8387,8 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
         bounds: "parent",
         isDocked: true,
         mapId: mapId
+      }), !!displayTimeInMap && jsx(ClockConnect, {
+        mapId: mapId
       }), children]
     })
   });
@@ -9046,8 +9160,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
@@ -9067,22 +9188,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) {
@@ -9105,8 +9263,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);
@@ -9122,10 +9285,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) {
@@ -9334,7 +9502,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'
@@ -10382,75 +10552,6 @@ var RouterWrapperConnect = function RouterWrapperConnect(props) {
   });
 };
 
-var Circle = styled$1('div')(function (_ref) {
-  var isRecording = _ref.isRecording;
-  return {
-    width: '70%',
-    height: '70%',
-    borderRadius: '50%',
-    backgroundColor: isRecording ? 'red' : 'gray',
-    position: 'absolute',
-    top: '50%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)'
-  };
-});
-var SentryRecordButton = function SentryRecordButton() {
-  var _useCoreTranslation = useCoreTranslation(),
-    t = _useCoreTranslation.t;
-  var _React$useState = React.useState(false),
-    isRecording = _React$useState[0],
-    setIsRecording = _React$useState[1];
-  var replay = getReplay();
-  var toggleRecord = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (isRecording) {
-              _context.next = 5;
-              break;
-            }
-            replay == null || replay.start();
-            setIsRecording(true);
-            _context.next = 8;
-            break;
-          case 5:
-            setIsRecording(false);
-            _context.next = 8;
-            return replay == null ? void 0 : replay.stop();
-          case 8:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function toggleRecord() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var title = isRecording ? t('sentry-stop-recording') : t('sentry-start-recording');
-  return jsx(ErrorBoundary, {
-    displayOnTop: true,
-    handlePromiseRejections: true,
-    children: jsx(CustomTooltip, {
-      title: title,
-      children: jsx(CustomIconButton, {
-        "data-testid": "sentryRecordButton",
-        onClick: toggleRecord,
-        sx: {
-          margin: '10px',
-          border: 'solid 1px gray'
-        },
-        variant: "flat",
-        children: jsx(Circle, {
-          isRecording: isRecording
-        })
-      })
-    })
-  });
-};
-
 var languages = [{
   language: 'English',
   code: 'en',
@@ -10576,7 +10677,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);
@@ -11110,4 +11211,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, SentryRecordButton, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "15.0.0",
+  "version": "15.2.0",
   "description": "GeoWeb Core library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,31 +8,30 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/shared": "15.0.0",
+    "@opengeoweb/shared": "15.2.0",
     "react-redux": "^9.2.0",
-    "@opengeoweb/store": "15.0.0",
-    "@opengeoweb/time-slider": "15.0.0",
+    "@opengeoweb/store": "15.2.0",
+    "@opengeoweb/time-slider": "15.2.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/webmap-react": "15.0.0",
-    "@opengeoweb/webmap": "15.0.0",
-    "@opengeoweb/theme": "15.0.0",
+    "@opengeoweb/webmap-react": "15.2.0",
+    "@opengeoweb/webmap": "15.2.0",
+    "@opengeoweb/theme": "15.2.0",
     "axios": "^1.7.7",
-    "@opengeoweb/layer-select": "15.0.0",
+    "@opengeoweb/layer-select": "15.2.0",
     "lodash": "^4.17.21",
     "ol": "^10.4.0",
     "react-sortablejs": "^6.1.4",
     "sortablejs": "^1.15.1",
     "@mui/system": "^7.3.2",
-    "@opengeoweb/snackbar": "15.0.0",
+    "@opengeoweb/snackbar": "15.2.0",
     "react-router-dom": "^6.21.0",
     "react-draggable": "^4.4.6",
     "i18next": "^25.0.1",
     "react-i18next": "^15.1.1",
     "dompurify": "^3.0.6",
     "@mui/material": "^7.0.1",
-    "@sentry/react": "^8.34.0",
     "@tanstack/react-query": "^5.85.5",
-    "@opengeoweb/api": "15.0.0",
+    "@opengeoweb/api": "15.2.0",
     "@types/geojson": "^7946.0.14",
     "@turf/turf": "^7.2.0",
     "proj4": "^2.15.0"

package/src/lib/components/ComponentsLookUp/componentsLookUp.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { PlotPreset, TimeSeriesService } from '@opengeoweb/shared';
+import type { Coordinates, PlotPreset, SourceSelection, TimeSeriesService } from '@opengeoweb/shared';
 import type { mapTypes } from '@opengeoweb/store';
 import type { InitialHarmTempAndPrecipProps } from '../MultiMapViewConnect/HarmoniePresets';
 import type { ModelRunIntervalProps } from '../MultiMapViewConnect/ModelRunInterval';
@@ -27,7 +27,13 @@ export interface InitialTimeSeriesProps {
     services: TimeSeriesService[];
     hideLocationMarkers?: boolean;
 }
-export type InitialProps = InitialMapProps | InitialMultiMapProps | InitialHarmTempAndPrecipProps | ModelRunIntervalProps | mapTypes.MapPresetInitialProps | InitialSliderProps | InitialTimeSeriesProps | Record<string, unknown>;
+export interface InitialSoundingsProps {
+    selectedSources: Record<string, SourceSelection>;
+    selectedLocations: Record<string, string | Coordinates | undefined>;
+    selectedTime?: string;
+    diagramType?: 'SKEWT' | 'BIJVOET' | 'EMAGRAM';
+}
+export type InitialProps = InitialMapProps | InitialMultiMapProps | InitialHarmTempAndPrecipProps | ModelRunIntervalProps | mapTypes.MapPresetInitialProps | InitialSliderProps | InitialTimeSeriesProps | InitialSoundingsProps | Record<string, unknown>;
 /**
  * The lookup table is for registering your own components with the workspace.
  * @param payload

package/src/lib/components/LayerInfoConnect/LayerInfoButtonConnect.d.ts

@@ -6,6 +6,7 @@ interface LayerInfoButtonProps {
     mapId: string;
     serviceUrl: string;
     layerName: string;
+    layerId: string;
     source?: uiTypes.Source;
 }
 export declare const LayerInfoButtonConnect: React.FC<LayerInfoButtonProps>;

package/src/lib/components/MapViewConnect/MapViewConnect.DisplayClock.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./OlMapViewConnect").OlMapViewConnectProps>;
+    tags: string[];
+};
+export default _default;
+export declare const DisplayTimeExample: () => React.ReactElement;

package/src/lib/components/MapViewConnect/olMapUtils.d.ts

@@ -17,4 +17,6 @@ interface UseFitAndHighlightWarningFeatureOptions {
     mapId: string;
 }
 export declare function useFitAndHighlightWarningFeature({ view, warningDialogFeatures, srs, mapId, }: UseFitAndHighlightWarningFeatureOptions): void;
+/** Compare value with current time and if difference is more than factor times timeStep returns true */
+export declare const getIsOutdated: (compareValue: string, timeStep: number, factor: number) => boolean;
 export {};

package/src/lib/index.d.ts

@@ -17,7 +17,6 @@ export * from './components/RouterWrapper';
 export * from './components/LocationSearch';
 export * from './components/TimeSliderConnect';
 export * from './components/LayerInfoConnect';
-export * from './components/SentryRecordButton';
 export * from './components/LanguageSelect';
 export * from './components/SelectedFeaturesDialog/SelectedFeaturesDialogConnect';
 export { useLocationDetail, useLocationList } from './utils/location-api/hooks';

package/src/lib/utils/defaultTestSettings.d.ts

@@ -18,7 +18,9 @@ export declare const multiDimensionLayer: {
         currentValue: string;
         values?: undefined;
     })[];
-}, WmdefaultReduxLayerRadarKNMI: WMLayer, defaultReduxLayerRadarKNMI: import("@opengeoweb/webmap").LayerOptions, defaultReduxLayerRadarColor: import("@opengeoweb/webmap").LayerOptions, multiDimensionLayer3: import("@opengeoweb/webmap").LayerFoundation;
+}, WmdefaultReduxLayerRadarKNMI: WMLayer, defaultReduxLayerRadarKNMI: import("@opengeoweb/webmap").LayerOptions, defaultReduxLayerRadarColor: import("@opengeoweb/webmap").LayerOptions, multiDimensionLayer3: import("@opengeoweb/webmap").LayerFoundation, defaultReduxLayerRadarKNMIWithStyles: import("@opengeoweb/webmap").LayerFoundation & {
+    styles: import("@opengeoweb/webmap").Style[];
+};
 export declare const flDimensionLayer: layerTypes.Layer;
 export declare const layerWithSingleDimensionValue: WMLayer;
 export declare const WmMultiDimensionLayer: WMLayer;

package/src/lib/components/SentryRecordButton/SentryRecordButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const SentryRecordButton: React.FC;
-export default SentryRecordButton;

package/src/lib/components/SentryRecordButton/SentryRecordButton.spec.d.ts

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

package/src/lib/components/SentryRecordButton/index.d.ts

@@ -1 +0,0 @@
-export { default as SentryRecordButton } from './SentryRecordButton';

package/src/lib/components/WMSLoader/WMSLoader.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { serviceTypes } from '@opengeoweb/store';
-interface WMSLoaderProps {
-    onClickService?: (serviceURL: string, layerName: string) => void;
-    onRenderTree?: (service: serviceTypes.InitialService) => React.ReactNode;
-    highlightedLayers?: [];
-    preloadedServices?: serviceTypes.InitialService[];
-    tooltip?: string;
-}
-declare const WMSLoader: React.FC<WMSLoaderProps>;
-export default WMSLoader;

package/src/lib/components/WMSLoader/WMSLoader.spec.d.ts

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

package/src/lib/components/WMSLoader/WMSLoader.stories.d.ts

@@ -1,12 +0,0 @@
-import type { StoryObj } from '@storybook/react-webpack5';
-import React from 'react';
-import WMSLoader from './WMSLoader';
-declare const _default: {
-    title: string;
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof WMSLoader>;
-export declare const DemoWMSLoad: React.FC;
-export declare const WMSLoaderLight: Story;
-export declare const WMSLoaderDark: Story;

package/src/lib/components/WMSLoader/WMSLoaderConnect.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import type { serviceTypes } from '@opengeoweb/store';
-import { LayerType } from '@opengeoweb/webmap';
-interface WMSLoaderConnectProps {
-    mapId: string;
-    preloadedServices?: serviceTypes.InitialService[];
-    layerType?: LayerType;
-    tooltip?: string;
-}
-/**
- * A pop-up allowing you to add new WMS sources which can then be displayed on the map.
- * A list of preconfigured sources can be given to the component which will always be availble to retrieve layers from
- *
- * Expects the following props:
- * @param {string} mapId mapId: string - Id of the map
- * @param {ServiceRefactorMe[]} [preloadedServices] **optional** preloadedServices: array of Service objects - contains an array of Service objects that are to be loaded as preconfigured WMS services
- * @example
- * ``` <WMSLoaderConnect mapId="mapid_1" preloadedServices = {preloadedServicesList} /> ```
- */
-declare const WMSLoaderConnect: React.FC<WMSLoaderConnectProps>;
-export default WMSLoaderConnect;