@opengeoweb/core 6.0.0 → 6.0.1

package/index.js

@@ -4,9 +4,9 @@ import { Grid, Box as Box$2, MenuItem, Typography, useTheme as useTheme$2, Butto
 import { CustomIconButton, TooltipSelect, AlertIcon, useControlledTooltip, CustomTooltip, tooltipContainerStyles, sliderHeaderStyle, CustomSlider, ToggleMenu, AlertBanner, CustomAccordion, ToolContainerDraggable, calculateDialogSizeAndPosition, CustomToggleButton, SearchHighlight, useMakeSureContainerStaysInsideWindow, withEggs } from '@opengeoweb/shared';
 import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, Add, Copy, None, FastForward, AutoUpdateActive, Both, Visibility, VisibilityOff, Delete, DragHandle as DragHandle$1, Cached, 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, Location, DrawPolygon, DrawRegion, 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, mapStoreUtils, layerActions, layerSelectors, serviceSelectors, serviceActions, getCapabilities, mapSelectors, mapActions, mapEnums, mapConstants, filterLayers, getUserAddedServices, layerSelectSelectors, layerSelectActions, storeUtils, snackbarActions, layerSelectTypes, mapUtils, genericActions, tilesettings, syncConstants, 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, syncGroupsSelectors, syncGroupsSelector, snackbarModuleConfig, snackbarSelectors, coreModuleConfig, routerUtils, routerModuleConfig, appModuleConfig, appActions } from '@opengeoweb/store';
 import { ReactSortable } from 'react-sortablejs';
-import { WMGetServiceFromStore, LayerType, clearImageCache, getMapImageStore, WMBBOX, debug as debug$3, DebugType, WMJSMap, WMLayer, legendImageStore, WMImageEventType, getLegendGraphicURLForLayer } from '@opengeoweb/webmap';
+import { webmapUtils, WMGetServiceFromStore, getCapabilities, LayerType, clearImageCache, getMapImageStore, WMBBOX, debug as debug$3, DebugType, WMJSMap, tilesettings, WMLayer, legendImageStore, WMImageEventType, getLegendGraphicURLForLayer } from '@opengeoweb/webmap';
 import { jsx } from 'react/jsx-runtime';
 import _, { isEqual as isEqual$1, debounce, groupBy, throttle as throttle$2, clamp as clamp$1, range } from 'lodash';
 import Box$3 from '@mui/material/Box';
@@ -22,8 +22,8 @@ import cloneDeep from 'lodash.clonedeep';
 import proj4 from 'proj4';
 import produce from 'immer';
 import Draggable from 'react-draggable';
-import require$$1, { TextEncoder } from 'util';
-import stream, { Readable } from 'stream';
+import require$$1 from 'util';
+import stream from 'stream';
 import require$$1$1 from 'path';
 import require$$3 from 'http';
 import require$$4 from 'https';
@@ -171,7 +171,10 @@ function _regeneratorRuntime() {
       if ("executing" === state) throw new Error("Generator is already running");
       if ("completed" === state) {
         if ("throw" === method) throw arg;
-        return doneResult();
+        return {
+          value: void 0,
+          done: !0
+        };
       }
       for (context.method = method, context.arg = arg;;) {
         var delegate = context.delegate;
@@ -224,7 +227,7 @@ function _regeneratorRuntime() {
     }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
   }
   function values(iterable) {
-    if (iterable) {
+    if (iterable || "" === iterable) {
       var iteratorMethod = iterable[iteratorSymbol];
       if (iteratorMethod) return iteratorMethod.call(iterable);
       if ("function" == typeof iterable.next) return iterable;
@@ -237,15 +240,7 @@ function _regeneratorRuntime() {
         return next.next = next;
       }
     }
-    return {
-      next: doneResult
-    };
-  }
-  function doneResult() {
-    return {
-      value: undefined,
-      done: !0
-    };
+    throw new TypeError(typeof iterable + " is not iterable");
   }
   return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
     value: GeneratorFunctionPrototype,
@@ -4065,7 +4060,7 @@ var DimensionSelect = function DimensionSelect(_ref) {
     return null;
   }
   var getValuesToDisplay = function getValuesToDisplay() {
-    var activeWMJSDim = mapStoreUtils.getWMJSDimensionForLayerAndDimension(layerId, activeDimName) || mapStoreUtils.getWMJSDimensionForLayerAndDimension(layerId, layerDimensions[0].name);
+    var activeWMJSDim = webmapUtils.getWMJSDimensionForLayerAndDimension(layerId, activeDimName) || webmapUtils.getWMJSDimensionForLayerAndDimension(layerId, layerDimensions[0].name);
     if (!activeWMJSDim) {
       return null;
     }
@@ -5041,7 +5036,7 @@ var LayerRow = function LayerRow(_ref) {
     className: columnClasses.column5
   }, layerDimensionLayout || /*#__PURE__*/React__default.createElement(DimensionSelect, {
     layerId: layerId,
-    layerDimensions: mapStoreUtils.filterNonTimeDimensions(layer.dimensions),
+    layerDimensions: layerUtils.filterNonTimeDimensions(layer.dimensions),
     onLayerChangeDimension: function onLayerChangeDimension(dimensionName, dimensionValue) {
       var dimension = {
         name: dimensionName,
@@ -5583,7 +5578,7 @@ var LayerManagerMenuButtonConnect = function LayerManagerMenuButtonConnect(_ref)
     mapId: mapId,
     onLayerDuplicate: function onLayerDuplicate() {
       addLayer({
-        layerId: mapStoreUtils.generateLayerId(),
+        layerId: webmapUtils.generateLayerId(),
         mapId: mapId,
         layer: layer
       });
@@ -10989,7 +10984,7 @@ var constructLayerId = function constructLayerId(baseLayer, selectedBaseLayers)
   var foundLayer = selectedBaseLayers.find(function (selectedBaseLayer) {
     return baseLayer.id === selectedBaseLayer.id || baseLayer.name === selectedBaseLayer.name;
   });
-  return foundLayer ? foundLayer.id : mapStoreUtils.generateLayerId();
+  return foundLayer ? foundLayer.id : webmapUtils.generateLayerId();
 };
 var constructListAvailableBaseLayers = function constructListAvailableBaseLayers(selectedBaseLayers, preloadedAvailableBaseLayers, mapId) {
   // Ensure we use unique id's for the base layers - excepting the ones that are currently selected, reuse the existing ids
@@ -11318,7 +11313,7 @@ var ConnectedTree = function ConnectedTree(_ref) {
     var newWms = {
       service: serviceURL,
       name: layerName,
-      id: mapStoreUtils.generateLayerId(),
+      id: webmapUtils.generateLayerId(),
       layerType: layerTypes.LayerType.mapLayer
     };
     addLayer({
@@ -11332,7 +11327,7 @@ var ConnectedTree = function ConnectedTree(_ref) {
     var newBaseLayer = {
       service: serviceURL,
       name: layerName,
-      id: mapStoreUtils.generateLayerId(),
+      id: webmapUtils.generateLayerId(),
       layerType: layerTypes.LayerType.baseLayer,
       mapId: mapId
     };
@@ -14222,7 +14217,7 @@ var LayerListConnect = function LayerListConnect(_ref) {
     var layer = {
       service: serviceUrl,
       name: layerName,
-      id: mapStoreUtils.generateLayerId(),
+      id: webmapUtils.generateLayerId(),
       layerType: LayerType.mapLayer
     };
     addMapLayer({
@@ -16049,7 +16044,7 @@ var ZoomControlConnect = function ZoomControlConnect(_ref) {
   });
   var adagucRef = React.useRef(null);
   React.useEffect(function () {
-    adagucRef.current = mapStoreUtils.getWMJSMapById(mapId);
+    adagucRef.current = webmapUtils.getWMJSMapById(mapId);
   }, [mapId]);
   var onZoomIn = function onZoomIn() {
     return adagucRef.current.zoomIn(undefined);
@@ -16400,7 +16395,7 @@ var DimensionSelectSliderConnect = function DimensionSelectSliderConnect(_ref) {
   var layerDimension = useSelector(function (store) {
     return layerSelectors.getLayerDimension(store, layerId, dimensionName);
   });
-  var wmLayer = mapStoreUtils.getWMLayerById(layerId);
+  var wmLayer = webmapUtils.getWMLayerById(layerId);
   if (!layerDimension || !wmLayer) {
     return null;
   }
@@ -16842,7 +16837,7 @@ var getDataLimitsFromLayers = function getDataLimitsFromLayers(layers) {
     var _ref2 = _slicedToArray(_ref, 2),
       start = _ref2[0],
       end = _ref2[1];
-    var dimension = mapStoreUtils.getWMJSTimeDimensionForLayerId(layer.id);
+    var dimension = webmapUtils.getWMJSTimeDimensionForLayerId(layer.id);
     if (dimension) {
       var lastValue = moment(dimension.getLastValue()).unix();
       var firstValue = moment(dimension.getFirstValue()).unix();
@@ -18950,10 +18945,10 @@ function useAnimationTime(animationStartTime, animationEndTime, onSetAnimationSt
     var stoppedDragging = !leftMarkerDragging && !rightMarkerDragging && !animationAreaDragging;
     if (stoppedDragging) {
       if (localAnimationStartTime && localAnimationStartTime !== convertStringTimeToUnix(animationStartTime)) {
-        onSetAnimationStartTime(moment.utc(localAnimationStartTime * 1000).format(mapStoreUtils.dateFormat));
+        onSetAnimationStartTime(moment.utc(localAnimationStartTime * 1000).format(mapUtils.dateFormat));
       }
       if (localAnimationEndTime && localAnimationEndTime !== convertStringTimeToUnix(animationEndTime)) {
-        onSetAnimationEndTime(moment.utc(localAnimationEndTime * 1000).format(mapStoreUtils.dateFormat));
+        onSetAnimationEndTime(moment.utc(localAnimationEndTime * 1000).format(mapUtils.dateFormat));
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -20935,7 +20930,7 @@ var ReactMapViewLayer = function ReactMapViewLayer(props) {
  * */
 var setLayerInfo = function setLayerInfo(wmLayer, mapId, onUpdateLayerInformation) {
   var origin = layerTypes.LayerActionOrigin.ReactMapViewParseLayer;
-  var map = mapStoreUtils.getWMJSMapById(mapId);
+  var map = webmapUtils.getWMJSMapById(mapId);
   /* Update list of layers for service */
   var updateObject = {
     origin: origin,
@@ -21186,7 +21181,7 @@ var getWMJSLayerFromReactLayer = function getWMJSLayerFromReactLayer(mapId, wmLa
   var _reactWebMapJSLayer$p = reactWebMapJSLayer.props,
     reactLayerId = _reactWebMapJSLayer$p.id,
     layerName = _reactWebMapJSLayer$p.name;
-  var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+  var wmjsMap = webmapUtils.getWMJSMapById(mapId);
   /* Some safety checks */
   if (!wmjsMap || !wmLayers || !reactLayerId || !layerName) {
     return {
@@ -27496,6 +27491,485 @@ 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 opacityOptions = [100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 0];
+var SAVE_AREA_BUTTON = 'Save area';
+var DRAW_EXIT_MODE_MESSAGE = 'press ESC to exit draw mode';
+var DrawingToolForm = function DrawingToolForm(_ref) {
+  var onSubmitForm = _ref.onSubmitForm;
+  var _useFormContext = useFormContext(),
+    handleSubmit = _useFormContext.handleSubmit;
+  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;
+  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), {
+        geoJSON: geoJSON
+      }));
+    })();
+  };
+  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();
+    }
+  };
+  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
+    }, 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: "Opacity",
+    rules: {},
+    disabled: false,
+    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: "Area name",
+    rules: {
+      required: true
+    },
+    disabled: false,
+    isReadOnly: false
+  }))), /*#__PURE__*/React.createElement(Grid, {
+    item: true
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    onClick: onSubmit,
+    sx: {
+      width: '100%'
+    },
+    "data-testid": "saveDrawingFormButton"
+  }, SAVE_AREA_BUTTON))));
+};
+var Wrapper = function Wrapper(props) {
+  return /*#__PURE__*/React.createElement(ReactHookFormProvider, {
+    options: Object.assign(Object.assign({}, defaultFormOptions), {
+      defaultValues: {
+        areaName: 'Area 51'
+      }
+    })
+  }, /*#__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() {
+  var onSubmitForm = function onSubmitForm(formValues) {
+    // eslint-disable-next-line no-console
+    console.log('You have submitted the form. Nothing will happen now.', formValues);
+  };
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    onSubmitForm: onSubmitForm
+  });
+};
+
+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;
+  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
+  })), /*#__PURE__*/React.createElement(DrawingToolFormConnect, 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 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
+    }
+  });
+};
+
 var getDisplayText = function getDisplayText(currentAdagucTime) {
   var timeFormat = 'ddd DD MMM YYYY HH:mm [UTC]';
   var adagucTime = moment.utc(currentAdagucTime);
@@ -27533,7 +28007,7 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
       var fetchSpeed = 60000; // 1 minute
       _this.refetchTimer = setInterval(function () {
         var mapId = _this.props.mapId;
-        var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+        var wmjsMap = webmapUtils.getWMJSMapById(mapId);
         var layers = wmjsMap.getLayers();
         layers.forEach(function (layer) {
           if (layer.enabled !== false) {
@@ -27558,7 +28032,7 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
           /* Provide a hint on what is going wrong */
           console.error(e);
         }
-        var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+        var wmjsMap = webmapUtils.getWMJSMapById(mapId);
         if (child) {
           if (wmLayer.hasError) {
             if (child.props.onLayerError) {
@@ -27615,7 +28089,7 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
       var mapId = this.props.mapId;
       window.removeEventListener('resize', this.handleWindowResize);
       this.clearRefetchTimer();
-      mapStoreUtils.unRegisterWMJSMap(mapId);
+      webmapUtils.unRegisterWMJSMap(mapId);
       /* Reset adaguc properties */
       this.adaguc.initialized = false;
       this.adaguc.currentHeight = -1;
@@ -27635,7 +28109,7 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
       var _this$props3 = this.props,
         mapId = _this$props3.mapId,
         onMapChangeDimension = _this$props3.onMapChangeDimension;
-      var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
       if (wmjsMap) {
         var timeDimension = wmjsMap.getDimension('time');
         if (timeDimension) {
@@ -27660,7 +28134,7 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
           MapViewBBOX = _this2$props.bbox,
           mapId = _this2$props.mapId,
           onMapZoomEnd = _this2$props.onMapZoomEnd;
-        var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+        var wmjsMap = webmapUtils.getWMJSMapById(mapId);
         if (!wmjsMap) {
           return;
         }
@@ -27702,7 +28176,7 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
       }
       var mapId = props.mapId,
         children = props.children;
-      var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
       if (!wmjsMap) {
         console.warn('No wmjsMap');
         return;
@@ -27898,7 +28372,7 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
                 var newWMLayer = new WMLayer(Object.assign(Object.assign({}, child.props), {
                   keepOnTop: keepOnTop
                 }));
-                mapStoreUtils.registerWMLayer(newWMLayer, child.props.id);
+                webmapUtils.registerWMLayer(newWMLayer, child.props.id);
                 newWMLayer.ReactWMJSLayerId = child.props.id;
                 if (isBaselayer) {
                   /* Add ADAGUC WebMapJS Baselayer */
@@ -27982,7 +28456,7 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
     key: "drawDebounced",
     value: function drawDebounced() {
       var mapId = this.props.mapId;
-      var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
       wmjsMap.getListener().suspendEvents();
       wmjsMap.draw();
       wmjsMap.getListener().resumeEvents();
@@ -28003,16 +28477,16 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
         return null;
       }
       /* Check if webmapjs was not already initialized */
-      var existingWMJSMap = mapStoreUtils.getWMJSMapById(mapId);
+      var existingWMJSMap = webmapUtils.getWMJSMapById(mapId);
       if (existingWMJSMap) {
-        console.warn("Somehow ".concat(mapId, "mapStoreUtils.unRegisterWMJSMap already exists"));
-        mapStoreUtils.unRegisterWMJSMap(mapId);
+        console.warn("Somehow ".concat(mapId, "webmapUtils.unRegisterWMJSMap already exists"));
+        webmapUtils.unRegisterWMJSMap(mapId);
       }
       var wmjsMap = new WMJSMap(this.adagucWebMapJSRef.current);
       this.adaguc.currentMapProps = {};
       this.adaguc.currentMapProps.children = null;
       this.adaguc.baseLayers = [];
-      mapStoreUtils.registerWMJSMap(wmjsMap, mapId);
+      webmapUtils.registerWMJSMap(wmjsMap, mapId);
       this.adaguc.initialized = true;
       /* Enable to show actual layer properties in the map */
       wmjsMap.showLayerInfo = false;
@@ -28074,7 +28548,7 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
           this.adaguc.currentWidth = newWidth;
           this.adaguc.currentHeight = newHeight;
           var mapId = this.props.mapId;
-          var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+          var wmjsMap = webmapUtils.getWMJSMapById(mapId);
           wmjsMap.setSize(newWidth, newHeight);
         }
       }
@@ -28089,7 +28563,7 @@ var ReactMapView = /*#__PURE__*/function (_React$Component) {
         mapId = _this$props5.mapId;
       var adagucInitialised = this.state.adagucInitialised;
       var featureLayers = getFeatureLayers(children);
-      var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
       return /*#__PURE__*/React.createElement("div", {
         className: "MapView",
         style: {
@@ -28286,15 +28760,15 @@ var MapView = function MapView(_a) {
     }
   }, /*#__PURE__*/React.createElement(ZoomControls, {
     onZoomIn: function onZoomIn() {
-      var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
       wmjsMap.zoomIn(undefined);
     },
     onZoomOut: function onZoomOut() {
-      var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
       wmjsMap.zoomOut();
     },
     onZoomReset: function onZoomReset() {
-      var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
       wmjsMap.zoomToLayer(wmjsMap.getActiveLayer());
     }
   })), /*#__PURE__*/React.createElement(Box$2, {
@@ -28306,7 +28780,7 @@ var MapView = function MapView(_a) {
     showLegend: false,
     displayTimeInMap: false,
     onWMJSMount: function onWMJSMount(id) {
-      wmjsMapRef.current = mapStoreUtils.getWMJSMapById(id);
+      wmjsMapRef.current = webmapUtils.getWMJSMapById(id);
     }
   }), children)), displayTimeInMap && dimensions && /*#__PURE__*/React.createElement(MapTime, {
     dimensions: dimensions
@@ -28381,7 +28855,7 @@ var useTouchZoomPan = function useTouchZoomPan(mapIsActive, mapId) {
     }
   }, []);
   var handleMove = React.useCallback(function (event) {
-    var map = mapStoreUtils.getWMJSMapById(mapId);
+    var map = webmapUtils.getWMJSMapById(mapId);
     var targetElem = event.target;
     if (!isCanvasElement(event)) {
       // Elements other than canvas elements are not allowed to be zoomed/panned
@@ -28478,7 +28952,7 @@ var useKeyboardZoomAndPan = function useKeyboardZoomAndPan(mapIsActive, mapId) {
     var keysPressedDown = {};
     var handleKeyPress = function handleKeyPress(event) {
       var target = event.target;
-      var map = mapStoreUtils.getWMJSMapById(mapId);
+      var map = webmapUtils.getWMJSMapById(mapId);
       var key = event.key,
         type = event.type;
       keysPressedDown[key] = type === 'keydown';
@@ -28594,7 +29068,7 @@ var MapViewConnect = function MapViewConnect(_a) {
   var dispatch = useDispatch();
   var mapChangeDimension = React.useCallback(function (mapDimensionPayload) {
     if (mapDimensionPayload.dimension) {
-      var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+      var wmjsMap = webmapUtils.getWMJSMapById(mapId);
       var dimension = wmjsMap.getDimension(mapDimensionPayload.dimension.name);
       if (dimension && dimension.currentValue === mapDimensionPayload.dimension.currentValue) {
         return;
@@ -28603,7 +29077,7 @@ var MapViewConnect = function MapViewConnect(_a) {
     dispatch(mapActions.mapChangeDimension(mapDimensionPayload));
   }, [dispatch, mapId]);
   var setTime = React.useCallback(function (setTimePayload) {
-    var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+    var wmjsMap = webmapUtils.getWMJSMapById(mapId);
     /* Check if the map not already has this value set, otherwise this component will re-render */
     if (wmjsMap && wmjsMap.getDimension('time') && wmjsMap.getDimension('time').currentValue === setTimePayload.value) {
       return;
@@ -28811,7 +29285,7 @@ var Legend = function Legend(_ref) {
   var layerOpacity = layer.opacity ? layer.opacity : 1;
   /* Get the wmLayer, it has more detailed info about the WMS service,
   like a title and the WMS legendgraphic url */
-  var wmLayer = mapStoreUtils.getWMLayerById(layer.id);
+  var wmLayer = webmapUtils.getWMLayerById(layer.id);
   return /*#__PURE__*/React__default.createElement(LegendLayout, {
     title: wmLayer === null || wmLayer === void 0 ? void 0 : wmLayer.title,
     name: wmLayer === null || wmLayer === void 0 ? void 0 : wmLayer.name,
@@ -28826,7 +29300,7 @@ var Legend = function Legend(_ref) {
             Check if the wmLayer is available, this happens when the WMS GetCapabilities is loaded and parsed.
             Note that we cannot use the wmLayer variable above, as this one could contain a non initialized WMJSLayer.
            */
-      var legendWmLayer = mapStoreUtils.getWMLayerById(layer.id);
+      var legendWmLayer = webmapUtils.getWMLayerById(layer.id);
       var legendUrl = getLegendGraphicURLForLayer(legendWmLayer);
       var image = legendImageStore.getImage(legendUrl);
       /* If there is no image for the given URL, we do not want to display a legend image (e.g. outside range) */
@@ -30566,16 +31040,12 @@ const isStream = (val) => isObject(val) && isFunction$1(val.pipe);
  * @returns {boolean} True if value is an FormData, otherwise false
  */
 const isFormData = (thing) => {
-  let kind;
+  const pattern = '[object FormData]';
   return thing && (
-    (typeof FormData === 'function' && thing instanceof FormData) || (
-      isFunction$1(thing.append) && (
-        (kind = kindOf(thing)) === 'formdata' ||
-        // detect form-data instance
-        (kind === 'object' && isFunction$1(thing.toString) && thing.toString() === '[object FormData]')
-      )
-    )
-  )
+    (typeof FormData === 'function' && thing instanceof FormData) ||
+    toString.call(thing) === pattern ||
+    (isFunction$1(thing.toString) && thing.toString() === pattern)
+  );
 };
 
 /**
@@ -30659,11 +31129,7 @@ function findKey(obj, key) {
   return null;
 }
 
-const _global = (() => {
-  /*eslint no-undef:0*/
-  if (typeof globalThis !== "undefined") return globalThis;
-  return typeof self !== "undefined" ? self : (typeof window !== 'undefined' ? window : global)
-})();
+const _global = typeof self === "undefined" ? typeof global === "undefined" ? undefined : global : self;
 
 const isContextDefined = (context) => !isUndefined(context) && context !== _global;
 
@@ -30894,7 +31360,7 @@ const matchAll = (regExp, str) => {
 const isHTMLForm = kindOfTest('HTMLFormElement');
 
 const toCamelCase = str => {
-  return str.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,
+  return str.toLowerCase().replace(/[_-\s]([a-z\d])(\w*)/g,
     function replacer(m, p1, p2) {
       return p1.toUpperCase() + p2;
     }
@@ -30978,37 +31444,6 @@ const toFiniteNumber = (value, defaultValue) => {
   return Number.isFinite(value) ? value : defaultValue;
 };
 
-const ALPHA = 'abcdefghijklmnopqrstuvwxyz';
-
-const DIGIT = '0123456789';
-
-const ALPHABET = {
-  DIGIT,
-  ALPHA,
-  ALPHA_DIGIT: ALPHA + ALPHA.toUpperCase() + DIGIT
-};
-
-const generateString = (size = 16, alphabet = ALPHABET.ALPHA_DIGIT) => {
-  let str = '';
-  const {length} = alphabet;
-  while (size--) {
-    str += alphabet[Math.random() * length|0];
-  }
-
-  return str;
-};
-
-/**
- * If the thing is a FormData object, return true, otherwise return false.
- *
- * @param {unknown} thing - The thing to check.
- *
- * @returns {boolean}
- */
-function isSpecCompliantForm(thing) {
-  return !!(thing && isFunction$1(thing.append) && thing[Symbol.toStringTag] === 'FormData' && thing[Symbol.iterator]);
-}
-
 const toJSONObject = (obj) => {
   const stack = new Array(10);
 
@@ -31040,11 +31475,6 @@ const toJSONObject = (obj) => {
   return visit(obj, 0);
 };
 
-const isAsyncFn = kindOfTest('AsyncFunction');
-
-const isThenable = (thing) =>
-  thing && (isObject(thing) || isFunction$1(thing)) && isFunction$1(thing.then) && isFunction$1(thing.catch);
-
 var utils = {
   isArray,
   isArrayBuffer,
@@ -31091,12 +31521,7 @@ var utils = {
   findKey,
   global: _global,
   isContextDefined,
-  ALPHABET,
-  generateString,
-  isSpecCompliantForm,
-  toJSONObject,
-  isAsyncFn,
-  isThenable
+  toJSONObject
 };
 
 /**
@@ -31525,9 +31950,20 @@ var require$$0 = {
 	"application/3gpp-ims+xml": {
 	source: "iana",
 	compressible: true
+},
+	"application/3gpphal+json": {
+	source: "iana",
+	compressible: true
+},
+	"application/3gpphalforms+json": {
+	source: "iana",
+	compressible: true
 },
 	"application/a2l": {
 	source: "iana"
+},
+	"application/ace+cbor": {
+	source: "iana"
 },
 	"application/activemessage": {
 	source: "iana"
@@ -31601,6 +32037,9 @@ var require$$0 = {
 	extensions: [
 		"aw"
 	]
+},
+	"application/at+jwt": {
+	source: "iana"
 },
 	"application/atf": {
 	source: "iana"
@@ -31786,6 +32225,10 @@ var require$$0 = {
 },
 	"application/cfw": {
 	source: "iana"
+},
+	"application/city+json": {
+	source: "iana",
+	compressible: true
 },
 	"application/clr": {
 	source: "iana"
@@ -31830,7 +32273,10 @@ var require$$0 = {
 },
 	"application/cpl+xml": {
 	source: "iana",
-	compressible: true
+	compressible: true,
+	extensions: [
+		"cpl"
+	]
 },
 	"application/csrattrs": {
 	source: "iana"
@@ -31868,6 +32314,13 @@ var require$$0 = {
 	extensions: [
 		"mpd"
 	]
+},
+	"application/dash-patch+xml": {
+	source: "iana",
+	compressible: true,
+	extensions: [
+		"mpp"
+	]
 },
 	"application/dashdelta": {
 	source: "iana"
@@ -31953,8 +32406,8 @@ var require$$0 = {
 	source: "iana",
 	compressible: true,
 	extensions: [
-		"ecma",
-		"es"
+		"es",
+		"ecma"
 	]
 },
 	"application/edi-consent": {
@@ -32056,6 +32509,12 @@ var require$$0 = {
 	"application/expect-ct-report+json": {
 	source: "iana",
 	compressible: true
+},
+	"application/express": {
+	source: "iana",
+	extensions: [
+		"exp"
+	]
 },
 	"application/fastinfoset": {
 	source: "iana"
@@ -32398,6 +32857,7 @@ var require$$0 = {
 	]
 },
 	"application/manifest+json": {
+	source: "iana",
 	charset: "UTF-8",
 	compressible: true,
 	extensions: [
@@ -32492,7 +32952,10 @@ var require$$0 = {
 },
 	"application/media-policy-dataset+xml": {
 	source: "iana",
-	compressible: true
+	compressible: true,
+	extensions: [
+		"mpf"
+	]
 },
 	"application/media_control+xml": {
 	source: "iana",
@@ -32538,6 +33001,9 @@ var require$$0 = {
 },
 	"application/mipc": {
 	source: "iana"
+},
+	"application/missing-blocks+cbor-seq": {
+	source: "iana"
 },
 	"application/mmt-aei+xml": {
 	source: "iana",
@@ -32597,17 +33063,11 @@ var require$$0 = {
 },
 	"application/mrb-consumer+xml": {
 	source: "iana",
-	compressible: true,
-	extensions: [
-		"xdf"
-	]
+	compressible: true
 },
 	"application/mrb-publish+xml": {
 	source: "iana",
-	compressible: true,
-	extensions: [
-		"xdf"
-	]
+	compressible: true
 },
 	"application/msc-ivr+xml": {
 	source: "iana",
@@ -32678,6 +33138,12 @@ var require$$0 = {
 },
 	"application/nss": {
 	source: "iana"
+},
+	"application/oauth-authz-req+jwt": {
+	source: "iana"
+},
+	"application/oblivious-dns-message": {
+	source: "iana"
 },
 	"application/ocsp-request": {
 	source: "iana"
@@ -32768,6 +33234,13 @@ var require$$0 = {
 	extensions: [
 		"oxps"
 	]
+},
+	"application/p21": {
+	source: "iana"
+},
+	"application/p21+zip": {
+	source: "iana",
+	compressible: false
 },
 	"application/p2p-overlay+xml": {
 	source: "iana",
@@ -32810,7 +33283,10 @@ var require$$0 = {
 	]
 },
 	"application/pgp-keys": {
-	source: "iana"
+	source: "iana",
+	extensions: [
+		"asc"
+	]
 },
 	"application/pgp-signature": {
 	source: "iana",
@@ -33136,6 +33612,10 @@ var require$$0 = {
 	"application/sarif+json": {
 	source: "iana",
 	compressible: true
+},
+	"application/sarif-external-properties+json": {
+	source: "iana",
+	compressible: true
 },
 	"application/sbe": {
 	source: "iana"
@@ -33326,6 +33806,10 @@ var require$$0 = {
 	extensions: [
 		"srx"
 	]
+},
+	"application/spdx+json": {
+	source: "iana",
+	compressible: true
 },
 	"application/spirits-event+xml": {
 	source: "iana",
@@ -33462,6 +33946,9 @@ var require$$0 = {
 },
 	"application/tnauthlist": {
 	source: "iana"
+},
+	"application/token-introspection+jwt": {
+	source: "iana"
 },
 	"application/toml": {
 	compressible: true,
@@ -33473,7 +33960,10 @@ var require$$0 = {
 	source: "iana"
 },
 	"application/trig": {
-	source: "iana"
+	source: "iana",
+	extensions: [
+		"trig"
+	]
 },
 	"application/ttml+xml": {
 	source: "iana",
@@ -33553,6 +34043,9 @@ var require$$0 = {
 },
 	"application/vnd.3gpp-v2x-local-service-information": {
 	source: "iana"
+},
+	"application/vnd.3gpp.5gnas": {
+	source: "iana"
 },
 	"application/vnd.3gpp.access-transfer-events+xml": {
 	source: "iana",
@@ -33565,9 +34058,15 @@ var require$$0 = {
 	"application/vnd.3gpp.gmop+xml": {
 	source: "iana",
 	compressible: true
+},
+	"application/vnd.3gpp.gtpc": {
+	source: "iana"
 },
 	"application/vnd.3gpp.interworking-data": {
 	source: "iana"
+},
+	"application/vnd.3gpp.lpp": {
+	source: "iana"
 },
 	"application/vnd.3gpp.mc-signalling-ear": {
 	source: "iana"
@@ -33677,6 +34176,12 @@ var require$$0 = {
 	"application/vnd.3gpp.mid-call+xml": {
 	source: "iana",
 	compressible: true
+},
+	"application/vnd.3gpp.ngap": {
+	source: "iana"
+},
+	"application/vnd.3gpp.pfcp": {
+	source: "iana"
 },
 	"application/vnd.3gpp.pic-bw-large": {
 	source: "iana",
@@ -33695,6 +34200,9 @@ var require$$0 = {
 	extensions: [
 		"pvb"
 	]
+},
+	"application/vnd.3gpp.s1ap": {
+	source: "iana"
 },
 	"application/vnd.3gpp.sms": {
 	source: "iana"
@@ -33846,6 +34354,12 @@ var require$$0 = {
 },
 	"application/vnd.afpc.modca-pagesegment": {
 	source: "iana"
+},
+	"application/vnd.age": {
+	source: "iana",
+	extensions: [
+		"age"
+	]
 },
 	"application/vnd.ah-barcode": {
 	source: "iana"
@@ -33927,6 +34441,12 @@ var require$$0 = {
 	extensions: [
 		"atx"
 	]
+},
+	"application/vnd.apache.arrow.file": {
+	source: "iana"
+},
+	"application/vnd.apache.arrow.stream": {
+	source: "iana"
 },
 	"application/vnd.apache.thrift.binary": {
 	source: "iana"
@@ -34292,6 +34812,12 @@ var require$$0 = {
 },
 	"application/vnd.crypto-shade-file": {
 	source: "iana"
+},
+	"application/vnd.cryptomator.encrypted": {
+	source: "iana"
+},
+	"application/vnd.cryptomator.vault": {
+	source: "iana"
 },
 	"application/vnd.ctc-posml": {
 	source: "iana",
@@ -34588,6 +35114,10 @@ var require$$0 = {
 },
 	"application/vnd.ecip.rlp": {
 	source: "iana"
+},
+	"application/vnd.eclipse.ditto+json": {
+	source: "iana",
+	compressible: true
 },
 	"application/vnd.ecowin.chart": {
 	source: "iana",
@@ -34762,6 +35292,10 @@ var require$$0 = {
 },
 	"application/vnd.etsi.tsl.der": {
 	source: "iana"
+},
+	"application/vnd.eu.kasparian.car+json": {
+	source: "iana",
+	compressible: true
 },
 	"application/vnd.eudora.data": {
 	source: "iana"
@@ -34796,6 +35330,10 @@ var require$$0 = {
 },
 	"application/vnd.f-secure.mobile": {
 	source: "iana"
+},
+	"application/vnd.familysearch.gedcom+zip": {
+	source: "iana",
+	compressible: false
 },
 	"application/vnd.fastcopy-disk-image": {
 	source: "iana"
@@ -34876,6 +35414,19 @@ var require$$0 = {
 	extensions: [
 		"fsc"
 	]
+},
+	"application/vnd.fujifilm.fb.docuworks": {
+	source: "iana"
+},
+	"application/vnd.fujifilm.fb.docuworks.binder": {
+	source: "iana"
+},
+	"application/vnd.fujifilm.fb.docuworks.container": {
+	source: "iana"
+},
+	"application/vnd.fujifilm.fb.jfi+xml": {
+	source: "iana",
+	compressible: true
 },
 	"application/vnd.fujitsu.oasys": {
 	source: "iana",
@@ -35165,6 +35716,16 @@ var require$$0 = {
 	extensions: [
 		"les"
 	]
+},
+	"application/vnd.hl7cda+xml": {
+	source: "iana",
+	charset: "UTF-8",
+	compressible: true
+},
+	"application/vnd.hl7v2+xml": {
+	source: "iana",
+	charset: "UTF-8",
+	compressible: true
 },
 	"application/vnd.hp-hpgl": {
 	source: "iana",
@@ -35674,7 +36235,10 @@ var require$$0 = {
 	]
 },
 	"application/vnd.mapbox-vector-tile": {
-	source: "iana"
+	source: "iana",
+	extensions: [
+		"mvt"
+	]
 },
 	"application/vnd.marlin.drm.actiontoken+xml": {
 	source: "iana",
@@ -35694,6 +36258,10 @@ var require$$0 = {
 	"application/vnd.mason+json": {
 	source: "iana",
 	compressible: true
+},
+	"application/vnd.maxar.archive.3tz+zip": {
+	source: "iana",
+	compressible: false
 },
 	"application/vnd.maxmind.maxmind-db": {
 	source: "iana"
@@ -36132,6 +36700,10 @@ var require$$0 = {
 	extensions: [
 		"taglet"
 	]
+},
+	"application/vnd.nacamar.ybrid+json": {
+	source: "iana",
+	compressible: true
 },
 	"application/vnd.ncd.control": {
 	source: "iana"
@@ -36142,6 +36714,9 @@ var require$$0 = {
 	"application/vnd.nearst.inv+json": {
 	source: "iana",
 	compressible: true
+},
+	"application/vnd.nebumind.line": {
+	source: "iana"
 },
 	"application/vnd.nervana": {
 	source: "iana"
@@ -36661,6 +37236,9 @@ var require$$0 = {
 	extensions: [
 		"osm"
 	]
+},
+	"application/vnd.opentimestamps.ots": {
+	source: "iana"
 },
 	"application/vnd.openxmlformats-officedocument.custom-properties+xml": {
 	source: "iana",
@@ -37255,6 +37833,9 @@ var require$$0 = {
 },
 	"application/vnd.renlearn.rlprint": {
 	source: "iana"
+},
+	"application/vnd.resilient.logic": {
+	source: "iana"
 },
 	"application/vnd.restful+json": {
 	source: "iana",
@@ -37632,6 +38213,10 @@ var require$$0 = {
 	"application/vnd.sycle+xml": {
 	source: "iana",
 	compressible: true
+},
+	"application/vnd.syft+json": {
+	source: "iana",
+	compressible: true
 },
 	"application/vnd.symbian.install": {
 	source: "apache",
@@ -37845,6 +38430,10 @@ var require$$0 = {
 },
 	"application/vnd.verimatrix.vcas": {
 	source: "iana"
+},
+	"application/vnd.veritone.aion+json": {
+	source: "iana",
+	compressible: true
 },
 	"application/vnd.veryant.thin": {
 	source: "iana"
@@ -38103,6 +38692,7 @@ var require$$0 = {
 	source: "iana"
 },
 	"application/wasm": {
+	source: "iana",
 	compressible: true,
 	extensions: [
 		"wasm"
@@ -38110,7 +38700,10 @@ var require$$0 = {
 },
 	"application/watcherinfo+xml": {
 	source: "iana",
-	compressible: true
+	compressible: true,
+	extensions: [
+		"wif"
+	]
 },
 	"application/webpush-options+json": {
 	source: "iana",
@@ -38516,6 +39109,21 @@ var require$$0 = {
 	extensions: [
 		"iso"
 	]
+},
+	"application/x-iwork-keynote-sffkey": {
+	extensions: [
+		"key"
+	]
+},
+	"application/x-iwork-numbers-sffnumbers": {
+	extensions: [
+		"numbers"
+	]
+},
+	"application/x-iwork-pages-sffpages": {
+	extensions: [
+		"pages"
+	]
 },
 	"application/x-java-archive-diff": {
 	source: "nginx",
@@ -39058,10 +39666,7 @@ var require$$0 = {
 },
 	"application/xcap-error+xml": {
 	source: "iana",
-	compressible: true,
-	extensions: [
-		"xer"
-	]
+	compressible: true
 },
 	"application/xcap-ns+xml": {
 	source: "iana",
@@ -39999,10 +40604,16 @@ var require$$0 = {
 	]
 },
 	"image/avci": {
-	source: "iana"
+	source: "iana",
+	extensions: [
+		"avci"
+	]
 },
 	"image/avcs": {
-	source: "iana"
+	source: "iana",
+	extensions: [
+		"avcs"
+	]
 },
 	"image/avif": {
 	source: "iana",
@@ -40348,6 +40959,7 @@ var require$$0 = {
 },
 	"image/vnd.microsoft.icon": {
 	source: "iana",
+	compressible: true,
 	extensions: [
 		"ico"
 	]
@@ -40359,6 +40971,7 @@ var require$$0 = {
 	source: "iana"
 },
 	"image/vnd.ms-dds": {
+	compressible: true,
 	extensions: [
 		"dds"
 	]
@@ -40705,6 +41318,30 @@ var require$$0 = {
 	extensions: [
 		"obj"
 	]
+},
+	"model/step": {
+	source: "iana"
+},
+	"model/step+xml": {
+	source: "iana",
+	compressible: true,
+	extensions: [
+		"stpx"
+	]
+},
+	"model/step+zip": {
+	source: "iana",
+	compressible: false,
+	extensions: [
+		"stpz"
+	]
+},
+	"model/step-xml+zip": {
+	source: "iana",
+	compressible: false,
+	extensions: [
+		"stpxz"
+	]
 },
 	"model/stl": {
 	source: "iana",
@@ -40773,9 +41410,18 @@ var require$$0 = {
 	extensions: [
 		"x_t"
 	]
+},
+	"model/vnd.pytha.pyox": {
+	source: "iana"
 },
 	"model/vnd.rosette.annotated-data-model": {
 	source: "iana"
+},
+	"model/vnd.sap.vds": {
+	source: "iana",
+	extensions: [
+		"vds"
+	]
 },
 	"model/vnd.usdz+zip": {
 	source: "iana",
@@ -41124,6 +41770,7 @@ var require$$0 = {
 	source: "iana"
 },
 	"text/shex": {
+	source: "iana",
 	extensions: [
 		"shex"
 	]
@@ -41245,6 +41892,12 @@ var require$$0 = {
 	"text/vnd.esmertec.theme-descriptor": {
 	source: "iana",
 	charset: "UTF-8"
+},
+	"text/vnd.familysearch.gedcom": {
+	source: "iana",
+	extensions: [
+		"ged"
+	]
 },
 	"text/vnd.ficlab.flt": {
 	source: "iana"
@@ -41505,6 +42158,7 @@ var require$$0 = {
 	source: "iana"
 },
 	"text/yaml": {
+	compressible: true,
 	extensions: [
 		"yaml",
 		"yml"
@@ -41546,6 +42200,9 @@ var require$$0 = {
 },
 	"video/encaprtp": {
 	source: "iana"
+},
+	"video/ffv1": {
+	source: "iana"
 },
 	"video/flexfec": {
 	source: "iana"
@@ -41604,6 +42261,9 @@ var require$$0 = {
 		"jpm",
 		"jpgm"
 	]
+},
+	"video/jxsv": {
+	source: "iana"
 },
 	"video/mj2": {
 	source: "iana",
@@ -41860,6 +42520,9 @@ var require$$0 = {
 },
 	"video/vp8": {
 	source: "iana"
+},
+	"video/vp9": {
+	source: "iana"
 },
 	"video/webm": {
 	source: "apache",
@@ -41981,6 +42644,7 @@ var require$$0 = {
 /*!
  * mime-db
  * Copyright(c) 2014 Jonathan Ong
+ * Copyright(c) 2015-2022 Douglas Christopher Wilson
  * MIT Licensed
  */
 
@@ -43133,6 +43797,17 @@ const predicates = utils.toFlatObject(utils, {}, null, function filter(prop) {
   return /^is[A-Z]/.test(prop);
 });
 
+/**
+ * If the thing is a FormData object, return true, otherwise return false.
+ *
+ * @param {unknown} thing - The thing to check.
+ *
+ * @returns {boolean}
+ */
+function isSpecCompliant(thing) {
+  return thing && utils.isFunction(thing.append) && thing[Symbol.toStringTag] === 'FormData' && thing[Symbol.iterator];
+}
+
 /**
  * Convert a data object to FormData
  *
@@ -43180,7 +43855,7 @@ function toFormData(obj, formData, options) {
   const dots = options.dots;
   const indexes = options.indexes;
   const _Blob = options.Blob || typeof Blob !== 'undefined' && Blob;
-  const useBlob = _Blob && utils.isSpecCompliantForm(formData);
+  const useBlob = _Blob && isSpecCompliant(formData);
 
   if (!utils.isFunction(visitor)) {
     throw new TypeError('visitor must be a function');
@@ -43225,7 +43900,7 @@ function toFormData(obj, formData, options) {
         value = JSON.stringify(value);
       } else if (
         (utils.isArray(value) && isFlatArray(value)) ||
-        ((utils.isFileList(value) || utils.endsWith(key, '[]')) && (arr = utils.toArray(value))
+        (utils.isFileList(value) || utils.endsWith(key, '[]') && (arr = utils.toArray(value))
         )) {
         // eslint-disable-next-line no-param-reassign
         key = removeBrackets(key);
@@ -43822,17 +44497,15 @@ function parseTokens(str) {
   return tokens;
 }
 
-const isValidHeaderName = (str) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(str.trim());
+function isValidHeaderName(str) {
+  return /^[-_a-zA-Z]+$/.test(str.trim());
+}
 
-function matchHeaderValue(context, value, header, filter, isHeaderNameFilter) {
+function matchHeaderValue(context, value, header, filter) {
   if (utils.isFunction(filter)) {
     return filter.call(this, value, header);
   }
 
-  if (isHeaderNameFilter) {
-    value = header;
-  }
-
   if (!utils.isString(value)) return;
 
   if (utils.isString(filter)) {
@@ -43936,7 +44609,7 @@ class AxiosHeaders {
     if (header) {
       const key = utils.findKey(this, header);
 
-      return !!(key && this[key] !== undefined && (!matcher || matchHeaderValue(this, this[key], key, matcher)));
+      return !!(key && (!matcher || matchHeaderValue(this, this[key], key, matcher)));
     }
 
     return false;
@@ -43969,20 +44642,8 @@ class AxiosHeaders {
     return deleted;
   }
 
-  clear(matcher) {
-    const keys = Object.keys(this);
-    let i = keys.length;
-    let deleted = false;
-
-    while (i--) {
-      const key = keys[i];
-      if(!matcher || matchHeaderValue(this, this[key], key, matcher, true)) {
-        delete this[key];
-        deleted = true;
-      }
-    }
-
-    return deleted;
+  clear() {
+    return Object.keys(this).forEach(this.delete.bind(this));
   }
 
   normalize(format) {
@@ -44073,7 +44734,7 @@ class AxiosHeaders {
   }
 }
 
-AxiosHeaders.accessor(['Content-Type', 'Content-Length', 'Accept', 'Accept-Encoding', 'User-Agent', 'Authorization']);
+AxiosHeaders.accessor(['Content-Type', 'Content-Length', 'Accept', 'Accept-Encoding', 'User-Agent']);
 
 utils.freezeMethods(AxiosHeaders.prototype);
 utils.freezeMethods(AxiosHeaders);
@@ -45759,7 +46420,7 @@ followRedirects$1.exports.wrap = wrap;
 
 var followRedirects = followRedirects$1.exports;
 
-const VERSION = "1.4.0";
+const VERSION = "1.2.0";
 
 function parseProtocol(url) {
   const match = /^([-+\w]{1,25})(:?\/\/|:)/.exec(url);
@@ -45892,7 +46553,7 @@ function speedometer(samplesCount, min) {
 
     const passed = startedAt && now - startedAt;
 
-    return passed ? Math.round(bytesCount * 1000 / passed) : undefined;
+    return  passed ? Math.round(bytesCount * 1000 / passed) : undefined;
   };
 }
 
@@ -46081,179 +46742,6 @@ class AxiosTransformStream extends stream.Transform{
 
 var AxiosTransformStream$1 = AxiosTransformStream;
 
-const {asyncIterator} = Symbol;
-
-const readBlob = async function* (blob) {
-  if (blob.stream) {
-    yield* blob.stream();
-  } else if (blob.arrayBuffer) {
-    yield await blob.arrayBuffer();
-  } else if (blob[asyncIterator]) {
-    yield* blob[asyncIterator]();
-  } else {
-    yield blob;
-  }
-};
-
-var readBlob$1 = readBlob;
-
-const BOUNDARY_ALPHABET = utils.ALPHABET.ALPHA_DIGIT + '-_';
-
-const textEncoder = new TextEncoder();
-
-const CRLF = '\r\n';
-const CRLF_BYTES = textEncoder.encode(CRLF);
-const CRLF_BYTES_COUNT = 2;
-
-class FormDataPart {
-  constructor(name, value) {
-    const {escapeName} = this.constructor;
-    const isStringValue = utils.isString(value);
-
-    let headers = `Content-Disposition: form-data; name="${escapeName(name)}"${
-      !isStringValue && value.name ? `; filename="${escapeName(value.name)}"` : ''
-    }${CRLF}`;
-
-    if (isStringValue) {
-      value = textEncoder.encode(String(value).replace(/\r?\n|\r\n?/g, CRLF));
-    } else {
-      headers += `Content-Type: ${value.type || "application/octet-stream"}${CRLF}`;
-    }
-
-    this.headers = textEncoder.encode(headers + CRLF);
-
-    this.contentLength = isStringValue ? value.byteLength : value.size;
-
-    this.size = this.headers.byteLength + this.contentLength + CRLF_BYTES_COUNT;
-
-    this.name = name;
-    this.value = value;
-  }
-
-  async *encode(){
-    yield this.headers;
-
-    const {value} = this;
-
-    if(utils.isTypedArray(value)) {
-      yield value;
-    } else {
-      yield* readBlob$1(value);
-    }
-
-    yield CRLF_BYTES;
-  }
-
-  static escapeName(name) {
-      return String(name).replace(/[\r\n"]/g, (match) => ({
-        '\r' : '%0D',
-        '\n' : '%0A',
-        '"' : '%22',
-      }[match]));
-  }
-}
-
-const formDataToStream = (form, headersHandler, options) => {
-  const {
-    tag = 'form-data-boundary',
-    size = 25,
-    boundary = tag + '-' + utils.generateString(size, BOUNDARY_ALPHABET)
-  } = options || {};
-
-  if(!utils.isFormData(form)) {
-    throw TypeError('FormData instance required');
-  }
-
-  if (boundary.length < 1 || boundary.length > 70) {
-    throw Error('boundary must be 10-70 characters long')
-  }
-
-  const boundaryBytes = textEncoder.encode('--' + boundary + CRLF);
-  const footerBytes = textEncoder.encode('--' + boundary + '--' + CRLF + CRLF);
-  let contentLength = footerBytes.byteLength;
-
-  const parts = Array.from(form.entries()).map(([name, value]) => {
-    const part = new FormDataPart(name, value);
-    contentLength += part.size;
-    return part;
-  });
-
-  contentLength += boundaryBytes.byteLength * parts.length;
-
-  contentLength = utils.toFiniteNumber(contentLength);
-
-  const computedHeaders = {
-    'Content-Type': `multipart/form-data; boundary=${boundary}`
-  };
-
-  if (Number.isFinite(contentLength)) {
-    computedHeaders['Content-Length'] = contentLength;
-  }
-
-  headersHandler && headersHandler(computedHeaders);
-
-  return Readable.from((async function *() {
-    for(const part of parts) {
-      yield boundaryBytes;
-      yield* part.encode();
-    }
-
-    yield footerBytes;
-  })());
-};
-
-var formDataToStream$1 = formDataToStream;
-
-class ZlibHeaderTransformStream extends stream.Transform {
-  __transform(chunk, encoding, callback) {
-    this.push(chunk);
-    callback();
-  }
-
-  _transform(chunk, encoding, callback) {
-    if (chunk.length !== 0) {
-      this._transform = this.__transform;
-
-      // Add Default Compression headers if no zlib headers are present
-      if (chunk[0] !== 120) { // Hex: 78
-        const header = Buffer.alloc(2);
-        header[0] = 120; // Hex: 78
-        header[1] = 156; // Hex: 9C 
-        this.push(header, encoding);
-      }
-    }
-
-    this.__transform(chunk, encoding, callback);
-  }
-}
-
-var ZlibHeaderTransformStream$1 = ZlibHeaderTransformStream;
-
-const callbackify = (fn, reducer) => {
-  return utils.isAsyncFn(fn) ? function (...args) {
-    const cb = args.pop();
-    fn.apply(this, args).then((value) => {
-      try {
-        reducer ? cb(null, ...reducer(value)) : cb(null, value);
-      } catch (err) {
-        cb(err);
-      }
-    }, cb);
-  } : fn;
-};
-
-var callbackify$1 = callbackify;
-
-const zlibOptions = {
-  flush: zlib.constants.Z_SYNC_FLUSH,
-  finishFlush: zlib.constants.Z_SYNC_FLUSH
-};
-
-const brotliOptions = {
-  flush: zlib.constants.BROTLI_OPERATION_FLUSH,
-  finishFlush: zlib.constants.BROTLI_OPERATION_FLUSH
-};
-
 const isBrotliSupported = utils.isFunction(zlib.createBrotliDecompress);
 
 const {http: httpFollow, https: httpsFollow} = followRedirects;
@@ -46336,58 +46824,25 @@ function setProxy(options, configProxy, location) {
 
 const isHttpAdapterSupported = typeof process !== 'undefined' && utils.kindOf(process) === 'process';
 
-// temporary hotfix
-
-const wrapAsync = (asyncExecutor) => {
-  return new Promise((resolve, reject) => {
-    let onDone;
-    let isDone;
-
-    const done = (value, isRejected) => {
-      if (isDone) return;
-      isDone = true;
-      onDone && onDone(value, isRejected);
-    };
-
-    const _resolve = (value) => {
-      done(value);
-      resolve(value);
-    };
-
-    const _reject = (reason) => {
-      done(reason, true);
-      reject(reason);
-    };
-
-    asyncExecutor(_resolve, _reject, (onDoneHandler) => (onDone = onDoneHandler)).catch(_reject);
-  })
-};
-
 /*eslint consistent-return:0*/
 var httpAdapter = isHttpAdapterSupported && function httpAdapter(config) {
-  return wrapAsync(async function dispatchHttpRequest(resolve, reject, onDone) {
-    let {data, lookup, family} = config;
-    const {responseType, responseEncoding} = config;
+  return new Promise(function dispatchHttpRequest(resolvePromise, rejectPromise) {
+    let data = config.data;
+    const responseType = config.responseType;
+    const responseEncoding = config.responseEncoding;
     const method = config.method.toUpperCase();
+    let isFinished;
     let isDone;
     let rejected = false;
     let req;
 
-    if (lookup && utils.isAsyncFn(lookup)) {
-      lookup = callbackify$1(lookup, (entry) => {
-        if(utils.isString(entry)) {
-          entry = [entry, entry.indexOf('.') < 0 ? 6 : 4];
-        } else if (!utils.isArray(entry)) {
-          throw new TypeError('lookup async function must return an array [ip: string, family: number]]')
-        }
-        return entry;
-      });
-    }
-
     // temporary internal emitter until the AxiosRequest class will be implemented
     const emitter = new EventEmitter();
 
-    const onFinished = () => {
+    function onFinished() {
+      if (isFinished) return;
+      isFinished = true;
+
       if (config.cancelToken) {
         config.cancelToken.unsubscribe(abort);
       }
@@ -46397,15 +46852,28 @@ var httpAdapter = isHttpAdapterSupported && function httpAdapter(config) {
       }
 
       emitter.removeAllListeners();
-    };
+    }
+
+    function done(value, isRejected) {
+      if (isDone) return;
 
-    onDone((value, isRejected) => {
       isDone = true;
+
       if (isRejected) {
         rejected = true;
         onFinished();
       }
-    });
+
+      isRejected ? rejectPromise(value) : resolvePromise(value);
+    }
+
+    const resolve = function resolve(value) {
+      done(value);
+    };
+
+    const reject = function reject(value) {
+      done(value, true);
+    };
 
     function abort(reason) {
       emitter.emit('abort', !reason || reason.type ? new CanceledError(null, config, req) : reason);
@@ -46422,7 +46890,7 @@ var httpAdapter = isHttpAdapterSupported && function httpAdapter(config) {
 
     // Parse url
     const fullPath = buildFullPath(config.baseURL, config.url);
-    const parsed = new URL(fullPath, 'http://localhost');
+    const parsed = new URL(fullPath);
     const protocol = parsed.protocol || supportedProtocols[0];
 
     if (protocol === 'data:') {
@@ -46449,7 +46917,7 @@ var httpAdapter = isHttpAdapterSupported && function httpAdapter(config) {
         convertedData = convertedData.toString(responseEncoding);
 
         if (!responseEncoding || responseEncoding === 'utf8') {
-          convertedData = utils.stripBOM(convertedData);
+          data = utils.stripBOM(convertedData);
         }
       } else if (responseType === 'stream') {
         convertedData = stream.Readable.from(convertedData);
@@ -46486,32 +46954,9 @@ var httpAdapter = isHttpAdapterSupported && function httpAdapter(config) {
     let maxUploadRate = undefined;
     let maxDownloadRate = undefined;
 
-    // support for spec compliant FormData objects
-    if (utils.isSpecCompliantForm(data)) {
-      const userBoundary = headers.getContentType(/boundary=([-_\w\d]{10,70})/i);
-
-      data = formDataToStream$1(data, (formHeaders) => {
-        headers.set(formHeaders);
-      }, {
-        tag: `axios-${VERSION}-boundary`,
-        boundary: userBoundary && userBoundary[1] || undefined
-      });
-      // support for https://www.npmjs.com/package/form-data api
-    } else if (utils.isFormData(data) && utils.isFunction(data.getHeaders)) {
+    // support for https://www.npmjs.com/package/form-data api
+    if (utils.isFormData(data) && utils.isFunction(data.getHeaders)) {
       headers.set(data.getHeaders());
-
-      if (!headers.hasContentLength()) {
-        try {
-          const knownLength = await require$$1.promisify(data.getLength).call(data);
-          Number.isFinite(knownLength) && knownLength >= 0 && headers.setContentLength(knownLength);
-          /*eslint no-empty:0*/
-        } catch (e) {
-        }
-      }
-    } else if (utils.isBlob(data)) {
-      data.size && headers.setContentType(data.type || 'application/octet-stream');
-      headers.setContentLength(data.size || 0);
-      data = stream.Readable.from(readBlob$1(data));
     } else if (data && !utils.isStream(data)) {
       if (Buffer.isBuffer(data)) ; else if (utils.isArrayBuffer(data)) {
         data = Buffer.from(new Uint8Array(data));
@@ -46526,7 +46971,7 @@ var httpAdapter = isHttpAdapterSupported && function httpAdapter(config) {
       }
 
       // Add Content-Length header if data exists
-      headers.setContentLength(data.length, false);
+      headers.set('Content-Length', data.length, false);
 
       if (config.maxBodyLength > -1 && data.length > config.maxBodyLength) {
         return reject(new AxiosError(
@@ -46537,7 +46982,7 @@ var httpAdapter = isHttpAdapterSupported && function httpAdapter(config) {
       }
     }
 
-    const contentLength = utils.toFiniteNumber(headers.getContentLength());
+    const contentLength = +headers.getContentLength();
 
     if (utils.isArray(maxRate)) {
       maxUploadRate = maxRate[0];
@@ -46552,7 +46997,7 @@ var httpAdapter = isHttpAdapterSupported && function httpAdapter(config) {
       }
 
       data = stream.pipeline([data, new AxiosTransformStream$1({
-        length: contentLength,
+        length: utils.toFiniteNumber(contentLength),
         maxRate: utils.toFiniteNumber(maxUploadRate)
       })], utils.noop);
 
@@ -46595,10 +47040,7 @@ var httpAdapter = isHttpAdapterSupported && function httpAdapter(config) {
       return reject(customErr);
     }
 
-    headers.set(
-      'Accept-Encoding',
-      'gzip, compress, deflate' + (isBrotliSupported ? ', br' : ''), false
-      );
+    headers.set('Accept-Encoding', 'gzip, deflate, br', false);
 
     const options = {
       path,
@@ -46607,8 +47049,6 @@ var httpAdapter = isHttpAdapterSupported && function httpAdapter(config) {
       agents: { http: config.httpAgent, https: config.httpsAgent },
       auth,
       protocol,
-      family,
-      lookup,
       beforeRedirect: dispatchBeforeRedirect,
       beforeRedirects: {}
     };
@@ -46672,44 +47112,34 @@ var httpAdapter = isHttpAdapterSupported && function httpAdapter(config) {
         streams.push(transformStream);
       }
 
-      // decompress the response body transparently if required
+      // uncompress the response body transparently if required
       let responseStream = res;
 
       // return the last request in case of redirects
       const lastRequest = res.req || req;
 
       // if decompress disabled we should not decompress
-      if (config.decompress !== false && res.headers['content-encoding']) {
+      if (config.decompress !== false) {
         // if no content, but headers still say that it is encoded,
         // remove the header not confuse downstream operations
-        if (method === 'HEAD' || res.statusCode === 204) {
+        if ((!responseLength || res.statusCode === 204) && res.headers['content-encoding']) {
           delete res.headers['content-encoding'];
         }
 
         switch (res.headers['content-encoding']) {
         /*eslint default-case:0*/
         case 'gzip':
-        case 'x-gzip':
         case 'compress':
-        case 'x-compress':
-          // add the unzipper to the body stream processing pipeline
-          streams.push(zlib.createUnzip(zlibOptions));
-
-          // remove the content-encoding in order to not confuse downstream operations
-          delete res.headers['content-encoding'];
-          break;
         case 'deflate':
-          streams.push(new ZlibHeaderTransformStream$1());
-
           // add the unzipper to the body stream processing pipeline
-          streams.push(zlib.createUnzip(zlibOptions));
+          streams.push(zlib.createUnzip());
 
           // remove the content-encoding in order to not confuse downstream operations
           delete res.headers['content-encoding'];
           break;
         case 'br':
           if (isBrotliSupported) {
-            streams.push(zlib.createBrotliDecompress(brotliOptions));
+            streams.push(zlib.createBrotliDecompress());
             delete res.headers['content-encoding'];
           }
         }
@@ -47038,12 +47468,8 @@ var xhrAdapter = isXHRAdapterSupported && function (config) {
       }
     }
 
-    if (utils.isFormData(requestData)) {
-      if (platform.isStandardBrowserEnv || platform.isStandardBrowserWebWorkerEnv) {
-        requestHeaders.setContentType(false); // Let the browser set it
-      } else {
-        requestHeaders.setContentType('multipart/form-data;', false); // mobile/desktop app frameworks
-      }
+    if (utils.isFormData(requestData) && platform.isStandardBrowserEnv) {
+      requestHeaders.setContentType(false); // Let the browser set it
     }
 
     let request = new XMLHttpRequest();
@@ -47070,7 +47496,7 @@ var xhrAdapter = isXHRAdapterSupported && function (config) {
       const responseHeaders = AxiosHeaders$1.from(
         'getAllResponseHeaders' in request && request.getAllResponseHeaders()
       );
-      const responseData = !responseType || responseType === 'text' || responseType === 'json' ?
+      const responseData = !responseType || responseType === 'text' ||  responseType === 'json' ?
         request.responseText : request.response;
       const response = {
         data: responseData,
@@ -47297,7 +47723,7 @@ function throwIfCancellationRequested(config) {
   }
 
   if (config.signal && config.signal.aborted) {
-    throw new CanceledError(null, config);
+    throw new CanceledError();
   }
 }
 
@@ -47449,7 +47875,7 @@ function mergeConfig(config1, config2) {
     headers: (a, b) => mergeDeepProperties(headersToObject(a), headersToObject(b), true)
   };
 
-  utils.forEach(Object.keys(Object.assign({}, config1, config2)), function computeConfigValue(prop) {
+  utils.forEach(Object.keys(config1).concat(Object.keys(config2)), function computeConfigValue(prop) {
     const merge = mergeMap[prop] || mergeDeepProperties;
     const configValue = merge(config1[prop], config2[prop], prop);
     (utils.isUndefined(configValue) && merge !== mergeDirectKeys) || (config[prop] = configValue);
@@ -47593,17 +48019,11 @@ class Axios {
       }, false);
     }
 
-    if (paramsSerializer != null) {
-      if (utils.isFunction(paramsSerializer)) {
-        config.paramsSerializer = {
-          serialize: paramsSerializer
-        };
-      } else {
-        validator.assertOptions(paramsSerializer, {
-          encode: validators.function,
-          serialize: validators.function
-        }, true);
-      }
+    if (paramsSerializer !== undefined) {
+      validator.assertOptions(paramsSerializer, {
+        encode: validators.function,
+        serialize: validators.function
+      }, true);
     }
 
     // Set config.method
@@ -47894,78 +48314,6 @@ function isAxiosError(payload) {
   return utils.isObject(payload) && (payload.isAxiosError === true);
 }
 
-const HttpStatusCode = {
-  Continue: 100,
-  SwitchingProtocols: 101,
-  Processing: 102,
-  EarlyHints: 103,
-  Ok: 200,
-  Created: 201,
-  Accepted: 202,
-  NonAuthoritativeInformation: 203,
-  NoContent: 204,
-  ResetContent: 205,
-  PartialContent: 206,
-  MultiStatus: 207,
-  AlreadyReported: 208,
-  ImUsed: 226,
-  MultipleChoices: 300,
-  MovedPermanently: 301,
-  Found: 302,
-  SeeOther: 303,
-  NotModified: 304,
-  UseProxy: 305,
-  Unused: 306,
-  TemporaryRedirect: 307,
-  PermanentRedirect: 308,
-  BadRequest: 400,
-  Unauthorized: 401,
-  PaymentRequired: 402,
-  Forbidden: 403,
-  NotFound: 404,
-  MethodNotAllowed: 405,
-  NotAcceptable: 406,
-  ProxyAuthenticationRequired: 407,
-  RequestTimeout: 408,
-  Conflict: 409,
-  Gone: 410,
-  LengthRequired: 411,
-  PreconditionFailed: 412,
-  PayloadTooLarge: 413,
-  UriTooLong: 414,
-  UnsupportedMediaType: 415,
-  RangeNotSatisfiable: 416,
-  ExpectationFailed: 417,
-  ImATeapot: 418,
-  MisdirectedRequest: 421,
-  UnprocessableEntity: 422,
-  Locked: 423,
-  FailedDependency: 424,
-  TooEarly: 425,
-  UpgradeRequired: 426,
-  PreconditionRequired: 428,
-  TooManyRequests: 429,
-  RequestHeaderFieldsTooLarge: 431,
-  UnavailableForLegalReasons: 451,
-  InternalServerError: 500,
-  NotImplemented: 501,
-  BadGateway: 502,
-  ServiceUnavailable: 503,
-  GatewayTimeout: 504,
-  HttpVersionNotSupported: 505,
-  VariantAlsoNegotiates: 506,
-  InsufficientStorage: 507,
-  LoopDetected: 508,
-  NotExtended: 510,
-  NetworkAuthenticationRequired: 511,
-};
-
-Object.entries(HttpStatusCode).forEach(([key, value]) => {
-  HttpStatusCode[value] = key;
-});
-
-var HttpStatusCode$1 = HttpStatusCode;
-
 /**
  * Create an instance of Axios
  *
@@ -48020,15 +48368,10 @@ axios.spread = spread;
 // Expose isAxiosError
 axios.isAxiosError = isAxiosError;
 
-// Expose mergeConfig
-axios.mergeConfig = mergeConfig;
-
 axios.AxiosHeaders = AxiosHeaders$1;
 
 axios.formToJSON = thing => formDataToJSON(utils.isHTMLForm(thing) ? new FormData(thing) : thing);
 
-axios.HttpStatusCode = HttpStatusCode$1;
-
 axios.default = axios;
 
 // this module should only have a default export
@@ -48056,7 +48399,7 @@ var axios$1 = axios;
  * @returns Title for the layer
  */
 var getTitle = function getTitle(layerId) {
-  var wmjsLayer = mapStoreUtils.getWMLayerById(layerId);
+  var wmjsLayer = webmapUtils.getWMLayerById(layerId);
   return wmjsLayer ? wmjsLayer.title || wmjsLayer.name : layerId;
 };
 /**
@@ -48066,12 +48409,12 @@ var getTitle = function getTitle(layerId) {
  * @returns
  */
 var getLayersToUpdate = function getLayersToUpdate(layers, mapId) {
-  var wmjsMap = mapStoreUtils.getWMJSMapById(mapId);
+  var wmjsMap = webmapUtils.getWMJSMapById(mapId);
   if (!wmjsMap || !layers || layers.length === 0) {
     return [];
   }
   return layers.filter(function (layer) {
-    return layer && layer.enabled && !!mapStoreUtils.getWMLayerById(layer.id);
+    return layer && layer.enabled && !!webmapUtils.getWMLayerById(layer.id);
   }).map(function (layer) {
     /*
       We need a wmjsLayer to build the getfeatureinfo url (getWMSGetFeatureInfoRequestURL function).
@@ -48079,7 +48422,7 @@ var getLayersToUpdate = function getLayersToUpdate(layers, mapId) {
       Therefore make a clone of this layer and set its dimensions based on the layer object.
       Otherwise we risk making a getfeatureinfo call with outdated dimension values.
     */
-    var wmjsLayer = mapStoreUtils.getWMLayerById(layer.id).cloneLayer();
+    var wmjsLayer = webmapUtils.getWMLayerById(layer.id).cloneLayer();
     layer.dimensions && layer.dimensions.forEach(function (dim) {
       var wmDim = wmjsLayer.getDimension(dim.name);
       if (wmDim && wmDim.getValue() !== dim.currentValue) {
@@ -50037,465 +50380,6 @@ var GetFeatureInfoButtonConnect = function GetFeatureInfoButtonConnect(_ref) {
   }, /*#__PURE__*/React.createElement(Info, 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 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 opacityOptions = [100, 90, 80, 70, 60, 50, 40, 30, 20, 10, 0];
-var SAVE_AREA_BUTTON = 'Save area';
-var DrawingToolForm = function DrawingToolForm(_ref) {
-  var onSubmitForm = _ref.onSubmitForm;
-  var _useFormContext = useFormContext(),
-    handleSubmit = _useFormContext.handleSubmit;
-  var _useMapDrawContext = useMapDrawContext(),
-    editModes = _useMapDrawContext.editModes,
-    changeActiveTool = _useMapDrawContext.changeActiveTool,
-    activeTool = _useMapDrawContext.activeTool,
-    deactivateTool = _useMapDrawContext.deactivateTool,
-    geoJSON = _useMapDrawContext.geoJSON,
-    getProperties = _useMapDrawContext.getProperties,
-    changeProperties = _useMapDrawContext.changeProperties;
-  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), {
-        geoJSON: geoJSON
-      }));
-    })();
-  };
-  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)
-    });
-  };
-  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
-    }, mode.icon);
-  }))), /*#__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: "Opacity",
-    rules: {},
-    disabled: false,
-    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: "Area name",
-    rules: {
-      required: true
-    },
-    disabled: false,
-    isReadOnly: false
-  }))), /*#__PURE__*/React.createElement(Grid, {
-    item: true
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "primary",
-    onClick: onSubmit,
-    sx: {
-      width: '100%'
-    },
-    "data-testid": "saveDrawingFormButton"
-  }, SAVE_AREA_BUTTON))));
-};
-var Wrapper = function Wrapper(props) {
-  return /*#__PURE__*/React.createElement(ReactHookFormProvider, {
-    options: Object.assign(Object.assign({}, defaultFormOptions), {
-      defaultValues: {
-        areaName: 'Area 51'
-      }
-    })
-  }, /*#__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() {
-  var onSubmitForm = function onSubmitForm(formValues) {
-    // eslint-disable-next-line no-console
-    console.log('You have submitted the form. Nothing will happen now.', formValues);
-  };
-  return /*#__PURE__*/React.createElement(Wrapper, {
-    onSubmitForm: onSubmitForm
-  });
-};
-
-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;
-  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
-  })), /*#__PURE__*/React.createElement(DrawingToolFormConnect, 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 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();
-  };
-  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: 120,
-      left: 50
-    }
-  });
-};
-
 var titleStyle = function titleStyle(theme) {
   return {
     position: 'absolute',
@@ -50558,7 +50442,7 @@ var BaseConfigurableMapConnect = function BaseConfigurableMapConnect(_a) {
     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", "children"]);
   var dispatch = useDispatch();
-  var mapId = React__default.useRef(id || mapStoreUtils.generateMapId()).current;
+  var mapId = React__default.useRef(id || webmapUtils.generateMapId()).current;
   React__default.useEffect(function () {
     var layersWithDefaultBaseLayer = layers.find(function (layer) {
       return layer.layerType === layerTypes.LayerType.baseLayer;
@@ -50968,7 +50852,7 @@ var baseLayer$1 = {
   type: 'twms',
   layerType: layerTypes.LayerType.baseLayer,
   enabled: true,
-  id: mapStoreUtils.generateLayerId()
+  id: webmapUtils.generateLayerId()
 };
 // Base Layers List
 var baseLayerOpenStreetMapNL$1 = {
@@ -50980,14 +50864,14 @@ var baseLayerOpenStreetMapNL$1 = {
 };
 var baseLayerArcGisCanvas$1 = {
   service: ArcGisCanvas.url,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   name: 'arcGisCanvas',
   type: 'twms',
   enabled: true,
   layerType: layerTypes.LayerType.baseLayer
 };
 var baseLayerWorldMap$1 = {
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   name: 'WorldMap',
   type: 'twms',
   layerType: layerTypes.LayerType.baseLayer,
@@ -50995,7 +50879,7 @@ var baseLayerWorldMap$1 = {
 };
 var baseLayerHeiGit = {
   service: HeiGit.url,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   name: 'osm_auto:all',
   layerType: layerTypes.LayerType.baseLayer
 };
@@ -51007,7 +50891,7 @@ var msgCppLayer = {
   format: 'image/png',
   enabled: true,
   style: 'precip-transparent/nearest',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 // Nederlandse Nationaal Georegister Layers list
@@ -51032,7 +50916,7 @@ var radarLayer$1 = {
   format: 'image/png',
   enabled: true,
   style: 'radar/nearest',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var radarLayerWithError = {
@@ -51041,77 +50925,77 @@ var radarLayerWithError = {
   format: 'image/png',
   enabled: true,
   style: 'knmiradar/nearest',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var obsAirTemperature = {
   service: KNMIgeoservicesObs.url,
   name: '10M/ta',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var obsWind = {
   service: KNMIgeoservicesObs.url,
   name: '10M/wind',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var obsAirPressureAtSeaLevel = {
   service: KNMIgeoservicesObs.url,
   name: '10M/pp',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var obsRelativeHumidity = {
   service: KNMIgeoservicesObs.url,
   name: '10M/rh',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var obsGlobalSolarRadiation = {
   service: KNMIgeoservicesObs.url,
   name: '10M/qg',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var obsPrecipitationIntensityPWS = {
   service: KNMIgeoservicesObs.url,
   name: '10M/pg',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var harmonieRelativeHumidityPl = {
   service: KNMIgeoservicesHarmonie.url,
   name: 'relative_humidity__at_pl',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer,
   enabled: true
 };
 var harmonieWindPl = {
   service: KNMIgeoservicesHarmonie.url,
   name: 'wind__at_pl',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer,
   enabled: true
 };
 var harmonieAirTemperature = {
   service: KNMIgeoservicesHarmonie.url,
   name: 'air_temperature__at_2m',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer,
   enabled: true
 };
 var harmoniePrecipitation = {
   service: KNMIgeoservicesHarmonie.url,
   name: 'precipitation_flux',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer,
   enabled: true
 };
 var harmoniePressure = {
   service: KNMIgeoservicesHarmonie.url,
   name: 'air_pressure_at_sea_level',
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer,
   enabled: true
 };
@@ -51119,14 +51003,14 @@ var harmonieWindFlags = {
   service: KNMIgeoservicesHarmonie.url,
   name: 'wind__at_10m',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var klimaatAtlasTG3 = {
   service: KNMIgeoservicesKlimaatAtlas.url,
   name: 'TG3',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 // DWD Layers List
@@ -51136,7 +51020,7 @@ var dwdWarningLayer = {
   format: 'image/png',
   // style: 'warnungen_gemeinden_vereinigt_event_seamless_param',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var dwdRadarLayer = {
@@ -51144,7 +51028,7 @@ var dwdRadarLayer = {
   name: 'WX-Produkt',
   format: 'image/png',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 // this needs authentication to work
@@ -51154,7 +51038,7 @@ var dwdObservationsWetterLayer = {
   style: 'Wetter_Symbole',
   format: 'image/png',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
   // headers: [{ name: 'Authorization', value: 'Basic ...' }]
 };
@@ -51165,7 +51049,7 @@ var dwdObservationsWetterLayerWithHeader = {
   style: 'Wetter_Symbole',
   format: 'image/png',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer,
   headers: [{
     name: 'authorization',
@@ -51179,7 +51063,7 @@ var dwdObservationsWindLayer = {
   style: 'Wetter_Wind',
   format: 'image/png',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 // FMI open wms Layers List
@@ -51188,7 +51072,7 @@ var FMITemp = {
   name: 'temperature-forecast',
   format: 'image/png',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 // Met Norway Layers List
@@ -51197,7 +51081,7 @@ var MetNoTemp = {
   name: 'thredds_meps_latest_wind',
   format: 'image/png',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var metNorwayWind1 = {
@@ -51205,7 +51089,7 @@ var metNorwayWind1 = {
   name: 'thredds_meps_latest_wind',
   format: 'image/png',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var metNorwayWind2 = {
@@ -51213,7 +51097,7 @@ var metNorwayWind2 = {
   name: 'thredds_aromearctic_extracted_t',
   format: 'image/png',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var metNorwayWind3 = {
@@ -51221,7 +51105,7 @@ var metNorwayWind3 = {
   name: 'thredds_nk800_temperature',
   format: 'image/png',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var metNorwayLatestT = {
@@ -51229,7 +51113,7 @@ var metNorwayLatestT = {
   name: 'thredds_meps_latest_t',
   format: 'image/png',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var metNorwaySalinaty = {
@@ -51237,49 +51121,49 @@ var metNorwaySalinaty = {
   name: 'thredds_barents_2_5km_1h_salinity',
   format: 'image/png',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var msgFesEUMETSAT = {
   service: EUMETSAT.url,
   name: 'msg_fes:rgb_eview',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var msgNaturalenhncdEUMETSAT = {
   service: eumetviewEUMETSAT.url,
   name: 'meteosat:msg_naturalenhncd',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var msgAshEUMETSAT = {
   service: eumetviewEUMETSAT.url,
   name: 'meteosat:msg_ash',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var msgCthEUMETSAT = {
   service: eumetviewEUMETSAT.url,
   name: 'meteosat:msg_cth',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var msgFogEUMETSAT = {
   service: eumetviewEUMETSAT.url,
   name: 'meteosat:msg_fog',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 var msgNaturalEUMETSAT = {
   service: eumetviewEUMETSAT.url,
   name: 'meteosat:msg_natural',
   enabled: true,
-  id: mapStoreUtils.generateLayerId(),
+  id: webmapUtils.generateLayerId(),
   layerType: layerTypes.LayerType.mapLayer
 };
 
@@ -51490,12 +51374,16 @@ var HarmonieTempAndPrecipPreset = function HarmonieTempAndPrecipPreset(_ref) {
   /* Make the preset */
   var nCols = 5;
   /* Add the harmonie air temperature layers with the different referencetimes */
-  var mapsTemperature = _toConsumableArray(Array(nCols)).map(function (_, index) {
+  var mapsTemperature = Array.from({
+    length: nCols
+  }, function (_, index) {
     var refTime = referenceTimes[referenceTimes.length - nCols + index];
     return makeMapPreset(refTime, "harm_air".concat(index), layers.topRow, layers.topRowSyncGroups, index);
   });
   /* Add the harmonie precipitation layers with the different referencetimes */
-  var mapsPrecipitation = _toConsumableArray(Array(nCols)).map(function (_, index) {
+  var mapsPrecipitation = Array.from({
+    length: nCols
+  }, function (_, index) {
     var refTime = referenceTimes[referenceTimes.length - nCols + index];
     return makeMapPreset(refTime, "harm_precip".concat(index), layers.bottomRow, layers.bottomRowSyncGroups, index);
   });
@@ -51994,6 +51882,18 @@ var getSelectedTimeFromPx = function getSelectedTimeFromPx(startTime, endTime, s
   var selectedTime = selectedTimeX + startDateX;
   return selectedTime;
 };
+var getNearestSelectableTime = function getNearestSelectableTime(timeStep, startTime, endTime, x, width, currentTime) {
+  var observedTimeStepSeconds = timeStep[0];
+  var forecastTimeStepSeconds = timeStep[1];
+  var hoveredTime = getSelectedTimeFromPx(startTime, endTime, x, width);
+  var timeStepSeconds = hoveredTime >= currentTime ? forecastTimeStepSeconds : observedTimeStepSeconds;
+  var lastObservedTime = floorLocalSeconds(currentTime, observedTimeStepSeconds);
+  var firstForecastTime = floorLocalSeconds(currentTime, forecastTimeStepSeconds) + forecastTimeStepSeconds;
+  var isBetweenObservedAndForecast = hoveredTime >= lastObservedTime && hoveredTime < firstForecastTime;
+  var roundedCurrentTime = hoveredTime >= (lastObservedTime + firstForecastTime) / 2 ? firstForecastTime : lastObservedTime;
+  var result = isBetweenObservedAndForecast ? roundedCurrentTime : floorLocalSeconds(hoveredTime + timeStepSeconds / 2, timeStepSeconds);
+  return result;
+};
 var floorLocalSeconds = function floorLocalSeconds(selectedTimeSeconds, timeStepSeconds, timeZoneOffsetSeconds) {
   var localTimeZoneOffset = timeZoneOffsetSeconds !== null && timeZoneOffsetSeconds !== void 0 ? timeZoneOffsetSeconds : new Date().getTimezoneOffset() * 60;
   var unFlooredTimeSteps = (selectedTimeSeconds - localTimeZoneOffset) / timeStepSeconds;
@@ -52510,6 +52410,67 @@ var TimeSliderDraggableNeedle = function TimeSliderDraggableNeedle(_ref3) {
   })))));
 };
 
+var HOVER_NEEDLE_WIDTH = 1;
+var DEFAULT_OPACITY = 0.5;
+var TimeSliderClickableTimeline = function TimeSliderClickableTimeline(_ref) {
+  var _ref$currentTime = _ref.currentTime,
+    currentTime = _ref$currentTime === void 0 ? Date.now() * MILLISECOND_TO_SECOND : _ref$currentTime,
+    endTime = _ref.endTime,
+    _ref$opacity = _ref.opacity,
+    opacity = _ref$opacity === void 0 ? DEFAULT_OPACITY : _ref$opacity,
+    setSelectedTime = _ref.setSelectedTime,
+    startTime = _ref.startTime,
+    timeStep = _ref.timeStep,
+    width = _ref.width;
+  var _React$useState = React__default.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isShown = _React$useState2[0],
+    setIsShown = _React$useState2[1];
+  var _React$useState3 = React__default.useState(0),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    mouseX = _React$useState4[0],
+    setMouseX = _React$useState4[1];
+  var _useTheme = useTheme$2(),
+    timeSliderLite = _useTheme.palette.geowebColors.timeSliderLite;
+  var needleSuggestion = getNearestSelectableTime(timeStep, startTime, endTime, mouseX, width, currentTime);
+  var x = getSelectedTimePx(startTime, endTime, needleSuggestion, width);
+  if (isNaN(x)) {
+    return null;
+  }
+  return /*#__PURE__*/React__default.createElement("svg", {
+    "data-testid": "TimeSliderLite-clickableTimeline",
+    style: {
+      position: 'absolute',
+      width: '100%',
+      height: '100%',
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      return setSelectedTime(needleSuggestion);
+    },
+    onMouseEnter: function onMouseEnter() {
+      return setIsShown(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsShown(false);
+    },
+    onMouseMove: function onMouseMove(event) {
+      isShown && setMouseX(event.nativeEvent.offsetX);
+    }
+  }, /*#__PURE__*/React__default.createElement("line", {
+    opacity: isShown ? opacity : 0,
+    x1: x,
+    y1: "0",
+    x2: x,
+    y2: "100%",
+    stroke: timeSliderLite.timeline.stroke,
+    strokeWidth: HOVER_NEEDLE_WIDTH,
+    style: {
+      transition: 'opacity 0.2s ease-in-out'
+    }
+  }));
+};
+
 var TimeSliderLiteBackground = function TimeSliderLiteBackground(_ref) {
   var height = _ref.height,
     draggableTimeStamp = _ref.draggableTimeStamp,
@@ -52518,6 +52479,7 @@ var TimeSliderLiteBackground = function TimeSliderLiteBackground(_ref) {
     endTime = _ref.endTime,
     _ref$currentTime = _ref.currentTime,
     currentTime = _ref$currentTime === void 0 ? Date.now() * MILLISECOND_TO_SECOND : _ref$currentTime,
+    mouseHoverNeedleOpacity = _ref.mouseHoverNeedleOpacity,
     needleWidth = _ref.needleWidth,
     needleDragAreaWidth = _ref.needleDragAreaWidth,
     needleLabelZIndex = _ref.needleLabelZIndex,
@@ -52563,6 +52525,14 @@ var TimeSliderLiteBackground = function TimeSliderLiteBackground(_ref) {
     endTime: endTime,
     currentTime: currentTime,
     locale: locale
+  }), /*#__PURE__*/React__default.createElement(TimeSliderClickableTimeline, {
+    currentTime: currentTime,
+    opacity: mouseHoverNeedleOpacity,
+    width: areaWidth,
+    startTime: startTime,
+    endTime: endTime,
+    timeStep: timeStep,
+    setSelectedTime: setSelectedTime
   }), drawNeedle && /*#__PURE__*/React__default.createElement(TimeSliderDraggableNeedle, {
     needleWidth: needleWidth,
     draggableLabel: draggableTimeStamp,
@@ -52738,6 +52708,7 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
     locale = _ref$locale === void 0 ? TIME_SLIDER_LITE_DEFAULT_LOCALE : _ref$locale,
     mapId = _ref.mapId,
     menuOpen = _ref.menuOpen,
+    mouseHoverNeedleOpacity = _ref.mouseHoverNeedleOpacity,
     overrideAnimation = _ref.overrideAnimation,
     onToggleAnimation = _ref.onToggleAnimation,
     onToggleMenu = _ref.onToggleMenu,
@@ -52875,6 +52846,7 @@ var TimeSliderLite = function TimeSliderLite(_ref) {
     startTime: roundedStartTime,
     locale: locale,
     endTime: roundedEndTime,
+    mouseHoverNeedleOpacity: mouseHoverNeedleOpacity,
     needleWidth: needleWidth,
     needleDragAreaWidth: needleDragAreaWidth,
     needleLabelZIndex: needleLabelZIndex,
@@ -53782,4 +53754,4 @@ var MapWarningProperties = function MapWarningProperties(_ref) {
   }, "Identifier: ", selectedFeatureProperties.identifier)));
 };
 
-export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, DRAWMODE, EDITMODE, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerSelectConnect, Legend, LegendConnect, LegendMapButtonConnect, MapControlButton, MapControls, MapDrawContainer, MapDrawToolProvider, MapView, MapViewConnect, MapViewLayer, MapWarningProperties, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, ReactMapView, ReactMapViewLayer, RouterWrapperConnect, SnackbarWrapperConnect, SyncGroupViewerConnect, TimeSlider, BackwardForwardStepButtonConnect as TimeSliderBackwardForwardStepButtonConnect, TimeSliderButtonsConnect, TimeSliderConnect, TimeSliderLite, OptionsMenuButtonConnect as TimeSliderOptionsMenuButtonConnect, PlayButtonConnect as TimeSliderPlayButtonConnect, ZoomControlConnect, ZoomControls, addFeatureProperties, checkHoverFeatures, componentsLookUp, createInterSections, defaultBbox, defaultBox, defaultConfigurations, defaultDelete, defaultIntersectionStyleProperties, defaultPoint, defaultPolygon, defaultStyleProperties, distance, drawOptions, emptyGeoJSON, featureBox, featureMultiPoint, featurePoint, featurePolygon, filterMapPresets, filterServices, getDrawFunctionFromStore, getFeatureCollection, getGeoJson, intersectGeoJSONS, isGeoJSONFeatureCreatedByTool, lineString, publicLayers, publicServices, registerDrawFunction, store, testLayers, timeSliderUtils, useFetchServices, useMapDrawContext, useMapDrawTool, useSetupDialog };
+export { AppWrapperConnect, ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, DRAWMODE, DrawingToolConnect, DrawingToolMapButtonConnect, EDITMODE, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LayerSelectConnect, Legend, LegendConnect, LegendMapButtonConnect, MapControlButton, MapControls, MapDrawContainer, MapDrawToolProvider, MapView, MapViewConnect, MapViewLayer, MapWarningProperties, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, ReactMapView, ReactMapViewLayer, RouterWrapperConnect, SnackbarWrapperConnect, SyncGroupViewerConnect, TimeSlider, BackwardForwardStepButtonConnect as TimeSliderBackwardForwardStepButtonConnect, TimeSliderButtonsConnect, TimeSliderConnect, TimeSliderLite, OptionsMenuButtonConnect as TimeSliderOptionsMenuButtonConnect, PlayButtonConnect as TimeSliderPlayButtonConnect, ZoomControlConnect, ZoomControls, addFeatureProperties, checkHoverFeatures, componentsLookUp, createInterSections, defaultBbox, defaultBox, defaultConfigurations, defaultDelete, defaultIntersectionStyleProperties, defaultPoint, defaultPolygon, defaultStyleProperties, distance, drawOptions, emptyGeoJSON, featureBox, featureMultiPoint, featurePoint, featurePolygon, filterMapPresets, filterServices, getDrawFunctionFromStore, getFeatureCollection, getGeoJson, intersectGeoJSONS, isGeoJSONFeatureCreatedByTool, lineString, publicLayers, publicServices, registerDrawFunction, store, testLayers, timeSliderUtils, useFetchServices, useMapDrawContext, useMapDrawTool, useSetupDialog };