@opengeoweb/webmap-react 9.14.0 → 9.15.0

package/index.esm.js

@@ -2,6 +2,8 @@ import * as React from 'react';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { legendImageStore, WMImageEventType, webmapUtils, getLegendGraphicURLForLayer, getWMJSMapById, debugLogger, DebugType, LayerType, WMLayer, registerWMLayer, WMBBOX, getWMLayerById, WMJSMap, tilesettings } from '@opengeoweb/webmap';
 import { CustomTooltip, CanvasComponent, ToolContainerDraggable, dateUtils, CustomIconButton } from '@opengeoweb/shared';
+import { useTranslation } from 'react-i18next';
+import 'i18next';
 import { Paper, Box, Typography, Grid, TextField, FormControl, InputLabel, Select, MenuItem, Icon as Icon$1, FormLabel, Switch, styled, Slider } from '@mui/material';
 import _, { cloneDeep } from 'lodash';
 import proj4 from 'proj4';
@@ -83,17 +85,17 @@ var $TypeError$i = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$6 = function (it) {
+var requireObjectCoercible$7 = function (it) {
   if (isNullOrUndefined$4(it)) throw new $TypeError$i("Can't call method on " + it);
   return it;
 };
 
 // toObject with fallback for non-array-like ES3 strings
 var IndexedObject$2 = indexedObject;
-var requireObjectCoercible$5 = requireObjectCoercible$6;
+var requireObjectCoercible$6 = requireObjectCoercible$7;
 
 var toIndexedObject$5 = function (it) {
-  return IndexedObject$2(requireObjectCoercible$5(it));
+  return IndexedObject$2(requireObjectCoercible$6(it));
 };
 
 var check = function (it) {
@@ -101,7 +103,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$o =
+var global$n =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -112,49 +114,49 @@ var global$o =
   // eslint-disable-next-line no-new-func -- fallback
   (function () { return this; })() || Function('return this')();
 
-var shared$4 = {exports: {}};
+var sharedStore = {exports: {}};
 
-var global$n = global$o;
+var global$m = global$n;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$7 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$7(global$n, key, { value: value, configurable: true, writable: true });
+    defineProperty$7(global$m, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$n[key] = value;
+    global$m[key] = value;
   } return value;
 };
 
-var global$m = global$o;
+var globalThis$1 = global$n;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$m[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty$2(SHARED, {});
 
-var sharedStore = store$3;
-
-var store$2 = sharedStore;
-
-(shared$4.exports = function (key, value) {
-  return store$2[key] || (store$2[key] = value !== undefined ? value : {});
-})('versions', []).push({
-  version: '3.35.1',
+(store$3.versions || (store$3.versions = [])).push({
+  version: '3.36.1',
   mode: 'global',
   copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.35.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.36.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
-var requireObjectCoercible$4 = requireObjectCoercible$6;
+var store$2 = sharedStore.exports;
+
+var shared$4 = function (key, value) {
+  return store$2[key] || (store$2[key] = value || {});
+};
+
+var requireObjectCoercible$5 = requireObjectCoercible$7;
 
 var $Object$3 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
 var toObject$7 = function (argument) {
-  return $Object$3(requireObjectCoercible$4(argument));
+  return $Object$3(requireObjectCoercible$5(argument));
 };
 
 var uncurryThis$n = functionUncurryThis;
@@ -181,7 +183,7 @@ var uid$2 = function (key) {
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$l = global$o;
+var global$l = global$n;
 var userAgent$5 = engineUserAgent;
 
 var process$3 = global$l.process;
@@ -212,7 +214,7 @@ var engineV8Version = version;
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION$1 = engineV8Version;
 var fails$n = fails$q;
-var global$k = global$o;
+var global$k = global$n;
 
 var $String$6 = global$k.String;
 
@@ -235,8 +237,8 @@ var useSymbolAsUid = NATIVE_SYMBOL$2
   && !Symbol.sham
   && typeof Symbol.iterator == 'symbol';
 
-var global$j = global$o;
-var shared$3 = shared$4.exports;
+var global$j = global$n;
+var shared$3 = shared$4;
 var hasOwn$b = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL$1 = symbolConstructorDetection;
@@ -268,18 +270,18 @@ var isCallable$n = typeof documentAll == 'undefined' && documentAll !== undefine
 
 var isCallable$m = isCallable$n;
 
-var isObject$c = function (it) {
+var isObject$d = function (it) {
   return typeof it == 'object' ? it !== null : isCallable$m(it);
 };
 
-var isObject$b = isObject$c;
+var isObject$c = isObject$d;
 
 var $String$5 = String;
 var $TypeError$h = TypeError;
 
 // `Assert: Type(argument) is Object`
-var anObject$e = function (argument) {
-  if (isObject$b(argument)) return argument;
+var anObject$d = function (argument) {
+  if (isObject$c(argument)) return argument;
   throw new $TypeError$h($String$5(argument) + ' is not an object');
 };
 
@@ -308,12 +310,12 @@ var v8PrototypeDefineBug = DESCRIPTORS$d && fails$l(function () {
 
 var objectDefineProperty = {};
 
-var global$i = global$o;
-var isObject$a = isObject$c;
+var global$i = global$n;
+var isObject$b = isObject$d;
 
 var document$3 = global$i.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$a(document$3) && isObject$a(document$3.createElement);
+var EXISTS$1 = isObject$b(document$3) && isObject$b(document$3.createElement);
 
 var documentCreateElement$2 = function (it) {
   return EXISTS$1 ? document$3.createElement(it) : {};
@@ -339,7 +341,7 @@ var functionCall = NATIVE_BIND$2 ? call$i.bind(call$i) : function () {
   return call$i.apply(call$i, arguments);
 };
 
-var global$h = global$o;
+var global$h = global$n;
 var isCallable$l = isCallable$n;
 
 var aFunction = function (argument) {
@@ -401,7 +403,7 @@ var getMethod$4 = function (V, P) {
 
 var call$h = functionCall;
 var isCallable$i = isCallable$n;
-var isObject$9 = isObject$c;
+var isObject$a = isObject$d;
 
 var $TypeError$f = TypeError;
 
@@ -409,14 +411,14 @@ var $TypeError$f = TypeError;
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$i(fn = input.toString) && !isObject$9(val = call$h(fn, input))) return val;
-  if (isCallable$i(fn = input.valueOf) && !isObject$9(val = call$h(fn, input))) return val;
-  if (pref !== 'string' && isCallable$i(fn = input.toString) && !isObject$9(val = call$h(fn, input))) return val;
+  if (pref === 'string' && isCallable$i(fn = input.toString) && !isObject$a(val = call$h(fn, input))) return val;
+  if (isCallable$i(fn = input.valueOf) && !isObject$a(val = call$h(fn, input))) return val;
+  if (pref !== 'string' && isCallable$i(fn = input.toString) && !isObject$a(val = call$h(fn, input))) return val;
   throw new $TypeError$f("Can't convert object to primitive value");
 };
 
 var call$g = functionCall;
-var isObject$8 = isObject$c;
+var isObject$9 = isObject$d;
 var isSymbol$2 = isSymbol$3;
 var getMethod$3 = getMethod$4;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
@@ -428,13 +430,13 @@ var TO_PRIMITIVE = wellKnownSymbol$g('toPrimitive');
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
-  if (!isObject$8(input) || isSymbol$2(input)) return input;
+  if (!isObject$9(input) || isSymbol$2(input)) return input;
   var exoticToPrim = getMethod$3(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
     result = call$g(exoticToPrim, input, pref);
-    if (!isObject$8(result) || isSymbol$2(result)) return result;
+    if (!isObject$9(result) || isSymbol$2(result)) return result;
     throw new $TypeError$e("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
@@ -454,7 +456,7 @@ var toPropertyKey$2 = function (argument) {
 var DESCRIPTORS$b = descriptors;
 var IE8_DOM_DEFINE$1 = ie8DomDefine;
 var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
-var anObject$d = anObject$e;
+var anObject$c = anObject$d;
 var toPropertyKey$1 = toPropertyKey$2;
 
 var $TypeError$d = TypeError;
@@ -469,9 +471,9 @@ var WRITABLE = 'writable';
 // `Object.defineProperty` method
 // https://tc39.es/ecma262/#sec-object.defineproperty
 objectDefineProperty.f = DESCRIPTORS$b ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
-  anObject$d(O);
+  anObject$c(O);
   P = toPropertyKey$1(P);
-  anObject$d(Attributes);
+  anObject$c(Attributes);
   if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
     var current = $getOwnPropertyDescriptor$1(O, P);
     if (current && current[WRITABLE]) {
@@ -484,9 +486,9 @@ objectDefineProperty.f = DESCRIPTORS$b ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
     }
   } return $defineProperty(O, P, Attributes);
 } : $defineProperty : function defineProperty(O, P, Attributes) {
-  anObject$d(O);
+  anObject$c(O);
   P = toPropertyKey$1(P);
-  anObject$d(Attributes);
+  anObject$c(Attributes);
   if (IE8_DOM_DEFINE$1) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
@@ -557,6 +559,7 @@ var createMethod$3 = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject$4($this);
     var length = lengthOfArrayLike$5(O);
+    if (length === 0) return !IS_INCLUDES && -1;
     var index = toAbsoluteIndex(fromIndex, length);
     var value;
     // Array#includes uses SameValueZero equality algorithm
@@ -628,7 +631,7 @@ var objectKeys$2 = Object.keys || function keys(O) {
 var DESCRIPTORS$a = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
 var definePropertyModule$3 = objectDefineProperty;
-var anObject$c = anObject$e;
+var anObject$b = anObject$d;
 var toIndexedObject$2 = toIndexedObject$5;
 var objectKeys$1 = objectKeys$2;
 
@@ -636,7 +639,7 @@ var objectKeys$1 = objectKeys$2;
 // https://tc39.es/ecma262/#sec-object.defineproperties
 // eslint-disable-next-line es/no-object-defineproperties -- safe
 objectDefineProperties.f = DESCRIPTORS$a && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject$c(O);
+  anObject$b(O);
   var props = toIndexedObject$2(Properties);
   var keys = objectKeys$1(Properties);
   var length = keys.length;
@@ -650,7 +653,7 @@ var getBuiltIn$7 = getBuiltIn$9;
 
 var html$2 = getBuiltIn$7('document', 'documentElement');
 
-var shared$2 = shared$4.exports;
+var shared$2 = shared$4;
 var uid = uid$2;
 
 var keys = shared$2('keys');
@@ -660,7 +663,7 @@ var sharedKey$3 = function (key) {
 };
 
 /* global ActiveXObject -- old IE, WSH */
-var anObject$b = anObject$e;
+var anObject$a = anObject$d;
 var definePropertiesModule = objectDefineProperties;
 var enumBugKeys$1 = enumBugKeys$3;
 var hiddenKeys$2 = hiddenKeys$4;
@@ -734,7 +737,7 @@ hiddenKeys$2[IE_PROTO$1] = true;
 var objectCreate = Object.create || function create(O, Properties) {
   var result;
   if (O !== null) {
-    EmptyConstructor[PROTOTYPE] = anObject$b(O);
+    EmptyConstructor[PROTOTYPE] = anObject$a(O);
     result = new EmptyConstructor();
     EmptyConstructor[PROTOTYPE] = null;
     // add "__proto__" for Object.getPrototypeOf polyfill
@@ -766,7 +769,7 @@ var addToUnscopables$2 = function (key) {
 
 var iterators = {};
 
-var global$g = global$o;
+var global$g = global$n;
 var isCallable$h = isCallable$n;
 
 var WeakMap$1 = global$g.WeakMap;
@@ -794,11 +797,11 @@ var createNonEnumerableProperty$8 = DESCRIPTORS$9 ? function (object, key, value
 };
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$f = global$o;
-var isObject$7 = isObject$c;
+var global$f = global$n;
+var isObject$8 = isObject$d;
 var createNonEnumerableProperty$7 = createNonEnumerableProperty$8;
 var hasOwn$9 = hasOwnProperty_1;
-var shared$1 = sharedStore;
+var shared$1 = sharedStore.exports;
 var sharedKey$1 = sharedKey$3;
 var hiddenKeys$1 = hiddenKeys$4;
 
@@ -814,7 +817,7 @@ var enforce = function (it) {
 var getterFor = function (TYPE) {
   return function (it) {
     var state;
-    if (!isObject$7(it) || (state = get(it)).type !== TYPE) {
+    if (!isObject$8(it) || (state = get(it)).type !== TYPE) {
       throw new TypeError$2('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
@@ -927,7 +930,7 @@ var functionName = {
 
 var uncurryThis$j = functionUncurryThis;
 var isCallable$g = isCallable$n;
-var store = sharedStore;
+var store = sharedStore.exports;
 
 var functionToString = uncurryThis$j(Function.toString);
 
@@ -1046,13 +1049,13 @@ var getBuiltIn$6 = getBuiltIn$9;
 var uncurryThis$h = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
-var anObject$a = anObject$e;
+var anObject$9 = anObject$d;
 
 var concat$1 = uncurryThis$h([].concat);
 
 // all object keys, includes non-enumerable and symbols
 var ownKeys$1 = getBuiltIn$6('Reflect', 'ownKeys') || function ownKeys(it) {
-  var keys = getOwnPropertyNamesModule.f(anObject$a(it));
+  var keys = getOwnPropertyNamesModule.f(anObject$9(it));
   var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
   return getOwnPropertySymbols ? concat$1(keys, getOwnPropertySymbols(it)) : keys;
 };
@@ -1097,7 +1100,7 @@ var POLYFILL = isForced$2.POLYFILL = 'P';
 
 var isForced_1 = isForced$2;
 
-var global$e = global$o;
+var global$e = global$n;
 var getOwnPropertyDescriptor$2 = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$6 = createNonEnumerableProperty$8;
 var defineBuiltIn$6 = defineBuiltIn$7;
@@ -1185,7 +1188,7 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf :
 
 var fails$g = fails$q;
 var isCallable$b = isCallable$n;
-var isObject$6 = isObject$c;
+var isObject$7 = isObject$d;
 var getPrototypeOf$1 = objectGetPrototypeOf;
 var defineBuiltIn$5 = defineBuiltIn$7;
 var wellKnownSymbol$e = wellKnownSymbol$h;
@@ -1208,7 +1211,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$6(IteratorPrototype$2) || fails$g(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$7(IteratorPrototype$2) || fails$g(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$2[ITERATOR$6].call(test) !== test;
@@ -1268,10 +1271,10 @@ var functionUncurryThisAccessor = function (object, key, method) {
   } catch (error) { /* empty */ }
 };
 
-var isObject$5 = isObject$c;
+var isObject$6 = isObject$d;
 
 var isPossiblePrototype$1 = function (argument) {
-  return isObject$5(argument) || argument === null;
+  return isObject$6(argument) || argument === null;
 };
 
 var isPossiblePrototype = isPossiblePrototype$1;
@@ -1286,7 +1289,8 @@ var aPossiblePrototype$1 = function (argument) {
 
 /* eslint-disable no-proto -- safe */
 var uncurryThisAccessor = functionUncurryThisAccessor;
-var anObject$9 = anObject$e;
+var isObject$5 = isObject$d;
+var requireObjectCoercible$4 = requireObjectCoercible$7;
 var aPossiblePrototype = aPossiblePrototype$1;
 
 // `Object.setPrototypeOf` method
@@ -1303,8 +1307,9 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
     CORRECT_SETTER = test instanceof Array;
   } catch (error) { /* empty */ }
   return function setPrototypeOf(O, proto) {
-    anObject$9(O);
+    requireObjectCoercible$4(O);
     aPossiblePrototype(proto);
+    if (!isObject$5(O)) return O;
     if (CORRECT_SETTER) setter(O, proto);
     else O.__proto__ = proto;
     return O;
@@ -1522,7 +1527,7 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$d = global$o;
+var global$d = global$n;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
@@ -1559,6 +1564,177 @@ for (var COLLECTION_NAME in DOMIterables) {
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
+var en = {
+	"webmap-react-event": "event:",
+	"webmap-react-sent": "Sent:",
+	"webmap-react-utc": "UTC",
+	"webmap-react-expires": "Expires:",
+	"webmap-react-sender": "Sender:",
+	"webmap-react-identifier": "Identifier:",
+	"webmap-react-h5": "Query features along buffered line using WFS and CQL",
+	"webmap-react-wfs": "WFS JSON URL:",
+	"webmap-react-cql": "CQL expression:",
+	"webmap-react-delete": "Delete",
+	"webmap-react-feature-type": "Feature type",
+	"webmap-react-feature-number": "Feature number",
+	"webmap-react-intersection-shapes": "Intersection shapes",
+	"webmap-react-features": "Features",
+	"webmap-react-url": "URL:",
+	"webmap-react-get-feature-info-result": "GetFeatureInfo result:",
+	"webmap-react-view": "View",
+	"webmap-react-edit": "Edit",
+	"webmap-react-esc": "press ESC to exit draw mode",
+	"webmap-react-no-layers": "No layers",
+	"webmap-react-legend": "Legend",
+	"webmap-react-title": "Title",
+	"webmap-react-name": "Name",
+	"webmap-react-service": "Service",
+	"webmap-react-abstract": "Abstract",
+	"webmap-react-dimensions": "Dimensions",
+	"webmap-react-styles": "Styles",
+	"webmap-react-bounding-box": "Bounding Box",
+	"webmap-react-groups": "Groups",
+	"webmap-react-keywords": "Keywords",
+	"webmap-react-zoom-reset": "Reset zoom",
+	"webmap-react-zoom-in": "Zoom in",
+	"webmap-react-zoom-out": "Zoom out",
+	"webmap-react-show": "Show",
+	"webmap-react-click-diconnect": "Click to disconnect layer",
+	"webmap-react-click-connect": "Click to connect layer"
+};
+var fi = {
+	"webmap-react-event": "ei käännetty",
+	"webmap-react-sent": "ei käännetty",
+	"webmap-react-utc": "ei käännetty",
+	"webmap-react-expires": "ei käännetty",
+	"webmap-react-sender": "ei käännetty",
+	"webmap-react-identifier": "ei käännetty",
+	"webmap-react-h5": "ei käännetty",
+	"webmap-react-wfs": "ei käännetty",
+	"webmap-react-cql": "ei käännetty",
+	"webmap-react-delete": "ei käännetty",
+	"webmap-react-feature-type": "ei käännetty",
+	"webmap-react-feature-number": "ei käännetty",
+	"webmap-react-intersection-shapes": "ei käännetty",
+	"webmap-react-get-feature-info-result": "ei käännetty",
+	"webmap-react-view": "ei käännetty",
+	"webmap-react-edit": "ei käännetty",
+	"webmap-react-esc": "ei käännetty",
+	"webmap-react-no-layers": "ei käännetty",
+	"webmap-react-legend": "ei käännetty",
+	"webmap-react-title": "ei käännetty",
+	"webmap-react-name": "ei käännetty",
+	"webmap-react-service": "ei käännetty",
+	"webmap-react-abstract": "ei käännetty",
+	"webmap-react-dimensions": "ei käännetty",
+	"webmap-react-styles": "ei käännetty",
+	"webmap-react-bounding-box": "ei käännetty",
+	"webmap-react-groups": "ei käännetty",
+	"webmap-react-keywords": "ei käännetty",
+	"webmap-react-zoom-reset": "ei käännetty",
+	"webmap-react-zoom-in": "ei käännetty",
+	"webmap-react-zoom-out": "ei käännetty",
+	"webmap-react-show": "ei käännetty",
+	"webmap-react-click-diconnect": "ei käännetty",
+	"webmap-react-click-connect": "ei käännetty"
+};
+var no = {
+	"webmap-react-event": "event:",
+	"webmap-react-sent": "Sendt:",
+	"webmap-react-utc": "UTC",
+	"webmap-react-expires": "Utgår:",
+	"webmap-react-sender": "Avsender:",
+	"webmap-react-identifier": "ikke oversatt",
+	"webmap-react-h5": "ikke oversatt",
+	"webmap-react-wfs": "ikke oversatt",
+	"webmap-react-cql": "ikke oversatt",
+	"webmap-react-delete": "Slett",
+	"webmap-react-feature-type": "Feature type",
+	"webmap-react-feature-number": "Feature nummer",
+	"webmap-react-intersection-shapes": "ikke oversatt",
+	"webmap-react-get-feature-info-result": "GetFeatureInfo resultat:",
+	"webmap-react-view": "View",
+	"webmap-react-edit": "Endre",
+	"webmap-react-esc": "trykk ESC for å avslutte tegnemodus",
+	"webmap-react-no-layers": "Ingen lag",
+	"webmap-react-legend": "Legende",
+	"webmap-react-title": "Tittel",
+	"webmap-react-name": "Navn",
+	"webmap-react-service": "Service",
+	"webmap-react-abstract": "Abstract",
+	"webmap-react-dimensions": "Dimensjoner",
+	"webmap-react-styles": "Styles",
+	"webmap-react-bounding-box": "Bounding Box",
+	"webmap-react-groups": "Grupper",
+	"webmap-react-keywords": "Stikkord",
+	"webmap-react-zoom-reset": "Reset zoom",
+	"webmap-react-zoom-in": "Zoom inn",
+	"webmap-react-zoom-out": "Zoom ut",
+	"webmap-react-show": "Vis",
+	"webmap-react-click-diconnect": "Trykk for å avkoble lag",
+	"webmap-react-click-connect": "Trykk for å koble lag"
+};
+var nl = {
+	"webmap-react-event": "niet vertaald",
+	"webmap-react-sent": "niet vertaald",
+	"webmap-react-utc": "niet vertaald",
+	"webmap-react-expires": "niet vertaald",
+	"webmap-react-sender": "niet vertaald",
+	"workspce-search": "niet vertaald",
+	"webmap-react-h5": "niet vertaald",
+	"webmap-react-wfs": "niet vertaald",
+	"webmap-react-cql": "niet vertaald",
+	"webmap-react-delete": "niet vertaald",
+	"webmap-react-feature-type": "niet vertaald",
+	"webmap-react-feature-number": "niet vertaald",
+	"webmap-react-intersection-shapes": "niet vertaald",
+	"webmap-react-get-feature-info-result": "niet vertaald",
+	"webmap-react-view": "niet vertaald",
+	"webmap-react-edit": "niet vertaald",
+	"webmap-react-esc": "niet vertaald",
+	"webmap-react-no-layers": "niet vertaald",
+	"webmap-react-legend": "niet vertaald",
+	"webmap-react-title": "niet vertaald",
+	"webmap-react-name": "niet vertaald",
+	"webmap-react-service": "niet vertaald",
+	"webmap-react-abstract": "niet vertaald",
+	"webmap-react-dimensions": "niet vertaald",
+	"webmap-react-styles": "niet vertaald",
+	"webmap-react-bounding-box": "niet vertaald",
+	"webmap-react-groups": "niet vertaald",
+	"webmap-react-keywords": "niet vertaald",
+	"webmap-react-zoom-reset": "niet vertaald",
+	"webmap-react-zoom-in": "niet vertaald",
+	"webmap-react-zoom-out": "niet vertaald",
+	"webmap-react-show": "niet vertaald",
+	"webmap-react-click-diconnect": "niet vertaald",
+	"webmap-react-click-connect": "niet vertaald"
+};
+var webmapReactTranslations = {
+	en: en,
+	fi: fi,
+	no: no,
+	nl: nl
+};
+
+/* *
+ * 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';
+
 var DESCRIPTORS$4 = descriptors;
 var uncurryThis$f = functionUncurryThis;
 var call$d = functionCall;
@@ -1729,17 +1905,21 @@ const Legend = ({
   const [canvasContainerHeight, setCanvasContainerHeight] = useState(defaultCanvasHeight);
   let imageWidth;
   let imageHeight;
+  const {
+    t
+  } = useTranslation(WEBMAP_REACT_NAMESPACE);
+  const legendPrefix = t('webmap-react-legend');
   /* Register callback to legendImagestore to trigger rerender when image is loaded. */
   useEffect(() => {
     legendImageStore.addImageEventCallback((image, id, imageEventType) => {
       if (imageEventType === WMImageEventType.Loaded) {
         setState(null);
       }
-    }, `Legend_${layerId}`);
+    }, `${legendPrefix}_${layerId}`);
     return () => {
-      legendImageStore.removeEventCallback(`Legend_${layerId}`);
+      legendImageStore.removeEventCallback(`${legendPrefix}_${layerId}`);
     };
-  }, [layerId]);
+  }, [layerId, legendPrefix]);
   /* Should not do anything if no layer is given */
   if (!layer) {
     return null;
@@ -1808,6 +1988,37 @@ const Legend = ({
   }));
 };
 
+/* *
+ * 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 WebmapReactTranslationsWrapper = ({
+  children
+}) => {
+  const {
+    i18n
+  } = useTranslation(WEBMAP_REACT_NAMESPACE);
+  React__default.useEffect(() => {
+    i18n.addResourceBundle('en', WEBMAP_REACT_NAMESPACE, webmapReactTranslations.en);
+    i18n.addResourceBundle('fi', WEBMAP_REACT_NAMESPACE, webmapReactTranslations.fi);
+    i18n.addResourceBundle('no', WEBMAP_REACT_NAMESPACE, webmapReactTranslations.no);
+    i18n.addResourceBundle('nl', WEBMAP_REACT_NAMESPACE, webmapReactTranslations.nl);
+  }, [i18n]);
+  return children;
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -1834,7 +2045,10 @@ const LegendDialog = ({
   order: _order = 0,
   source: _source = 'app'
 }) => {
-  return /*#__PURE__*/React.createElement(ToolContainerDraggable, {
+  const {
+    t
+  } = useTranslation(WEBMAP_REACT_NAMESPACE);
+  return /*#__PURE__*/React.createElement(WebmapReactTranslationsWrapper, null, /*#__PURE__*/React.createElement(ToolContainerDraggable, {
     startPosition: {
       right: 20,
       top: 50
@@ -1872,7 +2086,7 @@ const LegendDialog = ({
       fontWeight: 500,
       fontSize: 14
     }
-  }, "No layers"))));
+  }, t('webmap-react-no-layers'))))));
 };
 
 var wellKnownSymbol$a = wellKnownSymbol$h;
@@ -1928,7 +2142,7 @@ var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u200
   '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
 
 var uncurryThis$e = functionUncurryThis;
-var requireObjectCoercible$3 = requireObjectCoercible$6;
+var requireObjectCoercible$3 = requireObjectCoercible$7;
 var toString$8 = toString$9;
 var whitespaces$1 = whitespaces$2;
 
@@ -1958,7 +2172,7 @@ var stringTrim = {
   trim: createMethod$2(3)
 };
 
-var global$c = global$o;
+var global$c = global$n;
 var fails$e = fails$q;
 var uncurryThis$d = functionUncurryThis;
 var toString$7 = toString$9;
@@ -2281,7 +2495,7 @@ $$d({ target: 'Array', proto: true, forced: FORCED$3 }, {
   }
 });
 
-var anObject$8 = anObject$e;
+var anObject$8 = anObject$d;
 
 // `RegExp.prototype.flags` getter implementation
 // https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
@@ -2314,7 +2528,7 @@ var regexpGetFlags = function (R) {
 
 var PROPER_FUNCTION_NAME = functionName.PROPER;
 var defineBuiltIn$3 = defineBuiltIn$7;
-var anObject$7 = anObject$e;
+var anObject$7 = anObject$d;
 var $toString = toString$9;
 var fails$a = fails$q;
 var getRegExpFlags = regexpGetFlags;
@@ -4679,6 +4893,9 @@ const FeatureLayers = ({
   activeFeatureLayerIndex,
   getToolIcon
 }) => {
+  const {
+    t
+  } = useTranslation(WEBMAP_REACT_NAMESPACE);
   const featureLayerList = geojson ? Array.from(Array(geojson.features.length).keys()).map(index => {
     var _a;
     return {
@@ -4698,7 +4915,7 @@ const FeatureLayers = ({
     }
   }, /*#__PURE__*/React__default.createElement(InputLabel, {
     id: "demo-feature-number"
-  }, "Features"), /*#__PURE__*/React__default.createElement(Select, {
+  }, t('webmap-react-features')), /*#__PURE__*/React__default.createElement(Select, {
     labelId: "demo-feature-type",
     value: (featureLayerList.length ? activeFeatureLayerIndex : '').toString(),
     onChange: event => {
@@ -4743,16 +4960,19 @@ const EditModeButton = ({
   drawMode,
   onToggleEditMode
 }) => {
+  const {
+    t
+  } = useTranslation(WEBMAP_REACT_NAMESPACE);
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 12
   }, /*#__PURE__*/React__default.createElement(CustomTooltip, {
     title: "Switch mode"
-  }, /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(FormLabel, null, "View"), /*#__PURE__*/React__default.createElement(Switch, {
+  }, /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(FormLabel, null, t('webmap-react-view')), /*#__PURE__*/React__default.createElement(Switch, {
     "data-testid": "switchMode",
     checked: isInEditMode,
     onClick: () => onToggleEditMode(!isInEditMode)
-  }), /*#__PURE__*/React__default.createElement(FormLabel, null, "Edit"), drawMode && ( /*#__PURE__*/React__default.createElement(Typography, {
+  }), /*#__PURE__*/React__default.createElement(FormLabel, null, t('webmap-react-edit')), drawMode && ( /*#__PURE__*/React__default.createElement(Typography, {
     component: "span",
     sx: {
       display: 'inline-block',
@@ -4761,7 +4981,7 @@ const EditModeButton = ({
       position: 'relative',
       fontSize: 14
     }
-  }, "press ESC to exit draw mode")))));
+  }, t('webmap-react-esc'))))));
 };
 
 /* *
@@ -5267,6 +5487,9 @@ const IntersectionSelect = ({
   isDisabled: _isDisabled = false
 }) => {
   const [activeIntersection, setActiveIntersection] = React__default.useState(0);
+  const {
+    t
+  } = useTranslation(WEBMAP_REACT_NAMESPACE);
   return /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     sm: 12
@@ -5277,7 +5500,7 @@ const IntersectionSelect = ({
     }
   }, /*#__PURE__*/React__default.createElement(InputLabel, {
     id: "demo-intersection"
-  }, "Intersection shapes"), /*#__PURE__*/React__default.createElement(Select, {
+  }, t('webmap-react-intersection-shapes')), /*#__PURE__*/React__default.createElement(Select, {
     labelId: "demo-intersection",
     value: activeIntersection.toString(),
     onChange: event => {
@@ -5579,6 +5802,15 @@ const addSelectionTypeToGeoJSON = (geoJSON, selectionType) => {
     selectionType
   });
 };
+const getFeatureExtent = geoJSON => {
+  const turfBbox = turf.bbox(geoJSON);
+  return {
+    left: turfBbox[0],
+    bottom: turfBbox[1],
+    right: turfBbox[2],
+    top: turfBbox[3]
+  };
+};
 
 const defaultIntersectionStyleProperties = Object.assign(Object.assign({}, defaultGeoJSONStyleProperties), {
   'fill-opacity': 0.5
@@ -6406,7 +6638,7 @@ var proxyAccessor$1 = function (Target, Source, key) {
 };
 
 var isCallable$6 = isCallable$n;
-var isObject$4 = isObject$c;
+var isObject$4 = isObject$d;
 var setPrototypeOf$2 = objectSetPrototypeOf;
 
 // makes subclassing work correct for wrapped built-ins
@@ -6430,7 +6662,7 @@ var normalizeStringArgument$1 = function (argument, $default) {
   return argument === undefined ? arguments.length < 2 ? '' : $default : toString$4(argument);
 };
 
-var isObject$3 = isObject$c;
+var isObject$3 = isObject$d;
 var createNonEnumerableProperty$3 = createNonEnumerableProperty$8;
 
 // `InstallErrorCause` abstract operation
@@ -6548,7 +6780,7 @@ var wrapErrorConstructorWithCause$1 = function (FULL_NAME, wrapper, FORCED, IS_A
 
 /* eslint-disable no-unused-vars -- required for functions `.length` */
 var $$b = _export;
-var global$b = global$o;
+var global$b = global$n;
 var apply$1 = functionApply;
 var wrapErrorConstructorWithCause = wrapErrorConstructorWithCause$1;
 
@@ -6633,6 +6865,8 @@ var lengthOfArrayLike$2 = lengthOfArrayLike$6;
 
 var $TypeError$8 = TypeError;
 
+var REDUCE_EMPTY = 'Reduce of empty array with no initial value';
+
 // `Array.prototype.{ reduce, reduceRight }` methods implementation
 var createMethod$1 = function (IS_RIGHT) {
   return function (that, callbackfn, argumentsLength, memo) {
@@ -6640,6 +6874,7 @@ var createMethod$1 = function (IS_RIGHT) {
     var self = IndexedObject(O);
     var length = lengthOfArrayLike$2(O);
     aCallable$6(callbackfn);
+    if (length === 0 && argumentsLength < 2) throw new $TypeError$8(REDUCE_EMPTY);
     var index = IS_RIGHT ? length - 1 : 0;
     var i = IS_RIGHT ? -1 : 1;
     if (argumentsLength < 2) while (true) {
@@ -6650,7 +6885,7 @@ var createMethod$1 = function (IS_RIGHT) {
       }
       index += i;
       if (IS_RIGHT ? index < 0 : length <= index) {
-        throw new $TypeError$8('Reduce of empty array with no initial value');
+        throw new $TypeError$8(REDUCE_EMPTY);
       }
     }
     for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {
@@ -6669,7 +6904,7 @@ var arrayReduce = {
   right: createMethod$1(true)
 };
 
-var global$a = global$o;
+var global$a = global$n;
 var classof$4 = classofRaw$2;
 
 var engineIsNode = classof$4(global$a.process) === 'process';
@@ -6838,7 +7073,7 @@ var aConstructor$1 = function (argument) {
   throw new $TypeError$6(tryToString$2(argument) + ' is not a constructor');
 };
 
-var anObject$6 = anObject$e;
+var anObject$6 = anObject$d;
 var aConstructor = aConstructor$1;
 var isNullOrUndefined$2 = isNullOrUndefined$5;
 var wellKnownSymbol$7 = wellKnownSymbol$h;
@@ -6889,7 +7124,7 @@ var userAgent$2 = engineUserAgent;
 // eslint-disable-next-line redos/no-vulnerable -- safe
 var engineIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent$2);
 
-var global$9 = global$o;
+var global$9 = global$n;
 var apply = functionApply;
 var bind$3 = functionBindContext;
 var isCallable$4 = isCallable$n;
@@ -7006,7 +7241,7 @@ var task$1 = {
   clear: clear
 };
 
-var global$8 = global$o;
+var global$8 = global$n;
 var DESCRIPTORS = descriptors;
 
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -7052,7 +7287,7 @@ var userAgent = engineUserAgent;
 
 var engineIsWebosWebkit = /web0s(?!.*chrome)/i.test(userAgent);
 
-var global$7 = global$o;
+var global$7 = global$n;
 var safeGetBuiltIn = safeGetBuiltIn$1;
 var bind$2 = functionBindContext;
 var macrotask = task$1.set;
@@ -7146,7 +7381,7 @@ var perform$3 = function (exec) {
   }
 };
 
-var global$6 = global$o;
+var global$6 = global$n;
 
 var promiseNativeConstructor = global$6.Promise;
 
@@ -7160,7 +7395,7 @@ var engineIsBrowser = !IS_DENO$1 && !IS_NODE$1
   && typeof window == 'object'
   && typeof document == 'object';
 
-var global$5 = global$o;
+var global$5 = global$n;
 var NativePromiseConstructor$3 = promiseNativeConstructor;
 var isCallable$3 = isCallable$n;
 var isForced = isForced_1;
@@ -7230,7 +7465,7 @@ newPromiseCapability$2.f = function (C) {
 
 var $$7 = _export;
 var IS_NODE = engineIsNode;
-var global$4 = global$o;
+var global$4 = global$n;
 var call$9 = functionCall;
 var defineBuiltIn$2 = defineBuiltIn$7;
 var setPrototypeOf = objectSetPrototypeOf;
@@ -7238,7 +7473,7 @@ var setToStringTag = setToStringTag$4;
 var setSpecies = setSpecies$1;
 var aCallable$3 = aCallable$a;
 var isCallable$2 = isCallable$n;
-var isObject$2 = isObject$c;
+var isObject$2 = isObject$d;
 var anInstance = anInstance$1;
 var speciesConstructor$1 = speciesConstructor$2;
 var task = task$1.set;
@@ -7542,7 +7777,7 @@ var getIteratorMethod$2 = function (it) {
 
 var call$8 = functionCall;
 var aCallable$2 = aCallable$a;
-var anObject$5 = anObject$e;
+var anObject$5 = anObject$d;
 var tryToString$1 = tryToString$5;
 var getIteratorMethod$1 = getIteratorMethod$2;
 
@@ -7555,7 +7790,7 @@ var getIterator$1 = function (argument, usingIterator) {
 };
 
 var call$7 = functionCall;
-var anObject$4 = anObject$e;
+var anObject$4 = anObject$d;
 var getMethod$1 = getMethod$4;
 
 var iteratorClose$1 = function (iterator, kind, value) {
@@ -7580,7 +7815,7 @@ var iteratorClose$1 = function (iterator, kind, value) {
 
 var bind = functionBindContext;
 var call$6 = functionCall;
-var anObject$3 = anObject$e;
+var anObject$3 = anObject$d;
 var tryToString = tryToString$5;
 var isArrayIteratorMethod = isArrayIteratorMethod$1;
 var lengthOfArrayLike = lengthOfArrayLike$6;
@@ -7801,8 +8036,8 @@ $$3({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
   }
 });
 
-var anObject$2 = anObject$e;
-var isObject$1 = isObject$c;
+var anObject$2 = anObject$d;
+var isObject$1 = isObject$d;
 var newPromiseCapability = newPromiseCapability$2;
 
 var promiseResolve$1 = function (C, x) {
@@ -7829,7 +8064,7 @@ $$2({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
   }
 });
 
-var isObject = isObject$c;
+var isObject = isObject$d;
 var classof$1 = classofRaw$2;
 var wellKnownSymbol$2 = wellKnownSymbol$h;
 
@@ -7871,7 +8106,7 @@ var correctIsRegexpLogic = function (METHOD_NAME) {
 var $$1 = _export;
 var uncurryThis$3 = functionUncurryThis;
 var notARegExp = notARegexp;
-var requireObjectCoercible$2 = requireObjectCoercible$6;
+var requireObjectCoercible$2 = requireObjectCoercible$7;
 var toString$3 = toString$9;
 var correctIsRegExpLogic = correctIsRegexpLogic;
 
@@ -8151,6 +8386,7 @@ const getDisplayText = currentAdagucTime => {
 };
 const ORIGIN_REACTMAPVIEW_ONMAPCHANGEDIMENSION = 'ORIGIN_REACTMAPVIEW_ONMAPCHANGEDIMENSION';
 const ORIGIN_REACTMAPVIEW_ONUPDATELAYERINFO = 'ORIGIN_REACTMAPVIEW_ONUPDATELAYERINFO';
+const MINUTE_TO_MILLISECOND = 60000;
 class ReactMapView extends React.Component {
   constructor(props) {
     super(props);
@@ -8164,14 +8400,16 @@ class ReactMapView extends React.Component {
     };
     this.refetchTimer = null;
     this.onStartRefetchTimer = () => {
+      const {
+        shouldAutoFetch
+      } = this.props;
       /*
         TODO, Maarten Plieger, 2021-09-02, https://gitlab.com/opengeoweb/opengeoweb/-/issues/1159:
         This causes many issues, we should improve the update strategy.
         Certain presets have >20 layers. This causes 20 times parsing the GetCapabilities for a minor update of the store.
-           
       */
       this.clearRefetchTimer();
-      const fetchSpeed = 60000; // 1 minute
+      const autoFetchInterval = Number(shouldAutoFetch); // Default true -> 1 minute
       this.refetchTimer = setInterval(() => {
         const {
           mapId
@@ -8195,7 +8433,7 @@ class ReactMapView extends React.Component {
             });
           }
         });
-      }, fetchSpeed);
+      }, Math.abs(autoFetchInterval) * MINUTE_TO_MILLISECOND);
     };
     this.clearRefetchTimer = () => {
       if (this.refetchTimer) {
@@ -8347,6 +8585,9 @@ class ReactMapView extends React.Component {
     if (!prevProps || prevProps.timestep !== props.timestep) {
       wmjsMap.timestepInMinutes = props.timestep;
     }
+    if (!prevProps || prevProps.holdShiftToScroll !== props.holdShiftToScroll) {
+      wmjsMap.holdShiftToScroll = !!props.holdShiftToScroll;
+    }
     /* Check map dimensions */
     if (!prevProps || prevProps.dimensions !== props.dimensions) {
       if (props.dimensions) {
@@ -8515,7 +8756,7 @@ class ReactMapView extends React.Component {
     /* Check if webmapjs was not already initialized */
     const existingWMJSMap = webmapUtils.getWMJSMapById(mapId);
     if (existingWMJSMap) {
-      console.warn(`Somehow ${mapId}webmapUtils.unRegisterWMJSMap already exists`);
+      console.warn(`Somehow ${mapId} already exists`);
       webmapUtils.unRegisterWMJSMap(mapId);
     }
     const wmjsMap = new WMJSMap(this.adagucWebMapJSRef.current);
@@ -8746,16 +8987,19 @@ const ZoomControls = ({
   onZoomOut,
   onZoomReset
 }) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MapControlButton, {
-    title: "Reset zoom",
+  const {
+    t
+  } = useTranslation(WEBMAP_REACT_NAMESPACE);
+  return /*#__PURE__*/React.createElement(WebmapReactTranslationsWrapper, 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: "Zoom in",
+    title: t('webmap-react-zoom-in'),
     "data-testid": "zoom-in",
     onClick: onZoomIn
   }, /*#__PURE__*/React.createElement(Add, null)), /*#__PURE__*/React.createElement(MapControlButton, {
-    title: "Zoom out",
+    title: t('webmap-react-zoom-out'),
     "data-testid": "zoom-out",
     onClick: onZoomOut
   }, /*#__PURE__*/React.createElement(Minus, null)));
@@ -9191,7 +9435,10 @@ const MapWarningProperties = ({
 }) => {
   const language = languageIndex || 0;
   const newWidth = parentSize ? parentSize - 100 : 350;
-  return /*#__PURE__*/React__default.createElement("div", {
+  const {
+    t
+  } = useTranslation(WEBMAP_REACT_NAMESPACE);
+  return /*#__PURE__*/React__default.createElement(WebmapReactTranslationsWrapper, null, /*#__PURE__*/React__default.createElement("div", {
     style: {
       position: 'fixed',
       width: `${newWidth}px`,
@@ -9215,15 +9462,15 @@ const MapWarningProperties = ({
     "data-testid": "map-warning-properties-title"
   }, selectedFeatureProperties.languages && selectedFeatureProperties.languages[language].areaDesc), selectedFeatureProperties.languages && selectedFeatureProperties.languages[language].areaDesc && ( /*#__PURE__*/React__default.createElement("pre", {
     "data-testid": "map-warning-properties-row"
-  }, "event:", ' ', selectedFeatureProperties.languages && selectedFeatureProperties.languages[language].event)), selectedFeatureProperties.onset && ( /*#__PURE__*/React__default.createElement("pre", {
+  }, t('webmap-react-event'), ' ', selectedFeatureProperties.languages && selectedFeatureProperties.languages[language].event)), selectedFeatureProperties.onset && ( /*#__PURE__*/React__default.createElement("pre", {
     "data-testid": "map-warning-properties-row"
-  }, "Sent:", ' ', dateUtils.dateToString(dateUtils.utc(selectedFeatureProperties.onset), 'dd MMM yyyy, HH:mm'), ' ', "UTC")), selectedFeatureProperties.expires && ( /*#__PURE__*/React__default.createElement("pre", {
+  }, t('webmap-react-sent'), ' ', dateUtils.dateToString(dateUtils.utc(selectedFeatureProperties.onset), 'dd MMM yyyy, HH:mm'), ' ', t('webmap-react-utc'))), selectedFeatureProperties.expires && ( /*#__PURE__*/React__default.createElement("pre", {
     "data-testid": "map-warning-properties-row"
-  }, "Expires:", ' ', dateUtils.dateToString(dateUtils.utc(selectedFeatureProperties.expires), 'dd MMM yyyy, HH:mm'), ' ', "UTC")), selectedFeatureProperties.languages && selectedFeatureProperties.languages[language].senderName && ( /*#__PURE__*/React__default.createElement("pre", {
+  }, t('webmap-react-expires'), ' ', dateUtils.dateToString(dateUtils.utc(selectedFeatureProperties.expires), 'dd MMM yyyy, HH:mm'), ' ', t('webmap-react-utc'))), selectedFeatureProperties.languages && selectedFeatureProperties.languages[language].senderName && ( /*#__PURE__*/React__default.createElement("pre", {
     "data-testid": "map-warning-properties-row"
-  }, "Sender:", ' ', selectedFeatureProperties.languages && selectedFeatureProperties.languages[language].senderName)), selectedFeatureProperties.identifier && ( /*#__PURE__*/React__default.createElement("pre", {
+  }, t('webmap-react-sender'), ' ', selectedFeatureProperties.languages && selectedFeatureProperties.languages[language].senderName)), selectedFeatureProperties.identifier && ( /*#__PURE__*/React__default.createElement("pre", {
     "data-testid": "map-warning-properties-row"
-  }, "Identifier: ", selectedFeatureProperties.identifier))));
+  }, t('webmap-react-identifier'), ' ', selectedFeatureProperties.identifier)))));
 };
 
 const dimensionConfig = [{
@@ -9296,15 +9543,19 @@ const DimensionSelectButton = ({
   onClickDimensionButton,
   isActive: _isActive = false
 }) => {
+  const {
+    t
+  } = useTranslation(WEBMAP_REACT_NAMESPACE);
+  const showPrefix = t('webmap-react-show');
   const dimConfig = dimensionConfig.find(cnf => cnf.name === dimension);
   const Icon = getDimensionIcon$1(dimConfig && dimConfig.iconType || 'IconLevels');
-  const title = `Show ${dimConfig ? dimConfig.label.toLowerCase() : dimension.toLowerCase()}`;
-  return /*#__PURE__*/React.createElement(MapControlButton, {
+  const title = `${showPrefix} ${dimConfig ? dimConfig.label.toLowerCase() : dimension.toLowerCase()}`;
+  return /*#__PURE__*/React.createElement(WebmapReactTranslationsWrapper, null, /*#__PURE__*/React.createElement(MapControlButton, {
     title: title,
     "data-testid": `dimensionMapBtn-${dimension}`,
     onClick: onClickDimensionButton,
     isActive: _isActive
-  }, /*#__PURE__*/React.createElement(Icon, null));
+  }, /*#__PURE__*/React.createElement(Icon, null)));
 };
 
 /* *
@@ -9482,8 +9733,12 @@ const MapDimensionSelect = ({
   const layerTitle = wmLayer.title;
   const marks = marksByDimension(wmsDimension);
   const isLayerDimensionSynced = layerDimension.synced !== undefined && layerDimension.synced === true;
-  const tooltipTitle = isLayerDimensionSynced ? 'Click to disconnect layer' : 'Click to connect layer';
-  return /*#__PURE__*/React.createElement(Grid, {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const {
+    t
+  } = useTranslation(WEBMAP_REACT_NAMESPACE);
+  const tooltipTitle = isLayerDimensionSynced ? t('webmap-react-click-disconnect') : t('webmap-react-click-connect');
+  return /*#__PURE__*/React.createElement(WebmapReactTranslationsWrapper, null, /*#__PURE__*/React.createElement(Grid, {
     key: layerId,
     item: true,
     xs: "auto"
@@ -9506,7 +9761,7 @@ const MapDimensionSelect = ({
     },
     isDisabled: false,
     validSelection: layerDimension.synced === false || !(layerDimension.validSyncSelection !== undefined && layerDimension.validSyncSelection === false)
-  }));
+  })));
 };
 
 const LayerInfoButton = _a => {
@@ -9612,10 +9867,13 @@ const LayerInfoLegend = ({
   dimensions,
   legendURL
 }) => {
+  const {
+    t
+  } = useTranslation(WEBMAP_REACT_NAMESPACE);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Typography$1, {
     variant: "subtitle2",
     sx: textStyleWithMargin
-  }, "Legend"), /*#__PURE__*/React__default.createElement(LegendLayout, {
+  }, t('webmap-react-legend')), /*#__PURE__*/React__default.createElement(LegendLayout, {
     title: title,
     name: name,
     dimensions: dimensions
@@ -9626,7 +9884,7 @@ const LayerInfoLegend = ({
 };
 
 var fails$4 = fails$q;
-var global$3 = global$o;
+var global$3 = global$n;
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
 var $RegExp$2 = global$3.RegExp;
@@ -9657,7 +9915,7 @@ var regexpStickyHelpers = {
 };
 
 var fails$3 = fails$q;
-var global$2 = global$o;
+var global$2 = global$n;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
 var $RegExp$1 = global$2.RegExp;
@@ -9668,7 +9926,7 @@ var regexpUnsupportedDotAll = fails$3(function () {
 });
 
 var fails$2 = fails$q;
-var global$1 = global$o;
+var global$1 = global$n;
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
 var $RegExp = global$1.RegExp;
@@ -9686,7 +9944,7 @@ var uncurryThis$2 = functionUncurryThis;
 var toString$2 = toString$9;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers$1 = regexpStickyHelpers;
-var shared = shared$4.exports;
+var shared = shared$4;
 var create = objectCreate;
 var getInternalState = internalState.get;
 var UNSUPPORTED_DOT_ALL = regexpUnsupportedDotAll;
@@ -9884,7 +10142,7 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
 var uncurryThis$1 = functionUncurryThis;
 var toIntegerOrInfinity = toIntegerOrInfinity$3;
 var toString$1 = toString$9;
-var requireObjectCoercible$1 = requireObjectCoercible$6;
+var requireObjectCoercible$1 = requireObjectCoercible$7;
 
 var charAt$1 = uncurryThis$1(''.charAt);
 var charCodeAt = uncurryThis$1(''.charCodeAt);
@@ -9927,7 +10185,7 @@ var advanceStringIndex$1 = function (S, index, unicode) {
 };
 
 var call$1 = functionCall;
-var anObject$1 = anObject$e;
+var anObject$1 = anObject$d;
 var isCallable = isCallable$n;
 var classof = classofRaw$2;
 var regexpExec = regexpExec$2;
@@ -9950,9 +10208,9 @@ var regexpExecAbstract = function (R, S) {
 var call = functionCall;
 var uncurryThis = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
-var anObject = anObject$e;
+var anObject = anObject$d;
 var isNullOrUndefined = isNullOrUndefined$5;
-var requireObjectCoercible = requireObjectCoercible$6;
+var requireObjectCoercible = requireObjectCoercible$7;
 var speciesConstructor = speciesConstructor$2;
 var advanceStringIndex = advanceStringIndex$1;
 var toLength = toLength$2;
@@ -10162,7 +10420,10 @@ const LayerInfoDialog = ({
   const styles = getLayerStyles(layer);
   const bbox = getLayerBbox(layer);
   const dimensions = getDimensionsList(layer.dimensions);
-  return /*#__PURE__*/React__default.createElement(ToolContainerDraggable, {
+  const {
+    t
+  } = useTranslation(WEBMAP_REACT_NAMESPACE);
+  return /*#__PURE__*/React__default.createElement(WebmapReactTranslationsWrapper, null, /*#__PURE__*/React__default.createElement(ToolContainerDraggable, {
     onClose: onClose,
     startSize: {
       width: 288,
@@ -10182,38 +10443,40 @@ const LayerInfoDialog = ({
       padding: 2
     }
   }, /*#__PURE__*/React__default.createElement(LayerInfoText, {
-    label: "Title",
+    label: t('webmap-react-title'),
     value: layer.title
   }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
-    label: "Name",
+    label: t('webmap-react-name'),
     value: layer.name
   }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
-    label: "Service",
+    label: t('webmap-react-service'),
     value: serviceName
   }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
-    label: "Abstract",
+    label: t('webmap-react-abstract'),
     value: layer.abstract || '-'
   }), /*#__PURE__*/React__default.createElement(LayerInfoList, {
-    label: "Dimensions",
+    label: t('webmap-react-dimensions'),
     list: dimensions
   }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
-    label: "Styles",
+    label: t('webmap-react-styles'),
     value: styles
   }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
-    label: "Bounding Box",
+    label: t('webmap-react-bounding-box', {
+      ns: WEBMAP_REACT_NAMESPACE
+    }),
     value: bbox
   }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
-    label: "Groups",
+    label: t('webmap-react-groups'),
     value: ((_a = layer.path) === null || _a === void 0 ? void 0 : _a.join('/')) || '-'
   }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
-    label: "Keywords",
+    label: t('webmap-react-keywords'),
     value: ((_b = layer.keywords) === null || _b === void 0 ? void 0 : _b.join(', ')) || '-'
   }), /*#__PURE__*/React__default.createElement(LayerInfoLegend, {
     title: layer.title,
     name: layer.name,
     dimensions: layer.dimensions,
     legendURL: ((_c = layer.styles) === null || _c === void 0 ? void 0 : _c.length) ? layer.styles[0].legendURL : undefined
-  })));
+  }))));
 };
 
 /* *
@@ -10776,4 +11039,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, 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, ZoomControls, addFeatureProperties, addGeoJSONProperties, addSelectionTypeToGeoJSON, 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, getDimensionIcon, getDimensionLabel, getDimensionValue, getDimensionsList, getDoubleControlToolIcon, getDrawFunctionFromStore, getFeatureCollection, getFirTitle, getGeoJSONPropertyValue, getGeoJson, getIcon, getIntersectionToolIcon, getLastEmptyFeatureIndex, getLayerBbox, getLayerStyles, getTimeDimension, getToolIcon, intersectPointGeoJSONS, intersectPolygonGeoJSONS, intersectionFeatureBE, intersectionFeatureNL, isGeoJSONFeatureCreatedByTool, isPointFeatureCollection, lineString, marksByDimension, moveFeature, opacityOptions, publicLayers, publicServices, registerDrawFunction, rewindGeometry, simpleBoxGeoJSON, simpleBoxGeoJSONWrongOrder, simpleFlightRouteLineStringGeoJSON, simpleFlightRoutePointsGeoJSON, simpleLineStringGeoJSON, simpleMultiPolygon, simplePointsGeojson, simplePolygonGeoJSON, simpleSmallLineStringGeoJSON, startToolExampleConfig, strokeWidthOptions, textStyle, textStyleWithMargin, updateEditModeButtonsWithFir, useGeoJSON, useMapDrawTool };
+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, ZoomControls, addFeatureProperties, addGeoJSONProperties, addSelectionTypeToGeoJSON, 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, getDimensionIcon, getDimensionLabel, getDimensionValue, getDimensionsList, getDoubleControlToolIcon, getDrawFunctionFromStore, getFeatureCollection, getFeatureExtent, getFirTitle, getGeoJSONPropertyValue, getGeoJson, getIcon, getIntersectionToolIcon, getLastEmptyFeatureIndex, getLayerBbox, getLayerStyles, getTimeDimension, getToolIcon, intersectPointGeoJSONS, intersectPolygonGeoJSONS, intersectionFeatureBE, intersectionFeatureNL, isGeoJSONFeatureCreatedByTool, isPointFeatureCollection, lineString, marksByDimension, moveFeature, opacityOptions, publicLayers, publicServices, registerDrawFunction, rewindGeometry, simpleBoxGeoJSON, simpleBoxGeoJSONWrongOrder, simpleFlightRouteLineStringGeoJSON, simpleFlightRoutePointsGeoJSON, simpleLineStringGeoJSON, simpleMultiPolygon, simplePointsGeojson, simplePolygonGeoJSON, simpleSmallLineStringGeoJSON, startToolExampleConfig, strokeWidthOptions, textStyle, textStyleWithMargin, updateEditModeButtonsWithFir, useGeoJSON, useMapDrawTool };