@opengeoweb/webmap-react 9.17.0 → 9.19.0

package/index.esm.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { legendImageStore, WMImageEventType, webmapUtils, getLegendGraphicURLForLayer, LayerType, getWMJSMapById, debugLogger, DebugType, WMLayer, registerWMLayer, WMBBOX, getWMLayerById, WMJSMap, tilesettings } from '@opengeoweb/webmap';
-import { CustomTooltip, CanvasComponent, ToolContainerDraggable, dateUtils, CustomIconButton } from '@opengeoweb/shared';
-import 'i18next';
-import { useTranslation } from 'react-i18next';
+import { CustomTooltip, CanvasComponent, ToolContainerDraggable, CustomIconButton, dateUtils } from '@opengeoweb/shared';
+import i18n from 'i18next';
+import { initReactI18next, useTranslation } from 'react-i18next';
 import { Paper, Box, Typography, Grid, TextField, FormControl, InputLabel, Select, MenuItem, Icon as Icon$1, FormLabel, Switch, styled, Slider } from '@mui/material';
+import { Home, Add, Minus, List, Delete, Edit, DrawRegion, DrawPolygon, Location, DrawFIRLand, ArrowUp, Equalizer, DimensionsElevation, Link, LinkOff, Info, DimensionsOther, DimensionsRefTime, DimensionsTime } from '@opengeoweb/theme';
 import _, { cloneDeep } from 'lodash';
 import proj4 from 'proj4';
 import * as turf from '@turf/turf';
 import { polygonToLineString, booleanClockwise, rewind } from '@turf/turf';
-import { Delete, Edit, DrawRegion, DrawPolygon, Location, DrawFIRLand, ArrowUp, Home, Add, Minus, Equalizer, DimensionsElevation, Link, LinkOff, Info, DimensionsOther, DimensionsRefTime, DimensionsTime } from '@opengeoweb/theme';
 import { produce } from 'immer';
 import { debounce } from 'throttle-debounce';
 import { useResizeDetector } from 'react-resize-detector';
@@ -41,7 +41,25 @@ var en = {
 	"webmap-react-show": "Show",
 	"webmap-react-click-disconnect": "Click to disconnect layer",
 	"webmap-react-click-connect": "Click to connect layer",
-	"webmap-react-layer-info": "Layer Info"
+	"webmap-react-layer-info": "Layer Info",
+	"webmap-react-vertical-level": "Vertical level",
+	"webmap-react-hpa": "hPa",
+	"webmap-react-ensemble-member": "Ensemble member",
+	"webmap-react-member": "member",
+	"webmap-react-probability": "Probability",
+	"webmap-react-percent": "%",
+	"webmap-react-level": "Level",
+	"webmap-react-west": "west",
+	"webmap-react-east": "east",
+	"webmap-react-north": "north",
+	"webmap-react-south": "south",
+	"webmap-react-new-linestring-created": "new point in LineString created",
+	"webmap-react-new-feature": "new feature created",
+	"webmap-react-new-point": "new point created",
+	"webmap-react-point": "Point",
+	"webmap-react-polygon": "Polygon",
+	"webmap-react-box": "Box",
+	"webmap-react-linestring": "LineString"
 };
 var fi = {
 	"webmap-react-event": "ei käännetty",
@@ -67,7 +85,25 @@ var fi = {
 	"webmap-react-show": "ei käännetty",
 	"webmap-react-click-disconnect": "ei käännetty",
 	"webmap-react-click-connect": "ei käännetty",
-	"webmap-react-layer-info": "ei käännetty"
+	"webmap-react-layer-info": "ei käännetty",
+	"webmap-react-vertical-level": "ei käännetty",
+	"webmap-react-hpa": "ei käännetty",
+	"webmap-react-ensemble-member": "ei käännetty",
+	"webmap-react-member": "ei käännetty",
+	"webmap-react-probability": "ei käännetty",
+	"webmap-react-percent": "ei käännetty",
+	"webmap-react-level": "ei käännetty",
+	"webmap-react-west": "ei käännetty",
+	"webmap-react-east": "ei käännetty",
+	"webmap-react-north": "ei käännetty",
+	"webmap-react-south": "ei käännetty",
+	"webmap-react-new-linestring-created": "ei käännetty",
+	"webmap-react-new-feature": "ei käännetty",
+	"webmap-react-new-point": "ei käännetty",
+	"webmap-react-point": "ei käännetty",
+	"webmap-react-polygon": "ei käännetty",
+	"webmap-react-box": "ei käännetty",
+	"webmap-react-linestring": "ei käännetty"
 };
 var no = {
 	"webmap-react-event": "hendelse:",
@@ -93,7 +129,25 @@ var no = {
 	"webmap-react-show": "Vis",
 	"webmap-react-click-disconnect": "Trykk for å avkoble lag",
 	"webmap-react-click-connect": "Trykk for å koble lag",
-	"webmap-react-layer-info": "Laginformasjon"
+	"webmap-react-layer-info": "Laginformasjon",
+	"webmap-react-vertical-level": "Vertikalnivå",
+	"webmap-react-hpa": "hPa",
+	"webmap-react-ensemble-member": "Ensemblemedlem",
+	"webmap-react-member": "medlem",
+	"webmap-react-probability": "Sannsynlighet",
+	"webmap-react-percent": "%",
+	"webmap-react-level": "Nivå",
+	"webmap-react-west": "vest",
+	"webmap-react-east": "øst",
+	"webmap-react-north": "nord",
+	"webmap-react-south": "sør",
+	"webmap-react-new-linestring-created": "nytt punkt i LineString er laget",
+	"webmap-react-new-feature": "nytt trekk er laget",
+	"webmap-react-new-point": "nytt punkt er laget",
+	"webmap-react-point": "Punkt",
+	"webmap-react-polygon": "Polygon",
+	"webmap-react-box": "Boks",
+	"webmap-react-linestring": "Linje"
 };
 var nl = {
 	"webmap-react-event": "event:",
@@ -119,7 +173,25 @@ var nl = {
 	"webmap-react-show": "Open",
 	"webmap-react-click-disconnect": "Klik om laag los te koppelen",
 	"webmap-react-click-connect": "Klik om laag te koppelen",
-	"webmap-react-layer-info": "Laag Informatie"
+	"webmap-react-layer-info": "Laag Informatie",
+	"webmap-react-vertical-level": "niet vertaald",
+	"webmap-react-hpa": "niet vertaald",
+	"webmap-react-ensemble-member": "niet vertaald",
+	"webmap-react-member": "niet vertaald",
+	"webmap-react-probability": "niet vertaald",
+	"webmap-react-percent": "niet vertaald",
+	"webmap-react-level": "niet vertaald",
+	"webmap-react-west": "niet vertaald",
+	"webmap-react-east": "niet vertaald",
+	"webmap-react-north": "niet vertaald",
+	"webmap-react-south": "niet vertaald",
+	"webmap-react-new-linestring-created": "niet vertaald",
+	"webmap-react-new-feature": "niet vertaald",
+	"webmap-react-new-point": "niet vertaald",
+	"webmap-react-point": "niet vertaald",
+	"webmap-react-polygon": "niet vertaald",
+	"webmap-react-box": "niet vertaald",
+	"webmap-react-linestring": "niet vertaald"
 };
 var webmapReactTranslations = {
 	en: en,
@@ -247,10 +319,10 @@ var SHARED = '__core-js_shared__';
 var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 (store$3.versions || (store$3.versions = [])).push({
-  version: '3.36.1',
+  version: '3.37.1',
   mode: 'global',
   copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.36.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.37.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -1675,25 +1747,6 @@ for (var COLLECTION_NAME in DOMIterables) {
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
-/* *
- * 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)
- * */
-const WEBMAP_REACT_NAMESPACE = 'webmapreact';
-const useWebmapReactTranslation = () => useTranslation(WEBMAP_REACT_NAMESPACE);
-
 var DESCRIPTORS$4 = descriptors;
 var uncurryThis$f = functionUncurryThis;
 var call$d = functionCall;
@@ -1761,6 +1814,33 @@ $$h({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }
   assign: assign
 });
 
+const WEBMAP_REACT_NAMESPACE = 'webmapreact';
+i18n.use(initReactI18next).init({
+  lng: 'en',
+  ns: WEBMAP_REACT_NAMESPACE,
+  interpolation: {
+    escapeValue: false
+  },
+  resources: {
+    en: {
+      [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.en
+    },
+    fi: {
+      [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.fi
+    },
+    no: {
+      [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.no
+    },
+    nl: {
+      [WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.nl
+    }
+  }
+});
+const translateKeyOutsideComponents = (key, params = undefined) => i18n.t(key, Object.assign({
+  ns: WEBMAP_REACT_NAMESPACE
+}, params));
+const useWebmapReactTranslation = () => useTranslation(WEBMAP_REACT_NAMESPACE);
+
 const LegendLayout = ({
   title,
   name,
@@ -1983,7 +2063,7 @@ const LegendDialog = ({
     },
     minWidth: 100,
     onClose: onClose,
-    title: _showMapId ? `Legend ${mapId}` : 'Legend',
+    title: _showMapId ? `${t('webmap-react-legend')} ${mapId}` : t('webmap-react-legend'),
     initialMaxHeight: 440,
     isOpen: isOpen,
     "data-testid": "moveable-legend",
@@ -2017,6 +2097,166 @@ const LegendDialog = ({
   }, t('webmap-react-no-layers')))));
 };
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+const MapControlButton = _a => {
+  var {
+      onClick,
+      children,
+      title,
+      placement = 'right',
+      isActive = false
+    } = _a,
+    props = __rest(_a, ["onClick", "children", "title", "placement", "isActive"]);
+  return /*#__PURE__*/React.createElement(CustomIconButton, Object.assign({
+    variant: "tool",
+    tooltipProps: {
+      placement,
+      title
+    },
+    onClick: onClick,
+    isSelected: isActive
+  }, props), children);
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2020 - Finnish Meteorological Institute (FMI)
+ * */
+const ZoomControls = ({
+  onZoomIn,
+  onZoomOut,
+  onZoomReset
+}) => {
+  const {
+    t
+  } = useWebmapReactTranslation();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MapControlButton, {
+    title: t('webmap-react-zoom-reset'),
+    "data-testid": "zoom-reset",
+    onClick: onZoomReset
+  }, /*#__PURE__*/React.createElement(Home, null)), /*#__PURE__*/React.createElement(MapControlButton, {
+    title: t('webmap-react-zoom-in'),
+    "data-testid": "zoom-in",
+    onClick: onZoomIn
+  }, /*#__PURE__*/React.createElement(Add, null)), /*#__PURE__*/React.createElement(MapControlButton, {
+    title: t('webmap-react-zoom-out'),
+    "data-testid": "zoom-out",
+    onClick: onZoomOut
+  }, /*#__PURE__*/React.createElement(Minus, null)));
+};
+
+const MapControls = _a => {
+  var {
+      children
+    } = _a,
+    props = __rest(_a, ["children"]);
+  return /*#__PURE__*/React.createElement(Box, Object.assign({
+    sx: {
+      position: 'absolute',
+      overflow: 'visible',
+      display: 'block',
+      left: 0,
+      margin: 1,
+      zIndex: 50,
+      top: '96px',
+      userSelect: 'none'
+    }
+  }, props), /*#__PURE__*/React.createElement(Grid, {
+    sx: {
+      '& > button': {
+        marginBottom: 1
+      }
+    },
+    container: true,
+    direction: "column"
+  }, children));
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * 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 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * */
+const LegendButton = ({
+  openLegendDialog,
+  isOpen
+}) => {
+  const {
+    t
+  } = useWebmapReactTranslation();
+  const onClickButton = () => openLegendDialog();
+  return /*#__PURE__*/React.createElement(MapControlButton, {
+    title: t('webmap-react-legend'),
+    "data-testid": "open-Legend",
+    onClick: onClickButton,
+    isActive: isOpen
+  }, /*#__PURE__*/React.createElement(List, null));
+};
+
 var wellKnownSymbol$a = wellKnownSymbol$h;
 
 var TO_STRING_TAG$1 = wellKnownSymbol$a('toStringTag');
@@ -2625,9 +2865,9 @@ const registerDrawFunction = (drawFunction = () => {}) => {
   drawFunctionStore.push(newFunction);
   return id;
 };
-const NEW_LINESTRING_CREATED = 'new point in LineString created';
-const NEW_FEATURE_CREATED = 'new feature created';
-const NEW_POINT_CREATED = 'new point created';
+const NEW_LINESTRING_CREATED = translateKeyOutsideComponents('webmap-react-new-linestring-created');
+const NEW_FEATURE_CREATED = translateKeyOutsideComponents('webmap-react-new-feature');
+const NEW_POINT_CREATED = translateKeyOutsideComponents('webmap-react-new-point');
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -6469,6 +6709,1178 @@ const endToolExampleConfig = {
   }
 };
 
+var WMS_Capabilities = {
+	attr: {
+		xmlns: "http://www.opengis.net/wms",
+		"xmlns:xlink": "http://www.w3.org/1999/xlink",
+		"xmlns:xsi": "http://www.w3.org/2001/XMLSchema-instance",
+		version: "1.3.0",
+		updateSequence: "0",
+		"xsi:schemaLocation": "http://www.opengis.net/wms http://schemas.opengis.net/wms/1.3.0/capabilities_1_3_0.xsd"
+	},
+	Service: {
+		attr: {
+		},
+		Name: {
+			attr: {
+			},
+			value: "WMS"
+		},
+		Title: {
+			attr: {
+			},
+			value: "RADAR"
+		},
+		Abstract: {
+			attr: {
+			},
+			value: "This service demonstrates how the ADAGUC server can be used to create OGC services."
+		},
+		KeywordList: {
+			attr: {
+			},
+			Keyword: [
+				{
+					attr: {
+					},
+					value: "view"
+				},
+				{
+					attr: {
+					},
+					value: "infoMapAccessService"
+				},
+				{
+					attr: {
+					},
+					value: "ADAGUCServer version 2.5.15, of Oct 14 2021 16:05:05"
+				}
+			]
+		},
+		OnlineResource: {
+			attr: {
+				"xlink:type": "simple",
+				"xlink:href": "https://geoservices.knmi.nl/adaguc-server?DATASET=RADAR&SERVICE=WMS&"
+			}
+		},
+		ContactInformation: {
+			attr: {
+			}
+		},
+		Fees: {
+			attr: {
+			},
+			value: "no conditions apply"
+		},
+		AccessConstraints: {
+			attr: {
+			},
+			value: "None"
+		},
+		MaxWidth: {
+			attr: {
+			},
+			value: "8192"
+		},
+		MaxHeight: {
+			attr: {
+			},
+			value: "8192"
+		}
+	},
+	Capability: {
+		attr: {
+		},
+		Request: {
+			attr: {
+			},
+			GetCapabilities: {
+				attr: {
+				},
+				Format: {
+					attr: {
+					},
+					value: "text/xml"
+				},
+				DCPType: {
+					attr: {
+					},
+					HTTP: {
+						attr: {
+						},
+						Get: {
+							attr: {
+							},
+							OnlineResource: {
+								attr: {
+									"xlink:type": "simple",
+									"xlink:href": "https://geoservices.knmi.nl/adaguc-server?DATASET=RADAR&SERVICE=WMS&"
+								}
+							}
+						}
+					}
+				}
+			},
+			GetMap: {
+				attr: {
+				},
+				Format: [
+					{
+						attr: {
+						},
+						value: "image/png"
+					},
+					{
+						attr: {
+						},
+						value: "image/png;mode=8bit"
+					},
+					{
+						attr: {
+						},
+						value: "image/png;mode=8bit_noalpha"
+					},
+					{
+						attr: {
+						},
+						value: "image/png;mode=24bit"
+					},
+					{
+						attr: {
+						},
+						value: "image/png;mode=32bit"
+					},
+					{
+						attr: {
+						},
+						value: "image/gif"
+					},
+					{
+						attr: {
+						},
+						value: "image/jpeg"
+					}
+				],
+				DCPType: {
+					attr: {
+					},
+					HTTP: {
+						attr: {
+						},
+						Get: {
+							attr: {
+							},
+							OnlineResource: {
+								attr: {
+									"xlink:type": "simple",
+									"xlink:href": "https://geoservices.knmi.nl/adaguc-server?DATASET=RADAR&SERVICE=WMS&"
+								}
+							}
+						}
+					}
+				}
+			},
+			GetFeatureInfo: {
+				attr: {
+				},
+				Format: [
+					{
+						attr: {
+						},
+						value: "image/png"
+					},
+					{
+						attr: {
+						},
+						value: "text/plain"
+					},
+					{
+						attr: {
+						},
+						value: "text/html"
+					},
+					{
+						attr: {
+						},
+						value: "text/xml"
+					},
+					{
+						attr: {
+						},
+						value: "application/json"
+					}
+				],
+				DCPType: {
+					attr: {
+					},
+					HTTP: {
+						attr: {
+						},
+						Get: {
+							attr: {
+							},
+							OnlineResource: {
+								attr: {
+									"xlink:type": "simple",
+									"xlink:href": "https://geoservices.knmi.nl/adaguc-server?DATASET=RADAR&SERVICE=WMS&"
+								}
+							}
+						}
+					}
+				}
+			}
+		},
+		Exception: {
+			attr: {
+			},
+			Format: [
+				{
+					attr: {
+					},
+					value: "XML"
+				},
+				{
+					attr: {
+					},
+					value: "INIMAGE"
+				},
+				{
+					attr: {
+					},
+					value: "BLANK"
+				}
+			]
+		},
+		UserDefinedSymbolization: {
+			attr: {
+				SupportSLD: "1"
+			}
+		},
+		Layer: {
+			attr: {
+			},
+			Title: {
+				attr: {
+				},
+				value: "WMS of  RADAR"
+			},
+			CRS: [
+				{
+					attr: {
+					},
+					value: "EPSG:3411"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:3412"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:3575"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:3857"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:4258"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:4326"
+				},
+				{
+					attr: {
+					},
+					value: "CRS:84"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:25831"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:25832"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:28992"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:7399"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:50001"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:54030"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:32661"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:40000"
+				},
+				{
+					attr: {
+					},
+					value: "EPSG:900913"
+				},
+				{
+					attr: {
+					},
+					value: "PROJ4:%2Bproj%3Dstere%20%2Blat_0%3D90%20%2Blon_0%3D0%20%2Blat_ts%3D60%20%2Ba%3D6378%2E14%20%2Bb%3D6356%2E75%20%2Bx_0%3D0%20y_0%3D0"
+				}
+			],
+			BoundingBox: [
+				{
+					attr: {
+						CRS: "EPSG:3411",
+						minx: "2682754.743620",
+						miny: "-3245034.014141",
+						maxx: "3759536.917562",
+						maxy: "-2168251.989038"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:3412",
+						minx: "0.000000",
+						miny: "32318824.826266",
+						maxx: "7413041.166015",
+						maxy: "40075258.815074"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:3575",
+						minx: "-770622.801471",
+						miny: "-4485814.811314",
+						maxx: "56845.766135",
+						maxy: "-3684039.443620"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:3857",
+						minx: "0.000000",
+						miny: "6257115.219364",
+						maxx: "1208534.698398",
+						maxy: "7553161.958695"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:4258",
+						minx: "48.895303",
+						miny: "0.000000",
+						maxx: "55.973600",
+						maxy: "10.856452"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:4326",
+						minx: "48.895303",
+						miny: "0.000000",
+						maxx: "55.973600",
+						maxy: "10.856452"
+					}
+				},
+				{
+					attr: {
+						CRS: "CRS:84",
+						minx: "48.895303",
+						miny: "0.000000",
+						maxx: "55.973600",
+						maxy: "10.856452"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:25831",
+						minx: "282182.345905",
+						miny: "5433247.394267",
+						maxx: "997135.658653",
+						maxy: "6207204.592736"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:25832",
+						minx: "-153083.019482",
+						miny: "5415817.312927",
+						maxx: "617595.626092",
+						maxy: "6239769.309937"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:28992",
+						minx: "-236275.338083",
+						miny: "106727.731651",
+						maxx: "501527.918656",
+						maxy: "900797.079725"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:7399",
+						minx: "0.000000",
+						miny: "5757301.056717",
+						maxx: "763611.971696",
+						maxy: "6483919.801602"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:50001",
+						minx: "-2000000.000000",
+						miny: "-2000000.000000",
+						maxx: "10000000.000000",
+						maxy: "8500000.000000"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:54030",
+						minx: "0.000000",
+						miny: "5211855.054125",
+						maxx: "853649.695106",
+						maxy: "5936394.291427"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:32661",
+						minx: "2000000.000000",
+						miny: "-2703305.597319",
+						maxx: "2745713.040381",
+						maxy: "-1888346.216710"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:40000",
+						minx: "0.000000",
+						miny: "-4731695.771951",
+						maxx: "750214.326339",
+						maxy: "-3911817.119426"
+					}
+				},
+				{
+					attr: {
+						CRS: "EPSG:900913",
+						minx: "0.000000",
+						miny: "6257115.219364",
+						maxx: "1208534.698398",
+						maxy: "7553161.958695"
+					}
+				},
+				{
+					attr: {
+						CRS: "PROJ4:%2Bproj%3Dstere%20%2Blat_0%3D90%20%2Blon_0%3D0%20%2Blat_ts%3D60%20%2Ba%3D6378%2E14%20%2Bb%3D6356%2E75%20%2Bx_0%3D0%20y_0%3D0",
+						minx: "0.000000",
+						miny: "-3649.999338",
+						maxx: "700.002420",
+						maxy: "-4415.002986"
+					}
+				}
+			],
+			Layer: [
+				{
+					attr: {
+						queryable: "1",
+						opaque: "1",
+						cascaded: "0"
+					},
+					Name: {
+						attr: {
+						},
+						value: "RAD_NL25_PCP_CM"
+					},
+					Title: {
+						attr: {
+						},
+						value: "Precipitation Radar NL"
+					},
+					EX_GeographicBoundingBox: {
+						attr: {
+						},
+						westBoundLongitude: {
+							attr: {
+							},
+							value: "0.000000"
+						},
+						eastBoundLongitude: {
+							attr: {
+							},
+							value: "10.856452"
+						},
+						southBoundLatitude: {
+							attr: {
+							},
+							value: "48.895303"
+						},
+						northBoundLatitude: {
+							attr: {
+							},
+							value: "55.973600"
+						}
+					},
+					BoundingBox: [
+						{
+							attr: {
+								CRS: "EPSG:3411",
+								minx: "2682754.743620",
+								miny: "-3245034.014141",
+								maxx: "3759536.917562",
+								maxy: "-2168251.989038"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:3412",
+								minx: "0.000000",
+								miny: "32318824.826266",
+								maxx: "7413041.166015",
+								maxy: "40075258.815074"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:3575",
+								minx: "-770622.801471",
+								miny: "-4485814.811314",
+								maxx: "56845.766135",
+								maxy: "-3684039.443620"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:3857",
+								minx: "0.000000",
+								miny: "6257115.219364",
+								maxx: "1208534.698398",
+								maxy: "7553161.958695"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:4258",
+								minx: "48.895303",
+								miny: "0.000000",
+								maxx: "55.973600",
+								maxy: "10.856452"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:4326",
+								minx: "48.895303",
+								miny: "0.000000",
+								maxx: "55.973600",
+								maxy: "10.856452"
+							}
+						},
+						{
+							attr: {
+								CRS: "CRS:84",
+								minx: "48.895303",
+								miny: "0.000000",
+								maxx: "55.973600",
+								maxy: "10.856452"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:25831",
+								minx: "282182.345905",
+								miny: "5433247.394267",
+								maxx: "997135.658653",
+								maxy: "6207204.592736"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:25832",
+								minx: "-153083.019482",
+								miny: "5415817.312927",
+								maxx: "617595.626092",
+								maxy: "6239769.309937"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:28992",
+								minx: "-236275.338083",
+								miny: "106727.731651",
+								maxx: "501527.918656",
+								maxy: "900797.079725"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:7399",
+								minx: "0.000000",
+								miny: "5757301.056717",
+								maxx: "763611.971696",
+								maxy: "6483919.801602"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:50001",
+								minx: "-2000000.000000",
+								miny: "-2000000.000000",
+								maxx: "10000000.000000",
+								maxy: "8500000.000000"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:54030",
+								minx: "0.000000",
+								miny: "5211855.054125",
+								maxx: "853649.695106",
+								maxy: "5936394.291427"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:32661",
+								minx: "2000000.000000",
+								miny: "-2703305.597319",
+								maxx: "2745713.040381",
+								maxy: "-1888346.216710"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:40000",
+								minx: "0.000000",
+								miny: "-4731695.771951",
+								maxx: "750214.326339",
+								maxy: "-3911817.119426"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:900913",
+								minx: "0.000000",
+								miny: "6257115.219364",
+								maxx: "1208534.698398",
+								maxy: "7553161.958695"
+							}
+						},
+						{
+							attr: {
+								CRS: "PROJ4:%2Bproj%3Dstere%20%2Blat_0%3D90%20%2Blon_0%3D0%20%2Blat_ts%3D60%20%2Ba%3D6378%2E14%20%2Bb%3D6356%2E75%20%2Bx_0%3D0%20y_0%3D0",
+								minx: "0.000000",
+								miny: "-3649.999338",
+								maxx: "700.002420",
+								maxy: "-4415.002986"
+							}
+						}
+					],
+					Dimension: {
+						attr: {
+							name: "time",
+							units: "ISO8601",
+							"default": "2021-11-15T09:55:00Z",
+							multipleValues: "1",
+							nearestValue: "0",
+							current: "1"
+						},
+						value: "2021-03-31T09:25:00Z/2021-11-15T09:55:00Z/PT5M"
+					},
+					Style: [
+						{
+							attr: {
+							},
+							Name: {
+								attr: {
+								},
+								value: "radar/nearest"
+							},
+							Title: {
+								attr: {
+								},
+								value: "radar/nearest"
+							},
+							LegendURL: {
+								attr: {
+									width: "300",
+									height: "400"
+								},
+								Format: {
+									attr: {
+									},
+									value: "image/png"
+								},
+								OnlineResource: {
+									attr: {
+										"xlink:type": "simple",
+										"xlink:href": "https://geoservices.knmi.nl/adaguc-server?DATASET=RADAR&SERVICE=WMS&&version=1.1.1&service=WMS&request=GetLegendGraphic&layer=RAD_NL25_PCP_CM&format=image/png&STYLE=radar/nearest"
+									}
+								}
+							}
+						},
+						{
+							attr: {
+							},
+							Name: {
+								attr: {
+								},
+								value: "precip-rainbow/nearest"
+							},
+							Title: {
+								attr: {
+								},
+								value: "precip-rainbow/nearest"
+							},
+							LegendURL: {
+								attr: {
+									width: "300",
+									height: "400"
+								},
+								Format: {
+									attr: {
+									},
+									value: "image/png"
+								},
+								OnlineResource: {
+									attr: {
+										"xlink:type": "simple",
+										"xlink:href": "https://geoservices.knmi.nl/adaguc-server?DATASET=RADAR&SERVICE=WMS&&version=1.1.1&service=WMS&request=GetLegendGraphic&layer=RAD_NL25_PCP_CM&format=image/png&STYLE=precip-rainbow/nearest"
+									}
+								}
+							}
+						},
+						{
+							attr: {
+							},
+							Name: {
+								attr: {
+								},
+								value: "precip-gray/nearest"
+							},
+							Title: {
+								attr: {
+								},
+								value: "precip-gray/nearest"
+							},
+							LegendURL: {
+								attr: {
+									width: "300",
+									height: "400"
+								},
+								Format: {
+									attr: {
+									},
+									value: "image/png"
+								},
+								OnlineResource: {
+									attr: {
+										"xlink:type": "simple",
+										"xlink:href": "https://geoservices.knmi.nl/adaguc-server?DATASET=RADAR&SERVICE=WMS&&version=1.1.1&service=WMS&request=GetLegendGraphic&layer=RAD_NL25_PCP_CM&format=image/png&STYLE=precip-gray/nearest"
+									}
+								}
+							}
+						},
+						{
+							attr: {
+							},
+							Name: {
+								attr: {
+								},
+								value: "precip-blue/nearest"
+							},
+							Title: {
+								attr: {
+								},
+								value: "precip-blue/nearest"
+							},
+							LegendURL: {
+								attr: {
+									width: "300",
+									height: "400"
+								},
+								Format: {
+									attr: {
+									},
+									value: "image/png"
+								},
+								OnlineResource: {
+									attr: {
+										"xlink:type": "simple",
+										"xlink:href": "https://geoservices.knmi.nl/adaguc-server?DATASET=RADAR&SERVICE=WMS&&version=1.1.1&service=WMS&request=GetLegendGraphic&layer=RAD_NL25_PCP_CM&format=image/png&STYLE=precip-blue/nearest"
+									}
+								}
+							}
+						},
+						{
+							attr: {
+							},
+							Name: {
+								attr: {
+								},
+								value: "precip-blue-transparent/nearest"
+							},
+							Title: {
+								attr: {
+								},
+								value: "precip-blue-transparent/nearest"
+							},
+							LegendURL: {
+								attr: {
+									width: "300",
+									height: "400"
+								},
+								Format: {
+									attr: {
+									},
+									value: "image/png"
+								},
+								OnlineResource: {
+									attr: {
+										"xlink:type": "simple",
+										"xlink:href": "https://geoservices.knmi.nl/adaguc-server?DATASET=RADAR&SERVICE=WMS&&version=1.1.1&service=WMS&request=GetLegendGraphic&layer=RAD_NL25_PCP_CM&format=image/png&STYLE=precip-blue-transparent/nearest"
+									}
+								}
+							}
+						},
+						{
+							attr: {
+							},
+							Name: {
+								attr: {
+								},
+								value: "precip-with-range/nearest"
+							},
+							Title: {
+								attr: {
+								},
+								value: "precip-with-range/nearest"
+							},
+							LegendURL: {
+								attr: {
+									width: "300",
+									height: "400"
+								},
+								Format: {
+									attr: {
+									},
+									value: "image/png"
+								},
+								OnlineResource: {
+									attr: {
+										"xlink:type": "simple",
+										"xlink:href": "https://geoservices.knmi.nl/adaguc-server?DATASET=RADAR&SERVICE=WMS&&version=1.1.1&service=WMS&request=GetLegendGraphic&layer=RAD_NL25_PCP_CM&format=image/png&STYLE=precip-with-range/nearest"
+									}
+								}
+							}
+						}
+					]
+				},
+				{
+					attr: {
+						queryable: "1",
+						opaque: "1",
+						cascaded: "0"
+					},
+					Name: {
+						attr: {
+						},
+						value: "Reflectivity"
+					},
+					Title: {
+						attr: {
+						},
+						value: "Reflectivity"
+					},
+					EX_GeographicBoundingBox: {
+						attr: {
+						},
+						westBoundLongitude: {
+							attr: {
+							},
+							value: "0.000000"
+						},
+						eastBoundLongitude: {
+							attr: {
+							},
+							value: "10.856452"
+						},
+						southBoundLatitude: {
+							attr: {
+							},
+							value: "48.895303"
+						},
+						northBoundLatitude: {
+							attr: {
+							},
+							value: "55.973600"
+						}
+					},
+					BoundingBox: [
+						{
+							attr: {
+								CRS: "EPSG:3411",
+								minx: "2682754.743620",
+								miny: "-3245034.014141",
+								maxx: "3759536.917562",
+								maxy: "-2168251.989038"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:3412",
+								minx: "0.000000",
+								miny: "32318824.826266",
+								maxx: "7413041.166015",
+								maxy: "40075258.815074"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:3575",
+								minx: "-770622.801471",
+								miny: "-4485814.811314",
+								maxx: "56845.766135",
+								maxy: "-3684039.443620"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:3857",
+								minx: "0.000000",
+								miny: "6257115.219364",
+								maxx: "1208534.698398",
+								maxy: "7553161.958695"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:4258",
+								minx: "48.895303",
+								miny: "0.000000",
+								maxx: "55.973600",
+								maxy: "10.856452"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:4326",
+								minx: "48.895303",
+								miny: "0.000000",
+								maxx: "55.973600",
+								maxy: "10.856452"
+							}
+						},
+						{
+							attr: {
+								CRS: "CRS:84",
+								minx: "48.895303",
+								miny: "0.000000",
+								maxx: "55.973600",
+								maxy: "10.856452"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:25831",
+								minx: "282182.345905",
+								miny: "5433247.394267",
+								maxx: "997135.658653",
+								maxy: "6207204.592736"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:25832",
+								minx: "-153083.019482",
+								miny: "5415817.312927",
+								maxx: "617595.626092",
+								maxy: "6239769.309937"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:28992",
+								minx: "-236275.338083",
+								miny: "106727.731651",
+								maxx: "501527.918656",
+								maxy: "900797.079725"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:7399",
+								minx: "0.000000",
+								miny: "5757301.056717",
+								maxx: "763611.971696",
+								maxy: "6483919.801602"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:50001",
+								minx: "-2000000.000000",
+								miny: "-2000000.000000",
+								maxx: "10000000.000000",
+								maxy: "8500000.000000"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:54030",
+								minx: "0.000000",
+								miny: "5211855.054125",
+								maxx: "853649.695106",
+								maxy: "5936394.291427"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:32661",
+								minx: "2000000.000000",
+								miny: "-2703305.597319",
+								maxx: "2745713.040381",
+								maxy: "-1888346.216710"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:40000",
+								minx: "0.000000",
+								miny: "-4731695.771951",
+								maxx: "750214.326339",
+								maxy: "-3911817.119426"
+							}
+						},
+						{
+							attr: {
+								CRS: "EPSG:900913",
+								minx: "0.000000",
+								miny: "6257115.219364",
+								maxx: "1208534.698398",
+								maxy: "7553161.958695"
+							}
+						},
+						{
+							attr: {
+								CRS: "PROJ4:%2Bproj%3Dstere%20%2Blat_0%3D90%20%2Blon_0%3D0%20%2Blat_ts%3D60%20%2Ba%3D6378%2E14%20%2Bb%3D6356%2E75%20%2Bx_0%3D0%20y_0%3D0",
+								minx: "0.000000",
+								miny: "-3649.999338",
+								maxx: "700.002420",
+								maxy: "-4415.002986"
+							}
+						}
+					],
+					Dimension: {
+						attr: {
+							name: "time",
+							units: "ISO8601",
+							"default": "2021-11-15T09:55:00Z",
+							multipleValues: "1",
+							nearestValue: "0",
+							current: "1"
+						},
+						value: "2021-10-25T11:45:00Z/2021-11-15T09:55:00Z/PT5M"
+					},
+					Style: [
+						{
+							attr: {
+							},
+							Name: {
+								attr: {
+								},
+								value: "radarReflectivity/nearest"
+							},
+							Title: {
+								attr: {
+								},
+								value: "radarReflectivity/nearest"
+							},
+							LegendURL: {
+								attr: {
+									width: "300",
+									height: "400"
+								},
+								Format: {
+									attr: {
+									},
+									value: "image/png"
+								},
+								OnlineResource: {
+									attr: {
+										"xlink:type": "simple",
+										"xlink:href": "https://geoservices.knmi.nl/adaguc-server?DATASET=RADAR&SERVICE=WMS&&version=1.1.1&service=WMS&request=GetLegendGraphic&layer=Reflectivity&format=image/png&STYLE=radarReflectivity/nearest"
+									}
+								}
+							}
+						},
+						{
+							attr: {
+							},
+							Name: {
+								attr: {
+								},
+								value: "radarReflectivity_transparant/nearest"
+							},
+							Title: {
+								attr: {
+								},
+								value: "radarReflectivity_transparant/nearest"
+							},
+							LegendURL: {
+								attr: {
+									width: "300",
+									height: "400"
+								},
+								Format: {
+									attr: {
+									},
+									value: "image/png"
+								},
+								OnlineResource: {
+									attr: {
+										"xlink:type": "simple",
+										"xlink:href": "https://geoservices.knmi.nl/adaguc-server?DATASET=RADAR&SERVICE=WMS&&version=1.1.1&service=WMS&request=GetLegendGraphic&layer=Reflectivity&format=image/png&STYLE=radarReflectivity_transparant/nearest"
+									}
+								}
+							}
+						}
+					]
+				}
+			]
+		}
+	}
+};
+var radarGetCapabilities_spec = {
+	WMS_Capabilities: WMS_Capabilities
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -6504,48 +7916,6 @@ const ReactMapViewLayer = props => {
   }, /*#__PURE__*/React.createElement("div", null, id));
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 var defineProperty$1 = objectDefineProperty.f;
 
 var proxyAccessor$1 = function (Target, Source, key) {
@@ -8873,92 +10243,6 @@ ReactMapView.defaultProps = {
   }
 };
 
-const MapControlButton = _a => {
-  var {
-      onClick,
-      children,
-      title,
-      placement = 'right',
-      isActive = false
-    } = _a,
-    props = __rest(_a, ["onClick", "children", "title", "placement", "isActive"]);
-  return /*#__PURE__*/React.createElement(CustomIconButton, Object.assign({
-    variant: "tool",
-    tooltipProps: {
-      placement,
-      title
-    },
-    onClick: onClick,
-    isSelected: isActive
-  }, props), children);
-};
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
- * */
-const ZoomControls = ({
-  onZoomIn,
-  onZoomOut,
-  onZoomReset
-}) => {
-  const {
-    t
-  } = useWebmapReactTranslation();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MapControlButton, {
-    title: t('webmap-react-zoom-reset'),
-    "data-testid": "zoom-reset",
-    onClick: onZoomReset
-  }, /*#__PURE__*/React.createElement(Home, null)), /*#__PURE__*/React.createElement(MapControlButton, {
-    title: t('webmap-react-zoom-in'),
-    "data-testid": "zoom-in",
-    onClick: onZoomIn
-  }, /*#__PURE__*/React.createElement(Add, null)), /*#__PURE__*/React.createElement(MapControlButton, {
-    title: t('webmap-react-zoom-out'),
-    "data-testid": "zoom-out",
-    onClick: onZoomOut
-  }, /*#__PURE__*/React.createElement(Minus, null)));
-};
-
-const MapControls = _a => {
-  var {
-      children
-    } = _a,
-    props = __rest(_a, ["children"]);
-  return /*#__PURE__*/React.createElement(Box, Object.assign({
-    sx: {
-      position: 'absolute',
-      overflow: 'visible',
-      display: 'block',
-      left: 0,
-      margin: 1,
-      zIndex: 50,
-      top: '96px',
-      userSelect: 'none'
-    }
-  }, props), /*#__PURE__*/React.createElement(Grid, {
-    sx: {
-      '& > button': {
-        marginBottom: 1
-      }
-    },
-    container: true,
-    direction: "column"
-  }, children));
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -9402,26 +10686,26 @@ const MapWarningProperties = ({
 
 const dimensionConfig = [{
   name: 'elevation',
-  label: 'Vertical level',
-  defaultUnit: 'hPa',
+  label: translateKeyOutsideComponents('webmap-react-vertical-level'),
+  defaultUnit: translateKeyOutsideComponents('webmap-react-hpa'),
   reversed: true,
   iconType: 'IconLevels'
 }, {
   name: 'ensemble_member',
-  label: 'Ensemble member',
-  defaultUnit: 'member',
+  label: translateKeyOutsideComponents('webmap-react-ensemble-member'),
+  defaultUnit: translateKeyOutsideComponents('webmap-react-member'),
   reversed: false,
   iconType: 'IconEnsemble'
 }, {
   name: 'probability',
-  label: 'Probability',
-  defaultUnit: '%',
+  label: translateKeyOutsideComponents('webmap-react-probability'),
+  defaultUnit: translateKeyOutsideComponents('webmap-react-percent'),
   reversed: false,
   iconType: 'IconLevels'
 }, {
   name: 'level',
-  label: 'Level',
-  defaultUnit: 'level',
+  label: translateKeyOutsideComponents('webmap-react-level'),
+  defaultUnit: translateKeyOutsideComponents('webmap-react-level'),
   reversed: false,
   iconType: 'IconLevels'
 }];
@@ -10268,7 +11552,7 @@ const getDimensionValue = (name, dimensions) => {
   return dimValue;
 };
 const getLayerBbox = layer => {
-  return layer.geographicBoundingBox ? `west ${layer.geographicBoundingBox.west}, east ${layer.geographicBoundingBox.east}, north ${layer.geographicBoundingBox.north}, south ${layer.geographicBoundingBox.south}` : '-';
+  return layer.geographicBoundingBox ? `${translateKeyOutsideComponents('webmap-react-west')} ${layer.geographicBoundingBox.west}, ${translateKeyOutsideComponents('webmap-react-east')} ${layer.geographicBoundingBox.east}, ${translateKeyOutsideComponents('webmap-react-north')} ${layer.geographicBoundingBox.north}, ${translateKeyOutsideComponents('webmap-react-south')} ${layer.geographicBoundingBox.south}` : '-';
 };
 const getDimensionIcon = (name, dimensions) => {
   const dimension = dimensions === null || dimensions === void 0 ? void 0 : dimensions.find(dimension => dimension.name.toLowerCase() === name.toLowerCase());
@@ -10964,4 +12248,4 @@ var publicLayers = /*#__PURE__*/Object.freeze({
   msgNaturalEUMETSAT: msgNaturalEUMETSAT
 });
 
-export { DRAWMODE, DimensionSelectButton, DimensionSelectDialog, DimensionSelectSlider, EDITMODE, EditModeButton as EditModeButtonField, FeatureLayers, GeoJSONTextField, IntersectionSelect, LayerInfoButton, LayerInfoDialog, LayerInfoLegend, LayerInfoList, LayerInfoText, Legend, LegendDialog, LegendLayout, MINUTE_TO_MILLISECOND, MapControlButton, MapControls, MapDimensionSelect, MapDrawContainer, MapTime, MapView, MapViewLayer, MapWarningProperties, NEW_FEATURE_CREATED, NEW_LINESTRING_CREATED, NEW_POINT_CREATED, ORIGIN_REACTMAPVIEW_ONMAPCHANGEDIMENSION, ORIGIN_REACTMAPVIEW_ONUPDATELAYERINFO, ReactMapView, ReactMapViewLayer, SelectField, StoryLayoutGrid, WEBMAP_REACT_NAMESPACE, ZoomControls, addFeatureProperties, addGeoJSONProperties, addSelectionTypeToGeoJSON, addWMLayerPropsBasedOnChildProps, basicExampleDrawOptions, basicExampleMultipleShapeDrawOptions, basicExampleMultipleShapeWithValuesDrawOptions, checkHoverFeatures, createInterSections, currentlySupportedDrawModes, defaultBox, defaultDelete, defaultGeoJSONStyleProperties, defaultIntersectionStyleProperties, defaultLayers, defaultModes, defaultPoint, defaultPolygon, defaultTimeFormat, dimensionConfig, distance, drawPolyStoryStyles, emptyGeoJSON, endToolExampleConfig, exampleIntersectionOptions, exampleIntersectionWithShapeOptions, exampleIntersections, exampleIntersectionsMultiDrawTool, featureBox, featureMultiPoint, featurePoint, featurePolygon, fillOptions, firSelectionType, formatTime, getCurrentDimensionValue, getDimensionIcon, getDimensionLabel, getDimensionValue, getDimensionsList, getDoubleControlToolIcon, getDrawFunctionFromStore, getFeatureCollection, getFeatureExtent, getFeatureLayers, getFirTitle, getGeoJSONPropertyValue, getGeoJson, getIcon, getIntersectionToolIcon, getIsInsideAcceptanceTime, getLastEmptyFeatureIndex, getLayerBbox, getLayerStyles, getLayerUpdateInfo, getTimeDimension, getToolIcon, intersectPointGeoJSONS, intersectPolygonGeoJSONS, intersectionFeatureBE, intersectionFeatureNL, isAGeoJSONLayer, isAMapLayer, isGeoJSONFeatureCreatedByTool, isPointFeatureCollection, lineString, makeLayerPropListFromChildren, marksByDimension, moveFeature, opacityOptions, orderLayers, parseWMJSLayer, publicLayers, publicServices, registerDrawFunction, removeWMLayerFromMap, rewindGeometry, setWMLayerPropsBasedOnChildProps, simpleBoxGeoJSON, simpleBoxGeoJSONWrongOrder, simpleFlightRouteLineStringGeoJSON, simpleFlightRoutePointsGeoJSON, simpleLineStringGeoJSON, simpleMultiPolygon, simplePointsGeojson, simplePolygonGeoJSON, simpleSmallLineStringGeoJSON, startToolExampleConfig, strokeWidthOptions, textStyle, textStyleWithMargin, updateEditModeButtonsWithFir, useGeoJSON, useMapDrawTool, webmapReactTranslations };
+export { DRAWMODE, DimensionSelectButton, DimensionSelectDialog, DimensionSelectSlider, EDITMODE, EditModeButton as EditModeButtonField, FeatureLayers, GeoJSONTextField, IntersectionSelect, LayerInfoButton, LayerInfoDialog, LayerInfoLegend, LayerInfoList, LayerInfoText, Legend, LegendButton, LegendDialog, LegendLayout, MINUTE_TO_MILLISECOND, MapControlButton, MapControls, MapDimensionSelect, MapDrawContainer, MapTime, MapView, MapViewLayer, MapWarningProperties, NEW_FEATURE_CREATED, NEW_LINESTRING_CREATED, NEW_POINT_CREATED, ORIGIN_REACTMAPVIEW_ONMAPCHANGEDIMENSION, ORIGIN_REACTMAPVIEW_ONUPDATELAYERINFO, radarGetCapabilities_spec as RadarGetCapabilities, ReactMapView, ReactMapViewLayer, SelectField, StoryLayoutGrid, WEBMAP_REACT_NAMESPACE, ZoomControls, addFeatureProperties, addGeoJSONProperties, addSelectionTypeToGeoJSON, addWMLayerPropsBasedOnChildProps, basicExampleDrawOptions, basicExampleMultipleShapeDrawOptions, basicExampleMultipleShapeWithValuesDrawOptions, checkHoverFeatures, createInterSections, currentlySupportedDrawModes, defaultBox, defaultDelete, defaultGeoJSONStyleProperties, defaultIntersectionStyleProperties, defaultLayers, defaultModes, defaultPoint, defaultPolygon, defaultTimeFormat, dimensionConfig, distance, drawPolyStoryStyles, emptyGeoJSON, endToolExampleConfig, exampleIntersectionOptions, exampleIntersectionWithShapeOptions, exampleIntersections, exampleIntersectionsMultiDrawTool, featureBox, featureMultiPoint, featurePoint, featurePolygon, fillOptions, firSelectionType, formatTime, getCurrentDimensionValue, getDimensionIcon, getDimensionLabel, getDimensionValue, getDimensionsList, getDoubleControlToolIcon, getDrawFunctionFromStore, getFeatureCollection, getFeatureExtent, getFeatureLayers, getFirTitle, getGeoJSONPropertyValue, getGeoJson, getIcon, getIntersectionToolIcon, getIsInsideAcceptanceTime, getLastEmptyFeatureIndex, getLayerBbox, getLayerStyles, getLayerUpdateInfo, getTimeDimension, getToolIcon, intersectPointGeoJSONS, intersectPolygonGeoJSONS, intersectionFeatureBE, intersectionFeatureNL, isAGeoJSONLayer, isAMapLayer, isGeoJSONFeatureCreatedByTool, isPointFeatureCollection, lineString, makeLayerPropListFromChildren, marksByDimension, moveFeature, opacityOptions, orderLayers, parseWMJSLayer, publicLayers, publicServices, registerDrawFunction, removeWMLayerFromMap, rewindGeometry, setWMLayerPropsBasedOnChildProps, simpleBoxGeoJSON, simpleBoxGeoJSONWrongOrder, simpleFlightRouteLineStringGeoJSON, simpleFlightRoutePointsGeoJSON, simpleLineStringGeoJSON, simpleMultiPolygon, simplePointsGeojson, simplePolygonGeoJSON, simpleSmallLineStringGeoJSON, startToolExampleConfig, strokeWidthOptions, textStyle, textStyleWithMargin, updateEditModeButtonsWithFir, useGeoJSON, useMapDrawTool, webmapReactTranslations };