@opengeoweb/core 12.12.0 → 13.0.0

package/README.md

@@ -9,7 +9,7 @@ This library was generated with [Nx](https://nx.dev).
 ## Installation
 
 ```
-npm install @opengeoweb/core @opengeoweb/store @opengeoweb/timeslider
+npm install @opengeoweb/core @opengeoweb/store @opengeoweb/time-slider
 ```
 
 ## Use
@@ -25,7 +25,7 @@ import {
   CoreThemeStoreProvider,
 } from '@opengeoweb/core';
 import { storeMiddlewares, storeReducerMap } from '@opengeoweb/store';
-import { TimeSliderConnect } from '@opengeoweb/timeslider';
+import { TimeSliderConnect } from '@opengeoweb/time-slider';
 import { configureStore } from '@reduxjs/toolkit';
 
 const store = configureStore({

package/index.esm.js

@@ -1,18 +1,18 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useCallback, useEffect, useContext, useMemo } from 'react';
-import { Grid, Box, MenuItem, Typography, useTheme, Popper, Fade, Tooltip, styled, LinearProgress, FormControl, InputLabel, Paper, List, ListItemButton, ListItemText, CircularProgress, ListSubheader, DialogContentText, TextField, InputAdornment, Button, Autocomplete, ListItemIcon, Checkbox, Switch, Select } from '@mui/material';
+import { Grid, Box, MenuItem, Typography, useTheme, Popper, Fade, Tooltip, styled, Checkbox, LinearProgress, FormControl, InputLabel, Paper, List, ListItemButton, ListItemText, CircularProgress, ListSubheader, DialogContentText, TextField, InputAdornment, Button, Autocomplete, ListItemIcon, Switch, Select } from '@mui/material';
 import { safelyInitI18nForTestsAndStories, sharedTranslations, SHARED_NAMESPACE, CustomIconButton, CustomTooltip, TooltipSelect, AlertIcon, useScrollingInIsolation, sliderHeaderStyle, CustomSlider, ToggleMenu, tooltipContainerStyles, renderCounter, AlertBanner, CustomAccordion, CustomDialog, PROJECTION, calculateStartSize, useWheelStopPropagation, ToolContainerDraggable, dateUtils, useDebounce, sessionStorageProvider, usePrevious, ErrorBoundary } from '@opengeoweb/shared';
 import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, CloudLoading, ColumnCollapsed, ColumnCollapse, Copy, None, FastForward, AutoUpdateActive, Both, Delete, Visibility, VisibilityOff, DragHandle as DragHandle$1, Cached, Add, MapAdd, WorldMapProjection, Overlayers, Layers, ExitDomain, Info, Search, Exclamation, MyLocation, Close, ThemeWrapper, lightTheme, FlagBritain, FlagNetherlands, FlagFinland, FlagNorway } from '@opengeoweb/theme';
 import i18n from 'i18next';
 import { useTranslation, I18nextProvider } from 'react-i18next';
-import { TIMESLIDER_NAMESPACE, timesliderTranslations, defaultTimeSpan, SpeedButton, TimeStepButton, AnimationLengthButton, AnimationLength, TimeSpanButton, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, OptionsMenuButton, PlayButton, defaultTimeStep, BackwardForwardStepButton, AutoUpdateButton, NowButton, handleSetNowEvent, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, onsetNewDateDebounced, defaultSecondsPerPx, moveSelectedTimePx, TimeSlider, getFilteredTime, ControlButtons, OptionsMenu, TimeSliderClock } from '@opengeoweb/timeslider';
-import { webmapReactTranslations, WEBMAP_REACT_NAMESPACE, webmapTranslations, WEBMAP_NAMESPACE, LayerInfoButton, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, LegendDialog, LegendButton, MapContext, emptyGeoJSON, MapFeatureClass, setMapCenter, OpenLayersFeatureLayer, OpenLayersMapDraw, getIsInsideAcceptanceTime, OpenLayersLayer, useSetIntervalWhenVisible, openLayersGetMapImageStore, TimeContext, OpenLayersMapView, WMSLayer, genericOpenLayersFeatureStyle, OpenLayersGetFeatureInfo, MapControls, OpenLayersZoomControl, getLayerUpdateInfo, publicLayers } from '@opengeoweb/webmap-react';
+import { TIME_SLIDER_NAMESPACE, timesliderTranslations, defaultTimeSpan, SpeedButton, TimeStepButton, AnimationLengthButton, AnimationLength, TimeSpanButton, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, OptionsMenuButton, PlayButton, defaultTimeStep, BackwardForwardStepButton, AutoUpdateButton, NowButton, handleSetNowEvent, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, onsetNewDateDebounced, defaultSecondsPerPx, moveSelectedTimePx, TimeSlider, getFilteredTime, ControlButtons, OptionsMenu, TimeSliderClock } from '@opengeoweb/time-slider';
+import { webmapReactTranslations, WEBMAP_REACT_NAMESPACE, webmapTranslations, WEBMAP_NAMESPACE, LayerInfoButton, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, LegendDialog, LegendButton, MapContext, emptyGeoJSON, MapFeatureClass, setMapCenter, OpenLayersFeatureLayer, OpenLayersMapDraw, makeTimeList, getIsInsideAcceptanceTime, OpenLayersLayer, useSetIntervalWhenVisible, openLayersGetMapImageStore, TimeContext, OpenLayersMapView, WMSLayer, genericOpenLayersFeatureStyle, OpenLayersGetFeatureInfo, MapControls, OpenLayersZoomControl, getLayerUpdateInfo, publicLayers } from '@opengeoweb/webmap-react';
 import { useDispatch, useSelector, connect, useStore, Provider } from 'react-redux';
 import { ReactSortable } from 'react-sortablejs';
 import Sortable from 'sortablejs';
 import { layerTypes, layerUtils, mapSelectors, layerActions, layerSelectors, serviceSelectors, serviceActions, mapActions, mapEnums, uiSelectors, uiTypes, useSetupDialog, filterLayers, getUserAddedServices, uiActions, genericActions, syncGroupsSelectors, drawingToolSelectors, syncConstants, getViewObjectForSyncGroup, getViewObjectForMapId, genericSelectors, loadingIndicatorActions, defaultLayers, getSingularDrawtoolDrawLayerId, syncGroupsSelector, syncGroupsActions, routerUtils, mapUtils } from '@opengeoweb/store';
-import { webmapUtils, queryWMSServiceInfo, queryWMSLayers, queryWMSLayersTree, invalidateWMSGetCapabilities, LayerType, getWMSServiceId, handleDateUtilsISOString, getMapDimURL, generateLayerId, WMJSDimension, getWMLayerById, WMLayer } from '@opengeoweb/webmap';
+import { webmapUtils, LayerType, queryWMSServiceInfo, queryWMSLayers, queryWMSLayersTree, invalidateWMSGetCapabilities, getWMSServiceId, handleDateUtilsISOString, getMapDimURL, generateLayerId, WMJSDimension, getWMLayerById, WMLayer } from '@opengeoweb/webmap';
 import _, { isArray, isEqual, range } from 'lodash';
 import { Box as Box$1, styled as styled$1 } from '@mui/system';
 import { LayerSelectButtonConnect, LayerSelectConnect, DataExplorerButtonConnect } from '@opengeoweb/layer-select';
@@ -58,6 +58,7 @@ var en = {
 	"layermanager-style-title": "Style",
 	"layermanager-layer-error": "This layer could not be loaded: does not exist on the server.",
 	"layermanager-layer": "Layer",
+	"layermanager-layer-multi": "Layers",
 	"layermanager-layer-toggle": "Toggle visibility",
 	"layermanager-layer-select": "Open the layer selector",
 	"layermanager-layer-drag": "Drag",
@@ -75,6 +76,7 @@ var en = {
 	"layermanager-header-button-large": "large",
 	"layermanager-header-button-dock": "Dock",
 	"layermanager-header-button-undock": "Undock",
+	"layermanager-EDR": "EDR: ",
 	"projection-title": "Projection",
 	"wms-loader-description": "Please enter a wms server, or select one from the list.",
 	"wms-loader-no-data": "No data",
@@ -697,11 +699,11 @@ var initCoreReactI18n = function initCoreReactI18n() {
     ns: SHARED_NAMESPACE,
     translations: sharedTranslations
   }, {
-    ns: TIMESLIDER_NAMESPACE,
+    ns: TIME_SLIDER_NAMESPACE,
     translations: timesliderTranslations
   }]);
 };
-var ns = [CORE_NAMESPACE, TIMESLIDER_NAMESPACE];
+var ns = [CORE_NAMESPACE, TIME_SLIDER_NAMESPACE];
 var useCoreTranslation = function useCoreTranslation() {
   return useTranslation(ns);
 };
@@ -1387,6 +1389,27 @@ var DimensionSelect = function DimensionSelect(_ref) {
   });
 };
 
+var showNoLayers = function showNoLayers(t) {
+  return jsx(Box, {
+    sx: {
+      paddingLeft: 1,
+      height: '32px',
+      display: 'inline-flex',
+      alignItems: 'center'
+    },
+    children: jsx(Typography, {
+      variant: "body1",
+      sx: {
+        fontSize: function fontSize(theme) {
+          return theme.palette.geowebColors.layerManager.tableRowDefaultText.fontSize;
+        },
+        color: 'geowebColors.layerManager.tableRowDefaultText.rgba',
+        fontWeight: 500
+      },
+      children: t('layermanager-baselayers-no-available')
+    })
+  });
+};
 var getRenderLayersValues = function getRenderLayersValues(layerName, layers) {
   var serviceLayer = layers.find(function (layer) {
     return layer.name === layerName;
@@ -1425,25 +1448,7 @@ var RenderLayers = function RenderLayers(_ref) {
     t = _useCoreTranslation.t;
   var nonEmptyTooltipPrefix = tooltipPrefix != null ? tooltipPrefix : t('layermanager-layer') + ": ";
   if (!layers || !layers.length) {
-    return jsx(Box, {
-      sx: {
-        paddingLeft: 1,
-        height: '32px',
-        display: 'inline-flex',
-        alignItems: 'center'
-      },
-      children: jsx(Typography, {
-        variant: "body1",
-        sx: {
-          fontSize: function fontSize(theme) {
-            return theme.palette.geowebColors.layerManager.tableRowDefaultText.fontSize;
-          },
-          color: 'geowebColors.layerManager.tableRowDefaultText.rgba',
-          fontWeight: 500
-        },
-        children: t('layermanager-baselayers-no-available')
-      })
-    });
+    return showNoLayers(t);
   }
   var selectLayer = function selectLayer(event) {
     event.stopPropagation();
@@ -2212,6 +2217,8 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
     layerName = _ref8.layerName,
     services = _ref8.services,
     mapId = _ref8.mapId,
+    _ref8$isEDRLayer = _ref8.isEDRLayer,
+    isEDRLayer = _ref8$isEDRLayer === void 0 ? false : _ref8$isEDRLayer,
     _ref8$onLayerRowClick = _ref8.onLayerRowClick,
     onLayerRowClick = _ref8$onLayerRowClick === void 0 ? function () {} : _ref8$onLayerRowClick,
     _ref8$isEnabled = _ref8.isEnabled,
@@ -2303,6 +2310,7 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
             onChangeActive: onClickRow
           }),
           layerName: layerName,
+          isEDRLayer: isEDRLayer,
           Styles: layerStylesLayout || jsx(Styles, {
             style: layer.style,
             onChangeStyle: changeStyle
@@ -2448,9 +2456,12 @@ var Accordion = function Accordion(_ref0) {
     Opacity = _ref0.Opacity,
     layerName = _ref0.layerName,
     LeftButtons = _ref0.LeftButtons,
-    LoadDuration = _ref0.LoadDuration;
+    LoadDuration = _ref0.LoadDuration,
+    _ref0$isEDRLayer = _ref0.isEDRLayer,
+    isEDRLayer = _ref0$isEDRLayer === void 0 ? false : _ref0$isEDRLayer;
   var _useCoreTranslation3 = useCoreTranslation(),
     t = _useCoreTranslation3.t;
+  var displayLayerName = isEDRLayer ? t('layermanager-EDR') + layerName : layerName;
   return jsx(CustomAccordion, {
     className: "medium-layermanager",
     defaultExpanded: false,
@@ -2473,7 +2484,7 @@ var Accordion = function Accordion(_ref0) {
           display: 'flex',
           alignItems: 'center'
         },
-        children: layerName
+        children: displayLayerName
       })]
     }),
     children: jsxs(Grid, {
@@ -2785,6 +2796,127 @@ var RenderStylesConnect = function RenderStylesConnect(_ref) {
   });
 };
 
+var getRenderEDRLayersValues = function getRenderEDRLayersValues(selectedParams, layers) {
+  var paramArray = selectedParams.reduce(function (obj, param) {
+    var serviceLayer = layers.find(function (layer) {
+      return layer.name === param;
+    });
+    if (!serviceLayer) {
+      return {
+        notFound: obj.notFound.concat([param]),
+        found: [].concat(obj.found)
+      };
+    }
+    return {
+      found: obj.found.concat([param]),
+      notFound: [].concat(obj.notFound)
+    };
+  }, {
+    found: [],
+    notFound: []
+  });
+  if (paramArray.notFound.length > 0) {
+    return {
+      currentValues: [].concat(paramArray.found, [paramArray.notFound.join(',')]),
+      extendedLayers: [].concat(layers, [{
+        name: paramArray.notFound.join(','),
+        title: paramArray.notFound.join(','),
+        leaf: true,
+        path: []
+      }])
+    };
+  }
+  return {
+    currentValues: selectedParams,
+    extendedLayers: layers
+  };
+};
+var RenderEDRLayers = function RenderEDRLayers(_ref) {
+  var onChangeLayerOptions = _ref.onChangeLayerOptions,
+    selectedParams = _ref.selectedParams,
+    _ref$layers = _ref.layers,
+    layers = _ref$layers === void 0 ? [] : _ref$layers,
+    layerName = _ref.layerName,
+    collectionId = _ref.collectionId,
+    _ref$isEnabled = _ref.isEnabled,
+    isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
+    tooltipPrefix = _ref.tooltipPrefix,
+    skipLocalStyling = _ref.skipLocalStyling;
+  var _useCoreTranslation = useCoreTranslation(),
+    t = _useCoreTranslation.t;
+  var nonEmptyTooltipPrefix = tooltipPrefix != null ? tooltipPrefix : selectedParams.length === 1 ? t('layermanager-layer') + ": " : t('layermanager-layer-multi') + ": ";
+  if (!layers || !layers.length) {
+    return showNoLayers(t);
+  }
+  var selectLayer = function selectLayer(event) {
+    event.stopPropagation();
+    // Ensure after deselecting all, the empty value gets removed
+    var parameterNames = event.target.value.filter(function (param) {
+      return param !== '';
+    });
+    onChangeLayerOptions({
+      collectionId: collectionId,
+      parameterNames: parameterNames
+    });
+  };
+  var _getRenderEDRLayersVa = getRenderEDRLayersValues(selectedParams, layers),
+    currentValues = _getRenderEDRLayersVa.currentValues,
+    extendedLayers = _getRenderEDRLayersVa.extendedLayers;
+  var list = extendedLayers.map(function (layer) {
+    return {
+      value: layer.name
+    };
+  });
+  var edrText = t('layermanager-EDR');
+  var tooltipNames = currentValues.map(function (value) {
+    var layer = extendedLayers.find(function (layer) {
+      return value === layer.name;
+    });
+    return (layer == null ? void 0 : layer.title) || (layer == null ? void 0 : layer.name);
+  });
+  var tooltip = nonEmptyTooltipPrefix + " " + tooltipNames.sort(function (paramA, paramB) {
+    return (paramA != null ? paramA : '').localeCompare(paramB != null ? paramB : '');
+  }).join(', ');
+  return jsxs(TooltipSelect, {
+    disableUnderline: true,
+    tooltip: tooltip,
+    inputProps: {
+      SelectDisplayProps: {
+        'data-testid': 'selectEDRLayer'
+      }
+    },
+    isEnabled: isEnabled,
+    value: currentValues,
+    list: list,
+    onChange: selectLayer,
+    skipLocalStyling: skipLocalStyling,
+    multiple: true,
+    renderValue: function renderValue() {
+      return edrText + layerName;
+    },
+    children: [jsx(MenuItem, {
+      disabled: true,
+      children: t('layermanager-layer')
+    }), extendedLayers.map(function (layerFromServiceLayers, currentIndex) {
+      return jsxs(MenuItem, {
+        value: layerFromServiceLayers.name,
+        disabled: !layerFromServiceLayers.leaf,
+        sx: {
+          '&.MuiMenuItem-root.Mui-selected': {
+            background: 'none',
+            color: 'geowebColors.typographyAndIcons.text'
+          }
+        },
+        children: [jsx(Checkbox, {
+          checked: currentValues.includes(layerFromServiceLayers.name)
+        }), layerFromServiceLayers.title, currentIndex === layers.length && jsx(AlertIcon, {
+          severity: "error"
+        })]
+      }, layerFromServiceLayers.name);
+    })]
+  });
+};
+
 var RenderLayersConnect = function RenderLayersConnect(_ref) {
   var layerId = _ref.layerId,
     mapId = _ref.mapId,
@@ -2794,6 +2926,12 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
   var layerName = useSelector(function (store) {
     return layerSelectors.getLayerName(store, layerId);
   });
+  var layerDisplayName = useSelector(function (store) {
+    return layerSelectors.getLayerDisplayName(store, layerId);
+  });
+  var layerType = useSelector(function (store) {
+    return layerSelectors.getLayerType(store, layerId);
+  });
   var layerService = useSelector(function (store) {
     return layerSelectors.getLayerService(store, layerId);
   });
@@ -2803,6 +2941,9 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
   var service = useSelector(function (store) {
     return serviceSelectors.getServiceByUrl(store, layerService);
   });
+  var layerOptions = useSelector(function (store) {
+    return layerSelectors.getLayerOptions(store, layerId);
+  });
   var serviceSetLayers = React.useCallback(function (payload) {
     dispatch(serviceActions.serviceSetLayers(payload));
   }, [dispatch]);
@@ -2861,6 +3002,36 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
       origin: layerTypes.LayerActionOrigin.layerManager
     }));
   }, [dispatch, mapId]);
+  var layerChangeOptions = React.useCallback(function (_ref4) {
+    var layerId = _ref4.layerId,
+      options = _ref4.options;
+    return dispatch(layerActions.layerChangeOptions({
+      layerId: layerId,
+      options: options,
+      mapId: mapId,
+      origin: layerTypes.LayerActionOrigin.layerManager
+    }));
+  }, [dispatch, mapId]);
+  if (layerType === LayerType.edrFeatureLayer) {
+    var _layerOptions$paramet;
+    var selectedParams = (_layerOptions$paramet = layerOptions == null ? void 0 : layerOptions.parameterNames) != null ? _layerOptions$paramet : [];
+    var collectionId = (layerOptions == null ? void 0 : layerOptions.collectionId) || '';
+    return jsx(RenderEDRLayers, {
+      layers: layers,
+      layerName: layerDisplayName,
+      collectionId: collectionId,
+      selectedParams: selectedParams,
+      onChangeLayerOptions: function onChangeLayerOptions(options) {
+        layerChangeOptions({
+          layerId: layerId,
+          options: options
+        });
+      },
+      isEnabled: isLayerEnabled,
+      tooltipPrefix: tooltipPrefix,
+      skipLocalStyling: skipLocalStyling
+    });
+  }
   return jsx(RenderLayers, {
     layers: layers,
     layerName: layerName,
@@ -3151,21 +3322,11 @@ var MissingDataConnect = function MissingDataConnect(_ref) {
   var layerIsInsideAcceptanceTime = useSelector(function (store) {
     return layerSelectors.getLayerIsInsideAcceptanceTime(store, layerId, mapId);
   });
-  var layerName = useSelector(function (store) {
-    return layerSelectors.getLayerName(store, layerId);
-  });
-  var layerService = useSelector(function (store) {
-    return layerSelectors.getLayerService(store, layerId);
+  var isLayerMissing = useSelector(function (store) {
+    return layerSelectors.getIsLayerMissing(store, layerId);
   });
-  var serviceLayer = useSelector(function (store) {
-    return serviceSelectors.getLayerFromService(store, layerService, layerName);
-  });
-  var layerStatus = useSelector(function (store) {
-    return layerSelectors.getLayerStatus(store, layerId);
-  });
-  var layerIsMissingOnServer = !serviceLayer || layerStatus === layerTypes.LayerStatus.error;
   return jsx(MissingData, {
-    layerIsInsideAcceptanceTime: layerIsMissingOnServer ? 'outside' : layerIsInsideAcceptanceTime
+    layerIsInsideAcceptanceTime: isLayerMissing ? 'outside' : layerIsInsideAcceptanceTime
   });
 };
 
@@ -3290,37 +3451,32 @@ var LayerRowConnect = /*#__PURE__*/React.memo(function (_ref) {
   var layerName = useSelector(function (store) {
     return layerSelectors.getLayerName(store, layerId);
   });
-  var layerServiceUrl = useSelector(function (store) {
-    return layerSelectors.getLayerService(store, layerId);
-  });
-  var serviceLayer = useSelector(function (store) {
-    return serviceSelectors.getLayerFromService(store, layerServiceUrl, layerName);
+  var layerDisplayName = useSelector(function (store) {
+    return layerSelectors.getLayerDisplayName(store, layerId);
   });
-  var layerStatus = useSelector(function (store) {
-    return layerSelectors.getLayerStatus(store, layerId);
+  var layerType = useSelector(function (store) {
+    return layerSelectors.getLayerType(store, layerId);
   });
-  var currentlySelectedLayer = useSelector(function (store) {
-    return layerSelectors.getLayerByIdWithoutTimeDimension(store, layerId);
+  var isEDRLayer = layerType === LayerType.edrFeatureLayer;
+  var layerServiceUrl = useSelector(function (store) {
+    return layerSelectors.getLayerService(store, layerId);
   });
-  var layerWithAllData = useSelector(function (store) {
-    return serviceSelectors.getLayerFromService(store, currentlySelectedLayer == null ? void 0 : currentlySelectedLayer.service, currentlySelectedLayer == null ? void 0 : currentlySelectedLayer.name);
+  var isLayerMissing = useSelector(function (store) {
+    return layerSelectors.getIsLayerMissing(store, layerId);
   });
-  var currentService = useSelector(function (store) {
-    return serviceSelectors.getServiceByUrl(store, layerServiceUrl);
-  });
-  var fullLayerName = serviceLayer == null ? void 0 : serviceLayer.title;
   renderCounter.count(LayerRowConnect.name);
   return jsx(LayerRow, {
     isEnabled: isEnabled,
     mapId: mapId,
     layerId: layerId,
-    isLayerMissing: !serviceLayer || layerStatus === layerTypes.LayerStatus.error,
-    layerName: fullLayerName || layerName,
+    isLayerMissing: isLayerMissing,
+    layerName: layerDisplayName,
+    isEDRLayer: isEDRLayer,
     layerEnableLayout: jsx(EnableLayerConnect, {
       layerId: layerId,
       mapId: mapId,
       isEnabled: isEnabled,
-      layerName: fullLayerName || layerName,
+      layerName: layerDisplayName,
       icon: isEnabled ? settings == null || (_settings$enableLayer = settings.enableLayer) == null ? void 0 : _settings$enableLayer.enabledIcon : settings == null || (_settings$enableLayer2 = settings.enableLayer) == null ? void 0 : _settings$enableLayer2.disabledIcon,
       tooltipTitle: isEnabled ? settings == null || (_settings$enableLayer3 = settings.enableLayer) == null ? void 0 : _settings$enableLayer3.enabledTooltipTitle : settings == null || (_settings$enableLayer4 = settings.enableLayer) == null ? void 0 : _settings$enableLayer4.disabledTooltipTitle
     }),
@@ -3364,10 +3520,10 @@ var LayerRowConnect = /*#__PURE__*/React.memo(function (_ref) {
       layerId: layerId
     }, settings == null ? void 0 : settings.deleteLayer)),
     layerShowLayerInfoLayout: jsx(LayerInfoButtonConnect, {
-      isLayerMissing: !serviceLayer,
+      isLayerMissing: isLayerMissing,
       mapId: mapId,
-      serviceUrl: currentService == null ? void 0 : currentService.serviceUrl,
-      layerName: (layerWithAllData == null ? void 0 : layerWithAllData.name) || ''
+      serviceUrl: layerServiceUrl,
+      layerName: layerName
     }),
     layerMenuLayout: jsx(LayerManagerMenuButtonConnect, Object.assign({
       mapId: mapId,
@@ -4802,7 +4958,8 @@ var OverlayersSelectConnect = function OverlayersSelectConnect(_ref) {
   var changeOverlayer = React__default.useCallback(function (mapId, selectedOverlayer) {
     dispatch(mapActions.changeOverlayer({
       mapId: mapId || '',
-      selectedOverlayer: selectedOverlayer.id
+      selectedOverlayer: selectedOverlayer.id,
+      origin: 'map'
     }));
   }, [dispatch]);
   return jsx(OverlayersSelect, {
@@ -5219,6 +5376,9 @@ var DimensionSelectSliderConnect = function DimensionSelectSliderConnect(_ref) {
   var layerDimension = useSelector(function (store) {
     return layerSelectors.getLayerDimension(store, layerId, dimensionName);
   });
+  var layerName = useSelector(function (store) {
+    return layerSelectors.getLayerName(store, layerId);
+  });
   var _useLayerDimensions = useLayerDimensions(layerId, mapId),
     isLayerEnabled = _useLayerDimensions.isLayerEnabled;
   if (!layerDimension || !isLayerEnabled) {
@@ -5229,7 +5389,8 @@ var DimensionSelectSliderConnect = function DimensionSelectSliderConnect(_ref) {
     dimensionName: dimensionName,
     handleDimensionValueChanged: handleDimensionValueChanged,
     handleSyncChanged: handleSyncChanged,
-    layerDimension: layerDimension
+    layerDimension: layerDimension,
+    layerName: layerName
   });
 };
 
@@ -5552,6 +5713,11 @@ var AnimationLengthButtonConnect = function AnimationLengthButtonConnect(_ref) {
     var animationEndTime = dateUtils.dateToIsoString(dateUtils.add(dateUtils.utc(selectedAnimationStartTime), {
       minutes: length
     }));
+    dispatch(mapActions.setAnimationStartTime({
+      mapId: mapId,
+      animationStartTime: selectedAnimationStartTime || dateUtils.dateToIsoString(dateUtils.utc()),
+      origin: mapEnums.MapActionOrigin.map
+    }));
     dispatch(mapActions.setAnimationEndTime({
       mapId: mapId,
       animationEndTime: animationEndTime || dateUtils.dateToIsoString(dateUtils.utc()),
@@ -5619,10 +5785,6 @@ var TimeSpanButtonConnect = function TimeSpanButtonConnect(_ref) {
     var newSecondsPerPx = secondsPerPxFromCanvasWidth(timeSliderWidth, spanInSeconds);
     var newCenterTime = getNewCenterOfFixedPointZoom(selectedTime, secondsPerPx, newSecondsPerPx, centerTime);
     if (spanInSeconds !== undefined && newCenterTime !== undefined && newSecondsPerPx !== undefined) {
-      dispatch(mapActions.setTimeSliderSecondsPerPx({
-        mapId: mapId,
-        timeSliderSecondsPerPx: newSecondsPerPx
-      }));
       dispatch(mapActions.setTimeSliderSpan({
         mapId: mapId,
         timeSliderSpan: spanInSeconds,
@@ -5792,7 +5954,9 @@ var NowButtonConnect = function NowButtonConnect(_ref) {
     dispatch(genericActions.setTime({
       sourceId: sourceId,
       origin: 'NowButtonConnect, 140',
-      value: handleDateUtilsISOString(newDate)
+      value: {
+        currentTime: handleDateUtilsISOString(newDate)
+      }
     }));
   };
   var onSetCenterTime = function onSetCenterTime(newTime) {
@@ -5997,16 +6161,6 @@ var TimeSliderLegendConnect = function TimeSliderLegendConnect(_ref) {
         timeSliderCenterTime: newTime
       }));
     },
-    onZoom: function onZoom(newSecondsPerPx, newCenterTime) {
-      dispatch(mapActions.setTimeSliderSecondsPerPx({
-        mapId: mapId,
-        timeSliderSecondsPerPx: newSecondsPerPx
-      }));
-      dispatch(mapActions.setTimeSliderCenterTime({
-        mapId: mapId,
-        timeSliderCenterTime: newCenterTime
-      }));
-    },
     onSetAnimationStartTime: function onSetAnimationStartTime(animationStartTime) {
       dispatch(mapActions.setAnimationStartTime({
         mapId: mapId,
@@ -6027,14 +6181,6 @@ var TimeSliderLegendConnect = function TimeSliderLegendConnect(_ref) {
           mapId: mapId,
           timeSliderWidth: newWidth
         }));
-        var spanInSeconds = secondsPerPx * storeWidth;
-        var newSecondsPerPx = secondsPerPxFromCanvasWidth(newWidth, spanInSeconds);
-        if (newSecondsPerPx !== undefined) {
-          dispatch(mapActions.setTimeSliderSecondsPerPx({
-            mapId: mapId,
-            timeSliderSecondsPerPx: newSecondsPerPx
-          }));
-        }
       }
     },
     adjustSelectedTimeOnWheel: adjustSelectedTimeOnWheel
@@ -6091,14 +6237,12 @@ var useUpdateTimeSpan = function useUpdateTimeSpan(mapId, myOnSetTimeSliderSpan)
   var isAnimating = useSelector(function (store) {
     return mapSelectors.isAnimating(store, mapId);
   });
-  var updateTimeSliderSpan = function updateTimeSliderSpan(spanInSeconds, newCenterTime, newSecondsPerPx) {
-    if (spanInSeconds !== undefined && newCenterTime !== undefined && newSecondsPerPx !== undefined) {
-      // Do not dispatch actions if values are the same
-      if (currentTimeSpan !== spanInSeconds || secondsPerPx !== newSecondsPerPx || centerTime !== newCenterTime) {
-        myOnSetTimeSliderSpan(spanInSeconds, newCenterTime, newSecondsPerPx);
-      }
+  var updateTimeSliderSpan = React.useCallback(function (spanInSeconds, newCenterTime) {
+    // Do not dispatch actions if values are the same
+    if (spanInSeconds !== undefined && newCenterTime !== undefined && (currentTimeSpan !== spanInSeconds || centerTime !== newCenterTime)) {
+      myOnSetTimeSliderSpan(spanInSeconds, newCenterTime);
     }
-  };
+  }, [centerTime, currentTimeSpan, myOnSetTimeSliderSpan]);
   React.useEffect(function () {
     if (isTimeSpanAuto && autoTimeStepLayerId && activeLayerTimeDimension && !isAnimating) {
       var _getTimeBounds = getTimeBounds([activeLayerTimeDimension]),
@@ -6107,14 +6251,12 @@ var useUpdateTimeSpan = function useUpdateTimeSpan(mapId, myOnSetTimeSliderSpan)
       var minimumStartTime = selectedTime - 24 * 3600;
       var slicedStartTime = startTime < minimumStartTime ? minimumStartTime : startTime;
       var spanInSeconds = endTime - slicedStartTime;
-      var newSecondsPerPx = secondsPerPxFromCanvasWidth(timeSliderWidth, spanInSeconds);
       var newCenterTime = (slicedStartTime + endTime) / 2;
-      updateTimeSliderSpan(spanInSeconds, newCenterTime, newSecondsPerPx);
+      updateTimeSliderSpan(spanInSeconds, newCenterTime);
     } else {
       var _spanInSeconds = currentTimeSpan || defaultTimeSpan;
-      var _newSecondsPerPx = secondsPerPxFromCanvasWidth(timeSliderWidth, _spanInSeconds);
-      var _newCenterTime = getNewCenterOfFixedPointZoom(selectedTime, secondsPerPx, _newSecondsPerPx, centerTime);
-      updateTimeSliderSpan(_spanInSeconds, _newCenterTime, _newSecondsPerPx);
+      var _newCenterTime = getNewCenterOfFixedPointZoom(selectedTime, secondsPerPx, secondsPerPxFromCanvasWidth(timeSliderWidth, _spanInSeconds), centerTime);
+      updateTimeSliderSpan(_spanInSeconds, _newCenterTime);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [autoTimeStepLayerId, isTimeSpanAuto, mapId, activeLayerTimeDimension == null ? void 0 : activeLayerTimeDimension.name]);
@@ -6162,19 +6304,11 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
       origin: mapEnums.MapActionOrigin.map
     }));
   }, [dispatch, mapId]);
-  var onSetTimeSliderSpan = React.useCallback(function (newSpan, newCenterTime, newSecondsPerPx) {
-    dispatch(mapActions.setTimeSliderSecondsPerPx({
-      mapId: mapId,
-      timeSliderSecondsPerPx: newSecondsPerPx
-    }));
+  var onSetTimeSliderSpan = React.useCallback(function (newSpan) {
     dispatch(mapActions.setTimeSliderSpan({
       mapId: mapId,
       timeSliderSpan: newSpan
     }));
-    dispatch(mapActions.setTimeSliderCenterTime({
-      mapId: mapId,
-      timeSliderCenterTime: newCenterTime
-    }));
   }, [dispatch, mapId]);
   var timeStep = useSelector(function (store) {
     return mapSelectors.getMapTimeStep(store, mapId);
@@ -6216,7 +6350,9 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
     dispatch(genericActions.setTime({
       sourceId: sourceId,
       origin: 'TimeSliderConnect',
-      value: handleDateUtilsISOString(newDate)
+      value: {
+        currentTime: handleDateUtilsISOString(newDate)
+      }
     }));
   }, [dispatch, isAnimating, mapId, sourceId]);
   // Update local state when time is updated outside of this component, e.g. during animation or syncgroups
@@ -7418,65 +7554,53 @@ var OpenLayersFeatureLayerConnect = function OpenLayersFeatureLayerConnect(_ref)
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var makePrefetchTimeSpan = function makePrefetchTimeSpan(timeSliderStartCenterEndTime, animationStartTime, animationEndTime, isAnimating) {
-  var timeSliderTimeStepInS = timeSliderStartCenterEndTime.step * 60;
-  var animationTimeStartInS = dateUtils.parseISO(animationStartTime).getTime() / 1000;
-  var animationTimeEndInS = dateUtils.parseISO(animationEndTime).getTime() / 1000;
-  var prefetchStart = isAnimating ? animationTimeStartInS : timeSliderStartCenterEndTime.start;
-  var prefetchEnd = isAnimating ? animationTimeEndInS : timeSliderStartCenterEndTime.end;
-  if (!prefetchStart || !prefetchEnd) {
+var makePrefetchTimeSpan = function makePrefetchTimeSpan(timeSliderStartCenterEndTime, isAnimating, prefetchList) {
+  var timeSliderTimeStepInS = timeSliderStartCenterEndTime.step * 60 * 1000;
+  var prefetchStart = timeSliderStartCenterEndTime.start * 1000;
+  var prefetchEnd = timeSliderStartCenterEndTime.end * 1000;
+  if (isAnimating || !prefetchStart || !prefetchEnd) {
     return {
-      timespan: {
-        start: 0,
-        end: 0,
-        step: 0
-      },
-      isAnimating: isAnimating
+      isAnimating: isAnimating,
+      prefetchList: prefetchList
     };
   }
   var roundStart = Math.round(prefetchStart / timeSliderTimeStepInS) * timeSliderTimeStepInS;
-  var roundEnd = Math.round(prefetchEnd / timeSliderTimeStepInS) * timeSliderTimeStepInS;
+  var roundEnd = Math.round(prefetchEnd / timeSliderTimeStepInS) * timeSliderTimeStepInS + timeSliderTimeStepInS;
+  var timeSpanList = makeTimeList({
+    start: roundStart,
+    end: roundEnd,
+    step: timeSliderTimeStepInS
+  });
   // eslint-disable-next-line no-constant-condition
   return {
-    timespan: {
-      start: roundStart * 1000,
-      end: roundEnd * 1000,
-      step: timeSliderTimeStepInS * 1000
-    },
-    isAnimating: isAnimating
+    isAnimating: isAnimating,
+    prefetchList: timeSpanList
   };
 };
 var makeLayerInfoPayload = function makeLayerInfoPayload(payload, mapDimensions, mapId) {
   // During intialization, try to base the layer dimension on the current map dimension value.
+  var origin = 'onInitializeLayer in OlMapViewLayerConnect';
+  var dimensions = (payload.dimensions || []).map(function (layerDim) {
+    var _find;
+    var currentMapDim = ((_find = (mapDimensions || []).find(function (mapDim) {
+      return mapDim.name === layerDim.name;
+    })) == null ? void 0 : _find.currentValue) || layerDim.currentValue;
+    var wmDim = new WMJSDimension(layerDim);
+    return Object.assign({}, layerDim, {
+      currentValue: wmDim.getClosestValue(currentMapDim, true)
+    });
+  });
   var updatedPayLoad = {
-    origin: 'onInitializeLayer in OlMapViewLayerConnect',
+    origin: origin,
     layerDimensions: {
       layerId: payload.layerId,
-      origin: 'onInitializeLayer in OlMapViewLayerConnect',
-      dimensions: (payload.dimensions || []).map(function (layerDim) {
-        var _find;
-        var currentMapDim = ((_find = (mapDimensions || []).find(function (mapDim) {
-          return mapDim.name === layerDim.name;
-        })) == null ? void 0 : _find.currentValue) || layerDim.currentValue;
-        var wmDim = new WMJSDimension(layerDim);
-        return Object.assign({}, layerDim, {
-          currentValue: wmDim.getClosestValue(currentMapDim)
-        });
-      })
+      origin: origin,
+      dimensions: dimensions
     },
     mapDimensions: {
       mapId: mapId,
-      origin: 'onInitializeLayer in OlMapViewLayerConnect',
-      dimensions: (payload.dimensions || []).map(function (layerDim) {
-        var _find2;
-        var currentMapDim = ((_find2 = (mapDimensions || []).find(function (mapDim) {
-          return mapDim.name === layerDim.name;
-        })) == null ? void 0 : _find2.currentValue) || layerDim.currentValue;
-        var wmDim = new WMJSDimension(layerDim);
-        return Object.assign({}, layerDim, {
-          currentValue: wmDim.getClosestValue(currentMapDim)
-        });
-      })
+      origin: origin,
+      dimensions: dimensions
     }
   };
   return updatedPayLoad;
@@ -7659,7 +7783,7 @@ var useGetOpenLayersView = function useGetOpenLayersView(mapId, store) {
  * @param {object} [controls.zoomControls] **optional** controls: object - toggle the map controls, zoomControls defaults to true
  */
 var OlMapViewConnect = function OlMapViewConnect(_ref) {
-  var _featureProperties$va;
+  var _useSelector2, _featureProperties$va;
   var mapId = _ref.mapId,
     children = _ref.children,
     _ref$controls = _ref.controls,
@@ -7670,7 +7794,9 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
     initialBbox = _ref.initialBbox,
     holdShiftToScroll = _ref.holdShiftToScroll,
     source = _ref.source,
-    tileServerSettings = _ref.tileServerSettings;
+    tileServerSettings = _ref.tileServerSettings,
+    _ref$featureStyle = _ref.featureStyle,
+    featureStyle = _ref$featureStyle === void 0 ? genericOpenLayersFeatureStyle : _ref$featureStyle;
   var store = useStore();
   var _useGetOpenLayersView = useGetOpenLayersView(mapId, store),
     view = _useGetOpenLayersView.view;
@@ -7754,16 +7880,10 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
   var timeSliderStartCenterEndTime = useSelector(function (store) {
     return mapSelectors.getMapTimeSliderStartCenterEndAndStep(store, mapId);
   });
-  var animationStartTime = useSelector(function (store) {
-    return mapSelectors.getAnimationStartTime(store, mapId);
-  });
-  var animationEndTime = useSelector(function (store) {
-    return mapSelectors.getAnimationEndTime(store, mapId);
-  });
   var isTimeScrollingEnabled = useSelector(syncGroupsSelectors.isTimeScrollingEnabled);
-  var isAnimating = useSelector(function (store) {
-    return mapSelectors.isAnimating(store, mapId);
-  });
+  var isAnimating = (_useSelector2 = useSelector(function (store) {
+    return mapSelectors.linkedMapAnimationInfo(store, mapId);
+  })) == null ? void 0 : _useSelector2.isAnimating;
   var dispatch = useDispatch();
   var updateLayerInformation = React.useCallback(function (payload) {
     var _payload$layerDimensi, _payload$layerDimensi2;
@@ -7836,6 +7956,9 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
   var isActiveWindowId = useSelector(function (store) {
     return uiSelectors.getIsActiveWindowId(store, mapId);
   });
+  var animationList = useSelector(function (store) {
+    return mapSelectors.getAnimationListAsEpochTimes(store, mapId);
+  });
   React.useEffect(function () {
     registerMap({
       mapId: mapId
@@ -7922,7 +8045,7 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
       }
     }));
   }, [hoverId, previousHoverId, hoverLinkedFeature, featureProperties, linkedPanelId, dispatch]);
-  var prefetchTimespan = makePrefetchTimeSpan(timeSliderStartCenterEndTime, animationStartTime, animationEndTime, isAnimating);
+  var prefetchTimespan = makePrefetchTimeSpan(timeSliderStartCenterEndTime, isAnimating, animationList);
   var layerIds = mapLayerIds.join();
   var refetchLayers = React.useCallback(function () {
     mapLayerIds == null || mapLayerIds.forEach(/*#__PURE__*/function () {
@@ -8072,13 +8195,13 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
             layerId: layer == null ? void 0 : layer.id,
             layer: layer,
             zIndex: featureLayers.length - zIndex + 3000,
-            style: genericOpenLayersFeatureStyle,
+            style: featureStyle,
             hoverSelect: {
               active: true
             }
           }, "featurelayer-" + (layer == null ? void 0 : layer.id));
         }), jsx(OpenLayersFeatureLayer, {
-          style: genericOpenLayersFeatureStyle,
+          style: featureStyle,
           featureCollection: combinedLinkedFeatures,
           zIndex: 4000,
           hoverSelect: hoverSelect
@@ -8131,7 +8254,7 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
   });
 };
 
-var _excluded = ["id", "dockedLayerManagerSize", "title", "layers", "dimensions", "shouldAutoUpdate", "shouldAnimate", "shouldAutoFetch", "initialBbox", "srs", "shouldShowZoomControls", "displayMapPin", "showTimeSlider", "disableTimeSlider", "displayTimeInMap", "displayLayerManagerAndLegendButtonInMap", "displayDimensionSelectButtonInMap", "multiLegend", "shouldShowLayerManager", "shouldShowDockedLayerManager", "showClock", "displayGetFeatureInfoButtonInMap", "shouldDisplayDrawControls", "displaySearchButtonInMap", "displayDataExplorerButtonOnMap", "mapControls", "children", "shouldDisablePrefetching", "tileServerSettings"];
+var _excluded = ["id", "dockedLayerManagerSize", "title", "layers", "dimensions", "shouldAutoUpdate", "shouldAnimate", "shouldAutoFetch", "initialBbox", "srs", "shouldShowZoomControls", "displayMapPin", "showTimeSlider", "disableTimeSlider", "displayTimeInMap", "displayLayerManagerAndLegendButtonInMap", "displayDimensionSelectButtonInMap", "multiLegend", "shouldShowLayerManager", "shouldShowDockedLayerManager", "showClock", "displayGetFeatureInfoButtonInMap", "shouldDisplayDrawControls", "displaySearchButtonInMap", "displayDataExplorerButtonOnMap", "mapControls", "children", "shouldDisablePrefetching", "tileServerSettings", "featureStyle"];
 var titleStyle = function titleStyle(theme) {
   return {
     position: 'absolute',
@@ -8202,6 +8325,8 @@ var ConfigurableMapConnect = function ConfigurableMapConnect(_ref) {
     children = _ref.children,
     shouldDisablePrefetching = _ref.shouldDisablePrefetching,
     tileServerSettings = _ref.tileServerSettings,
+    _ref$featureStyle = _ref.featureStyle,
+    featureStyle = _ref$featureStyle === void 0 ? genericOpenLayersFeatureStyle : _ref$featureStyle,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var dispatch = useDispatch();
   var mapId = React__default.useRef(id || webmapUtils.generateMapId()).current;
@@ -8334,12 +8459,13 @@ var ConfigurableMapConnect = function ConfigurableMapConnect(_ref) {
         initialBbox: initialBbox,
         shouldDisablePrefetching: shouldDisablePrefetching,
         tileServerSettings: tileServerSettings,
+        featureStyle: featureStyle,
         children: children
       }), showClock && jsx(TimeSliderClockConnect, {
         mapId: mapId
       })]
     });
-  }, [mapId, title, id, initialBbox, mapControlConfig, tileServerSettings, disableTimeSlider, displayTimeInMap, shouldAutoFetch, shouldDisablePrefetching, children, showClock]);
+  }, [mapId, title, id, initialBbox, mapControlConfig, tileServerSettings, disableTimeSlider, displayTimeInMap, shouldAutoFetch, shouldDisablePrefetching, children, showClock, featureStyle]);
 };
 
 var mapBoxStyle = function mapBoxStyle(theme) {

package/package.json

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

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { mapTypes, layerTypes } from '@opengeoweb/store';
 import { TileServerSettings } from '@opengeoweb/webmap';
+import { StyleLike } from 'ol/style/Style';
 export declare const defaultBbox: {
     srs: "EPSG:3857";
     bbox: {
@@ -44,5 +45,6 @@ export interface ConfigurableMapConnectProps {
     children?: React.ReactNode;
     mapControls?: React.ReactNode;
     shouldDisablePrefetching?: boolean;
+    featureStyle?: StyleLike;
 }
 export declare const ConfigurableMapConnect: React.FC<ConfigurableMapConnectProps>;

package/src/lib/components/EDR/EDRLayerMultiParam.stories.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { TimeAwareEDRLocationLayer } from '@opengeoweb/webmap-react';
+import type { Meta } from '@storybook/react-webpack5';
+declare const meta: Meta<typeof TimeAwareEDRLocationLayer>;
+export default meta;
+export declare const EDRLayerMultiParam: {
+    (): React.ReactElement;
+    parameters: {
+        msw: {
+            handlers: {
+                locations: import("msw").HttpHandler[];
+            };
+        };
+    };
+};

package/src/lib/components/EDR/EDRLayerSymbols.stories.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { TimeAwareEDRLocationLayer } from '@opengeoweb/webmap-react';
+import type { Meta } from '@storybook/react-webpack5';
+declare const meta: Meta<typeof TimeAwareEDRLocationLayer>;
+export default meta;
+export declare const EDRLayerSymbols: {
+    (): React.ReactElement;
+    parameters: {
+        msw: {
+            handlers: {
+                locations: import("msw").HttpHandler[];
+            };
+        };
+    };
+};

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/LayerRow.d.ts

@@ -6,6 +6,7 @@ interface LayerRowUnstyledProps {
     layer?: layerTypes.Layer;
     layerName?: string;
     mapId: string;
+    isEDRLayer?: boolean;
     onLayerRowClick?: (layerId?: string) => void;
     onLayerEnable?: (payload: {
         layerId: string;

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderLayers/RenderEDRLayers.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { EDRFeatureLayerOptions, LayerProps } from '@opengeoweb/webmap';
+export interface RenderEDRLayersProps {
+    onChangeLayerOptions: (options: EDRFeatureLayerOptions) => void;
+    selectedParams: string[];
+    layers: LayerProps[];
+    layerName: string;
+    collectionId: string;
+    isEnabled?: boolean;
+    tooltipPrefix?: string;
+    skipLocalStyling?: boolean;
+}
+export declare const getRenderEDRLayersValues: (selectedParams: string[], layers: LayerProps[]) => {
+    currentValues: string[];
+    extendedLayers: LayerProps[];
+};
+declare const RenderEDRLayers: React.FC<RenderEDRLayersProps>;
+export default RenderEDRLayers;

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderLayers/RenderEDRLayers.spec.d.ts

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

package/src/lib/components/LayerManager/LayerContainerRow/LayerRow/RenderLayers/RenderLayers.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
 import { LayerProps } from '@opengeoweb/webmap';
+import { i18n, TFunction } from 'i18next';
+export declare const showNoLayers: (t: TFunction<"core", i18n>) => React.ReactElement;
 export interface RenderLayersProps {
     onChangeLayerName: (name: string) => void;
     layerName: string;

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

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

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

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Bbox, TileServerSettings } from '@opengeoweb/webmap';
 import { Source } from '@opengeoweb/shared';
+import { StyleLike } from 'ol/style/Style';
 export interface MapControlsProps {
     mapControlsPositionTop?: number;
     search?: boolean;
@@ -24,6 +25,7 @@ export interface OlMapViewConnectProps {
     shouldDisablePrefetching?: boolean;
     tileServerSettings?: TileServerSettings;
     source?: Source;
+    featureStyle?: StyleLike;
 }
 /**
  * Connected component used to display the map and selected layers.

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

@@ -2,7 +2,7 @@ import { TimeSliderStartCenterEndTime } from '@opengeoweb/store';
 import { Dimension } from '@opengeoweb/webmap';
 import { MapLocation, OnInitializeLayerProps, TimeContextType, UpdateLayerInfoPayload } from '@opengeoweb/webmap-react';
 import { Feature, View } from 'ol';
-export declare const makePrefetchTimeSpan: (timeSliderStartCenterEndTime: TimeSliderStartCenterEndTime, animationStartTime: string | undefined, animationEndTime: string | undefined, isAnimating: boolean) => TimeContextType;
+export declare const makePrefetchTimeSpan: (timeSliderStartCenterEndTime: TimeSliderStartCenterEndTime, isAnimating: boolean, prefetchList: number[]) => TimeContextType;
 export declare const makeLayerInfoPayload: (payload: OnInitializeLayerProps, mapDimensions: Dimension[], mapId: string) => UpdateLayerInfoPayload;
 export declare const getCenterOfLinkedFeature: (feature: Feature | undefined, srs: string) => MapLocation | null;
 interface UseFitAndHighlightWarningFeatureOptions {

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export declare const useUpdateTimestep: (mapId: string) => void;
-export declare const useUpdateTimeSpan: (mapId: string, myOnSetTimeSliderSpan: (newSpan: number, newCenterTime: number, newSecondsPerPx: number) => void) => void;
+export declare const useUpdateTimeSpan: (mapId: string, myOnSetTimeSliderSpan: (newSpan: number, newCenterTime: number) => void) => void;
 interface TimeSliderConnectProps {
     sourceId: string;
     mapId: string;

package/src/lib/components/TimeSliderConnect/TimeSliderLegendConnect.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 interface TimeSliderLegendConnectProps {
     mapId: string;
-    onSetTimeSliderSpan?: (newSpan: number, newCenterTime: number, newSecondsPerPx: number) => void;
+    onSetTimeSliderSpan?: (newSpan: number, newCenterTime: number) => void;
     unfilteredSelectedTime: number;
     setUnfilteredSelectedTime: (unfilteredSelectedTime: number) => void;
     mapWindowRef?: React.MutableRefObject<HTMLElement | null>;

package/src/lib/components/TimeSliderConnect/timesliderUtils.d.ts

@@ -1,5 +1,5 @@
 import { mapTypes } from '@opengeoweb/store';
-import { TimeBounds } from '@opengeoweb/timeslider';
+import { TimeBounds } from '@opengeoweb/time-slider';
 /**
  * Returns time bounds from the given dimension. If no time dimension given, current time is returned as default
  */