@opengeoweb/core 6.1.1 → 8.0.0

package/index.esm.js

@@ -1,24 +1,22 @@
 import * as React from 'react';
-import React__default, { forwardRef, useContext, useCallback, useEffect, createElement, PureComponent, useState, cloneElement, useRef, isValidElement, createRef, useLayoutEffect } from 'react';
+import React__default, { forwardRef, useContext, useCallback, useEffect, createElement, PureComponent, useState, useRef, useLayoutEffect } from 'react';
 import { Grid, Box as Box$2, MenuItem, Typography, useTheme as useTheme$2, Button, Popper, ListItemText, ListItemIcon, FormControl, InputLabel, Paper, List, ListItemButton, CircularProgress, ListSubheader, Dialog, DialogTitle, DialogContent, DialogContentText, TextField, InputAdornment, DialogActions, LinearProgress, Backdrop, ListItem, ListItemSecondaryAction, Checkbox, Switch, styled as styled$1, Slider, Menu, Card, IconButton, Select, CardContent, RadioGroup, FormControlLabel, Radio, ToggleButtonGroup, ToggleButton, Divider, Tooltip, ButtonGroup, Snackbar } from '@mui/material';
 import { CustomIconButton, TooltipSelect, AlertIcon, useControlledTooltip, CustomTooltip, tooltipContainerStyles, sliderHeaderStyle, CustomSlider, ToggleMenu, AlertBanner, CustomAccordion, ToolContainerDraggable, calculateDialogSizeAndPosition, CustomToggleButton, SearchHighlight, dateUtils, useMakeSureContainerStaysInsideWindow, withEggs } from '@opengeoweb/shared';
-import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, Copy, None, FastForward, AutoUpdateActive, Both, Visibility, VisibilityOff, Delete, DragHandle as DragHandle$1, Cached, Add, MapAdd, Filter, Search, Clear, Info, DimensionsOther, DimensionsElevation, DimensionsRefTime, DimensionsTime, Edit, Close, Home, Minus, Layers, Equalizer, Link, LinkOff, AutoUpdateInActive, Speed, Clock, Now, Animation, Options, Pause, Play, StepForward, StepBackward, dragHandlePath, ChevronDown, ChevronUp, List as List$1, ChevronRight, ChevronLeft, Resize, ExitDomain, Location, DrawPolygon, DrawRegion, ThemeWrapper, lightTheme } from '@opengeoweb/theme';
+import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, Copy, None, FastForward, AutoUpdateActive, Both, Visibility, VisibilityOff, Delete, DragHandle as DragHandle$1, Cached, Add, MapAdd, Filter, Search, Clear, Info, DimensionsOther, DimensionsElevation, DimensionsRefTime, DimensionsTime, Edit, Close, Layers, Equalizer, Link, LinkOff, AutoUpdateInActive, Speed, Clock, Now, Animation, Options, Pause, Play, StepForward, StepBackward, dragHandlePath, ChevronDown, ChevronUp, List as List$1, ChevronRight, ChevronLeft, Resize, ExitDomain, ThemeWrapper, lightTheme } from '@opengeoweb/theme';
 import { useDispatch, useSelector, connect, Provider } from 'react-redux';
-import { uiTypes, uiSelectors, uiActions, layerTypes, layerUtils, layerActions, layerSelectors, serviceSelectors, serviceActions, mapSelectors, mapActions, mapEnums, mapConstants, filterLayers, getUserAddedServices, layerSelectSelectors, layerSelectActions, storeUtils, snackbarActions, layerSelectTypes, mapUtils, genericActions, syncConstants, drawSelectors, drawActions, defaultLayers, syncGroupsSelectors, syncGroupsSelector, snackbarModuleConfig, snackbarSelectors, coreModuleConfig, routerUtils, routerModuleConfig, appModuleConfig, appActions } from '@opengeoweb/store';
+import { uiTypes, uiSelectors, uiActions, layerTypes, layerUtils, layerActions, layerSelectors, serviceSelectors, serviceActions, mapSelectors, mapActions, mapEnums, mapConstants, filterLayers, getUserAddedServices, layerSelectSelectors, layerSelectActions, storeUtils, snackbarActions, layerSelectTypes, mapUtils, genericActions, syncConstants, defaultLayers, mapStoreActions, getSingularDrawtoolDrawLayerId, syncGroupsSelectors, syncGroupsSelector, snackbarModuleConfig, snackbarSelectors, coreModuleConfig, routerUtils, routerModuleConfig, appModuleConfig, appActions } from '@opengeoweb/store';
 import { ReactSortable } from 'react-sortablejs';
 import { webmapUtils, WMGetServiceFromStore, getCapabilities, LayerType, clearImageCache, WMLayer } from '@opengeoweb/webmap';
 import { jsx } from 'react/jsx-runtime';
-import _, { isEqual as isEqual$1, debounce, groupBy, throttle as throttle$1, clamp as clamp$1, range } from 'lodash';
+import _, { isEqual as isEqual$1, debounce, groupBy, throttle as throttle$1, range } from 'lodash';
 import Box$3 from '@mui/material/Box';
 import Typography$1 from '@mui/material/Typography';
 import Grid$1 from '@mui/material/Grid';
-import { LegendLayout, CanvasComponent, ReactMapView, MapViewLayer, Legend, defaultStyleProperties, lineString, featurePoint, featurePolygon, emptyGeoJSON, DRAWMODE, addFeatureProperties, isGeoJSONFeatureCreatedByTool, getFeatureCollection, getGeoJson, createInterSections } from '@opengeoweb/webmap-react';
-import { ReactHookFormProvider, defaultFormOptions, ReactHookFormTextField, ReactHookFormSelect, ReactHookFormHiddenInput } from '@opengeoweb/form-fields';
+import { LegendLayout, MapControlButton, ZoomControls, CanvasComponent, MapView, MapViewLayer, LegendDialog, emptyGeoJSON, MapControls, publicLayers } from '@opengeoweb/webmap-react';
+import { ReactHookFormProvider, defaultFormOptions, ReactHookFormTextField } from '@opengeoweb/form-fields';
 import moment from 'moment';
-import { findDOMNode, flushSync } from 'react-dom';
-import debounce$1 from 'lodash/debounce';
-import throttle$2 from 'lodash/throttle';
 import Draggable from 'react-draggable';
+import { flushSync } from 'react-dom';
 import axios from 'axios';
 import { useDebounce } from '@opengeoweb/api';
 import { createStore } from '@redux-eggs/redux-toolkit';
@@ -5386,7 +5384,7 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-function __rest$1(s, e) {
+function __rest(s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -10535,7 +10533,7 @@ var CustomDimensionSelectConnect = function CustomDimensionSelectConnect(_a) {
     mapId = _a.mapId,
     dimensionsToShow = _a.dimensionsToShow,
     SingleValueComponent = _a.SingleValueComponent,
-    props = __rest$1(_a, ["layerId", "mapId", "dimensionsToShow", "SingleValueComponent"]);
+    props = __rest(_a, ["layerId", "mapId", "dimensionsToShow", "SingleValueComponent"]);
   var _useLayerDimensions = useLayerDimensions(layerId, mapId),
     layerDimensions = _useLayerDimensions.layerDimensions,
     isLayerEnabled = _useLayerDimensions.isLayerEnabled,
@@ -11858,7 +11856,7 @@ var styles$6 = {
     boxSizing: 'border-box'
   }
 };
-var calculateStartSize$1 = function calculateStartSize(minSize, prefSize, startPosition) {
+var calculateStartSize = function calculateStartSize(minSize, prefSize, startPosition) {
   var _calculateDialogSizeA = calculateDialogSizeAndPosition(),
     calcWidth = _calculateDialogSizeA.width,
     calcHeight = _calculateDialogSizeA.height;
@@ -11909,7 +11907,7 @@ var LayerManager = function LayerManager(_ref) {
     width: 100,
     height: 126
   };
-  var startSizeCalc = calculateStartSize$1(minSize, size, startPosition);
+  var startSizeCalc = calculateStartSize(minSize, size, startPosition);
   var _React$useState = React.useState(startSizeCalc),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     sizeInState = _React$useState2[0],
@@ -12171,7 +12169,7 @@ var mergePresetsAndUserAddedServices = function mergePresetsAndUserAddedServices
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-var getDialogType$1 = function getDialogType(mapId, isMultiMap, isDocked) {
+var getDialogType = function getDialogType(mapId, isMultiMap, isDocked) {
   if (isDocked) {
     return "".concat(uiTypes.DialogTypes.DockedLayerManager, "-").concat(mapId);
   }
@@ -12211,7 +12209,7 @@ var LayerManagerConnect = function LayerManagerConnect(_ref) {
     _ref$source = _ref.source,
     source = _ref$source === void 0 ? 'app' : _ref$source;
   var dispatch = useDispatch();
-  var dialogType = getDialogType$1(initialMapId, isMultiMap, isDocked);
+  var dialogType = getDialogType(initialMapId, isMultiMap, isDocked);
   var activeMapId = useSelector(function (store) {
     return uiSelectors.getDialogMapId(store, dialogType);
   });
@@ -15701,7 +15699,7 @@ var ServicePopup = function ServicePopup(_ref2) {
   }, "save")))));
 };
 var ServicePopupWrapper = function ServicePopupWrapper(_a) {
-  var props = __rest$1(_a, []);
+  var props = __rest(_a, []);
   return /*#__PURE__*/React.createElement(ReactHookFormProvider, {
     options: Object.assign(Object.assign({}, defaultFormOptions), {
       defaultValues: {
@@ -15866,162 +15864,6 @@ var LayerSelectConnect = function LayerSelectConnect(_ref) {
   }), /*#__PURE__*/React.createElement(LayerInfoDialogConnect, null), /*#__PURE__*/React.createElement(ServicePopupConnect, null));
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-var MapControlButton = function MapControlButton(_a) {
-  var onClick = _a.onClick,
-    children = _a.children,
-    title = _a.title,
-    _a$placement = _a.placement,
-    placement = _a$placement === void 0 ? 'right' : _a$placement,
-    _a$isActive = _a.isActive,
-    isActive = _a$isActive === void 0 ? false : _a$isActive,
-    props = __rest$1(_a, ["onClick", "children", "title", "placement", "isActive"]);
-  return /*#__PURE__*/React.createElement(CustomIconButton, Object.assign({
-    variant: "tool",
-    tooltipProps: {
-      placement: placement,
-      title: title
-    },
-    onClick: onClick,
-    isSelected: isActive
-  }, props), children);
-};
-
-/* *
- * 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 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
- * */
-var ZoomControls = function ZoomControls(_ref) {
-  var onZoomIn = _ref.onZoomIn,
-    onZoomOut = _ref.onZoomOut,
-    onZoomReset = _ref.onZoomReset;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MapControlButton, {
-    title: "Reset zoom",
-    "data-testid": "zoom-reset",
-    onClick: onZoomReset
-  }, /*#__PURE__*/React.createElement(Home, null)), /*#__PURE__*/React.createElement(MapControlButton, {
-    title: "Zoom in",
-    "data-testid": "zoom-in",
-    onClick: onZoomIn
-  }, /*#__PURE__*/React.createElement(Add, null)), /*#__PURE__*/React.createElement(MapControlButton, {
-    title: "Zoom out",
-    "data-testid": "zoom-out",
-    onClick: onZoomOut
-  }, /*#__PURE__*/React.createElement(Minus, null)));
-};
-
-/* *
- * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
- * */
-var ZoomControlConnect = function ZoomControlConnect(_ref) {
-  var mapId = _ref.mapId;
-  var isVisible = useSelector(function (store) {
-    return mapSelectors.isZoomControlsVisible(store, mapId);
-  });
-  var adagucRef = React.useRef(null);
-  React.useEffect(function () {
-    adagucRef.current = webmapUtils.getWMJSMapById(mapId);
-  }, [mapId]);
-  var onZoomIn = function onZoomIn() {
-    return adagucRef.current.zoomIn(undefined);
-  };
-  var onZoomOut = function onZoomOut() {
-    return adagucRef.current.zoomOut();
-  };
-  var onZoomReset = function onZoomReset() {
-    return adagucRef.current.zoomToLayer(adagucRef.current.getActiveLayer());
-  };
-  if (!isVisible) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(ZoomControls, {
-    onZoomIn: onZoomIn,
-    onZoomOut: onZoomOut,
-    onZoomReset: onZoomReset
-  });
-};
-
-/* *
- * 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 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
-var MapControls = function MapControls(_a) {
-  var children = _a.children,
-    props = __rest$1(_a, ["children"]);
-  return /*#__PURE__*/React.createElement(Box$2, Object.assign({
-    sx: {
-      position: 'absolute',
-      overflow: 'visible',
-      display: 'block',
-      left: 0,
-      margin: 1,
-      zIndex: 50,
-      top: '96px',
-      userSelect: 'none'
-    }
-  }, props), /*#__PURE__*/React.createElement(Grid, {
-    sx: {
-      '& > button': {
-        marginBottom: 1
-      }
-    },
-    container: true,
-    direction: "column"
-  }, children));
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16625,6 +16467,50 @@ var MultiMapMultiDimensionSelectConnect = function MultiMapMultiDimensionSelectC
   }));
 };
 
+/* *
+ * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * */
+var ZoomControlConnect = function ZoomControlConnect(_ref) {
+  var mapId = _ref.mapId;
+  var isVisible = useSelector(function (store) {
+    return mapSelectors.isZoomControlsVisible(store, mapId);
+  });
+  var adagucRef = React.useRef(null);
+  React.useEffect(function () {
+    adagucRef.current = webmapUtils.getWMJSMapById(mapId);
+  }, [mapId]);
+  var onZoomIn = function onZoomIn() {
+    return adagucRef.current.zoomIn(undefined);
+  };
+  var onZoomOut = function onZoomOut() {
+    return adagucRef.current.zoomOut();
+  };
+  var onZoomReset = function onZoomReset() {
+    return adagucRef.current.zoomToLayer(adagucRef.current.getActiveLayer());
+  };
+  if (!isVisible) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ZoomControls, {
+    onZoomIn: onZoomIn,
+    onZoomOut: onZoomOut,
+    onZoomReset: onZoomReset
+  });
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -16685,11 +16571,6 @@ var AutoUpdateButton = function AutoUpdateButton(_ref) {
 var millisecondsInSecond = 1000;
 var speedFactors = [0.1, 0.2, 0.5, 1, 2, 4, 8, 16]; // Declares available animation speed multipliers for default delay
 
-var getSelectedTime = function getSelectedTime(timeDimension) {
-  var currentValueIsValid = timeDimension && timeDimension.currentValue && dateUtils.isValid(dateUtils.utc(timeDimension.currentValue));
-  var selectedTime = currentValueIsValid && timeDimension ? dateUtils.unix(dateUtils.utc(timeDimension.currentValue)) : dateUtils.unix(dateUtils.utc());
-  return selectedTime;
-};
 /**
  * Returns time bounds from the given dimension. If no time dimension given, current time is returned as default
  */
@@ -16703,27 +16584,11 @@ var getTimeBounds = function getTimeBounds(dimensions) {
   });
   var startTime = timeDimension && timeDimension.minValue ? dateUtils.unix(dateUtils.utc(timeDimension.minValue)) : defaultStartEnd;
   var endTime = timeDimension && timeDimension.maxValue ? dateUtils.unix(dateUtils.utc(timeDimension.maxValue)) : defaultStartEnd;
-  var selectedTime = getSelectedTime(timeDimension);
   return {
-    selectedTime: selectedTime,
     startTime: startTime,
     endTime: endTime
   };
 };
-/**
- * Returns time bounds as *Moment* time instances from the given dimension. If no time dimension given, current time is returned as default
- */
-var getMomentTimeBounds = function getMomentTimeBounds(dimensions) {
-  var _getTimeBounds = getTimeBounds(dimensions),
-    selectedTime = _getTimeBounds.selectedTime,
-    startTime = _getTimeBounds.startTime,
-    endTime = _getTimeBounds.endTime;
-  return {
-    selectedTime: moment.unix(selectedTime),
-    startTime: moment.unix(startTime),
-    endTime: moment.unix(endTime)
-  };
-};
 var scalingCoefficient = function scalingCoefficient(end, start, width) {
   return width / (end - start);
 };
@@ -16751,27 +16616,6 @@ var setNewRoundedTime = function setNewRoundedTime(x, centerTime, width, seconds
   var selectedTimeString = moment.unix(newTime).toISOString();
   onsetNewDateDebounced(selectedTimeString, onSetNewDate);
 };
-var getDataLimitsFromLayers = function getDataLimitsFromLayers(layers) {
-  return layers.reduce(function (_ref, layer) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      start = _ref2[0],
-      end = _ref2[1];
-    var dimension = webmapUtils.getWMJSTimeDimensionForLayerId(layer.id);
-    if (dimension) {
-      var lastValue = moment(dimension.getLastValue()).unix();
-      var firstValue = moment(dimension.getFirstValue()).unix();
-      var newLast = lastValue > end ? lastValue : end;
-      var newFirst = firstValue < start ? firstValue : start;
-      return [newFirst, newLast];
-    }
-    return [start, end];
-  },
-  /* Using the maximum 32-bit value and 0 as starting points
-   * bigger values like Number.MAX_VALUE or Number.MAX_SAFE_INTEGER
-   * cause weird behaviour as timestamps break at 32bit limit (year 2038)
-   */
-  [2147483647, 0]);
-};
 var setPreviousTimeStep = function setPreviousTimeStep(timeStep, currentTime, dataStartTime, onSetNewDate) {
   var nextTime = currentTime - timeStep;
   var roundedTime = mapUtils.roundWithTimeStep(nextTime, timeStep, 'floor');
@@ -16805,19 +16649,6 @@ var moveSelectedTimePx = function moveSelectedTimePx(x, canvasWidth, centerTime,
   var newUnfilteredSelectedTimePx = Math.max(minClickedUnfilteredSelectedTimePx, leftMarkerPx);
   setNewRoundedTime(newUnfilteredSelectedTimePx, centerTime, canvasWidth, secondsPerPx, timeStep, dataStartTime, dataEndTime, onSetNewDate);
 };
-/**
- * This function gets the length in seconds of the data layers
- * @param layers
- * @returns dataSpanSeconds,
- */
-var getDataSpanSeconds = function getDataSpanSeconds(layers) {
-  var _getDataLimitsFromLay = getDataLimitsFromLayers(layers),
-    _getDataLimitsFromLay2 = _slicedToArray(_getDataLimitsFromLay, 2),
-    dataStartTime = _getDataLimitsFromLay2[0],
-    dataEndTime = _getDataLimitsFromLay2[1];
-  var dataRegionInSeconds = dataEndTime - dataStartTime;
-  return Math.floor(dataRegionInSeconds);
-};
 /**
  * This function creates and returns an array where there is secondsPerPx
  * number of the data set added for a data scale (secondsPerPx)
@@ -17003,20 +16834,16 @@ var getFundamentalScale$1 = function getFundamentalScale(secondsPerPx) {
 
 var timeSliderUtils = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  getSelectedTime: getSelectedTime,
   getTimeBounds: getTimeBounds,
-  getMomentTimeBounds: getMomentTimeBounds,
   scalingCoefficient: scalingCoefficient,
   timestampToPixelEdges: timestampToPixelEdges,
   timestampToPixel: timestampToPixel,
   pixelToTimestamp: pixelToTimestamp,
   onsetNewDateDebounced: onsetNewDateDebounced,
   setNewRoundedTime: setNewRoundedTime,
-  getDataLimitsFromLayers: getDataLimitsFromLayers,
   setPreviousTimeStep: setPreviousTimeStep,
   setNextTimeStep: setNextTimeStep,
   moveSelectedTimePx: moveSelectedTimePx,
-  getDataSpanSeconds: getDataSpanSeconds,
   secondsPerPxValues: secondsPerPxValues,
   secondsPerPxFromCanvasWidth: secondsPerPxFromCanvasWidth,
   getNewCenterOfFixedPointZoom: getNewCenterOfFixedPointZoom,
@@ -19341,12 +19168,12 @@ var NowButtonConnect = function NowButtonConnect(_ref) {
   var timeStep = useSelector(function (store) {
     return mapSelectors.getMapTimeStep(store, mapId);
   });
-  var _getDataLimitsFromLay = getDataLimitsFromLayers(useSelector(function (store) {
-      return mapSelectors.getMapLayers(store, mapId);
-    })),
-    _getDataLimitsFromLay2 = _slicedToArray(_getDataLimitsFromLay, 2),
-    dataStartTime = _getDataLimitsFromLay2[0],
-    dataEndTime = _getDataLimitsFromLay2[1];
+  var _useSelector = useSelector(function (store) {
+      return mapSelectors.getDataLimitsFromLayers(store, mapId);
+    }),
+    _useSelector2 = _slicedToArray(_useSelector, 2),
+    dataStartTime = _useSelector2[0],
+    dataEndTime = _useSelector2[1];
   var isAnimating = useSelector(function (store) {
     return mapSelectors.isAnimating(store, mapId);
   });
@@ -19409,7 +19236,8 @@ var AnimationLengthButtonConnect = function AnimationLengthButtonConnect(_ref) {
     var animationEndTime = moment(animationStartTime).add(length, 'minutes').toISOString();
     dispatch(mapActions.setAnimationEndTime({
       mapId: mapId,
-      animationEndTime: animationEndTime
+      animationEndTime: animationEndTime,
+      origin: mapEnums.MapActionOrigin.map
     }));
   };
   return /*#__PURE__*/React.createElement(AnimationLengthButton, {
@@ -19455,9 +19283,6 @@ var TimeSpanButtonConnect = function TimeSpanButtonConnect(_ref) {
   var secondsPerPx = useSelector(function (store) {
     return mapSelectors.getMapTimeSliderSecondsPerPx(store, mapId);
   });
-  var dimensions = useSelector(function (store) {
-    return mapSelectors.getMapDimensions(store, mapId);
-  });
   var autoTimeStepLayerId = useSelector(function (store) {
     return mapSelectors.getAutoTimeStepLayerId(store, mapId);
   });
@@ -19487,8 +19312,9 @@ var TimeSpanButtonConnect = function TimeSpanButtonConnect(_ref) {
       origin: mapEnums.MapActionOrigin.map
     }));
   }, [dispatch, isTimeSpanAuto, mapId]);
-  var _getTimeBounds = getTimeBounds(dimensions),
-    selectedTime = _getTimeBounds.selectedTime;
+  var selectedTime = useSelector(function (store) {
+    return mapSelectors.getSelectedTime(store, mapId);
+  });
   return /*#__PURE__*/React.createElement(TimeSpanButton, {
     timeSliderSpan: timeSliderSpan,
     onChangeTimeSliderSpan: onSetTimeSliderSpan,
@@ -19638,17 +19464,15 @@ var BackwardForwardStepButtonConnect = function BackwardForwardStepButtonConnect
   var isAnimating = useSelector(function (store) {
     return mapSelectors.isAnimating(store, mapId);
   });
-  var timedim = useSelector(function (store) {
-    return mapSelectors.getMapDimension(store, mapId, 'time');
-  });
-  var selectedTime = getSelectedTime(timedim);
-  var layers = useSelector(function (store) {
-    return mapSelectors.getMapLayers(store, mapId);
+  var selectedTime = useSelector(function (store) {
+    return mapSelectors.getSelectedTime(store, mapId);
   });
-  var _getDataLimitsFromLay = getDataLimitsFromLayers(layers),
-    _getDataLimitsFromLay2 = _slicedToArray(_getDataLimitsFromLay, 2),
-    dataStartTime = _getDataLimitsFromLay2[0],
-    dataEndTime = _getDataLimitsFromLay2[1];
+  var _useSelector = useSelector(function (store) {
+      return mapSelectors.getDataLimitsFromLayers(store, mapId);
+    }),
+    _useSelector2 = _slicedToArray(_useSelector, 2),
+    dataStartTime = _useSelector2[0],
+    dataEndTime = _useSelector2[1];
   var onClickBF = function onClickBF() {
     if (isAnimating) {
       stopAnimation();
@@ -19714,12 +19538,6 @@ var TimeSliderButtonsConnectMemo = /*#__PURE__*/React.memo(TimeSliderButtonsConn
 var TimeSliderLegendConnect = function TimeSliderLegendConnect(_ref) {
   var sourceId = _ref.sourceId,
     mapId = _ref.mapId;
-  var layers = useSelector(function (store) {
-    return mapSelectors.getMapLayers(store, mapId);
-  });
-  var dimensions = useSelector(function (store) {
-    return mapSelectors.getMapDimensions(store, mapId);
-  });
   var centerTime = useSelector(function (store) {
     return mapSelectors.getMapTimeSliderCenterTime(store, mapId);
   });
@@ -19747,13 +19565,16 @@ var TimeSliderLegendConnect = function TimeSliderLegendConnect(_ref) {
   var unfilteredSelectedTime = useSelector(function (store) {
     return mapSelectors.getTimeSliderUnfilteredSelectedTime(store, mapId);
   });
-  var _getTimeBounds = getTimeBounds(dimensions),
-    selectedTime = _getTimeBounds.selectedTime;
+  var selectedTime = useSelector(function (store) {
+    return mapSelectors.getSelectedTime(store, mapId);
+  });
   var currentTime = moment.utc().unix();
-  var _getDataLimitsFromLay = getDataLimitsFromLayers(layers),
-    _getDataLimitsFromLay2 = _slicedToArray(_getDataLimitsFromLay, 2),
-    dataStartTime = _getDataLimitsFromLay2[0],
-    dataEndTime = _getDataLimitsFromLay2[1];
+  var _useSelector = useSelector(function (store) {
+      return mapSelectors.getDataLimitsFromLayers(store, mapId);
+    }),
+    _useSelector2 = _slicedToArray(_useSelector, 2),
+    dataStartTime = _useSelector2[0],
+    dataEndTime = _useSelector2[1];
   var dispatch = useDispatch();
   return /*#__PURE__*/React.createElement(TimeSliderLegend, {
     mapId: mapId,
@@ -19806,13 +19627,15 @@ var TimeSliderLegendConnect = function TimeSliderLegendConnect(_ref) {
     onSetAnimationStartTime: function onSetAnimationStartTime(animationStartTime) {
       dispatch(mapActions.setAnimationStartTime({
         mapId: mapId,
-        animationStartTime: animationStartTime
+        animationStartTime: animationStartTime,
+        origin: mapEnums.MapActionOrigin.map
       }));
     },
     onSetAnimationEndTime: function onSetAnimationEndTime(animationEndTime) {
       dispatch(mapActions.setAnimationEndTime({
         mapId: mapId,
-        animationEndTime: animationEndTime
+        animationEndTime: animationEndTime,
+        origin: mapEnums.MapActionOrigin.map
       }));
     },
     updateCanvasWidth: function updateCanvasWidth(storeWidth, newWidth) {
@@ -19836,8 +19659,6 @@ var TimeSliderLegendConnect = function TimeSliderLegendConnect(_ref) {
 
 var connectRedux = connect(function (store, props) {
   return {
-    layers: mapSelectors.getMapLayers(store, props.mapId),
-    dimensions: mapSelectors.getMapDimensions(store, props.mapId),
     centerTime: mapSelectors.getMapTimeSliderCenterTime(store, props.mapId),
     secondsPerPx: mapSelectors.getMapTimeSliderSecondsPerPx(store, props.mapId),
     span: mapSelectors.getMapTimeSliderSpan(store, props.mapId),
@@ -19855,11 +19676,9 @@ var connectRedux = connect(function (store, props) {
 var TimeSliderCurrentTimeBoxConnectComponent = function TimeSliderCurrentTimeBoxConnectComponent(_ref) {
   var mapId = _ref.mapId,
     sourceId = _ref.sourceId,
-    dimensions = _ref.dimensions,
     centerTime = _ref.centerTime,
     secondsPerPx = _ref.secondsPerPx,
     span = _ref.span,
-    layers = _ref.layers,
     timeStep = _ref.timeStep,
     isAnimating = _ref.isAnimating,
     isAutoUpdating = _ref.isAutoUpdating,
@@ -19868,12 +19687,15 @@ var TimeSliderCurrentTimeBoxConnectComponent = function TimeSliderCurrentTimeBox
     setTimeSliderUnfilteredSelectedTime = _ref.setTimeSliderUnfilteredSelectedTime,
     setTime = _ref.setTime,
     setCenterTime = _ref.setCenterTime;
-  var _getTimeBounds = getTimeBounds(dimensions),
-    selectedTime = _getTimeBounds.selectedTime;
-  var _getDataLimitsFromLay = getDataLimitsFromLayers(layers),
-    _getDataLimitsFromLay2 = _slicedToArray(_getDataLimitsFromLay, 2),
-    dataStartTime = _getDataLimitsFromLay2[0],
-    dataEndTime = _getDataLimitsFromLay2[1];
+  var selectedTime = useSelector(function (store) {
+    return mapSelectors.getSelectedTime(store, mapId);
+  });
+  var _useSelector = useSelector(function (store) {
+      return mapSelectors.getDataLimitsFromLayers(store, mapId);
+    }),
+    _useSelector2 = _slicedToArray(_useSelector, 2),
+    dataStartTime = _useSelector2[0],
+    dataEndTime = _useSelector2[1];
   return /*#__PURE__*/React.createElement(TimeSliderCurrentTimeBox, {
     centerTime: centerTime,
     secondsPerPx: secondsPerPx,
@@ -19956,14 +19778,12 @@ var useUpdateTimeSpan = function useUpdateTimeSpan(mapId, onSetTimeSliderSpan) {
   var secondsPerPx = useSelector(function (store) {
     return mapSelectors.getMapTimeSliderSecondsPerPx(store, mapId);
   });
-  var dimensions = useSelector(function (store) {
-    return mapSelectors.getMapDimensions(store, mapId);
-  });
   var currentTimeSpan = useSelector(function (store) {
     return mapSelectors.getMapTimeSliderSpan(store, mapId);
   });
-  var _getTimeBounds = getTimeBounds(dimensions),
-    selectedTime = _getTimeBounds.selectedTime;
+  var selectedTime = useSelector(function (store) {
+    return mapSelectors.getSelectedTime(store, mapId);
+  });
   var updateTimeSliderSpan = function updateTimeSliderSpan(spanInSeconds, newCenterTime, newSecondsPerPx) {
     if (spanInSeconds !== undefined && newCenterTime !== undefined && newSecondsPerPx !== undefined) {
       onSetTimeSliderSpan(spanInSeconds, newCenterTime, newSecondsPerPx);
@@ -19971,9 +19791,9 @@ var useUpdateTimeSpan = function useUpdateTimeSpan(mapId, onSetTimeSliderSpan) {
   };
   React.useEffect(function () {
     if (isTimeSpanAuto && autoTimeStepLayerId) {
-      var _getTimeBounds2 = getTimeBounds([activeLayerTimeDimension]),
-        startTime = _getTimeBounds2.startTime,
-        endTime = _getTimeBounds2.endTime;
+      var _getTimeBounds = getTimeBounds([activeLayerTimeDimension]),
+        startTime = _getTimeBounds.startTime,
+        endTime = _getTimeBounds.endTime;
       var spanInSeconds = endTime - startTime;
       var newSecondsPerPx = secondsPerPxFromCanvasWidth(timeSliderWidth, spanInSeconds);
       var newCenterTime = (startTime + endTime) / 2;
@@ -20044,21 +19864,18 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
   var timeStep = useSelector(function (store) {
     return mapSelectors.getMapTimeStep(store, mapId);
   });
-  var layers = useSelector(function (store) {
-    return mapSelectors.getMapLayers(store, mapId);
-  });
-  var _getDataLimitsFromLay = getDataLimitsFromLayers(layers),
-    _getDataLimitsFromLay2 = _slicedToArray(_getDataLimitsFromLay, 2),
-    dataStartTime = _getDataLimitsFromLay2[0],
-    dataEndTime = _getDataLimitsFromLay2[1];
+  var _useSelector = useSelector(function (store) {
+      return mapSelectors.getDataLimitsFromLayers(store, mapId);
+    }),
+    _useSelector2 = _slicedToArray(_useSelector, 2),
+    dataStartTime = _useSelector2[0],
+    dataEndTime = _useSelector2[1];
   var isAnimating = useSelector(function (store) {
     return mapSelectors.isAnimating(store, mapId);
   });
-  var dimensions = useSelector(function (store) {
-    return mapSelectors.getMapDimensions(store, mapId);
+  var selectedTime = useSelector(function (store) {
+    return mapSelectors.getSelectedTime(store, mapId);
   });
-  var _getTimeBounds3 = getTimeBounds(dimensions),
-    selectedTime = _getTimeBounds3.selectedTime;
   useUpdateTimestep(mapId);
   useUpdateTimeSpan(mapId, onSetTimeSliderSpan);
   return /*#__PURE__*/React.createElement(TimeSlider, {
@@ -20104,470 +19921,6 @@ var TimeSliderConnect = function TimeSliderConnect(_ref) {
   });
 };
 
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends$2(d, b) {
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign$2 = function() {
-    __assign$2 = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign$2.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}var patchResizeCallback = function (resizeCallback, refreshMode, refreshRate, refreshOptions) {
-    switch (refreshMode) {
-        case 'debounce':
-            return debounce$1(resizeCallback, refreshRate, refreshOptions);
-        case 'throttle':
-            return throttle$2(resizeCallback, refreshRate, refreshOptions);
-        default:
-            return resizeCallback;
-    }
-};
-var isFunction = function (fn) { return typeof fn === 'function'; };
-var isSSR = function () { return typeof window === 'undefined'; };
-var isDOMElement = function (element) {
-    return element instanceof Element || element instanceof HTMLDocument;
-};/** @class */ ((function (_super) {
-    __extends$2(ResizeDetector, _super);
-    function ResizeDetector(props) {
-        var _this = _super.call(this, props) || this;
-        _this.cancelHandler = function () {
-            if (_this.resizeHandler && _this.resizeHandler.cancel) {
-                // cancel debounced handler
-                _this.resizeHandler.cancel();
-                _this.resizeHandler = null;
-            }
-        };
-        _this.attachObserver = function () {
-            var _a = _this.props, targetRef = _a.targetRef, observerOptions = _a.observerOptions;
-            if (isSSR()) {
-                return;
-            }
-            if (targetRef && targetRef.current) {
-                _this.targetRef.current = targetRef.current;
-            }
-            var element = _this.getElement();
-            if (!element) {
-                // can't find element to observe
-                return;
-            }
-            if (_this.observableElement && _this.observableElement === element) {
-                // element is already observed
-                return;
-            }
-            _this.observableElement = element;
-            _this.resizeObserver.observe(element, observerOptions);
-        };
-        _this.getElement = function () {
-            var _a = _this.props, querySelector = _a.querySelector, targetDomEl = _a.targetDomEl;
-            if (isSSR())
-                return null;
-            // in case we pass a querySelector
-            if (querySelector)
-                return document.querySelector(querySelector);
-            // in case we pass a DOM element
-            if (targetDomEl && isDOMElement(targetDomEl))
-                return targetDomEl;
-            // in case we pass a React ref using React.createRef()
-            if (_this.targetRef && isDOMElement(_this.targetRef.current))
-                return _this.targetRef.current;
-            // the worse case when we don't receive any information from the parent and the library doesn't add any wrappers
-            // we have to use a deprecated `findDOMNode` method in order to find a DOM element to attach to
-            var currentElement = findDOMNode(_this);
-            if (!currentElement)
-                return null;
-            var renderType = _this.getRenderType();
-            switch (renderType) {
-                case 'renderProp':
-                    return currentElement;
-                case 'childFunction':
-                    return currentElement;
-                case 'child':
-                    return currentElement;
-                case 'childArray':
-                    return currentElement;
-                default:
-                    return currentElement.parentElement;
-            }
-        };
-        _this.createResizeHandler = function (entries) {
-            var _a = _this.props, _b = _a.handleWidth, handleWidth = _b === void 0 ? true : _b, _c = _a.handleHeight, handleHeight = _c === void 0 ? true : _c, onResize = _a.onResize;
-            if (!handleWidth && !handleHeight)
-                return;
-            var notifyResize = function (_a) {
-                var width = _a.width, height = _a.height;
-                if (_this.state.width === width && _this.state.height === height) {
-                    // skip if dimensions haven't changed
-                    return;
-                }
-                if ((_this.state.width === width && !handleHeight) || (_this.state.height === height && !handleWidth)) {
-                    // process `handleHeight/handleWidth` props
-                    return;
-                }
-                onResize === null || onResize === void 0 ? void 0 : onResize(width, height);
-                _this.setState({ width: width, height: height });
-            };
-            entries.forEach(function (entry) {
-                var _a = (entry && entry.contentRect) || {}, width = _a.width, height = _a.height;
-                var shouldSetSize = !_this.skipOnMount && !isSSR();
-                if (shouldSetSize) {
-                    notifyResize({ width: width, height: height });
-                }
-                _this.skipOnMount = false;
-            });
-        };
-        _this.getRenderType = function () {
-            var _a = _this.props, render = _a.render, children = _a.children;
-            if (isFunction(render)) {
-                // DEPRECATED. Use `Child Function Pattern` instead
-                return 'renderProp';
-            }
-            if (isFunction(children)) {
-                return 'childFunction';
-            }
-            if (isValidElement(children)) {
-                return 'child';
-            }
-            if (Array.isArray(children)) {
-                // DEPRECATED. Wrap children with a single parent
-                return 'childArray';
-            }
-            // DEPRECATED. Use `Child Function Pattern` instead
-            return 'parent';
-        };
-        var skipOnMount = props.skipOnMount, refreshMode = props.refreshMode, _a = props.refreshRate, refreshRate = _a === void 0 ? 1000 : _a, refreshOptions = props.refreshOptions;
-        _this.state = {
-            width: undefined,
-            height: undefined
-        };
-        _this.sizeRef = {
-            current: _this.state
-        };
-        _this.skipOnMount = skipOnMount;
-        _this.targetRef = createRef();
-        _this.observableElement = null;
-        if (isSSR()) {
-            return _this;
-        }
-        _this.resizeHandler = patchResizeCallback(_this.createResizeHandler, refreshMode, refreshRate, refreshOptions);
-        _this.resizeObserver = new window.ResizeObserver(_this.resizeHandler);
-        return _this;
-    }
-    ResizeDetector.prototype.componentDidMount = function () {
-        this.attachObserver();
-    };
-    ResizeDetector.prototype.componentDidUpdate = function () {
-        this.attachObserver();
-        this.sizeRef.current = this.state;
-    };
-    ResizeDetector.prototype.componentWillUnmount = function () {
-        if (isSSR()) {
-            return;
-        }
-        this.observableElement = null;
-        this.resizeObserver.disconnect();
-        this.cancelHandler();
-    };
-    ResizeDetector.prototype.render = function () {
-        var _a = this.props, render = _a.render, children = _a.children, _b = _a.nodeType, WrapperTag = _b === void 0 ? 'div' : _b;
-        var _c = this.state, width = _c.width, height = _c.height;
-        var childProps = { width: width, height: height, targetRef: this.targetRef };
-        var renderType = this.getRenderType();
-        switch (renderType) {
-            case 'renderProp':
-                return render === null || render === void 0 ? void 0 : render(childProps);
-            case 'childFunction': {
-                var childFunction = children;
-                return childFunction === null || childFunction === void 0 ? void 0 : childFunction(childProps);
-            }
-            case 'child': {
-                // @TODO bug prone logic
-                var child = children;
-                if (child.type && typeof child.type === 'string') {
-                    // child is a native DOM elements such as div, span etc
-                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                    childProps.targetRef; var nativeProps = __rest(childProps, ["targetRef"]);
-                    return cloneElement(child, nativeProps);
-                }
-                // class or functional component otherwise
-                return cloneElement(child, childProps);
-            }
-            case 'childArray': {
-                var childArray = children;
-                return childArray.map(function (el) { return !!el && cloneElement(el, childProps); });
-            }
-            default:
-                return React__default.createElement(WrapperTag, null);
-        }
-    };
-    return ResizeDetector;
-})(PureComponent));function useResizeDetector(_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.skipOnMount, skipOnMount = _c === void 0 ? false : _c, refreshMode = _b.refreshMode, _d = _b.refreshRate, refreshRate = _d === void 0 ? 1000 : _d, refreshOptions = _b.refreshOptions, _e = _b.handleWidth, handleWidth = _e === void 0 ? true : _e, _f = _b.handleHeight, handleHeight = _f === void 0 ? true : _f, targetRef = _b.targetRef, observerOptions = _b.observerOptions, onResize = _b.onResize;
-    var skipResize = useRef(skipOnMount);
-    var _g = useState({
-        width: undefined,
-        height: undefined
-    }), size = _g[0], setSize = _g[1];
-    // we are going to use this ref to store the last element that was passed to the hook
-    var _h = useState((targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) || null), refElement = _h[0], setRefElement = _h[1];
-    // if targetRef is passed, we need to update the refElement
-    // we have to use setTimeout because ref get assigned after the hook is called
-    // in the future releases we are going to remove targetRef and force users to use ref returned by the hook
-    if (targetRef) {
-        setTimeout(function () {
-            if (targetRef.current !== refElement) {
-                setRefElement(targetRef.current);
-            }
-        }, 0);
-    }
-    // this is a callback that will be called every time the ref is changed
-    // we call setState inside to trigger rerender
-    var onRefChange = useCallback(function (node) {
-        if (node !== refElement) {
-            setRefElement(node);
-        }
-    }, [refElement]);
-    // adding `current` to make it compatible with useRef shape
-    onRefChange.current = refElement;
-    useEffect(function () {
-        return function () {
-            // component is unmounted
-            // clear ref to avoid memory leaks
-            setRefElement(null);
-            onRefChange.current = null;
-        };
-    }, []);
-    var shouldSetSize = useCallback(function (prevSize, nextSize) {
-        if (prevSize.width === nextSize.width && prevSize.height === nextSize.height) {
-            // skip if dimensions haven't changed
-            return false;
-        }
-        if ((prevSize.width === nextSize.width && !handleHeight) ||
-            (prevSize.height === nextSize.height && !handleWidth)) {
-            // process `handleHeight/handleWidth` props
-            return false;
-        }
-        return true;
-    }, [handleWidth, handleHeight]);
-    var resizeCallback = useCallback(function (entries) {
-        if (!handleWidth && !handleHeight)
-            return;
-        if (skipResize.current) {
-            skipResize.current = false;
-            return;
-        }
-        entries.forEach(function (entry) {
-            var _a = (entry === null || entry === void 0 ? void 0 : entry.contentRect) || {}, width = _a.width, height = _a.height;
-            setSize(function (prevSize) {
-                if (!shouldSetSize(prevSize, { width: width, height: height }))
-                    return prevSize;
-                return { width: width, height: height };
-            });
-        });
-    }, [handleWidth, handleHeight, skipResize, shouldSetSize]);
-    var resizeHandler = useCallback(patchResizeCallback(resizeCallback, refreshMode, refreshRate, refreshOptions), [
-        resizeCallback,
-        refreshMode,
-        refreshRate,
-        refreshOptions
-    ]);
-    // on refElement change
-    useEffect(function () {
-        var resizeObserver;
-        if (refElement) {
-            resizeObserver = new window.ResizeObserver(resizeHandler);
-            resizeObserver.observe(refElement, observerOptions);
-        }
-        else {
-            if (size.width || size.height) {
-                setSize({ width: undefined, height: undefined });
-            }
-        }
-        return function () {
-            var _a, _b, _c;
-            (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
-            (_c = (_b = resizeHandler).cancel) === null || _c === void 0 ? void 0 : _c.call(_b);
-        };
-    }, [resizeHandler, refElement]);
-    useEffect(function () {
-        onResize === null || onResize === void 0 ? void 0 : onResize(size.width, size.height);
-    }, [size]);
-    return __assign$2({ ref: onRefChange }, size);
-}
-
-/* *
- * 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 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
-var getTimeDimension = function getTimeDimension(dimensions) {
-  return dimensions.find(function (dimension) {
-    return dimension.name === 'time' && dimension.currentValue !== undefined;
-  });
-};
-var formatTime = function formatTime(time, timeFormat) {
-  return dateUtils.dateToString(dateUtils.utc(time), timeFormat);
-};
-var defaultTimeFormat = "EEE dd MMM yyyy HH:mm 'UTC'";
-var MapTime = function MapTime(_ref) {
-  var dimensions = _ref.dimensions,
-    _ref$timeFormat = _ref.timeFormat,
-    timeFormat = _ref$timeFormat === void 0 ? defaultTimeFormat : _ref$timeFormat;
-  var timeDimension = getTimeDimension(dimensions);
-  if (!timeDimension) {
-    return null;
-  }
-  var mapTime = formatTime(timeDimension.currentValue, timeFormat);
-  return /*#__PURE__*/React.createElement(Box$2, {
-    "data-testid": "map-time",
-    sx: {
-      zIndex: 10,
-      justifySelf: 'center',
-      bottom: '12px',
-      position: 'absolute'
-    }
-  }, /*#__PURE__*/React.createElement(Box$2, null, /*#__PURE__*/React.createElement(Typography, {
-    variant: "caption",
-    sx: {
-      fontWeight: 500
-    }
-  }, mapTime)));
-};
-
-/* *
- * 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 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
-var MapView = function MapView(_a) {
-  var children = _a.children,
-    _a$controls = _a.controls,
-    controls = _a$controls === void 0 ? {
-      zoomControls: true
-    } : _a$controls,
-    _a$displayTimeInMap = _a.displayTimeInMap,
-    displayTimeInMap = _a$displayTimeInMap === void 0 ? true : _a$displayTimeInMap,
-    _onWMJSMount = _a.onWMJSMount,
-    props = __rest$1(_a, ["children", "controls", "displayTimeInMap", "onWMJSMount"]);
-  var dimensions = props.dimensions,
-    mapIdProp = props.mapId;
-  var wmjsMapRef = React.useRef(null);
-  var mapId = React.useRef(mapIdProp).current;
-  if (mapIdProp !== mapId) {
-    console.warn("Warning, MapId ".concat(mapId, " has been updated to ").concat(mapIdProp, " on an already mounted component. Keeping ").concat(mapId));
-  }
-  var _useResizeDetector = useResizeDetector(),
-    ref = _useResizeDetector.ref,
-    height = _useResizeDetector.height,
-    width = _useResizeDetector.width;
-  React.useEffect(function () {
-    if (wmjsMapRef.current && !!width && !!height) {
-      var _wmjsMapRef$current$g = wmjsMapRef.current.getSize(),
-        mapHeight = _wmjsMapRef$current$g.height,
-        mapWidth = _wmjsMapRef$current$g.width;
-      if (width !== mapWidth || height !== mapHeight) {
-        wmjsMapRef.current.setSize(Math.ceil(width), Math.ceil(height));
-      }
-    }
-  }, [width, height]);
-  var reactMapViewProps = Object.assign(Object.assign({}, props), {
-    mapId: mapId
-  });
-  return /*#__PURE__*/React.createElement(Box$2, {
-    ref: ref,
-    sx: {
-      display: 'grid',
-      width: '100%',
-      height: '100%',
-      position: 'relative',
-      overflow: 'hidden'
-    }
-  }, controls && controls.zoomControls && /*#__PURE__*/React.createElement(MapControls, {
-    style: {
-      top: 0,
-      position: 'absolute'
-    }
-  }, /*#__PURE__*/React.createElement(ZoomControls, {
-    onZoomIn: function onZoomIn() {
-      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
-      wmjsMap.zoomIn(undefined);
-    },
-    onZoomOut: function onZoomOut() {
-      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
-      wmjsMap.zoomOut();
-    },
-    onZoomReset: function onZoomReset() {
-      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
-      wmjsMap.zoomToLayer(wmjsMap.getActiveLayer());
-    }
-  })), /*#__PURE__*/React.createElement(Box$2, {
-    sx: {
-      gridColumnStart: 1,
-      gridRowStart: 1
-    }
-  }, /*#__PURE__*/React.createElement(ReactMapView, Object.assign({}, reactMapViewProps, {
-    showLegend: false,
-    displayTimeInMap: false,
-    onWMJSMount: function onWMJSMount(id) {
-      wmjsMapRef.current = webmapUtils.getWMJSMapById(id);
-      if (_onWMJSMount) {
-        _onWMJSMount(id);
-      }
-    }
-  }), children)), displayTimeInMap && dimensions && /*#__PURE__*/React.createElement(MapTime, {
-    dimensions: dimensions
-  }));
-};
-
 var useTouchZoomPan = function useTouchZoomPan(mapIsActive, mapId) {
   var _React$useState = React.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -20809,7 +20162,7 @@ var ORIGIN_REACTMAPVIEWCONNECT_ONMAPCHANGEDIMENSION = 'ORIGIN_REACTMAPVIEWCONNEC
 var MapViewConnect = function MapViewConnect(_a) {
   var mapId = _a.mapId,
     children = _a.children,
-    props = __rest$1(_a, ["mapId", "children"]);
+    props = __rest(_a, ["mapId", "children"]);
   var mapDimensions = useSelector(function (store) {
     return mapSelectors.getMapDimensions(store, mapId);
   });
@@ -20990,10 +20343,12 @@ var MapViewConnect = function MapViewConnect(_a) {
         });
       },
       onClickFeature: layer.geojson ? function (event) {
-        setSelectedFeature({
-          layerId: layer.id,
-          selectedFeatureIndex: event === null || event === void 0 ? void 0 : event.featureIndex
-        });
+        if ((event === null || event === void 0 ? void 0 : event.isInEditMode) === false) {
+          setSelectedFeature({
+            layerId: layer.id,
+            selectedFeatureIndex: event === null || event === void 0 ? void 0 : event.featureIndex
+          });
+        }
       } : undefined,
       updateGeojson: function updateGeojson(geojson) {
         return updateFeature({
@@ -21022,78 +20377,6 @@ var MapViewConnect = function MapViewConnect(_a) {
   }), children));
 };
 
-/* *
- * 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 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
-var LegendDialog = function LegendDialog(_ref) {
-  var layers = _ref.layers,
-    isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    _ref$onMouseDown = _ref.onMouseDown,
-    onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
-    mapId = _ref.mapId,
-    _ref$showMapId = _ref.showMapId,
-    showMapId = _ref$showMapId === void 0 ? false : _ref$showMapId,
-    _ref$order = _ref.order,
-    order = _ref$order === void 0 ? 0 : _ref$order,
-    _ref$source = _ref.source,
-    source = _ref$source === void 0 ? 'app' : _ref$source;
-  return /*#__PURE__*/React.createElement(ToolContainerDraggable, {
-    startPosition: {
-      right: 20,
-      top: 50
-    },
-    minWidth: 100,
-    onClose: onClose,
-    title: showMapId ? "Legend ".concat(mapId) : 'Legend',
-    initialMaxHeight: 440,
-    isOpen: isOpen,
-    "data-testid": "moveable-legend",
-    bounds: "parent",
-    onMouseDown: onMouseDown,
-    order: order,
-    source: source
-  }, /*#__PURE__*/React.createElement(Box$2, {
-    sx: {
-      padding: 0.5
-    }
-  }, layers && layers.length > 0 ? /*#__PURE__*/React.createElement(Box$2, {
-    "data-testid": "LegendList",
-    sx: {
-      display: 'flex',
-      flexDirection: 'column',
-      '&>div:last-child': {
-        marginBottom: 0
-      }
-    }
-  }, layers.map(function (layer) {
-    return /*#__PURE__*/React.createElement(Legend, {
-      key: layer.id,
-      layer: layer
-    });
-  })) : /*#__PURE__*/React.createElement(Typography, {
-    "data-testid": "NoLayers",
-    variant: "body1",
-    style: {
-      fontWeight: 500,
-      fontSize: 14
-    }
-  }, "No layers")));
-};
-
 var LegendConnectComponent = function LegendConnectComponent(_ref) {
   var _ref$showMapId = _ref.showMapId,
     showMapId = _ref$showMapId === void 0 ? false : _ref$showMapId,
@@ -21191,7 +20474,7 @@ var LegendConnectComponent = function LegendConnectComponent(_ref) {
 var LegendConnect = function LegendConnect(_a) {
   var _a$showMapId = _a.showMapId,
     showMapId = _a$showMapId === void 0 ? false : _a$showMapId,
-    props = __rest$1(_a, ["showMapId"]);
+    props = __rest(_a, ["showMapId"]);
   return /*#__PURE__*/React.createElement(LegendConnectComponent, Object.assign({
     showMapId: showMapId
   }, props));
@@ -22508,11 +21791,9 @@ var resizeHandlePlacement = {
  * */
 var TimeSliderClockConnect = function TimeSliderClockConnect(_ref) {
   var mapId = _ref.mapId;
-  var dimensions = useSelector(function (store) {
-    return mapSelectors.getMapDimensions(store, mapId);
+  var selectedTime = useSelector(function (store) {
+    return mapSelectors.getSelectedTime(store, mapId);
   });
-  var _getMomentTimeBounds = getMomentTimeBounds(dimensions),
-    selectedTime = _getMomentTimeBounds.selectedTime;
   var isTimeSliderVisible = useSelector(function (store) {
     return mapSelectors.isTimeSliderVisible(store, mapId);
   });
@@ -22525,7 +21806,7 @@ var TimeSliderClockConnect = function TimeSliderClockConnect(_ref) {
       mapId: mapId,
       sourceId: mapId
     }),
-    time: selectedTime
+    time: moment.unix(selectedTime)
   });
 };
 
@@ -24532,850 +23813,26 @@ var GetFeatureInfoButtonConnect = function GetFeatureInfoButtonConnect(_ref) {
   }, /*#__PURE__*/React.createElement(Info, null));
 };
 
-var defaultIntersectionStyleProperties = Object.assign(Object.assign({}, defaultStyleProperties), {
-  'fill-opacity': 0.5
-});
-var emptyLineString = Object.assign(Object.assign({}, lineString.features[0]), {
-  properties: Object.assign(Object.assign({}, defaultStyleProperties), {
-    selectionType: 'linestring'
-  })
-});
-var emptyPoint = Object.assign(Object.assign({}, featurePoint), {
-  properties: Object.assign(Object.assign({}, defaultStyleProperties), {
-    selectionType: 'point'
-  })
-});
-var emptyPolygon = Object.assign(Object.assign({}, featurePolygon), {
-  properties: Object.assign(Object.assign({}, defaultStyleProperties), {
-    selectionType: 'poly'
-  })
-});
-var emptyBox = Object.assign(Object.assign({}, featurePolygon), {
-  properties: Object.assign(Object.assign({}, defaultStyleProperties), {
-    selectionType: 'box'
-  })
-});
-// TODO: improve this: without a feature, the custom shape does not work on first click
-var emptyIntersectionShape = Object.assign(Object.assign({}, emptyGeoJSON), {
-  features: [featurePolygon]
-});
-var defaultPoint = {
-  id: 'drawtools-point',
-  value: DRAWMODE.POINT,
-  title: 'Point',
-  icon: /*#__PURE__*/React__default.createElement(Location, null),
-  shape: emptyPoint,
-  isSelectable: true
-};
-var defaultPolygon = {
-  id: 'drawtools-polygon',
-  value: DRAWMODE.POLYGON,
-  title: 'Polygon',
-  icon: /*#__PURE__*/React__default.createElement(DrawPolygon, null),
-  shape: emptyPolygon,
-  isSelectable: true
-};
-var defaultBox = {
-  id: 'drawtools-box',
-  value: DRAWMODE.BOX,
-  title: 'Box',
-  icon: /*#__PURE__*/React__default.createElement(DrawRegion, null),
-  shape: emptyBox,
-  isSelectable: true
-};
-var defaultLineString = {
-  id: 'drawtools-linestring',
-  value: DRAWMODE.LINESTRING,
-  title: 'LineString',
-  icon: /*#__PURE__*/React__default.createElement(Edit, null),
-  shape: emptyLineString,
-  isSelectable: true
-};
-var defaultDelete = {
-  id: 'drawtools-delete',
-  value: 'DELETE',
-  title: 'Delete',
-  icon: /*#__PURE__*/React__default.createElement(Delete, null),
-  shape: emptyGeoJSON,
-  isSelectable: false
-};
-var defaultModes = [defaultPoint, defaultPolygon, defaultBox, defaultLineString, defaultDelete];
-var useMapDrawTool = function useMapDrawTool(_ref) {
-  var _ref$defaultEditModes = _ref.defaultEditModes,
-    defaultEditModes = _ref$defaultEditModes === void 0 ? defaultModes : _ref$defaultEditModes,
-    _ref$shouldAllowMulti = _ref.shouldAllowMultipleshapes,
-    shouldAllowMultipleshapes = _ref$shouldAllowMulti === void 0 ? false : _ref$shouldAllowMulti,
-    _ref$defaultGeoJSON = _ref.defaultGeoJSON,
-    defaultGeoJSON = _ref$defaultGeoJSON === void 0 ? emptyGeoJSON : _ref$defaultGeoJSON,
-    _ref$defaultGeoJSONIn = _ref.defaultGeoJSONIntersection,
-    defaultGeoJSONIntersection = _ref$defaultGeoJSONIn === void 0 ? emptyIntersectionShape : _ref$defaultGeoJSONIn,
-    defaultGeoJSONIntersectionBounds = _ref.defaultGeoJSONIntersectionBounds,
-    _ref$defaultGeoJSONIn2 = _ref.defaultGeoJSONIntersectionProperties,
-    defaultGeoJSONIntersectionProperties = _ref$defaultGeoJSONIn2 === void 0 ? defaultIntersectionStyleProperties : _ref$defaultGeoJSONIn2;
-  // geoJSON feature collections
-  var _React$useState = React__default.useState(defaultGeoJSON),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    geoJSON = _React$useState2[0],
-    setGeoJSON = _React$useState2[1];
-  var _React$useState3 = React__default.useState(defaultGeoJSONIntersection),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    geoJSONIntersection = _React$useState4[0],
-    setGeoJSONIntersection = _React$useState4[1];
-  var _React$useState5 = React__default.useState(defaultGeoJSONIntersectionBounds),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    geoJSONIntersectionBounds = _React$useState6[0],
-    setGeoJSONIntersectionBounds = _React$useState6[1];
-  // state
-  var _React$useState7 = React__default.useState(defaultEditModes),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    editModes = _React$useState8[0],
-    setEditModes = _React$useState8[1];
-  var _React$useState9 = React__default.useState(''),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    activeTool = _React$useState10[0],
-    setActiveTool = _React$useState10[1];
-  var _React$useState11 = React__default.useState(''),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    drawMode = _React$useState12[0],
-    setDrawMode = _React$useState12[1];
-  var _React$useState13 = React__default.useState(false),
-    _React$useState14 = _slicedToArray(_React$useState13, 2),
-    isInEditMode = _React$useState14[0],
-    setEditMode = _React$useState14[1];
-  var _React$useState15 = React__default.useState(0),
-    _React$useState16 = _slicedToArray(_React$useState15, 2),
-    featureLayerIndex = _React$useState16[0],
-    setFeatureLayerIndex = _React$useState16[1];
-  var changeProperties = function changeProperties(styleProperties) {
-    // update all modes with new properties
-    var newModes = editModes.map(function (mode) {
-      var shape = mode.shape.type === 'Feature' ? Object.assign(Object.assign({}, mode.shape), {
-        properties: Object.assign(Object.assign({}, mode.shape.properties), styleProperties)
-      }) : addFeatureProperties(mode.shape, styleProperties);
-      return Object.assign(Object.assign({}, mode), {
-        shape: shape
-      });
-    });
-    setEditModes(newModes);
-    // update current geoJSON with new properties
-    var updateGeoJSON = addFeatureProperties(geoJSON, styleProperties, featureLayerIndex);
-    setGeoJSON(updateGeoJSON);
-  };
-  var getProperties = function getProperties() {
-    if (!geoJSON || !geoJSON.features.length) {
-      return {};
-    }
-    return geoJSON.features[featureLayerIndex].properties;
-  };
-  var changeActiveTool = function changeActiveTool(newMode) {
-    var shouldDeleteShape = newMode.value === 'DELETE';
-    // reset if same tool is selected
-    if (newMode.id === activeTool || shouldDeleteShape) {
-      reset(shouldDeleteShape);
-      return;
-    }
-    setActiveTool(newMode.id);
-    // updates shape
-    var isNewSelectedTool = !isGeoJSONFeatureCreatedByTool(geoJSON, newMode.shape);
-    var shouldUpdateShape = !geoJSON.features.length || shouldAllowMultipleshapes || isNewSelectedTool;
-    if (shouldUpdateShape) {
-      var updatedGeoJSON = changeGeoJSON(newMode.shape);
-      setFeatureLayerIndex(updatedGeoJSON.features.length - 1);
-    }
-    // handle modes and update feature layer index
-    setDrawMode(newMode.value);
-    setEditMode(!!newMode.value);
-  };
-  var changeGeoJSON = function changeGeoJSON(updatedGeoJSON) {
-    var geoJSONFeatureCollection = getFeatureCollection(updatedGeoJSON, shouldAllowMultipleshapes, geoJSON);
-    var newGeoJSON = getGeoJson(geoJSONFeatureCollection, shouldAllowMultipleshapes);
-    setGeoJSON(newGeoJSON);
-    if (geoJSONIntersectionBounds) {
-      setGeoJSONIntersection(createInterSections(newGeoJSON, geoJSONIntersectionBounds, defaultGeoJSONIntersectionProperties));
-    }
-    return newGeoJSON;
-  };
-  var onSetGeoJSONIntersectionBounds = function onSetGeoJSONIntersectionBounds(newGeoJSON) {
-    setGeoJSONIntersectionBounds(newGeoJSON);
-    // reset all other geoJSONs
-    setGeoJSONIntersection(emptyIntersectionShape);
-    setGeoJSON(emptyGeoJSON);
-  };
-  var onSetDrawMode = function onSetDrawMode(drawMode) {
-    setDrawMode(drawMode);
-    var newActiveTool = editModes.find(function (mode) {
-      return mode.value === drawMode;
-    });
-    if (newActiveTool) {
-      setActiveTool(newActiveTool.id);
-    }
-  };
-  var deactivateTool = function deactivateTool() {
-    setEditMode(false);
-    setActiveTool('');
-    setDrawMode('');
-  };
-  var reset = function reset() {
-    var shouldClearState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    deactivateTool();
-    if (shouldClearState) {
-      setGeoJSONIntersection(emptyIntersectionShape);
-      setGeoJSON(emptyGeoJSON);
-      setFeatureLayerIndex(0);
-    }
-  };
-  var getLayer = function getLayer(layerType, layerId) {
-    // geoJSON
-    if (layerType === 'geoJSON') {
-      return {
-        id: layerId,
-        geojson: geoJSON,
-        isInEditMode: isInEditMode,
-        drawMode: drawMode,
-        updateGeojson: changeGeoJSON,
-        featureNrToEdit: featureLayerIndex
-      };
-    }
-    // intersections
-    return {
-      id: layerId,
-      geojson: layerType === 'geoJSONIntersection' ? geoJSONIntersection : geoJSONIntersectionBounds,
-      isInEditMode: false
-    };
-  };
-  var layers = [].concat(_toConsumableArray(geoJSONIntersectionBounds ? [getLayer('geoJSONIntersectionBounds', 'static-layer'), getLayer('geoJSONIntersection', 'intersection-layer')] : []), [getLayer('geoJSON', 'draw-layer')]);
+var titleStyle = function titleStyle(theme) {
   return {
-    geoJSON: geoJSON,
-    geoJSONIntersection: geoJSONIntersection,
-    geoJSONIntersectionBounds: geoJSONIntersectionBounds,
-    setGeoJSON: changeGeoJSON,
-    setGeoJSONIntersectionBounds: onSetGeoJSONIntersectionBounds,
-    editModes: editModes,
-    isInEditMode: isInEditMode,
-    changeDrawMode: onSetDrawMode,
-    setEditMode: setEditMode,
-    featureLayerIndex: featureLayerIndex,
-    setFeatureLayerIndex: setFeatureLayerIndex,
-    activeTool: activeTool,
-    changeActiveTool: changeActiveTool,
-    setActiveTool: setActiveTool,
-    layers: layers,
-    getLayer: getLayer,
-    deactivateTool: deactivateTool,
-    setEditModes: setEditModes,
-    changeProperties: changeProperties,
-    getProperties: getProperties
+    position: 'absolute',
+    padding: '5px',
+    zIndex: 50,
+    color: theme.palette.common.black,
+    whiteSpace: 'nowrap',
+    userSelect: 'none'
   };
 };
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-var MapDrawToolContext = /*#__PURE__*/React.createContext({});
-// currently used options
-var drawOptions = {
-  defaultEditModes: [defaultPolygon, defaultDelete]
-};
-var MapDrawToolProvider = function MapDrawToolProvider(_ref) {
-  var children = _ref.children,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? {} : _ref$options;
-  var value = useMapDrawTool(options);
-  return /*#__PURE__*/React.createElement(MapDrawToolContext.Provider, {
-    value: value
-  }, children);
+var defaultBbox = {
+  srs: 'EPSG:3857',
+  bbox: {
+    left: 58703.6377,
+    bottom: 6408480.4514,
+    right: 3967387.5161,
+    top: 11520588.9031
+  }
 };
-function useMapDrawContext() {
-  return React.useContext(MapDrawToolContext);
-}
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-var DrawingToolMapButtonConnect = function DrawingToolMapButtonConnect(_ref) {
-  var mapId = _ref.mapId,
-    _ref$source = _ref.source,
-    source = _ref$source === void 0 ? 'app' : _ref$source;
-  var dispatch = useDispatch();
-  var _useMapDrawContext = useMapDrawContext(),
-    deactivateTool = _useMapDrawContext.deactivateTool;
-  // TODO: Re-enable when we put back in the floating version when drawing tools become available: https://gitlab.com/opengeoweb/opengeoweb/-/issues/3872
-  var dialogType = "".concat(uiTypes.DialogTypes.DockedDrawingTool, "-").concat(mapId);
-  // const dialogType = isMultiMap
-  //   ? `${uiTypes.DialogTypes.DrawingTool}-${mapId}`
-  //   : uiTypes.DialogTypes.DrawingTool;
-  var currentActiveMapId = useSelector(function (store) {
-    return uiSelectors.getDialogMapId(store, dialogType);
-  });
-  var isOpenInStore = useSelector(function (store) {
-    return uiSelectors.getisDialogOpen(store, dialogType);
-  });
-  var openDrawingToolDialog = React.useCallback(function () {
-    var shouldOpen = currentActiveMapId !== mapId ? true : !isOpenInStore;
-    if (!shouldOpen) {
-      deactivateTool();
-    }
-    dispatch(uiActions.setActiveMapIdForDialog({
-      type: dialogType,
-      mapId: mapId,
-      setOpen: shouldOpen,
-      source: source
-    }));
-  }, [currentActiveMapId, dialogType, dispatch, isOpenInStore, mapId, source, deactivateTool]);
-  var isOpen = currentActiveMapId === mapId && isOpenInStore;
-  return /*#__PURE__*/React.createElement(MapControlButton, {
-    title: "Drawing Toolbox",
-    "data-testid": "drawingToolButton",
-    onClick: openDrawingToolDialog,
-    isActive: isOpen
-  }, /*#__PURE__*/React.createElement(DrawPolygon, null));
-};
-
-var calculateStartSize = function calculateStartSize(minSize, prefSize, startPosition) {
-  var _calculateDialogSizeA = calculateDialogSizeAndPosition(),
-    calcWidth = _calculateDialogSizeA.width,
-    calcHeight = _calculateDialogSizeA.height;
-  return {
-    width: Math.max(minSize.width, Math.min(prefSize.width, calcWidth)),
-    height: Math.max(minSize.height, Math.min(prefSize.height, calcHeight - startPosition.top))
-  };
-};
-var DERFAULT_DRAW_TOOL_SIZE = {
-  width: 320,
-  height: 542
-};
-var DEFAULT_DRAW_TOOL_POSITION = {
-  top: 120,
-  left: 50
-};
-var DEFAULT_DRAW_TOOL_MIN_SIZE = {
-  width: 160,
-  height: 300
-};
-var DrawingTool = function DrawingTool(_ref) {
-  var bounds = _ref.bounds,
-    onClose = _ref.onClose,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? 'Drawing Toolbox' : _ref$title,
-    isOpen = _ref.isOpen,
-    _ref$onMouseDown = _ref.onMouseDown,
-    onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
-    _ref$order = _ref.order,
-    order = _ref$order === void 0 ? 0 : _ref$order,
-    _ref$source = _ref.source,
-    source = _ref$source === void 0 ? 'app' : _ref$source,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    error = _ref.error,
-    _ref$isDocked = _ref.isDocked,
-    isDocked = _ref$isDocked === void 0 ? false : _ref$isDocked,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? DERFAULT_DRAW_TOOL_SIZE : _ref$size,
-    _ref$startPosition = _ref.startPosition,
-    startPosition = _ref$startPosition === void 0 ? DEFAULT_DRAW_TOOL_POSITION : _ref$startPosition,
-    _ref$setFocused = _ref.setFocused,
-    setFocused = _ref$setFocused === void 0 ? function () {} : _ref$setFocused,
-    _ref$headerSize = _ref.headerSize,
-    headerSize = _ref$headerSize === void 0 ? 'xs' : _ref$headerSize,
-    children = _ref.children;
-  var minSize = DEFAULT_DRAW_TOOL_MIN_SIZE;
-  var startSizeCalc = calculateStartSize(minSize, size, startPosition);
-  var _React$useState = React.useState(startSizeCalc),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    sizeInState = _React$useState2[0],
-    setSizeInState = _React$useState2[1];
-  React.useEffect(function () {
-    if (size !== sizeInState && isDocked && isOpen) {
-      setSizeInState(size);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [size, isOpen]);
-  return /*#__PURE__*/React.createElement(ToolContainerDraggable, {
-    title: title,
-    startSize: sizeInState,
-    minWidth: minSize.width,
-    minHeight: minSize.height,
-    startPosition: startPosition,
-    isOpen: isOpen,
-    onClose: onClose,
-    headerSize: headerSize,
-    bounds: bounds,
-    "data-testid": "drawingToolWindow",
-    onMouseDown: onMouseDown,
-    onFocus: function onFocus() {
-      return setFocused(true);
-    },
-    onBlur: function onBlur() {
-      return setFocused(false);
-    },
-    order: order,
-    source: source,
-    // TODO: Re-enable when we put back in the floating version when drawing tools become available: https://gitlab.com/opengeoweb/opengeoweb/-/issues/3872
-    // rightHeaderComponent={
-    //   <CustomIconButton
-    //     tooltipTitle={isDocked ? 'Undock' : 'Dock'}
-    //     data-testid="dockedBtn"
-    //     disableRipple
-    //     onClick={(): void => onToggleDock()}
-    //   >
-    //     {isDocked ? (
-    //       <CollapseWindow data-testid="dockedDrawingTool-collapse" />
-    //     ) : (
-    //       <ExpandWindow data-testid="dockedDrawingTool-uncollapse" />
-    //     )}
-    //   </CustomIconButton>
-    // }
-    onResizeStop: function onResizeStop(_event, _direction, node) {
-      var width = node.offsetWidth,
-        height = node.offsetHeight;
-      setSizeInState({
-        width: width,
-        height: height
-      });
-    },
-    onDragEnd: function onDragEnd(_position, dragSize) {
-      if (dragSize !== sizeInState) {
-        setSizeInState(dragSize);
-      }
-    }
-  }, /*#__PURE__*/React.createElement(Box$2, {
-    onKeyDown: function onKeyDown(event) {
-      event.stopPropagation();
-    },
-    sx: {
-      height: '100%'
-    }
-  }, isLoading && /*#__PURE__*/React.createElement(LinearProgress, {
-    "data-testid": "loading-bar-drawingTool",
-    color: "secondary",
-    sx: {
-      position: 'absolute',
-      width: '100%'
-    }
-  }), error && /*#__PURE__*/React.createElement(Box$2, {
-    sx: {
-      padding: '0 6px'
-    }
-  }, /*#__PURE__*/React.createElement(AlertBanner, {
-    title: error,
-    shouldClose: true
-  })), children));
-};
-
-var opacityOptions = [100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 0];
-var getAreaName = function getAreaName(areaName) {
-  return areaName || "".concat(dateUtils.dateToString(new Date(), 'dd/MM/yyyy HH:mm', true), " UTC");
-};
-var SAVE_AREA_BUTTON = 'Save area';
-var INPUT_AREA = 'Area name';
-var INPUT_OPACITY = 'Opacity';
-var DRAW_EXIT_MODE_MESSAGE = 'press ESC to exit draw mode';
-var DrawingToolForm = function DrawingToolForm(_ref) {
-  var onSubmitForm = _ref.onSubmitForm,
-    defaultGeoJSON = _ref.area,
-    isLoading = _ref.isLoading,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? '' : _ref$id;
-  var _useFormContext = useFormContext(),
-    handleSubmit = _useFormContext.handleSubmit,
-    errors = _useFormContext.formState.errors;
-  var _useMapDrawContext = useMapDrawContext(),
-    editModes = _useMapDrawContext.editModes,
-    changeActiveTool = _useMapDrawContext.changeActiveTool,
-    activeTool = _useMapDrawContext.activeTool,
-    deactivateTool = _useMapDrawContext.deactivateTool,
-    geoJSON = _useMapDrawContext.geoJSON,
-    getProperties = _useMapDrawContext.getProperties,
-    changeProperties = _useMapDrawContext.changeProperties,
-    isInEditMode = _useMapDrawContext.isInEditMode,
-    setGeoJSON = _useMapDrawContext.setGeoJSON;
-  var onSubmit = function onSubmit() {
-    deactivateTool();
-    handleSubmit(function (formValues) {
-      // remove unneeded properties
-      formValues.opacity;
-        var allFormValues = __rest$1(formValues, ["opacity"]);
-      onSubmitForm(Object.assign(Object.assign({}, allFormValues), {
-        area: geoJSON,
-        id: id
-      }));
-    })();
-  };
-  var hasErrors = Object.keys(errors).length > 0;
-  var getInitialGeoJSONPropertyValue = function getInitialGeoJSONPropertyValue(property) {
-    if (getProperties()[property]) {
-      return getProperties()[property];
-    }
-    return defaultStyleProperties[property];
-  };
-  var _React$useState = React.useState(getInitialGeoJSONPropertyValue('fill-opacity') * 100),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    opacity = _React$useState2[0],
-    setOpacity = _React$useState2[1];
-  var onChangeOpacity = function onChangeOpacity(event) {
-    var value = event.target.value;
-    var parseValue = parseInt(value, 10);
-    setOpacity(parseValue);
-    var newOpacity = parseValue / 100;
-    var additionalStrokeOpacity = 0.8;
-    changeProperties({
-      'fill-opacity': newOpacity,
-      'stroke-opacity': clamp$1(newOpacity + additionalStrokeOpacity, 0.01, 1)
-    });
-  };
-  var onKeyDown = function onKeyDown(event) {
-    if (event.key === 'Escape') {
-      deactivateTool();
-    }
-  };
-  var onMount = function onMount() {
-    // sets the initial values
-    if (defaultGeoJSON) {
-      // TODO: defaults open to poly. When creating new tools, this should be based on the selectionType properties of the given geoJSON
-      changeActiveTool(editModes[0]);
-      setGeoJSON(defaultGeoJSON);
-    }
-  };
-  var onUnMount = function onUnMount() {
-    // clear shape
-    changeActiveTool(editModes.find(function (mode) {
-      return mode.value === 'DELETE';
-    }));
-  };
-  React.useEffect(function () {
-    onMount();
-    return function () {
-      onUnMount();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/React.createElement(Box$2, {
-    "data-testid": "drawingToolForm",
-    sx: {
-      padding: '16px',
-      height: '100%'
-    }
-  }, /*#__PURE__*/React.createElement(Grid, {
-    container: true,
-    direction: "column",
-    justifyContent: "space-between",
-    sx: {
-      height: '100%'
-    }
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    container: true,
-    direction: "column",
-    spacing: 1
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "body2"
-  }, "Tools")), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    container: true
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true
-  }, editModes.map(function (mode) {
-    return /*#__PURE__*/React.createElement(CustomIconButton, {
-      key: mode.id,
-      variant: "tool",
-      tooltipTitle: mode.title,
-      isSelected: mode.isSelectable && activeTool === mode.id,
-      onClick: function onClick() {
-        return changeActiveTool(mode);
-      },
-      sx: {
-        marginRight: 1,
-        marginBottom: 1
-      },
-      "data-testid": mode.id,
-      onKeyDown: onKeyDown,
-      disabled: isLoading
-    }, mode.icon);
-  }), isInEditMode && /*#__PURE__*/React.createElement(Typography, {
-    component: "span",
-    sx: {
-      display: 'inline-block',
-      marginLeft: 2,
-      top: -1,
-      position: 'relative',
-      fontSize: 14
-    }
-  }, DRAW_EXIT_MODE_MESSAGE))), /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    container: true
-  }, /*#__PURE__*/React.createElement(Grid, {
-    item: true,
-    xs: 12,
-    sm: 6
-  }, /*#__PURE__*/React.createElement(ReactHookFormSelect, {
-    name: "opacity",
-    label: INPUT_OPACITY,
-    rules: {},
-    disabled: isLoading,
-    isReadOnly: false,
-    "data-testid": "drawingToolForm-opacity",
-    onChange: onChangeOpacity,
-    autoFocus: true,
-    value: opacity
-  }, opacityOptions.map(function (opacity) {
-    return /*#__PURE__*/React.createElement(MenuItem, {
-      value: opacity,
-      key: opacity
-    }, opacity, " %");
-  })))), /*#__PURE__*/React.createElement(Grid, {
-    item: true
-  }, /*#__PURE__*/React.createElement(ReactHookFormTextField, {
-    name: "areaName",
-    label: INPUT_AREA,
-    rules: {
-      required: true
-    },
-    disabled: isLoading,
-    isReadOnly: false
-  }), /*#__PURE__*/React.createElement(ReactHookFormHiddenInput, {
-    name: "id"
-  }))), /*#__PURE__*/React.createElement(Grid, {
-    item: true
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    onClick: onSubmit,
-    sx: {
-      width: '100%'
-    },
-    "data-testid": "saveDrawingFormButton",
-    disabled: isLoading || hasErrors
-  }, SAVE_AREA_BUTTON))));
-};
-var Wrapper = function Wrapper(props) {
-  var _props$id = props.id,
-    id = _props$id === void 0 ? '' : _props$id,
-    _props$areaName = props.areaName,
-    areaName = _props$areaName === void 0 ? '' : _props$areaName,
-    area = props.area;
-  return /*#__PURE__*/React.createElement(ReactHookFormProvider, {
-    options: Object.assign(Object.assign({}, defaultFormOptions), {
-      defaultValues: {
-        id: id,
-        area: area,
-        areaName: getAreaName(areaName)
-      }
-    })
-  }, /*#__PURE__*/React.createElement(DrawingToolForm, Object.assign({}, props)));
-};
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-var DrawingToolFormConnect = function DrawingToolFormConnect(_ref) {
-  var mapId = _ref.mapId;
-  var dispatch = useDispatch();
-  var drawing = useSelector(function (store) {
-    return drawSelectors.selectDrawByMapId(store, mapId);
-  });
-  var isDialogLoading = useSelector(function (store) {
-    return uiSelectors.getDialogIsLoading(store, "".concat(uiTypes.DialogTypes.DockedDrawingTool, "-").concat(mapId));
-  });
-  var onSubmitForm = function onSubmitForm(formValues) {
-    dispatch(drawActions.submitDrawValues(Object.assign({
-      mapId: mapId
-    }, formValues)));
-  };
-  var onUnMount = function onUnMount() {
-    dispatch(drawActions.setDrawValues({
-      mapId: mapId,
-      area: undefined,
-      areaName: '',
-      id: ''
-    }));
-  };
-  React.useEffect(function () {
-    return function () {
-      onUnMount();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/React.createElement(Wrapper, {
-    id: drawing === null || drawing === void 0 ? void 0 : drawing.id,
-    onSubmitForm: onSubmitForm,
-    areaName: drawing === null || drawing === void 0 ? void 0 : drawing.areaName,
-    area: drawing === null || drawing === void 0 ? void 0 : drawing.area,
-    isLoading: isDialogLoading
-  });
-};
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-var getDialogType = function getDialogType(mapId, isMultiMap, isDocked) {
-  if (isDocked) {
-    return "".concat(uiTypes.DialogTypes.DockedDrawingTool, "-").concat(mapId);
-  }
-  if (isMultiMap) {
-    return "".concat(uiTypes.DialogTypes.DrawingTool, "-").concat(mapId);
-  }
-  return uiTypes.DialogTypes.DrawingTool;
-};
-var DrawingToolConnect = function DrawingToolConnect(_ref) {
-  var bounds = _ref.bounds,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? 'Drawing Toolbox' : _ref$title,
-    _ref$showMapIdInTitle = _ref.showMapIdInTitle,
-    showMapIdInTitle = _ref$showMapIdInTitle === void 0 ? false : _ref$showMapIdInTitle,
-    _ref$mapId = _ref.mapId,
-    initialMapId = _ref$mapId === void 0 ? null : _ref$mapId,
-    _ref$isMultiMap = _ref.isMultiMap,
-    isMultiMap = _ref$isMultiMap === void 0 ? false : _ref$isMultiMap,
-    _ref$isDocked = _ref.isDocked,
-    isDocked = _ref$isDocked === void 0 ? false : _ref$isDocked,
-    _ref$source = _ref.source,
-    source = _ref$source === void 0 ? 'app' : _ref$source;
-  // const dispatch = useDispatch();
-  var dialogType = getDialogType(initialMapId, isMultiMap, isDocked);
-  var _useMapDrawContext = useMapDrawContext(),
-    deactivateTool = _useMapDrawContext.deactivateTool;
-  var activeMapId = useSelector(function (store) {
-    return uiSelectors.getDialogMapId(store, dialogType);
-  });
-  // In case of a docked drawing toolbox or multimap, use the map id that is passed
-  // For floating drawingtoolbox, use the currently active, selected mapid
-  var mapId = initialMapId || activeMapId;
-  var _useSetupDialog = useSetupDialog(dialogType, source),
-    dialogOrder = _useSetupDialog.dialogOrder,
-    setDialogOrder = _useSetupDialog.setDialogOrder,
-    onCloseDialog = _useSetupDialog.onCloseDialog,
-    isDialogOpen = _useSetupDialog.isDialogOpen,
-    uiSource = _useSetupDialog.uiSource,
-    uiIsLoading = _useSetupDialog.uiIsLoading,
-    uiError = _useSetupDialog.uiError,
-    setFocused = _useSetupDialog.setFocused;
-  // TODO: Re-enable when we put back in the floating version when drawing tools become available: https://gitlab.com/opengeoweb/opengeoweb/-/issues/3872
-  // const onToggleDock = (): void => {
-  //   onCloseDialog();
-  //   if (isDocked) {
-  //     // Close docked drawingtool and open the floating drawingtool
-  //     dispatch(
-  //       uiActions.setActiveMapIdForDialog({
-  //         type: uiTypes.DialogTypes.DrawingTool,
-  //         mapId,
-  //         setOpen: true,
-  //         source,
-  //       }),
-  //     );
-  //   } else {
-  //     // Close the floating drawingtool and open docked drawingtool
-  //     dispatch(
-  //       uiActions.setToggleOpenDialog({
-  //         type: `${uiTypes.DialogTypes.DockedDrawingTool}-${mapId}`,
-  //         setOpen: true,
-  //       }),
-  //     );
-  //   }
-  // };
-  var shownTitle = showMapIdInTitle ? "".concat(title, " ").concat(mapId) : title;
-  var onClose = function onClose() {
-    onCloseDialog();
-    deactivateTool();
-  };
-  if (!isDialogOpen) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(DrawingTool, {
-    bounds: bounds,
-    isOpen: isDialogOpen,
-    onClose: onClose,
-    title: shownTitle,
-    onMouseDown: setDialogOrder,
-    order: dialogOrder,
-    source: uiSource,
-    isLoading: uiIsLoading,
-    error: uiError,
-    // onToggleDock={onToggleDock}
-    setFocused: setFocused,
-    headerSize: "xs",
-    isDocked: isDocked,
-    startPosition: {
-      top: 134,
-      left: 50
-    }
-  }, /*#__PURE__*/React.createElement(DrawingToolFormConnect, {
-    mapId: mapId
-  }));
-};
-
-var titleStyle = function titleStyle(theme) {
-  return {
-    position: 'absolute',
-    padding: '5px',
-    zIndex: 50,
-    color: theme.palette.common.black,
-    whiteSpace: 'nowrap',
-    userSelect: 'none'
-  };
-};
-var defaultBbox = {
-  srs: 'EPSG:3857',
-  bbox: {
-    left: 58703.6377,
-    bottom: 6408480.4514,
-    right: 3967387.5161,
-    top: 11520588.9031
-  }
-};
-var BaseConfigurableMapConnect = function BaseConfigurableMapConnect(_a) {
+var ConfigurableMapConnect = function ConfigurableMapConnect(_a) {
   var id = _a.id,
     dockedLayerManagerSize = _a.dockedLayerManagerSize,
     title = _a.title,
@@ -25417,7 +23874,7 @@ var BaseConfigurableMapConnect = function BaseConfigurableMapConnect(_a) {
     shouldDisplayDrawControls = _a$shouldDisplayDrawC === void 0 ? false : _a$shouldDisplayDrawC,
     mapControls = _a.mapControls,
     children = _a.children,
-    props = __rest$1(_a, ["id", "dockedLayerManagerSize", "title", "layers", "dimensions", "shouldAutoUpdate", "shouldAnimate", "bbox", "srs", "shouldShowZoomControls", "displayMapPin", "showTimeSlider", "disableTimeSlider", "displayTimeInMap", "displayLayerManagerAndLegendButtonInMap", "displayDimensionSelectButtonInMap", "multiLegend", "shouldShowLayerManager", "shouldShowDockedLayerManager", "showClock", "displayGetFeatureInfoButtonInMap", "shouldDisplayDrawControls", "mapControls", "children"]);
+    props = __rest(_a, ["id", "dockedLayerManagerSize", "title", "layers", "dimensions", "shouldAutoUpdate", "shouldAnimate", "bbox", "srs", "shouldShowZoomControls", "displayMapPin", "showTimeSlider", "disableTimeSlider", "displayTimeInMap", "displayLayerManagerAndLegendButtonInMap", "displayDimensionSelectButtonInMap", "multiLegend", "shouldShowLayerManager", "shouldShowDockedLayerManager", "showClock", "displayGetFeatureInfoButtonInMap", "shouldDisplayDrawControls", "mapControls", "children"]);
   var dispatch = useDispatch();
   var mapId = React__default.useRef(id || webmapUtils.generateMapId()).current;
   React__default.useEffect(function () {
@@ -25468,16 +23925,20 @@ var BaseConfigurableMapConnect = function BaseConfigurableMapConnect(_a) {
         setOpen: true
       }));
     }
+    if (shouldDisplayDrawControls) {
+      dispatch(mapStoreActions.addLayer({
+        mapId: mapId,
+        layer: {
+          geojson: emptyGeoJSON,
+          layerType: LayerType.featureLayer
+        },
+        layerId: getSingularDrawtoolDrawLayerId(mapId),
+        origin: 'ConfigurableMapConnect'
+      }));
+    }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var mapControlsPositionTop = title ? 24 : 8;
-  // draw tools
-  var _useMapDrawContext = useMapDrawContext(),
-    geoJSONLayers = _useMapDrawContext.layers,
-    deactivateTool = _useMapDrawContext.deactivateTool;
-  var onExitDrawMode = function onExitDrawMode() {
-    deactivateTool();
-  };
   return /*#__PURE__*/React__default.createElement(Box$2, {
     sx: {
       width: '100%',
@@ -25505,8 +23966,6 @@ var BaseConfigurableMapConnect = function BaseConfigurableMapConnect(_a) {
     mapId: mapId
   }), displayGetFeatureInfoButtonInMap && /*#__PURE__*/React__default.createElement(GetFeatureInfoButtonConnect, {
     mapId: mapId
-  }), shouldDisplayDrawControls && /*#__PURE__*/React__default.createElement(DrawingToolMapButtonConnect, {
-    mapId: mapId
   }), mapControls), !disableTimeSlider && /*#__PURE__*/React__default.createElement(Box$2, {
     sx: {
       position: 'absolute',
@@ -25523,13 +23982,7 @@ var BaseConfigurableMapConnect = function BaseConfigurableMapConnect(_a) {
     displayTimeInMap: displayTimeInMap,
     showScaleBar: false,
     mapId: mapId
-  }, children || geoJSONLayers.map(function (layer) {
-    return /*#__PURE__*/React__default.createElement(MapViewLayer, Object.assign({
-      key: layer.id
-    }, layer, {
-      exitDrawModeCallback: onExitDrawMode
-    }));
-  })), multiLegend && /*#__PURE__*/React__default.createElement(LegendConnect, {
+  }, children), multiLegend && /*#__PURE__*/React__default.createElement(LegendConnect, {
     showMapId: true,
     mapId: mapId,
     multiLegend: multiLegend
@@ -25542,17 +23995,8 @@ var BaseConfigurableMapConnect = function BaseConfigurableMapConnect(_a) {
     mapId: mapId,
     bounds: "parent",
     isDocked: true
-  }), shouldDisplayDrawControls && /*#__PURE__*/React__default.createElement(DrawingToolConnect, {
-    mapId: mapId,
-    isDocked: true,
-    bounds: "parent"
   }));
 };
-var ConfigurableMapConnect = function ConfigurableMapConnect(props) {
-  return /*#__PURE__*/React__default.createElement(MapDrawToolProvider, {
-    options: drawOptions
-  }, /*#__PURE__*/React__default.createElement(BaseConfigurableMapConnect, Object.assign({}, props)));
-};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -25672,524 +24116,6 @@ var MultiMapViewConnect = function MultiMapViewConnect(_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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
- * */
-var DWD = {
-  name: 'DWD',
-  url: 'https://maps.dwd.de/geoserver/ows?',
-  id: 'dwd'
-};
-var nationaalgeoregister = {
-  name: 'nationaalgeoregister.nl',
-  url: 'https://geodata.nationaalgeoregister.nl/cbsgebiedsindelingen/wms?request=GetCapabilities&service=wms',
-  id: 'nationaalgeoregister'
-};
-var KNMImsgcpp = {
-  name: 'KNMImsgcpp',
-  url: 'https://adaguc-server-msg-cpp-portal.pmc.knmi.cloud/wms?DATASET=msgrt&',
-  id: 'msgcpp-ogc-realtime'
-};
-var HeiGit = {
-  name: 'HeiGit',
-  url: 'https://maps.heigit.org/osm-wms/service',
-  id: 'HeiGit-osm-wms'
-};
-var ArcGisCanvas = {
-  name: 'ArcGisCanvas',
-  url: 'https://services.arcgisonline.com/ArcGIS/rest/services/Canvas/World_Light_Gray_Base/MapServer/tile/',
-  id: 'ArcGisCanvas'
-};
-var KNMIgeoservicesRadar = {
-  name: 'KNMIgeoservicesRadar',
-  url: 'https://geoservices.knmi.nl/wms?dataset=RADAR&',
-  id: 'KNMIgeoservicesRadar'
-};
-var KNMIgeoservicesObs = {
-  name: 'KNMIgeoservicesObs',
-  url: 'https://geoservices.knmi.nl/adagucserver?dataset=OBS',
-  id: 'KNMIgeoservicesObs'
-};
-var KNMIgeoservicesKlimaatAtlas = {
-  name: 'KNMIgeoservicesKlimaatAtlas',
-  url: 'https://geoservices.knmi.nl/wms?DATASET=gsie-dataset&SERVICE=WMS&',
-  id: 'KNMIgeoservicesKlimaatAtlas'
-};
-var KNMIgeoservicesHarmonie = {
-  name: 'KNMIgeoservicesHarmonie',
-  url: 'https://geoservices.knmi.nl/wms?DATASET=HARM_N25&',
-  id: 'KNMIgeoservicesKliKNMIgeoservicesHarmoniemaatAtlas'
-};
-var KNMIgeoservicesHarmonieMLService = {
-  name: 'KNMI Harmonie ML',
-  url: 'https://geoservices.knmi.nl/wms?DATASET=HARM_N25_ML&SERVICE=WMS&',
-  id: 'harmonieML'
-};
-var MetNorwayService = {
-  name: 'MetNorwayService',
-  url: 'https://wms-e1.geoweb.met.no/wms?',
-  id: 'MetNorwayService'
-};
-var FMIopenwms = {
-  name: 'FMIopenwms',
-  url: 'https://openwms.fmi.fi/geoserver/wms?',
-  id: 'FMIopenwms'
-};
-var DWDObservations = {
-  name: 'DWDObservations',
-  url: 'https://maps.dwd.de/geoserver/dwd/Wetter_Beobachtungen/ows?',
-  id: 'DWDObservations'
-};
-var DWDWarnings = {
-  name: 'DWDWarnings',
-  url: 'https://maps.dwd.de/geoserver/dwd/Warnungen_Gemeinden_vereinigt/ows?',
-  id: 'DWDWarnings'
-};
-var DWDWXProdukt = {
-  name: 'DWDWXProdukt',
-  url: 'https://maps.dwd.de/geoserver/dwd/WX-Produkt/ows?',
-  id: 'DWDWXProdukt'
-};
-var EUMETSAT = {
-  name: 'EUMETSAT',
-  url: 'https://view.eumetsat.int/geoserver/wms?',
-  id: 'EUMETSAT'
-};
-var eumetviewEUMETSAT = {
-  name: 'eumetviewEUMETSAT',
-  url: 'https://eumetview.eumetsat.int/geoserv/wms?',
-  id: 'eumetviewEUMETSAT'
-};
-var ECMWFPublicService = {
-  name: 'ECMWF',
-  url: 'https://eccharts.ecmwf.int/wms/?token=public',
-  id: 'ecmwf'
-};
-var MeteoCanada = {
-  name: 'Meteo Canada',
-  url: 'https://geo.weather.gc.ca/geomet/?lang=en&',
-  id: 'MeteoCanada'
-};
-
-var publicServices = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  DWD: DWD,
-  nationaalgeoregister: nationaalgeoregister,
-  KNMImsgcpp: KNMImsgcpp,
-  HeiGit: HeiGit,
-  ArcGisCanvas: ArcGisCanvas,
-  KNMIgeoservicesRadar: KNMIgeoservicesRadar,
-  KNMIgeoservicesObs: KNMIgeoservicesObs,
-  KNMIgeoservicesKlimaatAtlas: KNMIgeoservicesKlimaatAtlas,
-  KNMIgeoservicesHarmonie: KNMIgeoservicesHarmonie,
-  KNMIgeoservicesHarmonieMLService: KNMIgeoservicesHarmonieMLService,
-  MetNorwayService: MetNorwayService,
-  FMIopenwms: FMIopenwms,
-  DWDObservations: DWDObservations,
-  DWDWarnings: DWDWarnings,
-  DWDWXProdukt: DWDWXProdukt,
-  EUMETSAT: EUMETSAT,
-  eumetviewEUMETSAT: eumetviewEUMETSAT,
-  ECMWFPublicService: ECMWFPublicService,
-  MeteoCanada: MeteoCanada
-});
-
-/* *
- * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
- * */
-var baseLayer$1 = {
-  name: 'arcGisSat',
-  title: 'arcGisSat',
-  type: 'twms',
-  layerType: LayerType.baseLayer,
-  enabled: true,
-  id: webmapUtils.generateLayerId()
-};
-// Base Layers List
-var baseLayerOpenStreetMapNL$1 = {
-  id: 'base-layer-2',
-  name: 'OpenStreetMap_NL',
-  type: 'twms',
-  layerType: LayerType.baseLayer,
-  enabled: true
-};
-var baseLayerArcGisCanvas$1 = {
-  service: ArcGisCanvas.url,
-  id: webmapUtils.generateLayerId(),
-  name: 'arcGisCanvas',
-  type: 'twms',
-  enabled: true,
-  layerType: LayerType.baseLayer
-};
-var baseLayerWorldMap$1 = {
-  id: webmapUtils.generateLayerId(),
-  name: 'WorldMap',
-  type: 'twms',
-  layerType: LayerType.baseLayer,
-  enabled: true
-};
-var baseLayerHeiGit = {
-  service: HeiGit.url,
-  id: webmapUtils.generateLayerId(),
-  name: 'osm_auto:all',
-  layerType: LayerType.baseLayer
-};
-// KNMI msgcpp List
-var msgCppLayer = {
-  // doesn't work with https
-  service: KNMImsgcpp.url,
-  name: 'lwe_precipitation_rate',
-  format: 'image/png',
-  enabled: true,
-  style: 'precip-transparent/nearest',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-// Nederlandse Nationaal Georegister Layers list
-var veiligheidsRegiosGebiedsIndelingenLabels = {
-  service: nationaalgeoregister.url,
-  name: 'cbsgebiedsindelingen:cbs_veiligheidsregio_2020_labelpoint',
-  style: 'CBS_Label',
-  enabled: false,
-  layerType: LayerType.mapLayer
-};
-var veiligheidsRegiosGebiedsIndelingen = {
-  service: nationaalgeoregister.url,
-  name: 'cbsgebiedsindelingen:cbs_veiligheidsregio_2020_gegeneraliseerd',
-  style: 'CBS_Gebiedsindeling',
-  enabled: false,
-  layerType: LayerType.mapLayer
-};
-// KNMI Geoservices Layers List
-var radarLayer$1 = {
-  service: KNMIgeoservicesRadar.url,
-  name: 'RAD_NL25_PCP_CM',
-  format: 'image/png',
-  enabled: true,
-  style: 'radar/nearest',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var radarLayerWithError = {
-  service: KNMIgeoservicesRadar.url,
-  name: 'radarLayer',
-  format: 'image/png',
-  enabled: true,
-  style: 'knmiradar/nearest',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var obsAirTemperature = {
-  service: KNMIgeoservicesObs.url,
-  name: '10M/ta',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var obsWind = {
-  service: KNMIgeoservicesObs.url,
-  name: '10M/wind',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var obsAirPressureAtSeaLevel = {
-  service: KNMIgeoservicesObs.url,
-  name: '10M/pp',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var obsRelativeHumidity = {
-  service: KNMIgeoservicesObs.url,
-  name: '10M/rh',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var obsGlobalSolarRadiation = {
-  service: KNMIgeoservicesObs.url,
-  name: '10M/qg',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var obsPrecipitationIntensityPWS = {
-  service: KNMIgeoservicesObs.url,
-  name: '10M/pg',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var harmonieRelativeHumidityPl = {
-  service: KNMIgeoservicesHarmonie.url,
-  name: 'relative_humidity__at_pl',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer,
-  enabled: true
-};
-var harmonieWindPl = {
-  service: KNMIgeoservicesHarmonie.url,
-  name: 'wind__at_pl',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer,
-  enabled: true
-};
-var harmonieAirTemperature = {
-  service: KNMIgeoservicesHarmonie.url,
-  name: 'air_temperature__at_2m',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer,
-  enabled: true
-};
-var harmoniePrecipitation = {
-  service: KNMIgeoservicesHarmonie.url,
-  name: 'precipitation_flux',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer,
-  enabled: true
-};
-var harmoniePressure = {
-  service: KNMIgeoservicesHarmonie.url,
-  name: 'air_pressure_at_sea_level',
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer,
-  enabled: true
-};
-var harmonieWindFlags = {
-  service: KNMIgeoservicesHarmonie.url,
-  name: 'wind__at_10m',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var klimaatAtlasTG3 = {
-  service: KNMIgeoservicesKlimaatAtlas.url,
-  name: 'TG3',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-// DWD Layers List
-var dwdWarningLayer = {
-  service: DWDWarnings.url,
-  name: 'Warnungen_Gemeinden_vereinigt',
-  format: 'image/png',
-  // style: 'warnungen_gemeinden_vereinigt_event_seamless_param',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var dwdRadarLayer = {
-  service: DWDWXProdukt.url,
-  name: 'WX-Produkt',
-  format: 'image/png',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-// this needs authentication to work
-var dwdObservationsWetterLayer = {
-  service: DWDObservations.url,
-  name: 'Wetter_Beobachtungen',
-  style: 'Wetter_Symbole',
-  format: 'image/png',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-  // headers: [{ name: 'Authorization', value: 'Basic ...' }]
-};
-
-var dwdObservationsWetterLayerWithHeader = {
-  service: DWDObservations.url,
-  name: 'Wetter_Beobachtungen',
-  style: 'Wetter_Symbole',
-  format: 'image/png',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer,
-  headers: [{
-    name: 'authorization',
-    value: 'Basic aW50cmFuZXQtdXNlcjpDQnMjMTEh'
-  }]
-};
-// this needs authentication to work
-var dwdObservationsWindLayer = {
-  service: DWDObservations.url,
-  name: 'Wetter_Beobachtungen',
-  style: 'Wetter_Wind',
-  format: 'image/png',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-// FMI open wms Layers List
-var FMITemp = {
-  service: FMIopenwms.url,
-  name: 'temperature-forecast',
-  format: 'image/png',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-// Met Norway Layers List
-var MetNoTemp = {
-  service: MetNorwayService.url,
-  name: 'thredds_meps_latest_wind',
-  format: 'image/png',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var metNorwayWind1 = {
-  service: MetNorwayService.url,
-  name: 'thredds_meps_latest_wind',
-  format: 'image/png',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var metNorwayWind2 = {
-  service: MetNorwayService.url,
-  name: 'thredds_aromearctic_extracted_t',
-  format: 'image/png',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var metNorwayWind3 = {
-  service: MetNorwayService.url,
-  name: 'thredds_nk800_temperature',
-  format: 'image/png',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var metNorwayLatestT = {
-  service: MetNorwayService.url,
-  name: 'thredds_meps_latest_t',
-  format: 'image/png',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var metNorwaySalinaty = {
-  service: MetNorwayService.url,
-  name: 'thredds_barents_2_5km_1h_salinity',
-  format: 'image/png',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var msgFesEUMETSAT = {
-  service: EUMETSAT.url,
-  name: 'msg_fes:rgb_eview',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var msgNaturalenhncdEUMETSAT = {
-  service: eumetviewEUMETSAT.url,
-  name: 'meteosat:msg_naturalenhncd',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var msgAshEUMETSAT = {
-  service: eumetviewEUMETSAT.url,
-  name: 'meteosat:msg_ash',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var msgCthEUMETSAT = {
-  service: eumetviewEUMETSAT.url,
-  name: 'meteosat:msg_cth',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var msgFogEUMETSAT = {
-  service: eumetviewEUMETSAT.url,
-  name: 'meteosat:msg_fog',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-var msgNaturalEUMETSAT = {
-  service: eumetviewEUMETSAT.url,
-  name: 'meteosat:msg_natural',
-  enabled: true,
-  id: webmapUtils.generateLayerId(),
-  layerType: LayerType.mapLayer
-};
-
-var publicLayers = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  defaultLayers: defaultLayers,
-  baseLayer: baseLayer$1,
-  baseLayerOpenStreetMapNL: baseLayerOpenStreetMapNL$1,
-  baseLayerArcGisCanvas: baseLayerArcGisCanvas$1,
-  baseLayerWorldMap: baseLayerWorldMap$1,
-  baseLayerHeiGit: baseLayerHeiGit,
-  msgCppLayer: msgCppLayer,
-  veiligheidsRegiosGebiedsIndelingenLabels: veiligheidsRegiosGebiedsIndelingenLabels,
-  veiligheidsRegiosGebiedsIndelingen: veiligheidsRegiosGebiedsIndelingen,
-  radarLayer: radarLayer$1,
-  radarLayerWithError: radarLayerWithError,
-  obsAirTemperature: obsAirTemperature,
-  obsWind: obsWind,
-  obsAirPressureAtSeaLevel: obsAirPressureAtSeaLevel,
-  obsRelativeHumidity: obsRelativeHumidity,
-  obsGlobalSolarRadiation: obsGlobalSolarRadiation,
-  obsPrecipitationIntensityPWS: obsPrecipitationIntensityPWS,
-  harmonieRelativeHumidityPl: harmonieRelativeHumidityPl,
-  harmonieWindPl: harmonieWindPl,
-  harmonieAirTemperature: harmonieAirTemperature,
-  harmoniePrecipitation: harmoniePrecipitation,
-  harmoniePressure: harmoniePressure,
-  harmonieWindFlags: harmonieWindFlags,
-  klimaatAtlasTG3: klimaatAtlasTG3,
-  dwdWarningLayer: dwdWarningLayer,
-  dwdRadarLayer: dwdRadarLayer,
-  dwdObservationsWetterLayer: dwdObservationsWetterLayer,
-  dwdObservationsWetterLayerWithHeader: dwdObservationsWetterLayerWithHeader,
-  dwdObservationsWindLayer: dwdObservationsWindLayer,
-  FMITemp: FMITemp,
-  MetNoTemp: MetNoTemp,
-  metNorwayWind1: metNorwayWind1,
-  metNorwayWind2: metNorwayWind2,
-  metNorwayWind3: metNorwayWind3,
-  metNorwayLatestT: metNorwayLatestT,
-  metNorwaySalinaty: metNorwaySalinaty,
-  msgFesEUMETSAT: msgFesEUMETSAT,
-  msgNaturalenhncdEUMETSAT: msgNaturalenhncdEUMETSAT,
-  msgAshEUMETSAT: msgAshEUMETSAT,
-  msgCthEUMETSAT: msgCthEUMETSAT,
-  msgFogEUMETSAT: msgFogEUMETSAT,
-  msgNaturalEUMETSAT: msgNaturalEUMETSAT
-});
-
 var useGetLatestReferenceTime = function useGetLatestReferenceTime(inputLayer) {
   var _React$useState = React.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -26261,7 +24187,7 @@ var makeMapPreset = function makeMapPreset(timeIncrement, uniqueId, referenceTim
 };
 var ModelRunInterval = function ModelRunInterval(_ref) {
   var _ref$layers = _ref.layers,
-    layers = _ref$layers === void 0 ? [harmoniePressure, harmonieWindFlags, harmoniePrecipitation] : _ref$layers,
+    layers = _ref$layers === void 0 ? [publicLayers.harmoniePressure, publicLayers.harmonieWindFlags, publicLayers.harmoniePrecipitation] : _ref$layers,
     syncGroupsIds = _ref.syncGroupsIds,
     _ref$interval = _ref.interval,
     interval = _ref$interval === void 0 ? 3 : _ref$interval,
@@ -26836,7 +24762,7 @@ var SubmenuWrapper = function SubmenuWrapper(_a) {
     sx = _a.sx,
     setSubmenu = _a.setSubmenu,
     title = _a.title,
-    props = __rest$1(_a, ["children", "closeButtonIcon", "sx", "setSubmenu", "title"]);
+    props = __rest(_a, ["children", "closeButtonIcon", "sx", "setSubmenu", "title"]);
   return /*#__PURE__*/React__default.createElement(Card, Object.assign({}, props, {
     sx: Object.assign({
       position: 'relative'
@@ -26869,6 +24795,7 @@ var HOUR_TO_SECOND = 3600;
 var HOUR_TO_MINUTE = 60;
 var MILLISECOND_TO_DAY = 1 / 86400000;
 var MILLISECOND_TO_SECOND = 1 / 1000;
+var MILLISECOND_TO_MINUTE = 1 / 60000;
 var MINUTE_TO_SECOND = 60;
 var SECOND_TO_DAY = 1 / 86400;
 var SECOND_TO_HOUR = 1 / 3600;
@@ -26938,6 +24865,11 @@ var getNearestSelectableTime = function getNearestSelectableTime(timeStep, start
   var result = isBetweenObservedAndForecast ? roundedCurrentTime : floorLocalSeconds(hoveredTime + timeStepSeconds / 2, timeStepSeconds);
   return result;
 };
+var floorLocalMinutes = function floorLocalMinutes(selectedTimeMinutes, timeStepMinutes, timeZoneOffsetMinutes) {
+  var localTimeZoneOffset = timeZoneOffsetMinutes !== null && timeZoneOffsetMinutes !== void 0 ? timeZoneOffsetMinutes : new Date().getTimezoneOffset();
+  var unFlooredTimeSteps = (selectedTimeMinutes - localTimeZoneOffset) / timeStepMinutes;
+  return Math.floor(unFlooredTimeSteps) * timeStepMinutes + localTimeZoneOffset;
+};
 var floorLocalSeconds = function floorLocalSeconds(selectedTimeSeconds, timeStepSeconds, timeZoneOffsetSeconds) {
   var localTimeZoneOffset = timeZoneOffsetSeconds !== null && timeZoneOffsetSeconds !== void 0 ? timeZoneOffsetSeconds : new Date().getTimezoneOffset() * 60;
   var unFlooredTimeSteps = (selectedTimeSeconds - localTimeZoneOffset) / timeStepSeconds;
@@ -27091,6 +25023,54 @@ var getRemainingHours = function getRemainingHours(maxHours, days) {
 var secondsSinceLocalMidnight = function secondsSinceLocalMidnight(currentTimeInSeconds) {
   return new Date(currentTimeInSeconds * 1000).getHours() * HOUR_TO_SECOND + new Date(currentTimeInSeconds * 1000).getMinutes() * MINUTE_TO_SECOND + new Date(currentTimeInSeconds * 1000).getSeconds();
 };
+var getTimeScaleDescription = function getTimeScaleDescription(timeScale) {
+  if (timeScale !== 1 && timeScale < HOUR_TO_SECOND) {
+    return "".concat(Math.round(timeScale / MINUTE_TO_SECOND), " minutes is ~1 second");
+  }
+  if (timeScale > 60) {
+    var hours = Math.floor(timeScale / HOUR_TO_SECOND);
+    var mins = Math.round((timeScale - hours * HOUR_TO_SECOND) / MINUTE_TO_SECOND);
+    return "".concat(hours, " h ").concat(mins, " min is ~1 second");
+  }
+  return 'Real-time';
+};
+
+var timeSliderLiteUtils = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  DAY_TO_MILLISECOND: DAY_TO_MILLISECOND,
+  DAY_TO_SECOND: DAY_TO_SECOND,
+  HOUR_TO_SECOND: HOUR_TO_SECOND,
+  HOUR_TO_MINUTE: HOUR_TO_MINUTE,
+  MILLISECOND_TO_DAY: MILLISECOND_TO_DAY,
+  MILLISECOND_TO_SECOND: MILLISECOND_TO_SECOND,
+  MILLISECOND_TO_MINUTE: MILLISECOND_TO_MINUTE,
+  MINUTE_TO_SECOND: MINUTE_TO_SECOND,
+  SECOND_TO_DAY: SECOND_TO_DAY,
+  SECOND_TO_HOUR: SECOND_TO_HOUR,
+  SECOND_TO_MILLISECOND: SECOND_TO_MILLISECOND,
+  SEVEN_DAYS_IN_SECONDS: SEVEN_DAYS_IN_SECONDS,
+  reformatFinnishDateString: reformatFinnishDateString,
+  shortUTCTime: shortUTCTime,
+  getMonthChanges: getMonthChanges,
+  getSelectedTimePx: getSelectedTimePx,
+  boundedValue: boundedValue,
+  getSelectedTimeFromPx: getSelectedTimeFromPx,
+  getNearestSelectableTime: getNearestSelectableTime,
+  floorLocalMinutes: floorLocalMinutes,
+  floorLocalSeconds: floorLocalSeconds,
+  secondsToDaysAndHours: secondsToDaysAndHours,
+  hoursAndDaysToSeconds: hoursAndDaysToSeconds,
+  TIME_SLIDER_LITE_DEFAULT_MAX_FORECAST_RANGE: TIME_SLIDER_LITE_DEFAULT_MAX_FORECAST_RANGE,
+  TIME_SLIDER_LITE_DEFAULT_MAX_OBSERVED_RANGE: TIME_SLIDER_LITE_DEFAULT_MAX_OBSERVED_RANGE,
+  defaultTimeRange: defaultTimeRange,
+  useDefaultTimeRange: useDefaultTimeRange,
+  generateCustomTimeList: generateCustomTimeList,
+  subTicksPerDay: subTicksPerDay,
+  maxSubTicksPerDay: maxSubTicksPerDay,
+  getRemainingHours: getRemainingHours,
+  secondsSinceLocalMidnight: secondsSinceLocalMidnight,
+  getTimeScaleDescription: getTimeScaleDescription
+});
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -27123,7 +25103,7 @@ var TimeStepSelector = function TimeStepSelector(_a) {
     value = _a.value,
     setValue = _a.setValue,
     defaultTimeStep = _a.defaultTimeStep,
-    props = __rest$1(_a, ["dropdownButtonIcon", "value", "setValue", "defaultTimeStep"]);
+    props = __rest(_a, ["dropdownButtonIcon", "value", "setValue", "defaultTimeStep"]);
   var availableOptions = allOptions.filter(function (option) {
     return Number(option) >= defaultTimeStep;
   });
@@ -27295,7 +25275,7 @@ var CustomSelect = function CustomSelect(_a) {
     itemPostFix = _a.itemPostFix,
     value = _a.value,
     setValue = _a.setValue,
-    props = __rest$1(_a, ["amountOfOptions", "dropdownButtonIcon", "itemPostFix", "value", "setValue"]);
+    props = __rest(_a, ["amountOfOptions", "dropdownButtonIcon", "itemPostFix", "value", "setValue"]);
   var availableOptions = Array.from(Array(amountOfOptions).keys());
   return /*#__PURE__*/React__default.createElement(Select, Object.assign({}, props, {
     "data-testid": "TimeSliderLite-customSelect-".concat(itemPostFix),
@@ -27714,7 +25694,7 @@ var TimeSliderLiteOptionsMenu = function TimeSliderLiteOptionsMenu(_ref) {
     speedOptionItemPrefix = _ref.speedOptionItemPrefix,
     speedOptions = _ref.speedOptions,
     updateIntervalOptions = _ref.updateIntervalOptions,
-    submenuSx = _ref.submenuSx,
+    subMenuSx = _ref.subMenuSx,
     sx = _ref.sx,
     _ref$TimeZoneSwitch = _ref.TimeZoneSwitch,
     TimeZoneSwitch$1 = _ref$TimeZoneSwitch === void 0 ? TimeZoneSwitch : _ref$TimeZoneSwitch,
@@ -27735,7 +25715,7 @@ var TimeSliderLiteOptionsMenu = function TimeSliderLiteOptionsMenu(_ref) {
     sx: Object.assign({
       left: submenuLeft,
       marginLeft: '-12px'
-    }, submenuSx),
+    }, subMenuSx),
     setSubmenu: setSubmenu,
     title: getTitle(submenu),
     closeButtonIcon: closeButtonIcon
@@ -27886,7 +25866,7 @@ var ControlButtonGroup = function ControlButtonGroup(_a) {
   var children = _a.children,
     right = _a.right,
     left = _a.left,
-    props = __rest$1(_a, ["children", "right", "left"]);
+    props = __rest(_a, ["children", "right", "left"]);
   return /*#__PURE__*/React__default.createElement(ButtonGroup, Object.assign({
     orientation: "horizontal",
     fullWidth: true
@@ -28573,6 +26553,9 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
     _ref$height = _ref.height,
     height = _ref$height === void 0 ? TIME_SLIDER_LITE_DEFAULT_HEIGHT : _ref$height,
     hideButton = _ref.hideButton,
+    hideMenuButton = _ref.hideMenuButton,
+    hideStepButtons = _ref.hideStepButtons,
+    hidePlayButton = _ref.hidePlayButton,
     isAnimating = _ref.isAnimating,
     isVisible = _ref.isVisible,
     _ref$locale = _ref.locale,
@@ -28583,12 +26566,12 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
     overrideAnimation = _ref.overrideAnimation,
     onToggleAnimation = _ref.onToggleAnimation,
     onToggleMenu = _ref.onToggleMenu,
+    onToggleTimeSlider = _ref.onToggleTimeSlider,
     needleWidth = _ref.needleWidth,
     needleDragAreaWidth = _ref.needleDragAreaWidth,
     needleLabelZIndex = _ref.needleLabelZIndex,
     needleLabelOffset = _ref.needleLabelOffset,
     draggableTimeStamp = _ref.draggableTimeStamp,
-    onToggleTimeSlider = _ref.onToggleTimeSlider,
     selectedTime = _ref.selectedTime,
     setSelectedTime = _ref.setSelectedTime,
     settings = _ref.settings,
@@ -28684,7 +26667,7 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
     }
   }, controlButtons || /*#__PURE__*/React__default.createElement(ControlButtonGroup, {
     left: true
-  }, /*#__PURE__*/React__default.createElement(MenuButton, {
+  }, !hideMenuButton && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MenuButton, {
     settings: settings === null || settings === void 0 ? void 0 : settings.menuButton,
     menuOpen: menuOpen,
     onClick: onToggleMenu
@@ -28694,12 +26677,12 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
       height: "".concat(height, "px"),
       margin: '2px'
     }
-  }), /*#__PURE__*/React__default.createElement(PlayButton, {
+  })), !hidePlayButton && /*#__PURE__*/React__default.createElement(PlayButton, {
     settings: settings === null || settings === void 0 ? void 0 : settings.playButton,
     isAnimating: isAnimating,
     onTogglePlayButton: onToggleAnimation,
     tooltipDelay: tooltipDelay
-  }), /*#__PURE__*/React__default.createElement(StepButton, {
+  }), !hideStepButtons && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StepButton, {
     settings: settings === null || settings === void 0 ? void 0 : settings.stepButton,
     onClick: function onClick() {
       return handleTimeStep(-timeStepSeconds);
@@ -28712,7 +26695,7 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
       return handleTimeStep(timeStepSeconds);
     },
     tooltipDelay: tooltipDelay
-  }))), /*#__PURE__*/React__default.createElement(Grid, {
+  })))), /*#__PURE__*/React__default.createElement(Grid, {
     item: true
   }, /*#__PURE__*/React__default.createElement(TimeSliderLiteBackground, {
     draggableTimeStamp: draggableTimeStamp,
@@ -28754,13 +26737,13 @@ var TimeSliderLiteConnect = function TimeSliderLiteConnect(_a) {
   var _b, _c, _d, _e, _f;
   var overrideUseTimeRange = _a.overrideUseTimeRange,
     overrideUseTimeStep = _a.overrideUseTimeStep,
+    overrideUseTimeZone = _a.overrideUseTimeZone,
     sourceId = _a.sourceId,
     mapId = _a.mapId,
     _a$isAlwaysVisible = _a.isAlwaysVisible,
     isAlwaysVisible = _a$isAlwaysVisible === void 0 ? false : _a$isAlwaysVisible,
-    menuSx = _a.menuSx,
-    subMenuSx = _a.subMenuSx,
-    timeSliderProps = __rest$1(_a, ["overrideUseTimeRange", "overrideUseTimeStep", "sourceId", "mapId", "isAlwaysVisible", "menuSx", "subMenuSx"]);
+    TimeSliderLiteOptionsMenuProps = _a.TimeSliderLiteOptionsMenuProps,
+    timeSliderProps = __rest(_a, ["overrideUseTimeRange", "overrideUseTimeStep", "overrideUseTimeZone", "sourceId", "mapId", "isAlwaysVisible", "TimeSliderLiteOptionsMenuProps"]);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     menuOpen = _React$useState2[0],
@@ -28775,10 +26758,11 @@ var TimeSliderLiteConnect = function TimeSliderLiteConnect(_a) {
     _ref4 = _slicedToArray(_ref3, 2),
     timeStep = _ref4[0],
     setTimeStep = _ref4[1];
-  var _React$useState3 = React.useState('LT'),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    timeZone = _React$useState4[0],
-    setTimeZone = _React$useState4[1];
+  var useTimeZone = React.useState('LT');
+  var _ref5 = overrideUseTimeZone || useTimeZone,
+    _ref6 = _slicedToArray(_ref5, 2),
+    timeZone = _ref6[0],
+    setTimeZone = _ref6[1];
   var isTimeSliderVisible = useSelector(function (store) {
     return mapSelectors.isTimeSliderVisible(store, mapId);
   });
@@ -28807,9 +26791,6 @@ var TimeSliderLiteConnect = function TimeSliderLiteConnect(_a) {
     }));
   };
   var defaultTimeStep = [5, 15];
-  var dimensions = useSelector(function (store) {
-    return mapSelectors.getMapDimensions(store, mapId);
-  });
   var layers = useSelector(function (store) {
     return mapSelectors.getMapLayers(store, mapId);
   });
@@ -28817,12 +26798,13 @@ var TimeSliderLiteConnect = function TimeSliderLiteConnect(_a) {
     _useDefaultTimeRange2 = _slicedToArray(_useDefaultTimeRange, 2),
     defaultStartTime = _useDefaultTimeRange2[0],
     defaultEndTime = _useDefaultTimeRange2[1];
-  var _ref5 = timeRange || [defaultStartTime, defaultEndTime],
-    _ref6 = _slicedToArray(_ref5, 2),
-    startTime = _ref6[0],
-    endTime = _ref6[1];
-  var _getTimeBounds = getTimeBounds(dimensions),
-    selectedTime = _getTimeBounds.selectedTime;
+  var _ref7 = timeRange || [defaultStartTime, defaultEndTime],
+    _ref8 = _slicedToArray(_ref7, 2),
+    startTime = _ref8[0],
+    endTime = _ref8[1];
+  var selectedTime = useSelector(function (store) {
+    return mapSelectors.getSelectedTime(store, mapId);
+  });
   var onToggleAnimation = function onToggleAnimation() {
     var _a, _b;
     if (isAnimating) {
@@ -28861,9 +26843,7 @@ var TimeSliderLiteConnect = function TimeSliderLiteConnect(_a) {
     }
     setTimeStep(newTimeStep);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isVisible && menuOpen && /*#__PURE__*/React.createElement(TimeSliderLiteOptionsMenu, {
-    sx: menuSx,
-    submenuSx: subMenuSx,
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isVisible && menuOpen && /*#__PURE__*/React.createElement(TimeSliderLiteOptionsMenu, Object.assign({
     menuOpen: menuOpen,
     setMenuOpen: setMenuOpen,
     defaultTimeRange: [defaultStartTime, defaultEndTime],
@@ -28875,7 +26855,7 @@ var TimeSliderLiteConnect = function TimeSliderLiteConnect(_a) {
     closeButtonIcon: (_c = (_b = timeSliderProps.settings) === null || _b === void 0 ? void 0 : _b.closeButton) === null || _c === void 0 ? void 0 : _c.icon,
     dropdownButtonIcon: (_e = (_d = timeSliderProps.settings) === null || _d === void 0 ? void 0 : _d.dropdownButton) === null || _e === void 0 ? void 0 : _e.icon,
     TimeZoneSwitch: (_f = timeSliderProps === null || timeSliderProps === void 0 ? void 0 : timeSliderProps.settings) === null || _f === void 0 ? void 0 : _f.TimeZoneSwitch
-  }), /*#__PURE__*/React.createElement(TimeSliderLite, Object.assign({
+  }, TimeSliderLiteOptionsMenuProps)), /*#__PURE__*/React.createElement(TimeSliderLite, Object.assign({
     selectedTime: selectedTime,
     timeStep: timeStep !== null && timeStep !== void 0 ? timeStep : defaultTimeStep,
     timeZone: timeZone,
@@ -29045,7 +27025,7 @@ var SnackbarWrapper = function SnackbarWrapper(_a) {
     isOpen = _a.isOpen,
     onCloseSnackbar = _a.onCloseSnackbar,
     id = _a.id,
-    props = __rest$1(_a, ["children", "isOpen", "onCloseSnackbar", "id"]);
+    props = __rest(_a, ["children", "isOpen", "onCloseSnackbar", "id"]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(Snackbar, Object.assign({
     "data-testid": "snackbarComponent",
     open: isOpen,
@@ -29724,61 +27704,4 @@ var AppWrapperConnect = withEggs([appModuleConfig])(function (_ref) {
   return children;
 });
 
-/* *
- * 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 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
-var MapWarningProperties = function MapWarningProperties(_ref) {
-  var selectedFeatureProperties = _ref.selectedFeatureProperties,
-    languageIndex = _ref.languageIndex,
-    parentSize = _ref.parentSize;
-  var language = languageIndex || 0;
-  var newWidth = parentSize ? parentSize - 100 : 350;
-  return /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      position: 'fixed',
-      width: "".concat(newWidth, "px"),
-      height: '1px',
-      display: 'flex',
-      justifyContent: 'center',
-      left: '50px'
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    "data-testid": "map-warning-properties",
-    style: {
-      marginTop: '50px',
-      width: '350px',
-      height: '190px',
-      padding: '0px 20px 20px',
-      overflow: 'auto',
-      fontSize: '11px',
-      backgroundColor: '#CCCCCCC0'
-    }
-  }, /*#__PURE__*/React__default.createElement("h1", {
-    "data-testid": "map-warning-properties-title"
-  }, selectedFeatureProperties.languages && selectedFeatureProperties.languages[language].areaDesc), selectedFeatureProperties.languages && selectedFeatureProperties.languages[language].areaDesc && /*#__PURE__*/React__default.createElement("pre", {
-    "data-testid": "map-warning-properties-row"
-  }, "event:", ' ', selectedFeatureProperties.languages && selectedFeatureProperties.languages[language].event), selectedFeatureProperties.onset && /*#__PURE__*/React__default.createElement("pre", {
-    "data-testid": "map-warning-properties-row"
-  }, "Sent:", ' ', dateUtils.dateToString(dateUtils.utc(selectedFeatureProperties.onset), 'dd MMM yyyy, HH:mm'), ' ', "UTC"), selectedFeatureProperties.expires && /*#__PURE__*/React__default.createElement("pre", {
-    "data-testid": "map-warning-properties-row"
-  }, "Expires:", ' ', dateUtils.dateToString(dateUtils.utc(selectedFeatureProperties.expires), 'dd MMM yyyy, HH:mm'), ' ', "UTC"), selectedFeatureProperties.languages && selectedFeatureProperties.languages[language].senderName && /*#__PURE__*/React__default.createElement("pre", {
-    "data-testid": "map-warning-properties-row"
-  }, "Sender:", ' ', selectedFeatureProperties.languages && selectedFeatureProperties.languages[language].senderName), selectedFeatureProperties.identifier && /*#__PURE__*/React__default.createElement("pre", {
-    "data-testid": "map-warning-properties-row"
-  }, "Identifier: ", selectedFeatureProperties.identifier)));
-};
-
-export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, DrawingToolConnect, DrawingToolMapButtonConnect, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerSelectConnect, LegendConnect, LegendMapButtonConnect, MapControlButton, MapControls, MapDrawToolProvider, MapView, MapViewConnect, MapWarningProperties, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, RouterWrapperConnect, SnackbarWrapperConnect, SyncGroupViewerConnect, TimeSlider, BackwardForwardStepButtonConnect as TimeSliderBackwardForwardStepButtonConnect, TimeSliderButtonsConnectMemo as TimeSliderButtonsConnect, TimeSliderConnect, TimeSliderLite, TimeSliderLiteConnect, TimeSliderLiteOptionsMenu, OptionsMenuButtonConnect as TimeSliderOptionsMenuButtonConnect, PlayButtonConnect as TimeSliderPlayButtonConnect, ZoomControlConnect, ZoomControls, componentsLookUp, defaultBbox, defaultBox, defaultConfigurations, defaultDelete, defaultIntersectionStyleProperties, defaultPoint, defaultPolygon, drawOptions, filterMapPresets, filterServices, publicLayers, publicServices, store, testLayers, timeSliderUtils, useFetchServices, useMapDrawContext, useMapDrawTool, useSetupDialog };
+export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerSelectConnect, LegendConnect, LegendMapButtonConnect, MapViewConnect, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, RouterWrapperConnect, SnackbarWrapperConnect, SyncGroupViewerConnect, TimeSlider, BackwardForwardStepButtonConnect as TimeSliderBackwardForwardStepButtonConnect, TimeSliderButtonsConnectMemo as TimeSliderButtonsConnect, TimeSliderConnect, TimeSliderLite, TimeSliderLiteConnect, TimeSliderLiteOptionsMenu, timeSliderLiteUtils as TimeSliderLiteUtils, OptionsMenuButtonConnect as TimeSliderOptionsMenuButtonConnect, PlayButtonConnect as TimeSliderPlayButtonConnect, ZoomControlConnect, componentsLookUp, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, store, testLayers, timeSliderUtils, useFetchServices, useSetupDialog };