@opengeoweb/core 12.11.0 → 12.13.0

package/index.esm.js

@@ -1,7 +1,7 @@
 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';
@@ -12,10 +12,10 @@ import { useDispatch, useSelector, connect, useStore, Provider } from 'react-red
 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 } from '@opengeoweb/layer-select';
+import { LayerSelectButtonConnect, LayerSelectConnect, DataExplorerButtonConnect } from '@opengeoweb/layer-select';
 import { unByKey } from 'ol/Observable';
 import axios from 'axios';
 import { ImageWMS } from 'ol/source';
@@ -28,6 +28,7 @@ import { getIntersection } from 'ol/extent';
 import { snackbarTypes, snackbarActions, SnackbarWrapperConnect } from '@opengeoweb/snackbar';
 import { useNavigate } from 'react-router-dom';
 import * as Sentry from '@sentry/react';
+import { http, HttpResponse, passthrough } from 'msw';
 import Card from '@mui/material/Card';
 import CardContent from '@mui/material/CardContent';
 import Typography$1 from '@mui/material/Typography';
@@ -57,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",
@@ -74,6 +76,7 @@ var en = {
 	"layermanager-header-button-large": "large",
 	"layermanager-header-button-dock": "Dock",
 	"layermanager-header-button-undock": "Undock",
+	"layermanager-EDR-multiparam": "Multi params",
 	"projection-title": "Projection",
 	"wms-loader-description": "Please enter a wms server, or select one from the list.",
 	"wms-loader-no-data": "No data",
@@ -1386,9 +1389,30 @@ 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 (l) {
-    return l.name === layerName;
+  var serviceLayer = layers.find(function (layer) {
+    return layer.name === layerName;
   });
   if (!serviceLayer && layerName) {
     return {
@@ -1404,8 +1428,8 @@ var getRenderLayersValues = function getRenderLayersValues(layerName, layers) {
   }
   return {
     currentValue: (serviceLayer == null ? void 0 : serviceLayer.name) || '',
-    currentIndex: layers.findIndex(function (l) {
-      return l.name === (serviceLayer == null ? void 0 : serviceLayer.name);
+    currentIndex: layers.findIndex(function (layer) {
+      return layer.name === (serviceLayer == null ? void 0 : serviceLayer.name);
     }),
     extendedLayers: layers
   };
@@ -1424,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();
@@ -2211,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,
@@ -2302,6 +2310,7 @@ var LayerRowUnstyled = function LayerRowUnstyled(_ref8) {
             onChangeActive: onClickRow
           }),
           layerName: layerName,
+          isEDRLayer: isEDRLayer,
           Styles: layerStylesLayout || jsx(Styles, {
             style: layer.style,
             onChangeStyle: changeStyle
@@ -2447,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 && layerName != null && layerName.includes(',') ? t('layermanager-EDR-multiparam') : layerName;
   return jsx(CustomAccordion, {
     className: "medium-layermanager",
     defaultExpanded: false,
@@ -2472,7 +2484,7 @@ var Accordion = function Accordion(_ref0) {
           display: 'flex',
           alignItems: 'center'
         },
-        children: layerName
+        children: displayLayerName
       })]
     }),
     children: jsxs(Grid, {
@@ -2784,6 +2796,128 @@ 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 onChangeLayerName = _ref.onChangeLayerName,
+    selectedParams = _ref.selectedParams,
+    _ref$layers = _ref.layers,
+    layers = _ref$layers === void 0 ? [] : _ref$layers,
+    _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 params = event.target.value.filter(function (param) {
+      return param !== '';
+    });
+    onChangeLayerName(params.join(','));
+  };
+  var _getRenderEDRLayersVa = getRenderEDRLayersValues(selectedParams, layers),
+    currentValues = _getRenderEDRLayersVa.currentValues,
+    extendedLayers = _getRenderEDRLayersVa.extendedLayers;
+  var list = extendedLayers.map(function (layer) {
+    return {
+      value: layer.name
+    };
+  });
+  var multiParamText = t('layermanager-EDR-multiparam');
+  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(values) {
+      if (values.length === 1) {
+        var layer = extendedLayers.find(function (layer) {
+          return layer.name === currentValues[0];
+        });
+        return (layer == null ? void 0 : layer.title) || (layer == null ? void 0 : layer.name) || 'Param';
+      }
+      return multiParamText;
+    },
+    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,
@@ -2793,6 +2927,9 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
   var layerName = useSelector(function (store) {
     return layerSelectors.getLayerName(store, layerId);
   });
+  var layerType = useSelector(function (store) {
+    return layerSelectors.getLayerType(store, layerId);
+  });
   var layerService = useSelector(function (store) {
     return layerSelectors.getLayerService(store, layerId);
   });
@@ -2860,6 +2997,22 @@ var RenderLayersConnect = function RenderLayersConnect(_ref) {
       origin: layerTypes.LayerActionOrigin.layerManager
     }));
   }, [dispatch, mapId]);
+  if (layerType === LayerType.edrLayer) {
+    var selectedParams = layerName.split(',');
+    return jsx(RenderEDRLayers, {
+      layers: layers,
+      selectedParams: selectedParams,
+      onChangeLayerName: function onChangeLayerName(name) {
+        layerChangeName({
+          layerId: layerId,
+          name: name
+        });
+      },
+      isEnabled: isLayerEnabled,
+      tooltipPrefix: tooltipPrefix,
+      skipLocalStyling: skipLocalStyling
+    });
+  }
   return jsx(RenderLayers, {
     layers: layers,
     layerName: layerName,
@@ -3153,11 +3306,14 @@ var MissingDataConnect = function MissingDataConnect(_ref) {
   var layerName = useSelector(function (store) {
     return layerSelectors.getLayerName(store, layerId);
   });
+  var layerType = useSelector(function (store) {
+    return layerSelectors.getLayerType(store, layerId);
+  });
   var layerService = useSelector(function (store) {
     return layerSelectors.getLayerService(store, layerId);
   });
   var serviceLayer = useSelector(function (store) {
-    return serviceSelectors.getLayerFromService(store, layerService, layerName);
+    return serviceSelectors.getLayerFromService(store, layerService, layerName, layerType === LayerType.edrLayer);
   });
   var layerStatus = useSelector(function (store) {
     return layerSelectors.getLayerStatus(store, layerId);
@@ -3289,11 +3445,15 @@ var LayerRowConnect = /*#__PURE__*/React.memo(function (_ref) {
   var layerName = useSelector(function (store) {
     return layerSelectors.getLayerName(store, layerId);
   });
+  var layerType = useSelector(function (store) {
+    return layerSelectors.getLayerType(store, layerId);
+  });
+  var isEDRLayer = layerType === LayerType.edrLayer;
   var layerServiceUrl = useSelector(function (store) {
     return layerSelectors.getLayerService(store, layerId);
   });
   var serviceLayer = useSelector(function (store) {
-    return serviceSelectors.getLayerFromService(store, layerServiceUrl, layerName);
+    return serviceSelectors.getLayerFromService(store, layerServiceUrl, layerName, isEDRLayer);
   });
   var layerStatus = useSelector(function (store) {
     return layerSelectors.getLayerStatus(store, layerId);
@@ -3307,7 +3467,10 @@ var LayerRowConnect = /*#__PURE__*/React.memo(function (_ref) {
   var currentService = useSelector(function (store) {
     return serviceSelectors.getServiceByUrl(store, layerServiceUrl);
   });
-  var fullLayerName = serviceLayer == null ? void 0 : serviceLayer.title;
+  // Ensure that for an EDR layer, we send over the entire layerName if there are multiple params selected
+  // If only one param selected, send over the title from the service
+  var layerNameForEDRLayer = layerName != null && layerName.includes(',') ? layerName : serviceLayer == null ? void 0 : serviceLayer.title;
+  var fullLayerName = isEDRLayer ? layerNameForEDRLayer : serviceLayer == null ? void 0 : serviceLayer.title;
   renderCounter.count(LayerRowConnect.name);
   return jsx(LayerRow, {
     isEnabled: isEnabled,
@@ -3315,6 +3478,7 @@ var LayerRowConnect = /*#__PURE__*/React.memo(function (_ref) {
     layerId: layerId,
     isLayerMissing: !serviceLayer || layerStatus === layerTypes.LayerStatus.error,
     layerName: fullLayerName || layerName,
+    isEDRLayer: isEDRLayer,
     layerEnableLayout: jsx(EnableLayerConnect, {
       layerId: layerId,
       mapId: mapId,
@@ -3697,8 +3861,8 @@ var WMSServerList = function WMSServerList(_ref) {
   var handleListItemClick = function handleListItemClick(event, service) {
     handleChangeService(service);
   };
-  var sortedServices = [].concat(availableServices).sort(function (a, b) {
-    return a.name.localeCompare(b.name);
+  var sortedServices = [].concat(availableServices).sort(function (serviceA, serviceB) {
+    return serviceA.name.localeCompare(serviceB.name);
   });
   return jsxs(Fragment, {
     children: [jsx(Grid, {
@@ -4693,27 +4857,29 @@ var ProjectionSelectConnect = function ProjectionSelectConnect(_ref) {
   });
 };
 
-var availableOverlayers = [{
-  name: 'Default Overlayer',
-  value: 'Default Overlayer'
-},
-// TODO: rename to 'None' when implemented: https://gitlab.com/opengeoweb/opengeoweb/-/issues/6095
-{
-  name: 'None (not implemented)',
-  value: 'None'
-}];
 var OverlayersSelect = function OverlayersSelect(_ref) {
-  var _availableOverlayers$;
-  var selectedOverlayer = _ref.selectedOverlayer,
-    onChangeOverlayer = _ref.onChangeOverlayer;
+  var mapId = _ref.mapId,
+    selectedOverlayer = _ref.selectedOverlayer,
+    onChangeOverlayer = _ref.onChangeOverlayer,
+    availableOverlayers = _ref.availableOverlayers;
   var _useCoreTranslation = useCoreTranslation(),
     t = _useCoreTranslation.t;
-  var index = availableOverlayers.findIndex(function (layer) {
-    return layer.value === selectedOverlayer;
+  var handleOverlayerChange = function handleOverlayerChange(value) {
+    var selectedOverlayer = availableOverlayers == null ? void 0 : availableOverlayers.find(function (layer) {
+      return layer.name === value;
+    });
+    if (selectedOverlayer) {
+      onChangeOverlayer(mapId, selectedOverlayer);
+    }
+  };
+  var overlayerOptions = availableOverlayers == null ? void 0 : availableOverlayers.map(function (layer) {
+    return {
+      value: layer.name
+    };
+  });
+  var currentIndex = availableOverlayers == null ? void 0 : availableOverlayers.findIndex(function (layer) {
+    return layer.name === selectedOverlayer.name;
   });
-  var selectedOverlayerName = (_availableOverlayers$ = availableOverlayers.find(function (layer) {
-    return layer.value === selectedOverlayer;
-  })) == null ? void 0 : _availableOverlayers$.name;
   return jsxs(Grid, {
     container: true,
     className: "overlayers-column",
@@ -4743,31 +4909,31 @@ var OverlayersSelect = function OverlayersSelect(_ref) {
           SelectDisplayProps: {
             'aria-label': 'overlayerSelect'
           },
-          tooltip: t('layermanager-overlayers-overlayer') + ": " + selectedOverlayerName,
+          tooltip: t('layermanager-overlayers-overlayer') + ": " + selectedOverlayer.name,
           isEnabled: true,
           style: {
             maxWidth: '100%'
           },
-          value: selectedOverlayer,
-          list: availableOverlayers,
-          currentIndex: index,
+          value: selectedOverlayer.name,
+          list: overlayerOptions,
+          currentIndex: currentIndex,
           onChange: function onChange(event) {
             event.stopPropagation();
-            onChangeOverlayer(event.target.value);
+            handleOverlayerChange(event.target.value);
           },
-          onChangeMouseWheel: function onChangeMouseWheel(e) {
-            onChangeOverlayer(e.value);
+          onChangeMouseWheel: function onChangeMouseWheel(value) {
+            handleOverlayerChange(value.value);
           },
           children: [jsx(MenuItem, {
             disabled: true,
             children: t('layermanager-overlayers-title')
-          }), availableOverlayers.map(function (_ref2) {
-            var name = _ref2.name,
-              value = _ref2.value;
+          }), availableOverlayers == null ? void 0 : availableOverlayers.map(function (_ref2) {
+            var id = _ref2.id,
+              name = _ref2.name;
             return jsx(MenuItem, {
-              value: value,
+              value: name,
               children: name
-            }, name);
+            }, id);
           })]
         })
       })
@@ -4775,15 +4941,39 @@ var OverlayersSelect = function OverlayersSelect(_ref) {
   });
 };
 
-var OverlayersSelectConnect = function OverlayersSelectConnect() {
-  var _React$useState = React__default.useState('Default Overlayer'),
-    selectedOverlayer = _React$useState[0],
-    setSelectedOverlayer = _React$useState[1];
+var OverlayersSelectConnect = function OverlayersSelectConnect(_ref) {
+  var mapId = _ref.mapId;
+  var dispatch = useDispatch();
+  var availableOverlayers = useSelector(function (store) {
+    return layerSelectors.getOverlayersForMapId(store, mapId);
+  });
+  var currentOverlayerId = useSelector(function (store) {
+    return mapSelectors.getSelectedOverlayerByMapId(store, mapId);
+  });
+  var overlayersWithNone = !availableOverlayers.some(function (layer) {
+    return layer.id === 'none';
+  }) ? [].concat(availableOverlayers, [{
+    id: 'none',
+    name: 'None'
+  }]) : availableOverlayers;
+  var selectedOverlayer = overlayersWithNone.find(function (layer) {
+    return layer.id === currentOverlayerId;
+  }) || {
+    id: 'none',
+    name: 'None'
+  };
+  var changeOverlayer = React__default.useCallback(function (mapId, selectedOverlayer) {
+    dispatch(mapActions.changeOverlayer({
+      mapId: mapId || '',
+      selectedOverlayer: selectedOverlayer.id,
+      origin: 'map'
+    }));
+  }, [dispatch]);
   return jsx(OverlayersSelect, {
+    mapId: mapId || '',
+    availableOverlayers: overlayersWithNone,
     selectedOverlayer: selectedOverlayer,
-    onChangeOverlayer: function onChangeOverlayer(selection) {
-      setSelectedOverlayer(selection);
-    }
+    onChangeOverlayer: changeOverlayer
   });
 };
 
@@ -4943,7 +5133,9 @@ var LayerManager = function LayerManager(_ref) {
             mapId: mapId,
             settings: settings == null ? void 0 : settings.content,
             collapsedColumns: collapsedColumns
-          }), jsx(OverlayersSelectConnect, {}), jsx(BaseLayerRow, {
+          }), jsx(OverlayersSelectConnect, {
+            mapId: mapId
+          }), jsx(BaseLayerRow, {
             mapId: mapId,
             tooltip: t('layermanager-baselayers-tooltip'),
             preloadedAvailableBaseLayers: preloadedAvailableBaseLayers,
@@ -5191,6 +5383,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) {
@@ -5201,7 +5396,8 @@ var DimensionSelectSliderConnect = function DimensionSelectSliderConnect(_ref) {
     dimensionName: dimensionName,
     handleDimensionValueChanged: handleDimensionValueChanged,
     handleSyncChanged: handleSyncChanged,
-    layerDimension: layerDimension
+    layerDimension: layerDimension,
+    layerName: layerName
   });
 };
 
@@ -7296,6 +7492,28 @@ var LocationSearchConnect = function LocationSearchConnect(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
 var OpenLayersFeatureLayerConnect = function OpenLayersFeatureLayerConnect(_ref) {
   var layer = _ref.layer,
     layerId = _ref.layerId,
@@ -7398,35 +7616,28 @@ var makePrefetchTimeSpan = function makePrefetchTimeSpan(timeSliderStartCenterEn
 };
 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;
@@ -7620,7 +7831,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;
@@ -7965,7 +8178,8 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
   var layerDivStyle = React.useMemo(function () {
     var style = {
       position: 'absolute',
-      zIndex: 1
+      zIndex: 1,
+      width: '100%'
     };
     if (isSearchDialogOpen) {
       style.top = 8 + 40 + "px";
@@ -8021,13 +8235,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
@@ -8055,6 +8269,8 @@ var OlMapViewConnect = function OlMapViewConnect(_ref) {
             multiLegend: controls == null ? void 0 : controls.multiLegend,
             source: source
           })]
+        }), (controls == null ? void 0 : controls.dataExplorerButton) && jsx(DataExplorerButtonConnect, {
+          mapId: mapId
         }), (controls == null ? void 0 : controls.dimensionSelect) && jsx(MultiDimensionSelectMapButtonsConnect, {
           mapId: mapId
         }), (controls == null ? void 0 : controls.getFeatureInfo) && jsx(GetFeatureInfoButtonConnect, {
@@ -8078,7 +8294,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", "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',
@@ -8143,10 +8359,14 @@ var ConfigurableMapConnect = function ConfigurableMapConnect(_ref) {
     shouldDisplayDrawControls = _ref$shouldDisplayDra === void 0 ? false : _ref$shouldDisplayDra,
     _ref$displaySearchBut = _ref.displaySearchButtonInMap,
     displaySearchButtonInMap = _ref$displaySearchBut === void 0 ? false : _ref$displaySearchBut,
+    _ref$displayDataExplo = _ref.displayDataExplorerButtonOnMap,
+    displayDataExplorerButtonOnMap = _ref$displayDataExplo === void 0 ? false : _ref$displayDataExplo,
     mapControls = _ref.mapControls,
     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;
@@ -8238,9 +8458,10 @@ var ConfigurableMapConnect = function ConfigurableMapConnect(_ref) {
       multiLegend: multiLegend,
       dimensionSelect: displayDimensionSelectButtonInMap,
       getFeatureInfo: displayGetFeatureInfoButtonInMap,
+      dataExplorerButton: displayDataExplorerButtonOnMap,
       additionalMapControls: mapControls
     };
-  }, [title, displaySearchButtonInMap, shouldShowZoomControls, displayLayerManagerAndLegendButtonInMap, multiLegend, displayDimensionSelectButtonInMap, displayGetFeatureInfoButtonInMap, mapControls]);
+  }, [title, displaySearchButtonInMap, shouldShowZoomControls, displayLayerManagerAndLegendButtonInMap, multiLegend, displayDimensionSelectButtonInMap, displayGetFeatureInfoButtonInMap, displayDataExplorerButtonOnMap, mapControls]);
   return React__default.useMemo(function () {
     renderCounter.count(ConfigurableMapConnect.name + "_" + mapId);
     return jsxs(Box, {
@@ -8278,12 +8499,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) {
@@ -8520,8 +8742,8 @@ var useGetReferenceTimes = function useGetReferenceTimes(inputLayer) {
       var refTimeDim = layer.getDimension('reference_time');
       /* Loop through all values of the dimension.
        A map cannot be used for iterating,  as the dimension values are not in an array (it is an API). */
-      for (var j = 0; j < refTimeDim.size(); j += 1) {
-        var referenceTimeValue = refTimeDim.getValueForIndex(j);
+      for (var jIndex = 0; jIndex < refTimeDim.size(); jIndex += 1) {
+        var referenceTimeValue = refTimeDim.getValueForIndex(jIndex);
         referenceTimes.push(referenceTimeValue);
       }
       setReferenceTimes(referenceTimes);
@@ -8616,7 +8838,8 @@ var componentsLookUp = function componentsLookUp(_ref) {
         var mapPreset = initialProps.mapPreset,
           mapControls = initialProps.mapControls,
           shouldDisplayDrawControls = initialProps.shouldDisplayDrawControls,
-          displaySearchButtonInMap = initialProps.displaySearchButtonInMap;
+          displaySearchButtonInMap = initialProps.displaySearchButtonInMap,
+          displayDataExplorerButtonOnMap = initialProps.displayDataExplorerButtonOnMap;
         return jsx(ConfigurableMapConnect, Object.assign({}, mapPreset, {
           initialBbox: mapPreset == null || (_mapPreset$proj = mapPreset.proj) == null ? void 0 : _mapPreset$proj.bbox,
           srs: mapPreset == null || (_mapPreset$proj2 = mapPreset.proj) == null ? void 0 : _mapPreset$proj2.srs,
@@ -8625,6 +8848,7 @@ var componentsLookUp = function componentsLookUp(_ref) {
           displayGetFeatureInfoButtonInMap: true,
           shouldDisplayDrawControls: shouldDisplayDrawControls,
           displaySearchButtonInMap: displaySearchButtonInMap,
+          displayDataExplorerButtonOnMap: displayDataExplorerButtonOnMap,
           mapControls: mapControls
         }));
       }
@@ -9424,6 +9648,162 @@ var LanguageSelect = function LanguageSelect(_ref) {
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var fakeLocationList = [{
+  id: 'EHAM',
+  name: 'Amsterdam Airport Schiphol - EHAM',
+  source: 'A'
+}, {
+  id: 'weg-c7702b4019c119f21789f499a9270a8c',
+  name: 'A12, Arnhem',
+  source: 'P'
+}, {
+  id: 'weg-ef6c8b8fd8440f4d96d96824fc2a4093',
+  name: 'A12, Arnhem, MultiLineString',
+  source: 'P'
+}, {
+  id: 'pcd-5d8813ff27d390369c3d2fff69bfb0fa',
+  name: 'Blauwkapelseweg, 3572KC Utrecht',
+  source: 'P'
+}, {
+  id: '06260',
+  name: 'De Bilt - 06260',
+  source: 'W'
+}, {
+  id: 'gem-0b2a8b92856b27f86fbd67ab35808ebf',
+  name: 'Gemeente Amsterdam',
+  source: 'P'
+}, {
+  id: 'gem-e64a22d3a9bb57e785a884bd7f7df6ca',
+  name: 'Gemeente Arnhem',
+  source: 'P'
+}, {
+  id: '658225',
+  name: 'Helsinki, Uusimaa, Finland',
+  source: 'G'
+}];
+var fakeLocationDetailList = [{
+  id: 'EHAM',
+  name: 'Amsterdam Airport Schiphol - EHAM',
+  source: 'A',
+  lon: 4.76389,
+  lat: 52.308601
+}, {
+  id: '06260',
+  name: 'De Bilt - 06260',
+  source: 'W',
+  lon: 5.18,
+  lat: 52.1
+}, {
+  lat: 52.10125783,
+  lon: 5.12972011,
+  source: 'P',
+  id: 'pcd-5d8813ff27d390369c3d2fff69bfb0fa',
+  name: 'Blauwkapelseweg, 3572KC Utrecht',
+  geometry: {
+    type: 'Feature',
+    geometry: {
+      type: 'Point',
+      coordinates: [5.12972011, 52.10125783]
+    }
+  }
+}, {
+  id: 'weg-c7702b4019c119f21789f499a9270a8c',
+  name: 'A12, Arnhem',
+  source: 'P',
+  lat: 52.01459863,
+  lon: 5.92115805,
+  geometry: {
+    type: 'Feature',
+    properties: {},
+    geometry: {
+      type: 'LineString',
+      coordinates: [[5.723182066074628, 52.021961941904436], [5.821250546216021, 52.0256350284852], [5.860476940657833, 52.02930789018711], [5.936353777736599, 52.013041507826415], [5.9585833728647515, 51.99098354703645], [5.981670640390121, 51.98046570698139], [6.003008228959999, 51.96574744492605]]
+    }
+  }
+}, {
+  id: 'gem-e64a22d3a9bb57e785a884bd7f7df6ca',
+  name: 'Gemeente Arnhem',
+  source: 'P',
+  lat: 52.00113721,
+  lon: 5.89259249,
+  geometry: {
+    type: 'Feature',
+    geometry: {
+      type: 'Polygon',
+      coordinates: [[[5.89827, 51.93458], [5.90186, 51.93346], [5.91277, 51.94529], [5.91096, 51.94591], [5.91165, 51.94704], [5.91137, 51.94727], [5.91202, 51.94782], [5.91417, 51.94869], [5.91517, 51.94996], [5.9169, 51.95052], [5.92649, 51.95115], [5.92945, 51.95059], [5.92956, 51.95125], [5.93017, 51.95227], [5.93123, 51.95342], [5.93091, 51.95387], [5.93146, 51.95482], [5.93121, 51.95497], [5.93155, 51.95527], [5.93145, 51.95557], [5.93179, 51.95621], [5.93157, 51.95691], [5.93181, 51.9573], [5.93161, 51.9575], [5.93183, 51.95948], [5.93233, 51.95973], [5.93334, 51.95983], [5.9356, 51.96042], [5.93657, 51.95908], [5.93778, 51.95787], [5.94033, 51.95604], [5.94511, 51.95346], [5.95195, 51.95059], [5.95523, 51.94875], [5.95089, 51.95299], [5.94953, 51.95567], [5.94925, 51.95745], [5.94966, 51.96008], [5.95097, 51.96283], [5.95243, 51.96457], [5.95546, 51.96702], [5.95894, 51.9692], [5.96204, 51.97059], [5.96463, 51.97142], [5.96841, 51.97208], [5.97387, 51.97261], [5.98001, 51.97355], [5.98777, 51.97407], [5.99034, 51.97441], [5.9868, 51.9772], [5.98669, 51.97753], [5.98501, 51.9789], [5.98065, 51.98145], [5.9784, 51.98245], [5.97551, 51.98345], [5.97551, 51.98359], [5.97503, 51.98357], [5.97503, 51.98372], [5.97326, 51.9841], [5.97088, 51.98491], [5.9681, 51.98551], [5.96518, 51.98649], [5.96201, 51.98792], [5.9592, 51.98964], [5.9558, 51.99268], [5.95519, 51.99336], [5.9555, 51.99345], [5.95444, 51.99473], [5.95397, 51.99457], [5.95361, 51.995], [5.95193, 51.99846], [5.95093, 52.00146], [5.95031, 52.00232], [5.94983, 52.00409], [5.94877, 52.00537], [5.94813, 52.00659], [5.94331, 52.01013], [5.94603, 52.01041], [5.94607, 52.01061], [5.9424, 52.01083], [5.9414, 52.01149], [5.94019, 52.01871], [5.9391, 52.03142], [5.93807, 52.03857], [5.9371, 52.04853], [5.94091, 52.05795], [5.94283, 52.06116], [5.94329, 52.06246], [5.95593, 52.07334], [5.95191, 52.07532], [5.9461, 52.07789], [5.94607, 52.07773], [5.94506, 52.07783], [5.94219, 52.07659], [5.90974, 52.0621], [5.89812, 52.06336], [5.89845, 52.06182], [5.89803, 52.06145], [5.89807, 52.06101], [5.8994, 52.04996], [5.88206, 52.04941], [5.85967, 52.05202], [5.85005, 52.0516], [5.83792, 52.04663], [5.82659, 52.03694], [5.82615, 52.03673], [5.82103, 52.03208], [5.80834, 52.01876], [5.80723, 52.0117], [5.80296, 52.00405], [5.807, 52.00311], [5.81725, 52.00143], [5.82628, 51.99956], [5.83629, 51.99856], [5.84054, 51.9987], [5.84712, 51.99836], [5.84967, 51.99804], [5.85242, 51.99707], [5.85621, 51.9961], [5.86374, 51.99589], [5.86256, 51.99122], [5.8647, 51.99108], [5.86315, 51.98529], [5.86382, 51.98517], [5.86624, 51.98411], [5.86737, 51.98029], [5.86728, 51.98014], [5.86586, 51.97987], [5.86547, 51.97865], [5.86374, 51.97796], [5.86472, 51.97627], [5.8659, 51.97569], [5.86687, 51.9753], [5.86919, 51.97599], [5.87086, 51.97511], [5.86778, 51.97241], [5.86532, 51.97092], [5.86206, 51.96991], [5.85912, 51.96954], [5.85707, 51.96953], [5.85469, 51.96976], [5.84403, 51.9725], [5.83906, 51.97328], [5.83534, 51.97356], [5.83548, 51.97239], [5.8362, 51.97143], [5.8362, 51.97089], [5.83538, 51.97085], [5.83518, 51.96886], [5.83585, 51.9684], [5.83598, 51.96633], [5.83518, 51.96417], [5.8346, 51.96325], [5.83401, 51.96271], [5.83237, 51.96189], [5.82934, 51.96085], [5.8302, 51.95862], [5.83109, 51.95869], [5.83134, 51.95854], [5.83128, 51.95555], [5.8307, 51.95439], [5.83008, 51.95385], [5.82991, 51.95343], [5.83051, 51.95327], [5.82877, 51.95004], [5.82866, 51.94826], [5.82966, 51.94551], [5.82993, 51.94524], [5.8373, 51.94518], [5.83731, 51.94416], [5.83864, 51.94412], [5.8389, 51.94431], [5.84401, 51.94376], [5.84968, 51.94294], [5.85039, 51.94451], [5.86193, 51.9425], [5.86224, 51.94289], [5.8685, 51.94218], [5.87189, 51.94152], [5.87476, 51.94079], [5.87619, 51.9402], [5.8772, 51.93917], [5.87786, 51.93883], [5.87949, 51.93865], [5.8814, 51.93825], [5.88283, 51.93777], [5.88464, 51.93749], [5.88777, 51.93614], [5.89267, 51.93573], [5.89792, 51.93436], [5.89827, 51.93458]]]
+    },
+    properties: {}
+  }
+}, {
+  id: 'gem-0b2a8b92856b27f86fbd67ab35808ebf',
+  name: 'Gemeente Amsterdam',
+  source: 'P',
+  lat: 52.36648685,
+  lon: 4.91978668,
+  geometry: {
+    type: 'Feature',
+    geometry: {
+      type: 'MultiPolygon',
+      coordinates: [[[[5.07349, 52.27806], [5.07708, 52.27798], [5.0846, 52.2794], [5.0877, 52.28168], [5.10207, 52.27989], [5.10218, 52.28123], [5.10201, 52.28165], [5.10278, 52.28209], [5.10282, 52.28238], [5.10428, 52.28321], [5.10426, 52.28381], [5.10481, 52.28432], [5.1047, 52.28556], [5.10205, 52.28766], [5.09968, 52.29001], [5.09884, 52.29063], [5.09871, 52.29057], [5.09847, 52.29164], [5.09874, 52.29219], [5.09948, 52.29271], [5.09935, 52.2928], [5.10292, 52.29447], [5.10607, 52.29467], [5.10742, 52.29633], [5.10767, 52.29729], [5.10725, 52.29786], [5.10622, 52.29834], [5.10526, 52.29842], [5.10197, 52.2978], [5.1013, 52.29792], [5.09894, 52.2987], [5.09719, 52.29995], [5.09677, 52.30046], [5.09577, 52.30376], [5.09626, 52.30686], [5.09682, 52.3076], [5.09871, 52.30877], [5.09959, 52.30953], [5.0998, 52.31003], [5.10057, 52.3103], [5.10055, 52.31044], [5.09767, 52.31154], [5.09213, 52.31301], [5.09308, 52.31415], [5.09281, 52.31427], [5.09261, 52.31422], [5.09053, 52.31499], [5.08481, 52.31633], [5.0849, 52.31674], [5.08321, 52.31727], [5.08296, 52.31702], [5.07751, 52.31818], [5.07311, 52.32018], [5.07276, 52.31994], [5.06951, 52.32179], [5.06908, 52.32153], [5.06878, 52.32172], [5.06586, 52.32224], [5.06522, 52.32221], [5.06469, 52.32201], [5.06528, 52.32144], [5.06572, 52.32048], [5.06526, 52.31918], [5.0633, 52.31821], [5.0624, 52.31758], [5.06084, 52.31698], [5.05972, 52.31679], [5.05834, 52.31632], [5.05803, 52.31668], [5.05909, 52.31705], [5.05674, 52.3196], [5.05814, 52.32042], [5.06039, 52.32116], [5.06147, 52.32175], [5.06144, 52.32204], [5.0611, 52.32208], [5.06151, 52.32367], [5.05747, 52.32503], [5.04934, 52.32695], [5.04815, 52.32702], [5.04625, 52.32673], [5.04518, 52.32685], [5.0444, 52.32715], [5.04486, 52.32745], [5.0439, 52.32799], [5.04355, 52.32778], [5.04249, 52.32828], [5.04013, 52.32896], [5.03329, 52.33019], [5.02877, 52.33078], [5.02483, 52.33063], [5.02159, 52.33086], [5.01727, 52.33019], [5.01811, 52.32782], [5.01849, 52.32329], [5.01665, 52.32299], [5.01613, 52.32451], [5.00652, 52.31908], [5.00153, 52.31591], [4.99786, 52.31398], [4.99746, 52.31425], [4.9973, 52.3142], [4.99709, 52.31446], [4.99737, 52.31667], [4.9971, 52.31739], [4.99211, 52.32377], [4.99074, 52.32635], [4.98905, 52.32798], [4.9853, 52.33026], [4.98397, 52.33067], [4.98252, 52.3308], [4.98068, 52.33076], [4.9798, 52.331], [4.97795, 52.33116], [4.97714, 52.33064], [4.97531, 52.33056], [4.97483, 52.3297], [4.97403, 52.32891], [4.97181, 52.32747], [4.9711, 52.32665], [4.97025, 52.32617], [4.96754, 52.32776], [4.95268, 52.32264], [4.94766, 52.32814], [4.94049, 52.32568], [4.93861, 52.32422], [4.93796, 52.32412], [4.93762, 52.3233], [4.93993, 52.32194], [4.94021, 52.32081], [4.94104, 52.31962], [4.93958, 52.31912], [4.94033, 52.3183], [4.93983, 52.31712], [4.93804, 52.31651], [4.93874, 52.31564], [4.93872, 52.31509], [4.93523, 52.31389], [4.93635, 52.31266], [4.93414, 52.3119], [4.93007, 52.30934], [4.9303, 52.30918], [4.92933, 52.30853], [4.92991, 52.3081], [4.92942, 52.30783], [4.92983, 52.30752], [4.92947, 52.30741], [4.93049, 52.30616], [4.93272, 52.30426], [4.93322, 52.30355], [4.93494, 52.30197], [4.94641, 52.28856], [4.95209, 52.28253], [4.95184, 52.28244], [4.95524, 52.2783], [4.95714, 52.27867], [4.95866, 52.27834], [4.95997, 52.27835], [4.96105, 52.27817], [4.96224, 52.28021], [4.96532, 52.28045], [4.96617, 52.28098], [4.96649, 52.2801], [4.96767, 52.27958], [4.96875, 52.28073], [4.96938, 52.28179], [4.96973, 52.28312], [4.97515, 52.28634], [4.98289, 52.28964], [4.98351, 52.29037], [4.99046, 52.2896], [4.99748, 52.28912], [4.99845, 52.28984], [4.99855, 52.29023], [4.99881, 52.29024], [5.00179, 52.29279], [5.00185, 52.29588], [5.00323, 52.29606], [5.00323, 52.29739], [5.00383, 52.29851], [5.00526, 52.29839], [5.00754, 52.30087], [5.00789, 52.30152], [5.00992, 52.30209], [5.01105, 52.30303], [5.01177, 52.30339], [5.01426, 52.30368], [5.01669, 52.30288], [5.01784, 52.30266], [5.02154, 52.30246], [5.02187, 52.28265], [5.02438, 52.28136], [5.03053, 52.28849], [5.03321, 52.28626], [5.03342, 52.28631], [5.03515, 52.28553], [5.03943, 52.28324], [5.04079, 52.28388], [5.04278, 52.28249], [5.04748, 52.28502], [5.0504, 52.28787], [5.05158, 52.28732], [5.05277, 52.28649], [5.05483, 52.28755], [5.05954, 52.28932], [5.06328, 52.28719], [5.06419, 52.28629], [5.06479, 52.28508], [5.06547, 52.2852], [5.06566, 52.28269], [5.06549, 52.28127], [5.06588, 52.28127], [5.0659, 52.28055], [5.06519, 52.28054], [5.06441, 52.28074], [5.06389, 52.27998], [5.06494, 52.27987], [5.06533, 52.27964], [5.06434, 52.27926], [5.06453, 52.27902], [5.06386, 52.27852], [5.06463, 52.27826], [5.07349, 52.27806]]], [[[4.91359, 52.32069], [4.91073, 52.32191], [4.91135, 52.3229], [4.91033, 52.32357], [4.91129, 52.32416], [4.91388, 52.32455], [4.91293, 52.33051], [4.91417, 52.33068], [4.9169, 52.33136], [4.92255, 52.33308], [4.92244, 52.33322], [4.92351, 52.33426], [4.92377, 52.33544], [4.92577, 52.33537], [4.92694, 52.33578], [4.92677, 52.33596], [4.92849, 52.33655], [4.93422, 52.3355], [4.93562, 52.33551], [4.93651, 52.33459], [4.93815, 52.33524], [4.93953, 52.33559], [4.94171, 52.33553], [4.94172, 52.33641], [4.9438, 52.33671], [4.94955, 52.33838], [4.94986, 52.33853], [4.9497, 52.33873], [4.95189, 52.33967], [4.95305, 52.34037], [4.9597, 52.34693], [4.95993, 52.34745], [4.96137, 52.34885], [4.96496, 52.35328], [4.96582, 52.3547], [4.96624, 52.35416], [4.96831, 52.35493], [4.96952, 52.3555], [4.96931, 52.35561], [4.96959, 52.3561], [4.97218, 52.35555], [4.97449, 52.35467], [4.99932, 52.34154], [4.99991, 52.34193], [5.00072, 52.3422], [5.00411, 52.34258], [5.00547, 52.34246], [5.00829, 52.34185], [5.00953, 52.342], [5.01106, 52.3427], [5.012, 52.34336], [5.01238, 52.34431], [5.0159, 52.34832], [5.03906, 52.35458], [5.03768, 52.3754], [5.0671, 52.38467], [5.07916, 52.38865], [5.07426, 52.41384], [5.06827, 52.41656], [5.06541, 52.41724], [5.06368, 52.41643], [5.06256, 52.41617], [5.05776, 52.41654], [5.05093, 52.41528], [5.04918, 52.41513], [5.04259, 52.41698], [5.03939, 52.41738], [5.03687, 52.41809], [5.03547, 52.41827], [5.03505, 52.4182], [5.0344, 52.41781], [5.03406, 52.41717], [5.03347, 52.41669], [5.03249, 52.41628], [5.03004, 52.41564], [5.03005, 52.41683], [5.02973, 52.41771], [5.02898, 52.41886], [5.02836, 52.41942], [5.0265, 52.42006], [5.02429, 52.42012], [5.02356, 52.42027], [5.02161, 52.42122], [5.02115, 52.42107], [5.02031, 52.4199], [5.01821, 52.41906], [5.00016, 52.42544], [4.99137, 52.4254], [4.99045, 52.42552], [4.99041, 52.42452], [4.98918, 52.42337], [4.98883, 52.42325], [4.98777, 52.42327], [4.9871, 52.42284], [4.98264, 52.42676], [4.97332, 52.4228], [4.95595, 52.42195], [4.95588, 52.42244], [4.9536, 52.42221], [4.95261, 52.42326], [4.95249, 52.42349], [4.95277, 52.42368], [4.95133, 52.42323], [4.95163, 52.42265], [4.95148, 52.42193], [4.94971, 52.42193], [4.94853, 52.42142], [4.94779, 52.42156], [4.94497, 52.41532], [4.94407, 52.41434], [4.94257, 52.41384], [4.93514, 52.41204], [4.93072, 52.41161], [4.93038, 52.41208], [4.92044, 52.41661], [4.91569, 52.41856], [4.9147, 52.41868], [4.91465, 52.4185], [4.91405, 52.4185], [4.91359, 52.41865], [4.90868, 52.42072], [4.90796, 52.42087], [4.90808, 52.42112], [4.90189, 52.42362], [4.89841, 52.42458], [4.89246, 52.42545], [4.88948, 52.42564], [4.88298, 52.42551], [4.88246, 52.42589], [4.88181, 52.42602], [4.87952, 52.42569], [4.87767, 52.42588], [4.87597, 52.42655], [4.87411, 52.42796], [4.87334, 52.42949], [4.87274, 52.42954], [4.8721, 52.42992], [4.87096, 52.43019], [4.87074, 52.43039], [4.8697, 52.42975], [4.86874, 52.43032], [4.86669, 52.43067], [4.86501, 52.43055], [4.86268, 52.42994], [4.86281, 52.42962], [4.86245, 52.42878], [4.85795, 52.42472], [4.85791, 52.42373], [4.85972, 52.42128], [4.85986, 52.42047], [4.85949, 52.41979], [4.85608, 52.41666], [4.84529, 52.41847], [4.76754, 52.4285], [4.76718, 52.42747], [4.73921, 52.43106], [4.72876, 52.40071], [4.75605, 52.39719], [4.75602, 52.3971], [4.75745, 52.39689], [4.75782, 52.39666], [4.75801, 52.38955], [4.75894, 52.38442], [4.75912, 52.37933], [4.75726, 52.37798], [4.75643, 52.37776], [4.75805, 52.37507], [4.7586, 52.37222], [4.75798, 52.36924], [4.7549, 52.35838], [4.7551, 52.35683], [4.75611, 52.35583], [4.75733, 52.3552], [4.77174, 52.34956], [4.79054, 52.34184], [4.79178, 52.34103], [4.79777, 52.33528], [4.81544, 52.32789], [4.81713, 52.32692], [4.81843, 52.32556], [4.81947, 52.32557], [4.81989, 52.32576], [4.82518, 52.32573], [4.82606, 52.32593], [4.83941, 52.32736], [4.83941, 52.32755], [4.83963, 52.32756], [4.83948, 52.32915], [4.84052, 52.32959], [4.84396, 52.33022], [4.84524, 52.32968], [4.84756, 52.33005], [4.84801, 52.33057], [4.85592, 52.33032], [4.85642, 52.32885], [4.85633, 52.32176], [4.85657, 52.32177], [4.85675, 52.32141], [4.85761, 52.32143], [4.85765, 52.32169], [4.85786, 52.32173], [4.89629, 52.32242], [4.89715, 52.3219], [4.89828, 52.32164], [4.9016, 52.32153], [4.90253, 52.32132], [4.9047, 52.32039], [4.90784, 52.3195], [4.90905, 52.31883], [4.90914, 52.31825], [4.91238, 52.31825], [4.91428, 52.32041], [4.91359, 52.32069]]]]
+    },
+    properties: {}
+  }
+}, {
+  id: 'weg-ef6c8b8fd8440f4d96d96824fc2a4093',
+  name: 'A12, Arnhem, MultiLineString',
+  source: 'P',
+  lat: 52.01459863,
+  lon: 5.92115805,
+  geometry: {
+    type: 'Feature',
+    geometry: {
+      type: 'MultiLineString',
+      coordinates: [[[5.81367, 52.02431], [5.8408, 52.02822], [5.84814, 52.02867], [5.85594, 52.02852], [5.86208, 52.02794], [5.86851, 52.02687], [5.87294, 52.02583], [5.89013, 52.02112], [5.89487, 52.02018], [5.90455, 52.01868]], [[5.90455, 52.01868], [5.91249, 52.01727], [5.91613, 52.01629], [5.91772, 52.01617], [5.91913, 52.01628]], [[5.91913, 52.01628], [5.92001, 52.01581], [5.92095, 52.01472], [5.92158, 52.01445], [5.92244, 52.01443], [5.92515, 52.01498]], [[5.92515, 52.01498], [5.9255, 52.01504]], [[5.8187, 52.02512], [5.8187, 52.02518]], [[5.8187, 52.02518], [5.81862, 52.02604], [5.81882, 52.02654], [5.81936, 52.02697], [5.82019, 52.02724], [5.82155, 52.02717], [5.82312, 52.02642], [5.824, 52.02623], [5.82783, 52.02653]], [[5.82783, 52.02653], [5.83847, 52.0281], [5.84188, 52.02846], [5.84733, 52.02879], [5.85241, 52.02881], [5.85846, 52.02847], [5.86428, 52.02777], [5.87025, 52.02664], [5.87549, 52.02528]], [[5.87549, 52.02528], [5.87771, 52.0248]], [[5.87771, 52.0248], [5.878, 52.02492]], [[5.878, 52.02492], [5.87838, 52.0249]], [[5.87838, 52.0249], [5.87888, 52.02502], [5.88028, 52.02474]], [[5.88028, 52.02474], [5.88138, 52.02384]], [[5.88138, 52.02384], [5.88331, 52.02309]], [[5.88331, 52.02309], [5.88916, 52.0215], [5.89402, 52.02047], [5.91825, 52.01675]], [[5.91825, 52.01675], [5.92178, 52.01645], [5.92271, 52.01665], [5.92437, 52.01738]], [[5.92437, 52.01738], [5.92525, 52.01743]], [[5.97711, 51.98293], [5.97675, 51.98263]], [[5.97675, 51.98263], [5.98048, 51.98113]], [[5.98048, 51.98113], [5.98036, 51.98104]], [[5.98036, 51.98104], [5.98442, 51.97869], [5.98987, 51.97439]], [[5.97426, 51.97989], [5.97562, 51.98025], [5.97614, 51.98058], [5.97646, 51.98107], [5.97645, 51.98179]], [[5.97645, 51.98179], [5.97722, 51.98099], [5.97842, 51.98063]], [[5.97842, 51.98063], [5.97904, 51.98062]], [[5.97904, 51.98062], [5.98113, 51.98027], [5.98276, 51.97952]], [[5.98276, 51.97952], [5.98553, 51.97769], [5.98974, 51.9743]], [[5.98077, 51.98145], [5.98048, 51.98113]], [[5.98048, 51.98113], [5.98289, 51.97985], [5.98509, 51.97841]], [[5.98509, 51.97841], [5.99016, 51.97437]], [[5.98201, 51.98075], [5.98509, 51.97841]], [[5.97842, 51.98063], [5.9767, 51.98035]], [[5.9767, 51.98035], [5.97981, 51.98046], [5.98109, 51.9802], [5.98276, 51.97952]], [[5.97678, 51.98313], [5.96979, 51.98471]], [[5.96979, 51.98471], [5.97675, 51.98263]], [[5.97675, 51.98263], [5.97668, 51.98253]], [[5.97668, 51.98253], [5.98036, 51.98104]], [[5.98036, 51.98104], [5.97904, 51.98062]], [[5.90455, 52.01868], [5.91637, 52.01693]], [[5.91637, 52.01693], [5.91913, 52.01628]], [[5.91913, 52.01628], [5.91978, 52.01641]], [[5.91978, 52.01641], [5.91637, 52.01693]], [[5.91825, 52.01675], [5.93018, 52.01491], [5.93301, 52.01427], [5.93609, 52.01337]], [[5.93609, 52.01337], [5.93938, 52.01198], [5.94245, 52.01033], [5.94487, 52.00861], [5.94703, 52.0066], [5.94931, 52.00346], [5.95348, 51.99491], [5.95508, 51.99278], [5.95704, 51.99088], [5.95967, 51.98895], [5.9627, 51.98727], [5.96604, 51.98588], [5.96979, 51.98471]], [[5.96837, 51.98496], [5.97561, 51.98257], [5.97611, 51.98228], [5.97645, 51.98179]], [[5.97645, 51.98179], [5.97668, 51.98253]], [[5.97668, 51.98253], [5.96837, 51.98496]], [[5.96837, 51.98496], [5.96467, 51.98624], [5.96181, 51.98753], [5.95923, 51.98903], [5.95683, 51.99083], [5.9549, 51.99271], [5.95341, 51.99464], [5.94897, 52.00364], [5.94779, 52.00541], [5.94639, 52.00699], [5.94399, 52.00908], [5.94116, 52.01091], [5.93784, 52.01252], [5.93433, 52.01377]], [[5.93433, 52.01377], [5.92963, 52.01488], [5.91978, 52.01641]], [[5.91978, 52.01641], [5.91988, 52.01644]], [[5.97433, 51.97978], [5.9767, 51.98035]], [[5.92396, 52.02223], [5.92376, 52.0196], [5.92437, 52.01738]], [[5.92437, 52.01738], [5.92505, 52.01641], [5.92611, 52.01579], [5.93142, 52.01479]], [[5.93142, 52.01479], [5.93369, 52.01423], [5.93609, 52.01337]], [[5.92555, 52.01744], [5.92668, 52.0173], [5.92761, 52.01619], [5.9285, 52.01558], [5.93142, 52.01479]], [[5.92571, 52.01505], [5.93004, 52.01465], [5.93433, 52.01377]], [[5.92515, 52.01498], [5.92551, 52.01491]], [[5.81343, 52.02408], [5.81561, 52.02377], [5.81731, 52.02286], [5.81811, 52.02155], [5.81791, 52.01992]], [[5.81381, 52.02447], [5.8187, 52.02518]], [[5.8187, 52.02518], [5.82783, 52.02653]], [[5.87838, 52.0249], [5.87911, 52.02472], [5.87931, 52.02441]], [[5.87931, 52.02441], [5.88066, 52.02414], [5.88138, 52.02384]], [[5.878, 52.02492], [5.87835, 52.02513], [5.87892, 52.02519], [5.88028, 52.02474]], [[5.87771, 52.0248], [5.87931, 52.02441]], [[5.87549, 52.02528], [5.88331, 52.02309]]]
+    },
+    properties: {}
+  }
+}, {
+  id: '658225',
+  name: 'Helsinki, Uusimaa, Finland',
+  source: 'G',
+  lat: 60.16952,
+  lon: 24.93545,
+  bbox: [24.782805558281286, 59.92249323820872, 25.254496669447338, 60.29783941145479]
+}];
+var locationApiEndpoints = [http.get(/^.*locations(.*)$/, function (_ref) {
+  var request = _ref.request;
+  var url = new URL(request.url);
+  var search = url.searchParams.get('search');
+  return HttpResponse.json(search ? fakeLocationList : []);
+}), http.get(/^.*locationdetail(.*)$/, function (_ref2) {
+  var request = _ref2.request;
+  var url = new URL(request.url);
+  var id = url.searchParams.get('id');
+  var result = fakeLocationDetailList.find(function (item) {
+    return item.id === id;
+  });
+  return HttpResponse.json(result);
+}), http.get(/^(?!.*(location)).*$/, function () {
+  return passthrough();
+})];
+
 var initialBbox = {
   srs: 'EPSG:3857',
   bbox: {
@@ -9549,4 +9929,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, LocationSearch, LocationSearchConnect, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, MyMapLocation, OlMapViewConnect, RouterWrapperConnect, SearchControlButtonConnect, SentryRecordButton, SyncGroupViewerConnect, TimeSliderConnect, componentsLookUp, coreTranslations, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, filterTimeSeriesServices, getCenterOfLinkedFeature, getLanguageFromLocalStorage, languageLocalStorageKey, makeLayerInfoPayload, makePrefetchTimeSpan, saveLanguageToLocalStorage, storyUtils, testLayers, useFetchServices, useFitAndHighlightWarningFeature, useGetOpenLayersView, 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, LocationSearch, LocationSearchConnect, types as LocationSearchTypes, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, MyMapLocation, OlMapViewConnect, RouterWrapperConnect, SearchControlButtonConnect, 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, useUpdateTimeSpan, useUpdateTimestep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/core",
-  "version": "12.11.0",
+  "version": "12.13.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.11.0",
+    "@opengeoweb/shared": "12.13.0",
     "react-redux": "^9.2.0",
-    "@opengeoweb/store": "12.11.0",
-    "@opengeoweb/timeslider": "12.11.0",
+    "@opengeoweb/store": "12.13.0",
+    "@opengeoweb/timeslider": "12.13.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/webmap-react": "12.11.0",
-    "@opengeoweb/webmap": "12.11.0",
-    "@opengeoweb/theme": "12.11.0",
+    "@opengeoweb/webmap-react": "12.13.0",
+    "@opengeoweb/webmap": "12.13.0",
+    "@opengeoweb/theme": "12.13.0",
     "axios": "^1.7.7",
-    "@opengeoweb/layer-select": "12.11.0",
+    "@opengeoweb/layer-select": "12.13.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.11.0",
+    "@mui/system": "^7.3.1",
+    "@opengeoweb/snackbar": "12.13.0",
     "react-router-dom": "^6.21.0",
     "react-draggable": "^4.4.6",
     "i18next": "^25.0.1",
@@ -32,7 +32,7 @@
     "@mui/material": "^7.0.1",
     "@sentry/react": "^8.34.0",
     "@tanstack/react-query": "^5.69.2",
-    "@opengeoweb/api": "12.11.0",
+    "@opengeoweb/api": "12.13.0",
     "@types/geojson": "^7946.0.14"
   },
   "peerDependencies": {

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

@@ -20,6 +20,7 @@ export interface InitialMapProps {
     mapControls?: React.ReactNode;
     shouldDisplayDrawControls?: boolean;
     displaySearchButtonInMap?: boolean;
+    displayDataExplorerButtonOnMap?: boolean;
 }
 export interface InitialTimeSeriesProps {
     plotPreset: PlotPreset;

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: {
@@ -40,8 +41,10 @@ export interface ConfigurableMapConnectProps {
     displayGetFeatureInfoButtonInMap?: boolean;
     shouldDisplayDrawControls?: boolean;
     displaySearchButtonInMap?: boolean;
+    displayDataExplorerButtonOnMap?: boolean;
     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/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,16 @@
+import * as React from 'react';
+import { LayerProps } from '@opengeoweb/webmap';
+export interface RenderEDRLayersProps {
+    onChangeLayerName: (name: string) => void;
+    selectedParams: string[];
+    layers: LayerProps[];
+    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/LayerManager/OverlayersRow/OverlayersSelect.d.ts

@@ -1,6 +1,15 @@
+export interface OverLayer {
+    id: string;
+    name: string;
+}
 interface OverlayersSelectProps {
-    selectedOverlayer: string;
-    onChangeOverlayer: (overlayer: string) => void;
+    mapId: string;
+    selectedOverlayer: OverLayer;
+    onChangeOverlayer: (mapId: string, selectedOverlayer: OverLayer) => void;
+    availableOverlayers?: {
+        id: string;
+        name: string;
+    }[];
 }
 declare const OverlayersSelect: React.FC<OverlayersSelectProps>;
 export default OverlayersSelect;

package/src/lib/components/LayerManager/OverlayersRow/OverlayersSelectConnect.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
-declare const OverlayersSelectConnect: React.FC;
+interface OverlayersSelectConnectProps {
+    mapId?: string;
+}
+declare const OverlayersSelectConnect: React.FC<OverlayersSelectConnectProps>;
 export default OverlayersSelectConnect;

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

@@ -2,3 +2,4 @@ export { SearchControlButtonConnect } from './SearchControlButtonConnect';
 export { LocationSearchConnect } from './LocationSearchConnect';
 export { LocationSearch } from './LocationSearch';
 export { MyMapLocation } from './MyMapLocation';
+export * as LocationSearchTypes from './types';

package/src/lib/components/LocationSearch/types.d.ts

@@ -5,6 +5,7 @@ export interface LocationDetail {
     lat: number;
     lon: number;
     geometry?: GeoJSON.Feature;
+    bbox?: GeoJSON.BBox;
 }
 export interface LocationListResult {
     id: 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;
@@ -9,6 +10,7 @@ export interface MapControlsProps {
     multiLegend?: boolean;
     dimensionSelect?: boolean;
     getFeatureInfo?: boolean;
+    dataExplorerButton?: boolean;
     additionalMapControls?: React.ReactNode;
 }
 export interface OlMapViewConnectProps {
@@ -23,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/index.d.ts

@@ -19,4 +19,6 @@ export * from './components/TimeSliderConnect';
 export * from './components/LayerInfoConnect';
 export * from './components/SentryRecordButton';
 export * from './components/LanguageSelect';
+export { useLocationDetail, useLocationList } from './utils/location-api/hooks';
+export { fakeLocationDetailList, fakeLocationList, locationApiEndpoints, } from './utils/location-api/fakeApi';
 export * as storyUtils from './utils/storyUtils';

package/src/lib/utils/location-api/fakeApi.d.ts

@@ -10,6 +10,7 @@ export declare const fakeLocationDetailList: ({
     lon: number;
     lat: number;
     geometry?: undefined;
+    bbox?: undefined;
 } | {
     lat: number;
     lon: number;
@@ -24,6 +25,7 @@ export declare const fakeLocationDetailList: ({
         };
         properties?: undefined;
     };
+    bbox?: undefined;
 } | {
     id: string;
     name: string;
@@ -38,6 +40,7 @@ export declare const fakeLocationDetailList: ({
             coordinates: number[][];
         };
     };
+    bbox?: undefined;
 } | {
     id: string;
     name: string;
@@ -52,6 +55,7 @@ export declare const fakeLocationDetailList: ({
         };
         properties: {};
     };
+    bbox?: undefined;
 } | {
     id: string;
     name: string;
@@ -66,5 +70,14 @@ export declare const fakeLocationDetailList: ({
         };
         properties: {};
     };
+    bbox?: undefined;
+} | {
+    id: string;
+    name: string;
+    source: string;
+    lat: number;
+    lon: number;
+    bbox: number[];
+    geometry?: undefined;
 })[];
 export declare const locationApiEndpoints: import("msw").HttpHandler[];