@opengeoweb/webmap-react 9.13.0 → 9.15.0

package/index.esm.js

@@ -2,19 +2,24 @@ 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';
 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 } from '@opengeoweb/theme';
+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';
+import Box$1 from '@mui/material/Box';
+import Typography$1 from '@mui/material/Typography';
+import Grid$1 from '@mui/material/Grid';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-var fails$i = function (exec) {
+var fails$q = function (exec) {
   try {
     return !!exec();
   } catch (error) {
@@ -22,9 +27,9 @@ var fails$i = function (exec) {
   }
 };
 
-var fails$h = fails$i;
+var fails$p = fails$q;
 
-var functionBindNative = !fails$h(function () {
+var functionBindNative = !fails$p(function () {
   // eslint-disable-next-line es/no-function-prototype-bind -- safe
   var test = (function () { /* empty */ }).bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
@@ -34,63 +39,63 @@ var functionBindNative = !fails$h(function () {
 var NATIVE_BIND$3 = functionBindNative;
 
 var FunctionPrototype$2 = Function.prototype;
-var call$e = FunctionPrototype$2.call;
-var uncurryThisWithBind = NATIVE_BIND$3 && FunctionPrototype$2.bind.bind(call$e, call$e);
+var call$j = FunctionPrototype$2.call;
+var uncurryThisWithBind = NATIVE_BIND$3 && FunctionPrototype$2.bind.bind(call$j, call$j);
 
 var functionUncurryThis = NATIVE_BIND$3 ? uncurryThisWithBind : function (fn) {
   return function () {
-    return call$e.apply(fn, arguments);
+    return call$j.apply(fn, arguments);
   };
 };
 
-var uncurryThis$j = functionUncurryThis;
+var uncurryThis$p = functionUncurryThis;
 
-var toString$6 = uncurryThis$j({}.toString);
-var stringSlice$1 = uncurryThis$j(''.slice);
+var toString$b = uncurryThis$p({}.toString);
+var stringSlice$4 = uncurryThis$p(''.slice);
 
 var classofRaw$2 = function (it) {
-  return stringSlice$1(toString$6(it), 8, -1);
+  return stringSlice$4(toString$b(it), 8, -1);
 };
 
-var uncurryThis$i = functionUncurryThis;
-var fails$g = fails$i;
-var classof$7 = classofRaw$2;
+var uncurryThis$o = functionUncurryThis;
+var fails$o = fails$q;
+var classof$9 = classofRaw$2;
 
 var $Object$4 = Object;
-var split = uncurryThis$i(''.split);
+var split = uncurryThis$o(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails$g(function () {
+var indexedObject = fails$o(function () {
   // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
   // eslint-disable-next-line no-prototype-builtins -- safe
   return !$Object$4('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof$7(it) === 'String' ? split(it, '') : $Object$4(it);
+  return classof$9(it) === 'String' ? split(it, '') : $Object$4(it);
 } : $Object$4;
 
 // we can't use just `it == null` since of `document.all` special case
 // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot-aec
-var isNullOrUndefined$4 = function (it) {
+var isNullOrUndefined$5 = function (it) {
   return it === null || it === undefined;
 };
 
-var isNullOrUndefined$3 = isNullOrUndefined$4;
+var isNullOrUndefined$4 = isNullOrUndefined$5;
 
-var $TypeError$f = TypeError;
+var $TypeError$i = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$4 = function (it) {
-  if (isNullOrUndefined$3(it)) throw new $TypeError$f("Can't call method on " + 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$3 = requireObjectCoercible$4;
+var requireObjectCoercible$6 = requireObjectCoercible$7;
 
 var toIndexedObject$5 = function (it) {
-  return IndexedObject$2(requireObjectCoercible$3(it));
+  return IndexedObject$2(requireObjectCoercible$6(it));
 };
 
 var check = function (it) {
@@ -98,7 +103,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$k =
+var global$n =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -109,80 +114,80 @@ var global$k =
   // eslint-disable-next-line no-new-func -- fallback
   (function () { return this; })() || Function('return this')();
 
-var shared$3 = {exports: {}};
+var sharedStore = {exports: {}};
 
-var global$j = global$k;
+var global$m = global$n;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$6 = Object.defineProperty;
+var defineProperty$7 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$6(global$j, key, { value: value, configurable: true, writable: true });
+    defineProperty$7(global$m, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$j[key] = value;
+    global$m[key] = value;
   } return value;
 };
 
-var global$i = global$k;
+var globalThis$1 = global$n;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$i[SHARED] || defineGlobalProperty$2(SHARED, {});
-
-var sharedStore = store$3;
+var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty$2(SHARED, {});
 
-var store$2 = sharedStore;
-
-(shared$3.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$2 = requireObjectCoercible$4;
+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$5 = function (argument) {
-  return $Object$3(requireObjectCoercible$2(argument));
+var toObject$7 = function (argument) {
+  return $Object$3(requireObjectCoercible$5(argument));
 };
 
-var uncurryThis$h = functionUncurryThis;
-var toObject$4 = toObject$5;
+var uncurryThis$n = functionUncurryThis;
+var toObject$6 = toObject$7;
 
-var hasOwnProperty = uncurryThis$h({}.hasOwnProperty);
+var hasOwnProperty = uncurryThis$n({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
 // eslint-disable-next-line es/no-object-hasown -- safe
 var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
-  return hasOwnProperty(toObject$4(it), key);
+  return hasOwnProperty(toObject$6(it), key);
 };
 
-var uncurryThis$g = functionUncurryThis;
+var uncurryThis$m = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString$5 = uncurryThis$g(1.0.toString);
+var toString$a = uncurryThis$m(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$5(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$a(++id + postfix, 36);
 };
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$h = global$k;
+var global$l = global$n;
 var userAgent$5 = engineUserAgent;
 
-var process$3 = global$h.process;
-var Deno$1 = global$h.Deno;
+var process$3 = global$l.process;
+var Deno$1 = global$l.Deno;
 var versions = process$3 && process$3.versions || Deno$1 && Deno$1.version;
 var v8 = versions && versions.v8;
 var match, version;
@@ -208,44 +213,44 @@ var engineV8Version = version;
 
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION$1 = engineV8Version;
-var fails$f = fails$i;
-var global$g = global$k;
+var fails$n = fails$q;
+var global$k = global$n;
 
-var $String$5 = global$g.String;
+var $String$6 = global$k.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$f(function () {
+var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$n(function () {
   var symbol = Symbol('symbol detection');
   // Chrome 38 Symbol has incorrect toString conversion
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
   // nb: Do not call `String` directly to avoid this being optimized out to `symbol+''` which will,
   // of course, fail.
-  return !$String$5(symbol) || !(Object(symbol) instanceof Symbol) ||
+  return !$String$6(symbol) || !(Object(symbol) instanceof Symbol) ||
     // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
     !Symbol.sham && V8_VERSION$1 && V8_VERSION$1 < 41;
 });
 
 /* eslint-disable es/no-symbol -- required for testing */
-var NATIVE_SYMBOL$1 = symbolConstructorDetection;
+var NATIVE_SYMBOL$2 = symbolConstructorDetection;
 
-var useSymbolAsUid = NATIVE_SYMBOL$1
+var useSymbolAsUid = NATIVE_SYMBOL$2
   && !Symbol.sham
   && typeof Symbol.iterator == 'symbol';
 
-var global$f = global$k;
-var shared$2 = shared$3.exports;
-var hasOwn$a = hasOwnProperty_1;
+var global$j = global$n;
+var shared$3 = shared$4;
+var hasOwn$b = hasOwnProperty_1;
 var uid$1 = uid$2;
-var NATIVE_SYMBOL = symbolConstructorDetection;
+var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
-var Symbol$2 = global$f.Symbol;
-var WellKnownSymbolsStore = shared$2('wks');
+var Symbol$2 = global$j.Symbol;
+var WellKnownSymbolsStore = shared$3('wks');
 var createWellKnownSymbol = USE_SYMBOL_AS_UID$1 ? Symbol$2['for'] || Symbol$2 : Symbol$2 && Symbol$2.withoutSetter || uid$1;
 
-var wellKnownSymbol$g = function (name) {
-  if (!hasOwn$a(WellKnownSymbolsStore, name)) {
-    WellKnownSymbolsStore[name] = NATIVE_SYMBOL && hasOwn$a(Symbol$2, name)
+var wellKnownSymbol$h = function (name) {
+  if (!hasOwn$b(WellKnownSymbolsStore, name)) {
+    WellKnownSymbolsStore[name] = NATIVE_SYMBOL$1 && hasOwn$b(Symbol$2, name)
       ? Symbol$2[name]
       : createWellKnownSymbol('Symbol.' + name);
   } return WellKnownSymbolsStore[name];
@@ -257,45 +262,45 @@ var documentAll = typeof document == 'object' && document.all;
 // `IsCallable` abstract operation
 // https://tc39.es/ecma262/#sec-iscallable
 // eslint-disable-next-line unicorn/no-typeof-undefined -- required for testing
-var isCallable$j = typeof documentAll == 'undefined' && documentAll !== undefined ? function (argument) {
+var isCallable$n = typeof documentAll == 'undefined' && documentAll !== undefined ? function (argument) {
   return typeof argument == 'function' || argument === documentAll;
 } : function (argument) {
   return typeof argument == 'function';
 };
 
-var isCallable$i = isCallable$j;
+var isCallable$m = isCallable$n;
 
-var isObject$a = function (it) {
-  return typeof it == 'object' ? it !== null : isCallable$i(it);
+var isObject$d = function (it) {
+  return typeof it == 'object' ? it !== null : isCallable$m(it);
 };
 
-var isObject$9 = isObject$a;
+var isObject$c = isObject$d;
 
-var $String$4 = String;
-var $TypeError$e = TypeError;
+var $String$5 = String;
+var $TypeError$h = TypeError;
 
 // `Assert: Type(argument) is Object`
-var anObject$c = function (argument) {
-  if (isObject$9(argument)) return argument;
-  throw new $TypeError$e($String$4(argument) + ' is not an object');
+var anObject$d = function (argument) {
+  if (isObject$c(argument)) return argument;
+  throw new $TypeError$h($String$5(argument) + ' is not an object');
 };
 
 var objectDefineProperties = {};
 
-var fails$e = fails$i;
+var fails$m = fails$q;
 
 // Detect IE8's incomplete defineProperty implementation
-var descriptors = !fails$e(function () {
+var descriptors = !fails$m(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
 });
 
-var DESCRIPTORS$b = descriptors;
-var fails$d = fails$i;
+var DESCRIPTORS$d = descriptors;
+var fails$l = fails$q;
 
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$b && fails$d(function () {
+var v8PrototypeDefineBug = DESCRIPTORS$d && fails$l(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
@@ -305,23 +310,23 @@ var v8PrototypeDefineBug = DESCRIPTORS$b && fails$d(function () {
 
 var objectDefineProperty = {};
 
-var global$e = global$k;
-var isObject$8 = isObject$a;
+var global$i = global$n;
+var isObject$b = isObject$d;
 
-var document$3 = global$e.document;
+var document$3 = global$i.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$8(document$3) && isObject$8(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) : {};
 };
 
-var DESCRIPTORS$a = descriptors;
-var fails$c = fails$i;
+var DESCRIPTORS$c = descriptors;
+var fails$k = fails$q;
 var createElement$1 = documentCreateElement$2;
 
 // Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$a && !fails$c(function () {
+var ie8DomDefine = !DESCRIPTORS$c && !fails$k(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement$1('div'), 'a', {
     get: function () { return 7; }
@@ -330,131 +335,131 @@ var ie8DomDefine = !DESCRIPTORS$a && !fails$c(function () {
 
 var NATIVE_BIND$2 = functionBindNative;
 
-var call$d = Function.prototype.call;
+var call$i = Function.prototype.call;
 
-var functionCall = NATIVE_BIND$2 ? call$d.bind(call$d) : function () {
-  return call$d.apply(call$d, arguments);
+var functionCall = NATIVE_BIND$2 ? call$i.bind(call$i) : function () {
+  return call$i.apply(call$i, arguments);
 };
 
-var global$d = global$k;
-var isCallable$h = isCallable$j;
+var global$h = global$n;
+var isCallable$l = isCallable$n;
 
 var aFunction = function (argument) {
-  return isCallable$h(argument) ? argument : undefined;
+  return isCallable$l(argument) ? argument : undefined;
 };
 
-var getBuiltIn$7 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$d[namespace]) : global$d[namespace] && global$d[namespace][method];
+var getBuiltIn$9 = function (namespace, method) {
+  return arguments.length < 2 ? aFunction(global$h[namespace]) : global$h[namespace] && global$h[namespace][method];
 };
 
-var uncurryThis$f = functionUncurryThis;
+var uncurryThis$l = functionUncurryThis;
 
-var objectIsPrototypeOf = uncurryThis$f({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$l({}.isPrototypeOf);
 
-var getBuiltIn$6 = getBuiltIn$7;
-var isCallable$g = isCallable$j;
-var isPrototypeOf$3 = objectIsPrototypeOf;
+var getBuiltIn$8 = getBuiltIn$9;
+var isCallable$k = isCallable$n;
+var isPrototypeOf$4 = objectIsPrototypeOf;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
 var $Object$2 = Object;
 
-var isSymbol$2 = USE_SYMBOL_AS_UID ? function (it) {
+var isSymbol$3 = USE_SYMBOL_AS_UID ? function (it) {
   return typeof it == 'symbol';
 } : function (it) {
-  var $Symbol = getBuiltIn$6('Symbol');
-  return isCallable$g($Symbol) && isPrototypeOf$3($Symbol.prototype, $Object$2(it));
+  var $Symbol = getBuiltIn$8('Symbol');
+  return isCallable$k($Symbol) && isPrototypeOf$4($Symbol.prototype, $Object$2(it));
 };
 
-var $String$3 = String;
+var $String$4 = String;
 
 var tryToString$5 = function (argument) {
   try {
-    return $String$3(argument);
+    return $String$4(argument);
   } catch (error) {
     return 'Object';
   }
 };
 
-var isCallable$f = isCallable$j;
+var isCallable$j = isCallable$n;
 var tryToString$4 = tryToString$5;
 
-var $TypeError$d = TypeError;
+var $TypeError$g = TypeError;
 
 // `Assert: IsCallable(argument) is true`
 var aCallable$a = function (argument) {
-  if (isCallable$f(argument)) return argument;
-  throw new $TypeError$d(tryToString$4(argument) + ' is not a function');
+  if (isCallable$j(argument)) return argument;
+  throw new $TypeError$g(tryToString$4(argument) + ' is not a function');
 };
 
 var aCallable$9 = aCallable$a;
-var isNullOrUndefined$2 = isNullOrUndefined$4;
+var isNullOrUndefined$3 = isNullOrUndefined$5;
 
 // `GetMethod` abstract operation
 // https://tc39.es/ecma262/#sec-getmethod
-var getMethod$3 = function (V, P) {
+var getMethod$4 = function (V, P) {
   var func = V[P];
-  return isNullOrUndefined$2(func) ? undefined : aCallable$9(func);
+  return isNullOrUndefined$3(func) ? undefined : aCallable$9(func);
 };
 
-var call$c = functionCall;
-var isCallable$e = isCallable$j;
-var isObject$7 = isObject$a;
+var call$h = functionCall;
+var isCallable$i = isCallable$n;
+var isObject$a = isObject$d;
 
-var $TypeError$c = TypeError;
+var $TypeError$f = TypeError;
 
 // `OrdinaryToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$e(fn = input.toString) && !isObject$7(val = call$c(fn, input))) return val;
-  if (isCallable$e(fn = input.valueOf) && !isObject$7(val = call$c(fn, input))) return val;
-  if (pref !== 'string' && isCallable$e(fn = input.toString) && !isObject$7(val = call$c(fn, input))) return val;
-  throw new $TypeError$c("Can't convert object to primitive value");
+  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$b = functionCall;
-var isObject$6 = isObject$a;
-var isSymbol$1 = isSymbol$2;
-var getMethod$2 = getMethod$3;
+var call$g = functionCall;
+var isObject$9 = isObject$d;
+var isSymbol$2 = isSymbol$3;
+var getMethod$3 = getMethod$4;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
-var wellKnownSymbol$f = wellKnownSymbol$g;
+var wellKnownSymbol$g = wellKnownSymbol$h;
 
-var $TypeError$b = TypeError;
-var TO_PRIMITIVE = wellKnownSymbol$f('toPrimitive');
+var $TypeError$e = TypeError;
+var TO_PRIMITIVE = wellKnownSymbol$g('toPrimitive');
 
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
-  if (!isObject$6(input) || isSymbol$1(input)) return input;
-  var exoticToPrim = getMethod$2(input, TO_PRIMITIVE);
+  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$b(exoticToPrim, input, pref);
-    if (!isObject$6(result) || isSymbol$1(result)) return result;
-    throw new $TypeError$b("Can't convert object to primitive value");
+    result = call$g(exoticToPrim, input, pref);
+    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';
   return ordinaryToPrimitive(input, pref);
 };
 
 var toPrimitive = toPrimitive$1;
-var isSymbol = isSymbol$2;
+var isSymbol$1 = isSymbol$3;
 
 // `ToPropertyKey` abstract operation
 // https://tc39.es/ecma262/#sec-topropertykey
 var toPropertyKey$2 = function (argument) {
   var key = toPrimitive(argument, 'string');
-  return isSymbol(key) ? key : key + '';
+  return isSymbol$1(key) ? key : key + '';
 };
 
-var DESCRIPTORS$9 = descriptors;
+var DESCRIPTORS$b = descriptors;
 var IE8_DOM_DEFINE$1 = ie8DomDefine;
 var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
-var anObject$b = anObject$c;
+var anObject$c = anObject$d;
 var toPropertyKey$1 = toPropertyKey$2;
 
-var $TypeError$a = TypeError;
+var $TypeError$d = TypeError;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var $defineProperty = Object.defineProperty;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -465,10 +470,10 @@ var WRITABLE = 'writable';
 
 // `Object.defineProperty` method
 // https://tc39.es/ecma262/#sec-object.defineproperty
-objectDefineProperty.f = DESCRIPTORS$9 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
-  anObject$b(O);
+objectDefineProperty.f = DESCRIPTORS$b ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
+  anObject$c(O);
   P = toPropertyKey$1(P);
-  anObject$b(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]) {
@@ -481,13 +486,13 @@ objectDefineProperty.f = DESCRIPTORS$9 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
     }
   } return $defineProperty(O, P, Attributes);
 } : $defineProperty : function defineProperty(O, P, Attributes) {
-  anObject$b(O);
+  anObject$c(O);
   P = toPropertyKey$1(P);
-  anObject$b(Attributes);
+  anObject$c(Attributes);
   if (IE8_DOM_DEFINE$1) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$a('Accessors not supported');
+  if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$d('Accessors not supported');
   if ('value' in Attributes) O[P] = Attributes.value;
   return O;
 };
@@ -507,53 +512,54 @@ var trunc = mathTrunc;
 
 // `ToIntegerOrInfinity` abstract operation
 // https://tc39.es/ecma262/#sec-tointegerorinfinity
-var toIntegerOrInfinity$2 = function (argument) {
+var toIntegerOrInfinity$3 = function (argument) {
   var number = +argument;
   // eslint-disable-next-line no-self-compare -- NaN check
   return number !== number || number === 0 ? 0 : trunc(number);
 };
 
-var toIntegerOrInfinity$1 = toIntegerOrInfinity$2;
+var toIntegerOrInfinity$2 = toIntegerOrInfinity$3;
 
 var max = Math.max;
-var min$1 = Math.min;
+var min$2 = Math.min;
 
 // Helper for a popular repeating case of the spec:
 // Let integer be ? ToInteger(index).
 // If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
 var toAbsoluteIndex$1 = function (index, length) {
-  var integer = toIntegerOrInfinity$1(index);
-  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
+  var integer = toIntegerOrInfinity$2(index);
+  return integer < 0 ? max(integer + length, 0) : min$2(integer, length);
 };
 
-var toIntegerOrInfinity = toIntegerOrInfinity$2;
+var toIntegerOrInfinity$1 = toIntegerOrInfinity$3;
 
-var min = Math.min;
+var min$1 = Math.min;
 
 // `ToLength` abstract operation
 // https://tc39.es/ecma262/#sec-tolength
-var toLength$1 = function (argument) {
-  var len = toIntegerOrInfinity(argument);
-  return len > 0 ? min(len, 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
+var toLength$2 = function (argument) {
+  var len = toIntegerOrInfinity$1(argument);
+  return len > 0 ? min$1(len, 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
 };
 
-var toLength = toLength$1;
+var toLength$1 = toLength$2;
 
 // `LengthOfArrayLike` abstract operation
 // https://tc39.es/ecma262/#sec-lengthofarraylike
-var lengthOfArrayLike$4 = function (obj) {
-  return toLength(obj.length);
+var lengthOfArrayLike$6 = function (obj) {
+  return toLength$1(obj.length);
 };
 
 var toIndexedObject$4 = toIndexedObject$5;
 var toAbsoluteIndex = toAbsoluteIndex$1;
-var lengthOfArrayLike$3 = lengthOfArrayLike$4;
+var lengthOfArrayLike$5 = lengthOfArrayLike$6;
 
 // `Array.prototype.{ indexOf, includes }` methods implementation
-var createMethod$2 = function (IS_INCLUDES) {
+var createMethod$3 = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject$4($this);
-    var length = lengthOfArrayLike$3(O);
+    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
@@ -572,31 +578,31 @@ var createMethod$2 = function (IS_INCLUDES) {
 var arrayIncludes = {
   // `Array.prototype.includes` method
   // https://tc39.es/ecma262/#sec-array.prototype.includes
-  includes: createMethod$2(true),
+  includes: createMethod$3(true),
   // `Array.prototype.indexOf` method
   // https://tc39.es/ecma262/#sec-array.prototype.indexof
-  indexOf: createMethod$2(false)
+  indexOf: createMethod$3(false)
 };
 
 var hiddenKeys$4 = {};
 
-var uncurryThis$e = functionUncurryThis;
-var hasOwn$9 = hasOwnProperty_1;
+var uncurryThis$k = functionUncurryThis;
+var hasOwn$a = hasOwnProperty_1;
 var toIndexedObject$3 = toIndexedObject$5;
-var indexOf = arrayIncludes.indexOf;
+var indexOf$1 = arrayIncludes.indexOf;
 var hiddenKeys$3 = hiddenKeys$4;
 
-var push$1 = uncurryThis$e([].push);
+var push$3 = uncurryThis$k([].push);
 
 var objectKeysInternal = function (object, names) {
   var O = toIndexedObject$3(object);
   var i = 0;
   var result = [];
   var key;
-  for (key in O) !hasOwn$9(hiddenKeys$3, key) && hasOwn$9(O, key) && push$1(result, key);
+  for (key in O) !hasOwn$a(hiddenKeys$3, key) && hasOwn$a(O, key) && push$3(result, key);
   // Don't enum bug & hidden keys
-  while (names.length > i) if (hasOwn$9(O, key = names[i++])) {
-    ~indexOf(result, key) || push$1(result, key);
+  while (names.length > i) if (hasOwn$a(O, key = names[i++])) {
+    ~indexOf$1(result, key) || push$3(result, key);
   }
   return result;
 };
@@ -622,18 +628,18 @@ var objectKeys$2 = Object.keys || function keys(O) {
   return internalObjectKeys$1(O, enumBugKeys$2);
 };
 
-var DESCRIPTORS$8 = descriptors;
+var DESCRIPTORS$a = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
 var definePropertyModule$3 = objectDefineProperty;
-var anObject$a = anObject$c;
+var anObject$b = anObject$d;
 var toIndexedObject$2 = toIndexedObject$5;
 var objectKeys$1 = objectKeys$2;
 
 // `Object.defineProperties` method
 // https://tc39.es/ecma262/#sec-object.defineproperties
 // eslint-disable-next-line es/no-object-defineproperties -- safe
-objectDefineProperties.f = DESCRIPTORS$8 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject$a(O);
+objectDefineProperties.f = DESCRIPTORS$a && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
+  anObject$b(O);
   var props = toIndexedObject$2(Properties);
   var keys = objectKeys$1(Properties);
   var length = keys.length;
@@ -643,21 +649,21 @@ objectDefineProperties.f = DESCRIPTORS$8 && !V8_PROTOTYPE_DEFINE_BUG ? Object.de
   return O;
 };
 
-var getBuiltIn$5 = getBuiltIn$7;
+var getBuiltIn$7 = getBuiltIn$9;
 
-var html$2 = getBuiltIn$5('document', 'documentElement');
+var html$2 = getBuiltIn$7('document', 'documentElement');
 
-var shared$1 = shared$3.exports;
+var shared$2 = shared$4;
 var uid = uid$2;
 
-var keys = shared$1('keys');
+var keys = shared$2('keys');
 
 var sharedKey$3 = function (key) {
   return keys[key] || (keys[key] = uid(key));
 };
 
 /* global ActiveXObject -- old IE, WSH */
-var anObject$9 = anObject$c;
+var anObject$a = anObject$d;
 var definePropertiesModule = objectDefineProperties;
 var enumBugKeys$1 = enumBugKeys$3;
 var hiddenKeys$2 = hiddenKeys$4;
@@ -731,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$9(O);
+    EmptyConstructor[PROTOTYPE] = anObject$a(O);
     result = new EmptyConstructor();
     EmptyConstructor[PROTOTYPE] = null;
     // add "__proto__" for Object.getPrototypeOf polyfill
@@ -740,19 +746,19 @@ var objectCreate = Object.create || function create(O, Properties) {
   return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
 };
 
-var wellKnownSymbol$e = wellKnownSymbol$g;
-var create$1 = objectCreate;
-var defineProperty$5 = objectDefineProperty.f;
+var wellKnownSymbol$f = wellKnownSymbol$h;
+var create$2 = objectCreate;
+var defineProperty$6 = objectDefineProperty.f;
 
-var UNSCOPABLES = wellKnownSymbol$e('unscopables');
+var UNSCOPABLES = wellKnownSymbol$f('unscopables');
 var ArrayPrototype$1 = Array.prototype;
 
 // Array.prototype[@@unscopables]
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 if (ArrayPrototype$1[UNSCOPABLES] === undefined) {
-  defineProperty$5(ArrayPrototype$1, UNSCOPABLES, {
+  defineProperty$6(ArrayPrototype$1, UNSCOPABLES, {
     configurable: true,
-    value: create$1(null)
+    value: create$2(null)
   });
 }
 
@@ -763,14 +769,14 @@ var addToUnscopables$2 = function (key) {
 
 var iterators = {};
 
-var global$c = global$k;
-var isCallable$d = isCallable$j;
+var global$g = global$n;
+var isCallable$h = isCallable$n;
 
-var WeakMap$1 = global$c.WeakMap;
+var WeakMap$1 = global$g.WeakMap;
 
-var weakMapBasicDetection = isCallable$d(WeakMap$1) && /native code/.test(String(WeakMap$1));
+var weakMapBasicDetection = isCallable$h(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
-var createPropertyDescriptor$3 = function (bitmap, value) {
+var createPropertyDescriptor$4 = function (bitmap, value) {
   return {
     enumerable: !(bitmap & 1),
     configurable: !(bitmap & 2),
@@ -779,29 +785,29 @@ var createPropertyDescriptor$3 = function (bitmap, value) {
   };
 };
 
-var DESCRIPTORS$7 = descriptors;
+var DESCRIPTORS$9 = descriptors;
 var definePropertyModule$2 = objectDefineProperty;
-var createPropertyDescriptor$2 = createPropertyDescriptor$3;
+var createPropertyDescriptor$3 = createPropertyDescriptor$4;
 
-var createNonEnumerableProperty$4 = DESCRIPTORS$7 ? function (object, key, value) {
-  return definePropertyModule$2.f(object, key, createPropertyDescriptor$2(1, value));
+var createNonEnumerableProperty$8 = DESCRIPTORS$9 ? function (object, key, value) {
+  return definePropertyModule$2.f(object, key, createPropertyDescriptor$3(1, value));
 } : function (object, key, value) {
   object[key] = value;
   return object;
 };
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$b = global$k;
-var isObject$5 = isObject$a;
-var createNonEnumerableProperty$3 = createNonEnumerableProperty$4;
-var hasOwn$8 = hasOwnProperty_1;
-var shared = sharedStore;
+var global$f = global$n;
+var isObject$8 = isObject$d;
+var createNonEnumerableProperty$7 = createNonEnumerableProperty$8;
+var hasOwn$9 = hasOwnProperty_1;
+var shared$1 = sharedStore.exports;
 var sharedKey$1 = sharedKey$3;
 var hiddenKeys$1 = hiddenKeys$4;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$2 = global$b.TypeError;
-var WeakMap = global$b.WeakMap;
+var TypeError$2 = global$f.TypeError;
+var WeakMap = global$f.WeakMap;
 var set$1, get, has;
 
 var enforce = function (it) {
@@ -811,14 +817,14 @@ var enforce = function (it) {
 var getterFor = function (TYPE) {
   return function (it) {
     var state;
-    if (!isObject$5(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;
   };
 };
 
-if (NATIVE_WEAK_MAP || shared.state) {
-  var store$1 = shared.state || (shared.state = new WeakMap());
+if (NATIVE_WEAK_MAP || shared$1.state) {
+  var store$1 = shared$1.state || (shared$1.state = new WeakMap());
   /* eslint-disable no-self-assign -- prototype methods protection */
   store$1.get = store$1.get;
   store$1.has = store$1.has;
@@ -840,16 +846,16 @@ if (NATIVE_WEAK_MAP || shared.state) {
   var STATE = sharedKey$1('state');
   hiddenKeys$1[STATE] = true;
   set$1 = function (it, metadata) {
-    if (hasOwn$8(it, STATE)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$9(it, STATE)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
-    createNonEnumerableProperty$3(it, STATE, metadata);
+    createNonEnumerableProperty$7(it, STATE, metadata);
     return metadata;
   };
   get = function (it) {
-    return hasOwn$8(it, STATE) ? it[STATE] : {};
+    return hasOwn$9(it, STATE) ? it[STATE] : {};
   };
   has = function (it) {
-    return hasOwn$8(it, STATE);
+    return hasOwn$9(it, STATE);
   };
 }
 
@@ -867,25 +873,25 @@ var objectPropertyIsEnumerable = {};
 
 var $propertyIsEnumerable = {}.propertyIsEnumerable;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getOwnPropertyDescriptor$2 = Object.getOwnPropertyDescriptor;
+var getOwnPropertyDescriptor$3 = Object.getOwnPropertyDescriptor;
 
 // Nashorn ~ JDK8 bug
-var NASHORN_BUG = getOwnPropertyDescriptor$2 && !$propertyIsEnumerable.call({ 1: 2 }, 1);
+var NASHORN_BUG = getOwnPropertyDescriptor$3 && !$propertyIsEnumerable.call({ 1: 2 }, 1);
 
 // `Object.prototype.propertyIsEnumerable` method implementation
 // https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
 objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
-  var descriptor = getOwnPropertyDescriptor$2(this, V);
+  var descriptor = getOwnPropertyDescriptor$3(this, V);
   return !!descriptor && descriptor.enumerable;
 } : $propertyIsEnumerable;
 
-var DESCRIPTORS$6 = descriptors;
-var call$a = functionCall;
+var DESCRIPTORS$8 = descriptors;
+var call$f = functionCall;
 var propertyIsEnumerableModule$1 = objectPropertyIsEnumerable;
-var createPropertyDescriptor$1 = createPropertyDescriptor$3;
+var createPropertyDescriptor$2 = createPropertyDescriptor$4;
 var toIndexedObject$1 = toIndexedObject$5;
 var toPropertyKey = toPropertyKey$2;
-var hasOwn$7 = hasOwnProperty_1;
+var hasOwn$8 = hasOwnProperty_1;
 var IE8_DOM_DEFINE = ie8DomDefine;
 
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -893,28 +899,28 @@ var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
 
 // `Object.getOwnPropertyDescriptor` method
 // https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
-objectGetOwnPropertyDescriptor.f = DESCRIPTORS$6 ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
+objectGetOwnPropertyDescriptor.f = DESCRIPTORS$8 ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
   O = toIndexedObject$1(O);
   P = toPropertyKey(P);
   if (IE8_DOM_DEFINE) try {
     return $getOwnPropertyDescriptor(O, P);
   } catch (error) { /* empty */ }
-  if (hasOwn$7(O, P)) return createPropertyDescriptor$1(!call$a(propertyIsEnumerableModule$1.f, O, P), O[P]);
+  if (hasOwn$8(O, P)) return createPropertyDescriptor$2(!call$f(propertyIsEnumerableModule$1.f, O, P), O[P]);
 };
 
 var makeBuiltIn$3 = {exports: {}};
 
-var DESCRIPTORS$5 = descriptors;
-var hasOwn$6 = hasOwnProperty_1;
+var DESCRIPTORS$7 = descriptors;
+var hasOwn$7 = hasOwnProperty_1;
 
 var FunctionPrototype$1 = Function.prototype;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getDescriptor = DESCRIPTORS$5 && Object.getOwnPropertyDescriptor;
+var getDescriptor = DESCRIPTORS$7 && Object.getOwnPropertyDescriptor;
 
-var EXISTS = hasOwn$6(FunctionPrototype$1, 'name');
+var EXISTS = hasOwn$7(FunctionPrototype$1, 'name');
 // additional protection from minified / mangled / dropped function names
 var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
-var CONFIGURABLE = EXISTS && (!DESCRIPTORS$5 || (DESCRIPTORS$5 && getDescriptor(FunctionPrototype$1, 'name').configurable));
+var CONFIGURABLE = EXISTS && (!DESCRIPTORS$7 || (DESCRIPTORS$7 && getDescriptor(FunctionPrototype$1, 'name').configurable));
 
 var functionName = {
   EXISTS: EXISTS,
@@ -922,14 +928,14 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-var uncurryThis$d = functionUncurryThis;
-var isCallable$c = isCallable$j;
-var store = sharedStore;
+var uncurryThis$j = functionUncurryThis;
+var isCallable$g = isCallable$n;
+var store = sharedStore.exports;
 
-var functionToString = uncurryThis$d(Function.toString);
+var functionToString = uncurryThis$j(Function.toString);
 
 // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
-if (!isCallable$c(store.inspectSource)) {
+if (!isCallable$g(store.inspectSource)) {
   store.inspectSource = function (it) {
     return functionToString(it);
   };
@@ -937,51 +943,51 @@ if (!isCallable$c(store.inspectSource)) {
 
 var inspectSource$3 = store.inspectSource;
 
-var uncurryThis$c = functionUncurryThis;
-var fails$b = fails$i;
-var isCallable$b = isCallable$j;
-var hasOwn$5 = hasOwnProperty_1;
-var DESCRIPTORS$4 = descriptors;
+var uncurryThis$i = functionUncurryThis;
+var fails$j = fails$q;
+var isCallable$f = isCallable$n;
+var hasOwn$6 = hasOwnProperty_1;
+var DESCRIPTORS$6 = descriptors;
 var CONFIGURABLE_FUNCTION_NAME$1 = functionName.CONFIGURABLE;
 var inspectSource$2 = inspectSource$3;
 var InternalStateModule$2 = internalState;
 
 var enforceInternalState = InternalStateModule$2.enforce;
-var getInternalState$1 = InternalStateModule$2.get;
-var $String$2 = String;
+var getInternalState$2 = InternalStateModule$2.get;
+var $String$3 = String;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$4 = Object.defineProperty;
-var stringSlice = uncurryThis$c(''.slice);
-var replace$1 = uncurryThis$c(''.replace);
-var join = uncurryThis$c([].join);
+var defineProperty$5 = Object.defineProperty;
+var stringSlice$3 = uncurryThis$i(''.slice);
+var replace$4 = uncurryThis$i(''.replace);
+var join = uncurryThis$i([].join);
 
-var CONFIGURABLE_LENGTH = DESCRIPTORS$4 && !fails$b(function () {
-  return defineProperty$4(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
+var CONFIGURABLE_LENGTH = DESCRIPTORS$6 && !fails$j(function () {
+  return defineProperty$5(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
 });
 
 var TEMPLATE = String(String).split('String');
 
 var makeBuiltIn$2 = makeBuiltIn$3.exports = function (value, name, options) {
-  if (stringSlice($String$2(name), 0, 7) === 'Symbol(') {
-    name = '[' + replace$1($String$2(name), /^Symbol\(([^)]*)\).*$/, '$1') + ']';
+  if (stringSlice$3($String$3(name), 0, 7) === 'Symbol(') {
+    name = '[' + replace$4($String$3(name), /^Symbol\(([^)]*)\).*$/, '$1') + ']';
   }
   if (options && options.getter) name = 'get ' + name;
   if (options && options.setter) name = 'set ' + name;
-  if (!hasOwn$5(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
-    if (DESCRIPTORS$4) defineProperty$4(value, 'name', { value: name, configurable: true });
+  if (!hasOwn$6(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
+    if (DESCRIPTORS$6) defineProperty$5(value, 'name', { value: name, configurable: true });
     else value.name = name;
   }
-  if (CONFIGURABLE_LENGTH && options && hasOwn$5(options, 'arity') && value.length !== options.arity) {
-    defineProperty$4(value, 'length', { value: options.arity });
+  if (CONFIGURABLE_LENGTH && options && hasOwn$6(options, 'arity') && value.length !== options.arity) {
+    defineProperty$5(value, 'length', { value: options.arity });
   }
   try {
-    if (options && hasOwn$5(options, 'constructor') && options.constructor) {
-      if (DESCRIPTORS$4) defineProperty$4(value, 'prototype', { writable: false });
+    if (options && hasOwn$6(options, 'constructor') && options.constructor) {
+      if (DESCRIPTORS$6) defineProperty$5(value, 'prototype', { writable: false });
     // in V8 ~ Chrome 53, prototypes of some methods, like `Array.prototype.values`, are non-writable
     } else if (value.prototype) value.prototype = undefined;
   } catch (error) { /* empty */ }
   var state = enforceInternalState(value);
-  if (!hasOwn$5(state, 'source')) {
+  if (!hasOwn$6(state, 'source')) {
     state.source = join(TEMPLATE, typeof name == 'string' ? name : '');
   } return value;
 };
@@ -989,19 +995,19 @@ var makeBuiltIn$2 = makeBuiltIn$3.exports = function (value, name, options) {
 // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
 // eslint-disable-next-line no-extend-native -- required
 Function.prototype.toString = makeBuiltIn$2(function toString() {
-  return isCallable$b(this) && getInternalState$1(this).source || inspectSource$2(this);
+  return isCallable$f(this) && getInternalState$2(this).source || inspectSource$2(this);
 }, 'toString');
 
-var isCallable$a = isCallable$j;
+var isCallable$e = isCallable$n;
 var definePropertyModule$1 = objectDefineProperty;
 var makeBuiltIn$1 = makeBuiltIn$3.exports;
 var defineGlobalProperty$1 = defineGlobalProperty$3;
 
-var defineBuiltIn$6 = function (O, key, value, options) {
+var defineBuiltIn$7 = function (O, key, value, options) {
   if (!options) options = {};
   var simple = options.enumerable;
   var name = options.name !== undefined ? options.name : key;
-  if (isCallable$a(value)) makeBuiltIn$1(value, name, options);
+  if (isCallable$e(value)) makeBuiltIn$1(value, name, options);
   if (options.global) {
     if (simple) O[key] = value;
     else defineGlobalProperty$1(key, value);
@@ -1039,40 +1045,40 @@ var objectGetOwnPropertySymbols = {};
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
-var getBuiltIn$4 = getBuiltIn$7;
-var uncurryThis$b = functionUncurryThis;
+var getBuiltIn$6 = getBuiltIn$9;
+var uncurryThis$h = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
-var anObject$8 = anObject$c;
+var anObject$9 = anObject$d;
 
-var concat$1 = uncurryThis$b([].concat);
+var concat$1 = uncurryThis$h([].concat);
 
 // all object keys, includes non-enumerable and symbols
-var ownKeys$1 = getBuiltIn$4('Reflect', 'ownKeys') || function ownKeys(it) {
-  var keys = getOwnPropertyNamesModule.f(anObject$8(it));
+var ownKeys$1 = getBuiltIn$6('Reflect', 'ownKeys') || function ownKeys(it) {
+  var keys = getOwnPropertyNamesModule.f(anObject$9(it));
   var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
   return getOwnPropertySymbols ? concat$1(keys, getOwnPropertySymbols(it)) : keys;
 };
 
-var hasOwn$4 = hasOwnProperty_1;
+var hasOwn$5 = hasOwnProperty_1;
 var ownKeys = ownKeys$1;
 var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
 var definePropertyModule = objectDefineProperty;
 
-var copyConstructorProperties$1 = function (target, source, exceptions) {
+var copyConstructorProperties$2 = function (target, source, exceptions) {
   var keys = ownKeys(source);
   var defineProperty = definePropertyModule.f;
   var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
   for (var i = 0; i < keys.length; i++) {
     var key = keys[i];
-    if (!hasOwn$4(target, key) && !(exceptions && hasOwn$4(exceptions, key))) {
+    if (!hasOwn$5(target, key) && !(exceptions && hasOwn$5(exceptions, key))) {
       defineProperty(target, key, getOwnPropertyDescriptor(source, key));
     }
   }
 };
 
-var fails$a = fails$i;
-var isCallable$9 = isCallable$j;
+var fails$i = fails$q;
+var isCallable$d = isCallable$n;
 
 var replacement = /#|\.prototype\./;
 
@@ -1080,7 +1086,7 @@ var isForced$2 = function (feature, detection) {
   var value = data[normalize(feature)];
   return value === POLYFILL ? true
     : value === NATIVE ? false
-    : isCallable$9(detection) ? fails$a(detection)
+    : isCallable$d(detection) ? fails$i(detection)
     : !!detection;
 };
 
@@ -1094,12 +1100,12 @@ var POLYFILL = isForced$2.POLYFILL = 'P';
 
 var isForced_1 = isForced$2;
 
-var global$a = global$k;
-var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
-var createNonEnumerableProperty$2 = createNonEnumerableProperty$4;
-var defineBuiltIn$5 = defineBuiltIn$6;
+var global$e = global$n;
+var getOwnPropertyDescriptor$2 = objectGetOwnPropertyDescriptor.f;
+var createNonEnumerableProperty$6 = createNonEnumerableProperty$8;
+var defineBuiltIn$6 = defineBuiltIn$7;
 var defineGlobalProperty = defineGlobalProperty$3;
-var copyConstructorProperties = copyConstructorProperties$1;
+var copyConstructorProperties$1 = copyConstructorProperties$2;
 var isForced$1 = isForced_1;
 
 /*
@@ -1123,44 +1129,44 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$a;
+    target = global$e;
   } else if (STATIC) {
-    target = global$a[TARGET] || defineGlobalProperty(TARGET, {});
+    target = global$e[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = global$a[TARGET] && global$a[TARGET].prototype;
+    target = global$e[TARGET] && global$e[TARGET].prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
     if (options.dontCallGetSet) {
-      descriptor = getOwnPropertyDescriptor$1(target, key);
+      descriptor = getOwnPropertyDescriptor$2(target, key);
       targetProperty = descriptor && descriptor.value;
     } else targetProperty = target[key];
     FORCED = isForced$1(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
     // contained in target
     if (!FORCED && targetProperty !== undefined) {
       if (typeof sourceProperty == typeof targetProperty) continue;
-      copyConstructorProperties(sourceProperty, targetProperty);
+      copyConstructorProperties$1(sourceProperty, targetProperty);
     }
     // add a flag to not completely full polyfills
     if (options.sham || (targetProperty && targetProperty.sham)) {
-      createNonEnumerableProperty$2(sourceProperty, 'sham', true);
+      createNonEnumerableProperty$6(sourceProperty, 'sham', true);
     }
-    defineBuiltIn$5(target, key, sourceProperty, options);
+    defineBuiltIn$6(target, key, sourceProperty, options);
   }
 };
 
-var fails$9 = fails$i;
+var fails$h = fails$q;
 
-var correctPrototypeGetter = !fails$9(function () {
+var correctPrototypeGetter = !fails$h(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
   // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
   return Object.getPrototypeOf(new F()) !== F.prototype;
 });
 
-var hasOwn$3 = hasOwnProperty_1;
-var isCallable$8 = isCallable$j;
-var toObject$3 = toObject$5;
+var hasOwn$4 = hasOwnProperty_1;
+var isCallable$c = isCallable$n;
+var toObject$5 = toObject$7;
 var sharedKey = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
@@ -1172,22 +1178,22 @@ var ObjectPrototype = $Object$1.prototype;
 // https://tc39.es/ecma262/#sec-object.getprototypeof
 // eslint-disable-next-line es/no-object-getprototypeof -- safe
 var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf : function (O) {
-  var object = toObject$3(O);
-  if (hasOwn$3(object, IE_PROTO)) return object[IE_PROTO];
+  var object = toObject$5(O);
+  if (hasOwn$4(object, IE_PROTO)) return object[IE_PROTO];
   var constructor = object.constructor;
-  if (isCallable$8(constructor) && object instanceof constructor) {
+  if (isCallable$c(constructor) && object instanceof constructor) {
     return constructor.prototype;
   } return object instanceof $Object$1 ? ObjectPrototype : null;
 };
 
-var fails$8 = fails$i;
-var isCallable$7 = isCallable$j;
-var isObject$4 = isObject$a;
+var fails$g = fails$q;
+var isCallable$b = isCallable$n;
+var isObject$7 = isObject$d;
 var getPrototypeOf$1 = objectGetPrototypeOf;
-var defineBuiltIn$4 = defineBuiltIn$6;
-var wellKnownSymbol$d = wellKnownSymbol$g;
+var defineBuiltIn$5 = defineBuiltIn$7;
+var wellKnownSymbol$e = wellKnownSymbol$h;
 
-var ITERATOR$6 = wellKnownSymbol$d('iterator');
+var ITERATOR$6 = wellKnownSymbol$e('iterator');
 var BUGGY_SAFARI_ITERATORS$1 = false;
 
 // `%IteratorPrototype%` object
@@ -1205,7 +1211,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$4(IteratorPrototype$2) || fails$8(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;
@@ -1215,8 +1221,8 @@ if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$2 = {};
 
 // `%IteratorPrototype%[@@iterator]()` method
 // https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
-if (!isCallable$7(IteratorPrototype$2[ITERATOR$6])) {
-  defineBuiltIn$4(IteratorPrototype$2, ITERATOR$6, function () {
+if (!isCallable$b(IteratorPrototype$2[ITERATOR$6])) {
+  defineBuiltIn$5(IteratorPrototype$2, ITERATOR$6, function () {
     return this;
   });
 }
@@ -1226,22 +1232,22 @@ var iteratorsCore = {
   BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS$1
 };
 
-var defineProperty$3 = objectDefineProperty.f;
-var hasOwn$2 = hasOwnProperty_1;
-var wellKnownSymbol$c = wellKnownSymbol$g;
+var defineProperty$4 = objectDefineProperty.f;
+var hasOwn$3 = hasOwnProperty_1;
+var wellKnownSymbol$d = wellKnownSymbol$h;
 
-var TO_STRING_TAG$2 = wellKnownSymbol$c('toStringTag');
+var TO_STRING_TAG$2 = wellKnownSymbol$d('toStringTag');
 
 var setToStringTag$4 = function (target, TAG, STATIC) {
   if (target && !STATIC) target = target.prototype;
-  if (target && !hasOwn$2(target, TO_STRING_TAG$2)) {
-    defineProperty$3(target, TO_STRING_TAG$2, { configurable: true, value: TAG });
+  if (target && !hasOwn$3(target, TO_STRING_TAG$2)) {
+    defineProperty$4(target, TO_STRING_TAG$2, { configurable: true, value: TAG });
   }
 };
 
 var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;
-var create = objectCreate;
-var createPropertyDescriptor = createPropertyDescriptor$3;
+var create$1 = objectCreate;
+var createPropertyDescriptor$1 = createPropertyDescriptor$4;
 var setToStringTag$3 = setToStringTag$4;
 var Iterators$4 = iterators;
 
@@ -1249,41 +1255,42 @@ var returnThis$1 = function () { return this; };
 
 var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUMERABLE_NEXT) {
   var TO_STRING_TAG = NAME + ' Iterator';
-  IteratorConstructor.prototype = create(IteratorPrototype$1, { next: createPropertyDescriptor(+!ENUMERABLE_NEXT, next) });
+  IteratorConstructor.prototype = create$1(IteratorPrototype$1, { next: createPropertyDescriptor$1(+!ENUMERABLE_NEXT, next) });
   setToStringTag$3(IteratorConstructor, TO_STRING_TAG, false);
   Iterators$4[TO_STRING_TAG] = returnThis$1;
   return IteratorConstructor;
 };
 
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$g = functionUncurryThis;
 var aCallable$8 = aCallable$a;
 
 var functionUncurryThisAccessor = function (object, key, method) {
   try {
     // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    return uncurryThis$a(aCallable$8(Object.getOwnPropertyDescriptor(object, key)[method]));
+    return uncurryThis$g(aCallable$8(Object.getOwnPropertyDescriptor(object, key)[method]));
   } catch (error) { /* empty */ }
 };
 
-var isObject$3 = isObject$a;
+var isObject$6 = isObject$d;
 
 var isPossiblePrototype$1 = function (argument) {
-  return isObject$3(argument) || argument === null;
+  return isObject$6(argument) || argument === null;
 };
 
 var isPossiblePrototype = isPossiblePrototype$1;
 
-var $String$1 = String;
-var $TypeError$9 = TypeError;
+var $String$2 = String;
+var $TypeError$c = TypeError;
 
 var aPossiblePrototype$1 = function (argument) {
   if (isPossiblePrototype(argument)) return argument;
-  throw new $TypeError$9("Can't set " + $String$1(argument) + ' as a prototype');
+  throw new $TypeError$c("Can't set " + $String$2(argument) + ' as a prototype');
 };
 
 /* eslint-disable no-proto -- safe */
 var uncurryThisAccessor = functionUncurryThisAccessor;
-var anObject$7 = anObject$c;
+var isObject$5 = isObject$d;
+var requireObjectCoercible$4 = requireObjectCoercible$7;
 var aPossiblePrototype = aPossiblePrototype$1;
 
 // `Object.setPrototypeOf` method
@@ -1300,25 +1307,26 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
     CORRECT_SETTER = test instanceof Array;
   } catch (error) { /* empty */ }
   return function setPrototypeOf(O, proto) {
-    anObject$7(O);
+    requireObjectCoercible$4(O);
     aPossiblePrototype(proto);
+    if (!isObject$5(O)) return O;
     if (CORRECT_SETTER) setter(O, proto);
     else O.__proto__ = proto;
     return O;
   };
 }() : undefined);
 
-var $$d = _export;
-var call$9 = functionCall;
+var $$i = _export;
+var call$e = functionCall;
 var FunctionName = functionName;
-var isCallable$6 = isCallable$j;
+var isCallable$a = isCallable$n;
 var createIteratorConstructor = iteratorCreateConstructor;
 var getPrototypeOf = objectGetPrototypeOf;
-var setPrototypeOf$1 = objectSetPrototypeOf;
+var setPrototypeOf$3 = objectSetPrototypeOf;
 var setToStringTag$2 = setToStringTag$4;
-var createNonEnumerableProperty$1 = createNonEnumerableProperty$4;
-var defineBuiltIn$3 = defineBuiltIn$6;
-var wellKnownSymbol$b = wellKnownSymbol$g;
+var createNonEnumerableProperty$5 = createNonEnumerableProperty$8;
+var defineBuiltIn$4 = defineBuiltIn$7;
+var wellKnownSymbol$c = wellKnownSymbol$h;
 var Iterators$3 = iterators;
 var IteratorsCore = iteratorsCore;
 
@@ -1326,7 +1334,7 @@ var PROPER_FUNCTION_NAME$1 = FunctionName.PROPER;
 var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
 var IteratorPrototype = IteratorsCore.IteratorPrototype;
 var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
-var ITERATOR$5 = wellKnownSymbol$b('iterator');
+var ITERATOR$5 = wellKnownSymbol$c('iterator');
 var KEYS = 'keys';
 var VALUES = 'values';
 var ENTRIES = 'entries';
@@ -1364,10 +1372,10 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
     CurrentIteratorPrototype = getPrototypeOf(anyNativeIterator.call(new Iterable()));
     if (CurrentIteratorPrototype !== Object.prototype && CurrentIteratorPrototype.next) {
       if (getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
-        if (setPrototypeOf$1) {
-          setPrototypeOf$1(CurrentIteratorPrototype, IteratorPrototype);
-        } else if (!isCallable$6(CurrentIteratorPrototype[ITERATOR$5])) {
-          defineBuiltIn$3(CurrentIteratorPrototype, ITERATOR$5, returnThis);
+        if (setPrototypeOf$3) {
+          setPrototypeOf$3(CurrentIteratorPrototype, IteratorPrototype);
+        } else if (!isCallable$a(CurrentIteratorPrototype[ITERATOR$5])) {
+          defineBuiltIn$4(CurrentIteratorPrototype, ITERATOR$5, returnThis);
         }
       }
       // Set @@toStringTag to native iterators
@@ -1378,10 +1386,10 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
   // fix Array.prototype.{ values, @@iterator }.name in V8 / FF
   if (PROPER_FUNCTION_NAME$1 && DEFAULT === VALUES && nativeIterator && nativeIterator.name !== VALUES) {
     if (CONFIGURABLE_FUNCTION_NAME) {
-      createNonEnumerableProperty$1(IterablePrototype, 'name', VALUES);
+      createNonEnumerableProperty$5(IterablePrototype, 'name', VALUES);
     } else {
       INCORRECT_VALUES_NAME = true;
-      defaultIterator = function values() { return call$9(nativeIterator, this); };
+      defaultIterator = function values() { return call$e(nativeIterator, this); };
     }
   }
 
@@ -1394,14 +1402,14 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
     };
     if (FORCED) for (KEY in methods) {
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
-        defineBuiltIn$3(IterablePrototype, KEY, methods[KEY]);
+        defineBuiltIn$4(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$d({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$i({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
   if (IterablePrototype[ITERATOR$5] !== defaultIterator) {
-    defineBuiltIn$3(IterablePrototype, ITERATOR$5, defaultIterator, { name: DEFAULT });
+    defineBuiltIn$4(IterablePrototype, ITERATOR$5, defaultIterator, { name: DEFAULT });
   }
   Iterators$3[NAME] = defaultIterator;
 
@@ -1418,14 +1426,14 @@ var toIndexedObject = toIndexedObject$5;
 var addToUnscopables$1 = addToUnscopables$2;
 var Iterators$2 = iterators;
 var InternalStateModule$1 = internalState;
-var defineProperty$2 = objectDefineProperty.f;
+var defineProperty$3 = objectDefineProperty.f;
 var defineIterator = iteratorDefine;
 var createIterResultObject = createIterResultObject$1;
-var DESCRIPTORS$3 = descriptors;
+var DESCRIPTORS$5 = descriptors;
 
 var ARRAY_ITERATOR = 'Array Iterator';
 var setInternalState$1 = InternalStateModule$1.set;
-var getInternalState = InternalStateModule$1.getterFor(ARRAY_ITERATOR);
+var getInternalState$1 = InternalStateModule$1.getterFor(ARRAY_ITERATOR);
 
 // `Array.prototype.entries` method
 // https://tc39.es/ecma262/#sec-array.prototype.entries
@@ -1447,7 +1455,7 @@ var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind)
 // `%ArrayIteratorPrototype%.next` method
 // https://tc39.es/ecma262/#sec-%arrayiteratorprototype%.next
 }, function () {
-  var state = getInternalState(this);
+  var state = getInternalState$1(this);
   var target = state.target;
   var index = state.index++;
   if (!target || index >= target.length) {
@@ -1471,8 +1479,8 @@ addToUnscopables$1('values');
 addToUnscopables$1('entries');
 
 // V8 ~ Chrome 45- bug
-if (DESCRIPTORS$3 && values.name !== 'values') try {
-  defineProperty$2(values, 'name', { value: 'values' });
+if (DESCRIPTORS$5 && values.name !== 'values') try {
+  defineProperty$3(values, 'name', { value: 'values' });
 } catch (error) { /* empty */ }
 
 // iterable DOM collections
@@ -1519,22 +1527,22 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$9 = global$k;
+var global$d = global$n;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
-var createNonEnumerableProperty = createNonEnumerableProperty$4;
+var createNonEnumerableProperty$4 = createNonEnumerableProperty$8;
 var setToStringTag$1 = setToStringTag$4;
-var wellKnownSymbol$a = wellKnownSymbol$g;
+var wellKnownSymbol$b = wellKnownSymbol$h;
 
-var ITERATOR$4 = wellKnownSymbol$a('iterator');
+var ITERATOR$4 = wellKnownSymbol$b('iterator');
 var ArrayValues = ArrayIteratorMethods.values;
 
 var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
   if (CollectionPrototype) {
     // some Chrome versions have non-configurable methods on DOMTokenList
     if (CollectionPrototype[ITERATOR$4] !== ArrayValues) try {
-      createNonEnumerableProperty(CollectionPrototype, ITERATOR$4, ArrayValues);
+      createNonEnumerableProperty$4(CollectionPrototype, ITERATOR$4, ArrayValues);
     } catch (error) {
       CollectionPrototype[ITERATOR$4] = ArrayValues;
     }
@@ -1542,7 +1550,7 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
     if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {
       // some Chrome versions have non-configurable methods on DOMTokenList
       if (CollectionPrototype[METHOD_NAME] !== ArrayIteratorMethods[METHOD_NAME]) try {
-        createNonEnumerableProperty(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);
+        createNonEnumerableProperty$4(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);
       } catch (error) {
         CollectionPrototype[METHOD_NAME] = ArrayIteratorMethods[METHOD_NAME];
       }
@@ -1551,35 +1559,206 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$9[COLLECTION_NAME] && global$9[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(global$d[COLLECTION_NAME] && global$d[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
-var DESCRIPTORS$2 = descriptors;
-var uncurryThis$9 = functionUncurryThis;
-var call$8 = functionCall;
-var fails$7 = fails$i;
+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;
+var fails$f = fails$q;
 var objectKeys = objectKeys$2;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
 var propertyIsEnumerableModule = objectPropertyIsEnumerable;
-var toObject$2 = toObject$5;
+var toObject$4 = toObject$7;
 var IndexedObject$1 = indexedObject;
 
 // eslint-disable-next-line es/no-object-assign -- safe
 var $assign = Object.assign;
 // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-var defineProperty$1 = Object.defineProperty;
-var concat = uncurryThis$9([].concat);
+var defineProperty$2 = Object.defineProperty;
+var concat = uncurryThis$f([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
-var objectAssign = !$assign || fails$7(function () {
+var objectAssign = !$assign || fails$f(function () {
   // should have correct order of operations (Edge bug)
-  if (DESCRIPTORS$2 && $assign({ b: 1 }, $assign(defineProperty$1({}, 'a', {
+  if (DESCRIPTORS$4 && $assign({ b: 1 }, $assign(defineProperty$2({}, 'a', {
     enumerable: true,
     get: function () {
-      defineProperty$1(this, 'b', {
+      defineProperty$2(this, 'b', {
         value: 3,
         enumerable: false
       });
@@ -1595,7 +1774,7 @@ var objectAssign = !$assign || fails$7(function () {
   alphabet.split('').forEach(function (chr) { B[chr] = chr; });
   return $assign({}, A)[symbol] !== 7 || objectKeys($assign({}, B)).join('') !== alphabet;
 }) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
-  var T = toObject$2(target);
+  var T = toObject$4(target);
   var argumentsLength = arguments.length;
   var index = 1;
   var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
@@ -1608,18 +1787,18 @@ var objectAssign = !$assign || fails$7(function () {
     var key;
     while (length > j) {
       key = keys[j++];
-      if (!DESCRIPTORS$2 || call$8(propertyIsEnumerable, S, key)) T[key] = S[key];
+      if (!DESCRIPTORS$4 || call$d(propertyIsEnumerable, S, key)) T[key] = S[key];
     }
   } return T;
 } : $assign;
 
-var $$c = _export;
+var $$h = _export;
 var assign = objectAssign;
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
 // eslint-disable-next-line es/no-object-assign -- required for testing
-$$c({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
+$$h({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
   assign: assign
 });
 
@@ -1726,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;
@@ -1805,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.
@@ -1831,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
@@ -1869,12 +2086,12 @@ const LegendDialog = ({
       fontWeight: 500,
       fontSize: 14
     }
-  }, "No layers"))));
+  }, t('webmap-react-no-layers'))))));
 };
 
-var wellKnownSymbol$9 = wellKnownSymbol$g;
+var wellKnownSymbol$a = wellKnownSymbol$h;
 
-var TO_STRING_TAG$1 = wellKnownSymbol$9('toStringTag');
+var TO_STRING_TAG$1 = wellKnownSymbol$a('toStringTag');
 var test$2 = {};
 
 test$2[TO_STRING_TAG$1] = 'z';
@@ -1882,11 +2099,11 @@ test$2[TO_STRING_TAG$1] = 'z';
 var toStringTagSupport = String(test$2) === '[object z]';
 
 var TO_STRING_TAG_SUPPORT = toStringTagSupport;
-var isCallable$5 = isCallable$j;
+var isCallable$9 = isCallable$n;
 var classofRaw$1 = classofRaw$2;
-var wellKnownSymbol$8 = wellKnownSymbol$g;
+var wellKnownSymbol$9 = wellKnownSymbol$h;
 
-var TO_STRING_TAG = wellKnownSymbol$8('toStringTag');
+var TO_STRING_TAG = wellKnownSymbol$9('toStringTag');
 var $Object = Object;
 
 // ES3 wrong here
@@ -1900,7 +2117,7 @@ var tryGet = function (it, key) {
 };
 
 // getting tag from ES6+ `Object.prototype.toString`
-var classof$6 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
+var classof$8 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
   var O, tag, result;
   return it === undefined ? 'Undefined' : it === null ? 'Null'
     // @@toStringTag case
@@ -1908,37 +2125,37 @@ var classof$6 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
     // builtinTag case
     : CORRECT_ARGUMENTS ? classofRaw$1(O)
     // ES3 arguments fallback
-    : (result = classofRaw$1(O)) === 'Object' && isCallable$5(O.callee) ? 'Arguments' : result;
+    : (result = classofRaw$1(O)) === 'Object' && isCallable$9(O.callee) ? 'Arguments' : result;
 };
 
-var classof$5 = classof$6;
+var classof$7 = classof$8;
 
-var $String = String;
+var $String$1 = String;
 
-var toString$4 = function (argument) {
-  if (classof$5(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
-  return $String(argument);
+var toString$9 = function (argument) {
+  if (classof$7(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
+  return $String$1(argument);
 };
 
 // a string of all valid unicode whitespaces
 var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
   '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
 
-var uncurryThis$8 = functionUncurryThis;
-var requireObjectCoercible$1 = requireObjectCoercible$4;
-var toString$3 = toString$4;
+var uncurryThis$e = functionUncurryThis;
+var requireObjectCoercible$3 = requireObjectCoercible$7;
+var toString$8 = toString$9;
 var whitespaces$1 = whitespaces$2;
 
-var replace = uncurryThis$8(''.replace);
+var replace$3 = uncurryThis$e(''.replace);
 var ltrim = RegExp('^[' + whitespaces$1 + ']+');
 var rtrim = RegExp('(^|[^' + whitespaces$1 + '])[' + whitespaces$1 + ']+$');
 
 // `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
-var createMethod$1 = function (TYPE) {
+var createMethod$2 = function (TYPE) {
   return function ($this) {
-    var string = toString$3(requireObjectCoercible$1($this));
-    if (TYPE & 1) string = replace(string, ltrim, '');
-    if (TYPE & 2) string = replace(string, rtrim, '$1');
+    var string = toString$8(requireObjectCoercible$3($this));
+    if (TYPE & 1) string = replace$3(string, ltrim, '');
+    if (TYPE & 2) string = replace$3(string, rtrim, '$1');
     return string;
   };
 };
@@ -1946,88 +2163,165 @@ var createMethod$1 = function (TYPE) {
 var stringTrim = {
   // `String.prototype.{ trimLeft, trimStart }` methods
   // https://tc39.es/ecma262/#sec-string.prototype.trimstart
-  start: createMethod$1(1),
+  start: createMethod$2(1),
   // `String.prototype.{ trimRight, trimEnd }` methods
   // https://tc39.es/ecma262/#sec-string.prototype.trimend
-  end: createMethod$1(2),
+  end: createMethod$2(2),
   // `String.prototype.trim` method
   // https://tc39.es/ecma262/#sec-string.prototype.trim
-  trim: createMethod$1(3)
+  trim: createMethod$2(3)
 };
 
-var global$8 = global$k;
-var fails$6 = fails$i;
-var uncurryThis$7 = functionUncurryThis;
-var toString$2 = toString$4;
+var global$c = global$n;
+var fails$e = fails$q;
+var uncurryThis$d = functionUncurryThis;
+var toString$7 = toString$9;
 var trim = stringTrim.trim;
 var whitespaces = whitespaces$2;
 
-var $parseInt$1 = global$8.parseInt;
-var Symbol$1 = global$8.Symbol;
+var $parseInt$1 = global$c.parseInt;
+var Symbol$1 = global$c.Symbol;
 var ITERATOR$3 = Symbol$1 && Symbol$1.iterator;
 var hex = /^[+-]?0x/i;
-var exec$1 = uncurryThis$7(hex.exec);
-var FORCED$2 = $parseInt$1(whitespaces + '08') !== 8 || $parseInt$1(whitespaces + '0x16') !== 22
+var exec$3 = uncurryThis$d(hex.exec);
+var FORCED$5 = $parseInt$1(whitespaces + '08') !== 8 || $parseInt$1(whitespaces + '0x16') !== 22
   // MS Edge 18- broken with boxed symbols
-  || (ITERATOR$3 && !fails$6(function () { $parseInt$1(Object(ITERATOR$3)); }));
+  || (ITERATOR$3 && !fails$e(function () { $parseInt$1(Object(ITERATOR$3)); }));
 
 // `parseInt` method
 // https://tc39.es/ecma262/#sec-parseint-string-radix
-var numberParseInt = FORCED$2 ? function parseInt(string, radix) {
-  var S = trim(toString$2(string));
-  return $parseInt$1(S, (radix >>> 0) || (exec$1(hex, S) ? 16 : 10));
+var numberParseInt = FORCED$5 ? function parseInt(string, radix) {
+  var S = trim(toString$7(string));
+  return $parseInt$1(S, (radix >>> 0) || (exec$3(hex, S) ? 16 : 10));
 } : $parseInt$1;
 
-var $$b = _export;
+var $$g = _export;
 var $parseInt = numberParseInt;
 
 // `parseInt` method
 // https://tc39.es/ecma262/#sec-parseint-string-radix
-$$b({ global: true, forced: parseInt !== $parseInt }, {
+$$g({ global: true, forced: parseInt !== $parseInt }, {
   parseInt: $parseInt
 });
 
-var classof$4 = classofRaw$2;
+var classof$6 = classofRaw$2;
 
 // `IsArray` abstract operation
 // https://tc39.es/ecma262/#sec-isarray
 // eslint-disable-next-line es/no-array-isarray -- safe
-var isArray$1 = Array.isArray || function isArray(argument) {
-  return classof$4(argument) === 'Array';
+var isArray$3 = Array.isArray || function isArray(argument) {
+  return classof$6(argument) === 'Array';
 };
 
-var $$a = _export;
-var uncurryThis$6 = functionUncurryThis;
-var isArray = isArray$1;
+var DESCRIPTORS$3 = descriptors;
+var isArray$2 = isArray$3;
+
+var $TypeError$b = TypeError;
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
+
+// Safari < 13 does not throw an error in this case
+var SILENT_ON_NON_WRITABLE_LENGTH_SET = DESCRIPTORS$3 && !function () {
+  // makes no sense without proper strict mode support
+  if (this !== undefined) return true;
+  try {
+    // eslint-disable-next-line es/no-object-defineproperty -- safe
+    Object.defineProperty([], 'length', { writable: false }).length = 1;
+  } catch (error) {
+    return error instanceof TypeError;
+  }
+}();
+
+var arraySetLength = SILENT_ON_NON_WRITABLE_LENGTH_SET ? function (O, length) {
+  if (isArray$2(O) && !getOwnPropertyDescriptor$1(O, 'length').writable) {
+    throw new $TypeError$b('Cannot set read only .length');
+  } return O.length = length;
+} : function (O, length) {
+  return O.length = length;
+};
 
-var nativeReverse = uncurryThis$6([].reverse);
+var $TypeError$a = TypeError;
+var MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF; // 2 ** 53 - 1 == 9007199254740991
+
+var doesNotExceedSafeInteger$2 = function (it) {
+  if (it > MAX_SAFE_INTEGER) throw $TypeError$a('Maximum allowed index exceeded');
+  return it;
+};
+
+var $$f = _export;
+var toObject$3 = toObject$7;
+var lengthOfArrayLike$4 = lengthOfArrayLike$6;
+var setArrayLength$1 = arraySetLength;
+var doesNotExceedSafeInteger$1 = doesNotExceedSafeInteger$2;
+var fails$d = fails$q;
+
+var INCORRECT_TO_LENGTH = fails$d(function () {
+  return [].push.call({ length: 0x100000000 }, 1) !== 4294967297;
+});
+
+// V8 <= 121 and Safari <= 15.4; FF < 23 throws InternalError
+// https://bugs.chromium.org/p/v8/issues/detail?id=12681
+var properErrorOnNonWritableLength$1 = function () {
+  try {
+    // eslint-disable-next-line es/no-object-defineproperty -- safe
+    Object.defineProperty([], 'length', { writable: false }).push();
+  } catch (error) {
+    return error instanceof TypeError;
+  }
+};
+
+var FORCED$4 = INCORRECT_TO_LENGTH || !properErrorOnNonWritableLength$1();
+
+// `Array.prototype.push` method
+// https://tc39.es/ecma262/#sec-array.prototype.push
+$$f({ target: 'Array', proto: true, arity: 1, forced: FORCED$4 }, {
+  // eslint-disable-next-line no-unused-vars -- required for `.length`
+  push: function push(item) {
+    var O = toObject$3(this);
+    var len = lengthOfArrayLike$4(O);
+    var argCount = arguments.length;
+    doesNotExceedSafeInteger$1(len + argCount);
+    for (var i = 0; i < argCount; i++) {
+      O[len] = arguments[i];
+      len++;
+    }
+    setArrayLength$1(O, len);
+    return len;
+  }
+});
+
+var $$e = _export;
+var uncurryThis$c = functionUncurryThis;
+var isArray$1 = isArray$3;
+
+var nativeReverse = uncurryThis$c([].reverse);
 var test$1 = [1, 2];
 
 // `Array.prototype.reverse` method
 // https://tc39.es/ecma262/#sec-array.prototype.reverse
 // fix for Safari 12.0 bug
 // https://bugs.webkit.org/show_bug.cgi?id=188794
-$$a({ target: 'Array', proto: true, forced: String(test$1) === String(test$1.reverse()) }, {
+$$e({ target: 'Array', proto: true, forced: String(test$1) === String(test$1.reverse()) }, {
   reverse: function reverse() {
     // eslint-disable-next-line no-self-assign -- dirty hack
-    if (isArray(this)) this.length = this.length;
+    if (isArray$1(this)) this.length = this.length;
     return nativeReverse(this);
   }
 });
 
 var tryToString$3 = tryToString$5;
 
-var $TypeError$8 = TypeError;
+var $TypeError$9 = TypeError;
 
-var deletePropertyOrThrow$1 = function (O, P) {
-  if (!delete O[P]) throw new $TypeError$8('Cannot delete property ' + tryToString$3(P) + ' of ' + tryToString$3(O));
+var deletePropertyOrThrow$2 = function (O, P) {
+  if (!delete O[P]) throw new $TypeError$9('Cannot delete property ' + tryToString$3(P) + ' of ' + tryToString$3(O));
 };
 
-var uncurryThis$5 = functionUncurryThis;
+var uncurryThis$b = functionUncurryThis;
 
-var arraySlice$2 = uncurryThis$5([].slice);
+var arraySlice$3 = uncurryThis$b([].slice);
 
-var arraySlice$1 = arraySlice$2;
+var arraySlice$2 = arraySlice$3;
 
 var floor = Math.floor;
 
@@ -2050,8 +2344,8 @@ var sort = function (array, comparefn) {
   } else {
     // merge sort
     var middle = floor(length / 2);
-    var left = sort(arraySlice$1(array, 0, middle), comparefn);
-    var right = sort(arraySlice$1(array, middle), comparefn);
+    var left = sort(arraySlice$2(array, 0, middle), comparefn);
+    var right = sort(arraySlice$2(array, middle), comparefn);
     var llength = left.length;
     var rlength = right.length;
     var lindex = 0;
@@ -2069,11 +2363,11 @@ var sort = function (array, comparefn) {
 
 var arraySort = sort;
 
-var fails$5 = fails$i;
+var fails$c = fails$q;
 
 var arrayMethodIsStrict$2 = function (METHOD_NAME, argument) {
   var method = [][METHOD_NAME];
-  return !!method && fails$5(function () {
+  return !!method && fails$c(function () {
     // eslint-disable-next-line no-useless-call -- required for testing
     method.call(null, argument || function () { return 1; }, 1);
   });
@@ -2095,14 +2389,14 @@ var webkit = userAgent$3.match(/AppleWebKit\/(\d+)\./);
 
 var engineWebkitVersion = !!webkit && +webkit[1];
 
-var $$9 = _export;
-var uncurryThis$4 = functionUncurryThis;
+var $$d = _export;
+var uncurryThis$a = functionUncurryThis;
 var aCallable$7 = aCallable$a;
-var toObject$1 = toObject$5;
-var lengthOfArrayLike$2 = lengthOfArrayLike$4;
-var deletePropertyOrThrow = deletePropertyOrThrow$1;
-var toString$1 = toString$4;
-var fails$4 = fails$i;
+var toObject$2 = toObject$7;
+var lengthOfArrayLike$3 = lengthOfArrayLike$6;
+var deletePropertyOrThrow$1 = deletePropertyOrThrow$2;
+var toString$6 = toString$9;
+var fails$b = fails$q;
 var internalSort = arraySort;
 var arrayMethodIsStrict$1 = arrayMethodIsStrict$2;
 var FF = engineFfVersion;
@@ -2111,21 +2405,21 @@ var V8 = engineV8Version;
 var WEBKIT = engineWebkitVersion;
 
 var test = [];
-var nativeSort = uncurryThis$4(test.sort);
-var push = uncurryThis$4(test.push);
+var nativeSort = uncurryThis$a(test.sort);
+var push$2 = uncurryThis$a(test.push);
 
 // IE8-
-var FAILS_ON_UNDEFINED = fails$4(function () {
+var FAILS_ON_UNDEFINED = fails$b(function () {
   test.sort(undefined);
 });
 // V8 bug
-var FAILS_ON_NULL = fails$4(function () {
+var FAILS_ON_NULL = fails$b(function () {
   test.sort(null);
 });
 // Old WebKit
 var STRICT_METHOD = arrayMethodIsStrict$1('sort');
 
-var STABLE_SORT = !fails$4(function () {
+var STABLE_SORT = !fails$b(function () {
   // feature detection can be too slow, so check engines versions
   if (V8) return V8 < 70;
   if (FF && FF > 3) return;
@@ -2160,53 +2454,53 @@ var STABLE_SORT = !fails$4(function () {
   return result !== 'DGBEFHACIJK';
 });
 
-var FORCED$1 = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;
+var FORCED$3 = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;
 
 var getSortCompare = function (comparefn) {
   return function (x, y) {
     if (y === undefined) return -1;
     if (x === undefined) return 1;
     if (comparefn !== undefined) return +comparefn(x, y) || 0;
-    return toString$1(x) > toString$1(y) ? 1 : -1;
+    return toString$6(x) > toString$6(y) ? 1 : -1;
   };
 };
 
 // `Array.prototype.sort` method
 // https://tc39.es/ecma262/#sec-array.prototype.sort
-$$9({ target: 'Array', proto: true, forced: FORCED$1 }, {
+$$d({ target: 'Array', proto: true, forced: FORCED$3 }, {
   sort: function sort(comparefn) {
     if (comparefn !== undefined) aCallable$7(comparefn);
 
-    var array = toObject$1(this);
+    var array = toObject$2(this);
 
     if (STABLE_SORT) return comparefn === undefined ? nativeSort(array) : nativeSort(array, comparefn);
 
     var items = [];
-    var arrayLength = lengthOfArrayLike$2(array);
+    var arrayLength = lengthOfArrayLike$3(array);
     var itemsLength, index;
 
     for (index = 0; index < arrayLength; index++) {
-      if (index in array) push(items, array[index]);
+      if (index in array) push$2(items, array[index]);
     }
 
     internalSort(items, getSortCompare(comparefn));
 
-    itemsLength = lengthOfArrayLike$2(items);
+    itemsLength = lengthOfArrayLike$3(items);
     index = 0;
 
     while (index < itemsLength) array[index] = items[index++];
-    while (index < arrayLength) deletePropertyOrThrow(array, index++);
+    while (index < arrayLength) deletePropertyOrThrow$1(array, index++);
 
     return array;
   }
 });
 
-var anObject$6 = anObject$c;
+var anObject$8 = anObject$d;
 
 // `RegExp.prototype.flags` getter implementation
 // https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
-var regexpFlags = function () {
-  var that = anObject$6(this);
+var regexpFlags$1 = function () {
+  var that = anObject$8(this);
   var result = '';
   if (that.hasIndices) result += 'd';
   if (that.global) result += 'g';
@@ -2219,61 +2513,45 @@ var regexpFlags = function () {
   return result;
 };
 
-var call$7 = functionCall;
-var hasOwn$1 = hasOwnProperty_1;
-var isPrototypeOf$2 = objectIsPrototypeOf;
-var regExpFlags = regexpFlags;
+var call$c = functionCall;
+var hasOwn$2 = hasOwnProperty_1;
+var isPrototypeOf$3 = objectIsPrototypeOf;
+var regExpFlags = regexpFlags$1;
 
-var RegExpPrototype$1 = RegExp.prototype;
+var RegExpPrototype$2 = RegExp.prototype;
 
 var regexpGetFlags = function (R) {
   var flags = R.flags;
-  return flags === undefined && !('flags' in RegExpPrototype$1) && !hasOwn$1(R, 'flags') && isPrototypeOf$2(RegExpPrototype$1, R)
-    ? call$7(regExpFlags, R) : flags;
+  return flags === undefined && !('flags' in RegExpPrototype$2) && !hasOwn$2(R, 'flags') && isPrototypeOf$3(RegExpPrototype$2, R)
+    ? call$c(regExpFlags, R) : flags;
 };
 
 var PROPER_FUNCTION_NAME = functionName.PROPER;
-var defineBuiltIn$2 = defineBuiltIn$6;
-var anObject$5 = anObject$c;
-var $toString = toString$4;
-var fails$3 = fails$i;
+var defineBuiltIn$3 = defineBuiltIn$7;
+var anObject$7 = anObject$d;
+var $toString = toString$9;
+var fails$a = fails$q;
 var getRegExpFlags = regexpGetFlags;
 
 var TO_STRING = 'toString';
-var RegExpPrototype = RegExp.prototype;
-var nativeToString = RegExpPrototype[TO_STRING];
+var RegExpPrototype$1 = RegExp.prototype;
+var nativeToString = RegExpPrototype$1[TO_STRING];
 
-var NOT_GENERIC = fails$3(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
+var NOT_GENERIC = fails$a(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
 // FF44- RegExp#toString has a wrong name
 var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name !== TO_STRING;
 
 // `RegExp.prototype.toString` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.tostring
 if (NOT_GENERIC || INCORRECT_NAME) {
-  defineBuiltIn$2(RegExpPrototype, TO_STRING, function toString() {
-    var R = anObject$5(this);
+  defineBuiltIn$3(RegExpPrototype$1, TO_STRING, function toString() {
+    var R = anObject$7(this);
     var pattern = $toString(R.source);
     var flags = $toString(getRegExpFlags(R));
     return '/' + pattern + '/' + flags;
   }, { unsafe: true });
 }
 
-/* *
- * 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)
- * */
 /* Function which calculates the distance between two points */
 const distance = (a, b) => {
   return Math.sqrt((a.x - b.x) * (a.x - b.x) + (a.y - b.y) * (a.y - b.y));
@@ -2553,6 +2831,26 @@ var DRAGMODE;
   DRAGMODE["VERTEX"] = "VERTEX";
   DRAGMODE["FEATURE"] = "FEATURE";
 })(DRAGMODE || (DRAGMODE = {}));
+/**
+ * Initializes a new feature for given type
+ * @param type
+ * @returns
+ */
+const getNewFeature = type => {
+  switch (type) {
+    case DRAWMODE.POINT:
+      return cloneDeep(featurePoint);
+    case DRAWMODE.MULTIPOINT:
+      return cloneDeep(featureMultiPoint);
+    case DRAWMODE.POLYGON:
+      return cloneDeep(featurePolygon);
+    case DRAWMODE.BOX:
+      return cloneDeep(featureBox);
+    case DRAWMODE.LINESTRING:
+      return cloneDeep(lineString);
+  }
+  return undefined;
+};
 class MapDraw extends React.PureComponent {
   constructor(props) {
     super(props);
@@ -2625,7 +2923,7 @@ class MapDraw extends React.PureComponent {
     this.mouseDoubleClick = this.mouseDoubleClick.bind(this);
     this.handleDrawMode = this.handleDrawMode.bind(this);
     this.componentCleanup = this.componentCleanup.bind(this);
-    this.initializeFeature = this.initializeFeature.bind(this);
+    this.initializeFeatureCoordinates = this.initializeFeatureCoordinates.bind(this);
     this.validatePolys = this.validatePolys.bind(this);
     this.insertVertexInEdge = this.insertVertexInEdge.bind(this);
     this.createNewFeature = this.createNewFeature.bind(this);
@@ -2633,6 +2931,7 @@ class MapDraw extends React.PureComponent {
     this.addVerticesToPolygonFeature = this.addVerticesToPolygonFeature.bind(this);
     this.checkIfFeatureIsBox = this.checkIfFeatureIsBox.bind(this);
     this.handleGeoJSONUpdate = this.handleGeoJSONUpdate.bind(this);
+    this.handleNewFeatureIndex = this.handleNewFeatureIndex.bind(this);
     this.handleDrawMode(props.drawMode);
     this.textPositions = [];
     this.mouseOverPolygonCoordinates = [];
@@ -2730,7 +3029,7 @@ class MapDraw extends React.PureComponent {
       }
     }
     if (selectedFeatureIndex !== prevSelectedFeatureIndex) {
-      webmapUtils.getWMJSMapById(mapId).draw('MapDraw::componentDidUpdateSelectedFeatureIndex');
+      this.handleNewFeatureIndex();
     }
     /* Handle new drawmode */
     if (drawMode !== prevDrawMode) {
@@ -2747,6 +3046,20 @@ class MapDraw extends React.PureComponent {
       this.handleExitDrawMode('escaped');
     }
   }
+  handleNewFeatureIndex() {
+    var _a;
+    // Another feature was selected. The mouseIsOverVertexNr should be updated
+    const {
+      selectedFeatureIndex,
+      mapId
+    } = this.props;
+    const feature = this.geojson.features[selectedFeatureIndex];
+    if (feature) {
+      const featureCoords = feature.geometry.coordinates;
+      this.mouseIsOverVertexNr = featureCoords.length - 1;
+    }
+    (_a = webmapUtils.getWMJSMapById(mapId)) === null || _a === void 0 ? void 0 : _a.draw('MapDraw::componentDidUpdateSelectedFeatureIndex');
+  }
   /* Converts string input into right drawmode */
   handleDrawMode(_drawMode) {
     if (_drawMode) {
@@ -3080,7 +3393,11 @@ class MapDraw extends React.PureComponent {
     }
     return true;
   }
-  /* This is trigged when a new feature is created.  */
+  /**
+   * This creates a new feature in the geojson features array at the selectedFeatureIndex location
+   * @param event
+   * @returns
+   */
   createNewFeature(event) {
     const {
       mouseX,
@@ -3093,9 +3410,11 @@ class MapDraw extends React.PureComponent {
     const webmapjs = webmapUtils.getWMJSMapById(mapId);
     if (this.myEditMode === EDITMODE.EMPTY) {
       this.myEditMode = EDITMODE.ADD_FEATURE;
-      let feature = this.geojson.features[selectedFeatureIndex];
-      // eslint-disable-next-line no-multi-assign
-      feature = this.geojson.features[selectedFeatureIndex] = this.initializeFeature(feature, this.myDrawMode);
+      if (!this.geojson.features[selectedFeatureIndex]) {
+        this.geojson.features[selectedFeatureIndex] = getNewFeature(this.myDrawMode);
+      }
+      const feature = this.geojson.features[selectedFeatureIndex];
+      this.initializeFeatureCoordinates(feature, this.myDrawMode);
       this.mouseGeoCoord = webmapjs.getLatLongFromPixelCoord({
         x: mouseX,
         y: mouseY
@@ -4300,58 +4619,43 @@ class MapDraw extends React.PureComponent {
     }
     return XYCoords;
   }
-  initializeFeature(feature, type) {
-    if (!feature) {
-      switch (type) {
-        case DRAWMODE.POINT:
-          return cloneDeep(featurePoint);
-        case DRAWMODE.MULTIPOINT:
-          return cloneDeep(featureMultiPoint);
-        case DRAWMODE.POLYGON:
-          return cloneDeep(featurePolygon);
-        case DRAWMODE.BOX:
-          return cloneDeep(featureBox);
-        case DRAWMODE.LINESTRING:
-          return cloneDeep(lineString);
-      }
-    } else {
-      this.validateFeature(feature);
-      // eslint-disable-next-line no-underscore-dangle
-      if (feature.properties._type) {
-        delete feature.properties._type;
-      }
-      // eslint-disable-next-line default-case
-      switch (type) {
-        case DRAWMODE.POINT:
-          feature.geometry.type = 'Point';
-          break;
-        case DRAWMODE.MULTIPOINT:
-          feature.geometry.type = 'MultiPoint';
-          if (feature.geometry.coordinates.length === 0) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            feature.geometry.coordinates.push([]);
-          }
-          break;
-        case DRAWMODE.BOX:
-          feature.geometry.type = 'Polygon';
-          // eslint-disable-next-line no-underscore-dangle
-          feature.properties._type = 'box';
-          break;
-        case DRAWMODE.POLYGON:
-          feature.geometry.type = 'Polygon';
-          if (feature.geometry.coordinates.length === 0) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            feature.geometry.coordinates.push([]);
-          }
-          break;
-        case DRAWMODE.LINESTRING:
-          feature.geometry.type = 'LineString';
-          if (feature.geometry.coordinates.length === 0) {
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            feature.geometry.coordinates.push([]);
-          }
-          break;
-      }
+  initializeFeatureCoordinates(feature, type) {
+    this.validateFeature(feature);
+    // eslint-disable-next-line no-underscore-dangle
+    if (feature.properties._type) {
+      delete feature.properties._type;
+    }
+    // eslint-disable-next-line default-case
+    switch (type) {
+      case DRAWMODE.POINT:
+        feature.geometry.type = 'Point';
+        break;
+      case DRAWMODE.MULTIPOINT:
+        feature.geometry.type = 'MultiPoint';
+        if (feature.geometry.coordinates.length === 0) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          feature.geometry.coordinates.push([]);
+        }
+        break;
+      case DRAWMODE.BOX:
+        feature.geometry.type = 'Polygon';
+        // eslint-disable-next-line no-underscore-dangle
+        feature.properties._type = 'box';
+        break;
+      case DRAWMODE.POLYGON:
+        feature.geometry.type = 'Polygon';
+        if (feature.geometry.coordinates.length === 0) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          feature.geometry.coordinates.push([]);
+        }
+        break;
+      case DRAWMODE.LINESTRING:
+        feature.geometry.type = 'LineString';
+        if (feature.geometry.coordinates.length === 0) {
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          feature.geometry.coordinates.push([]);
+        }
+        break;
     }
     return feature;
   }
@@ -4425,10 +4729,124 @@ const MapDrawContainer = ({
   }));
 })));
 
-const GeoJSONTextField = ({
-  onChangeGeoJSON,
-  geoJSON,
-  title: _title = 'GeoJSON text',
+var NATIVE_BIND$1 = functionBindNative;
+
+var FunctionPrototype = Function.prototype;
+var apply$3 = FunctionPrototype.apply;
+var call$b = FunctionPrototype.call;
+
+// eslint-disable-next-line es/no-reflect -- safe
+var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$1 ? call$b.bind(apply$3) : function () {
+  return call$b.apply(apply$3, arguments);
+});
+
+var uncurryThis$9 = functionUncurryThis;
+var isArray = isArray$3;
+var isCallable$8 = isCallable$n;
+var classof$5 = classofRaw$2;
+var toString$5 = toString$9;
+
+var push$1 = uncurryThis$9([].push);
+
+var getJsonReplacerFunction = function (replacer) {
+  if (isCallable$8(replacer)) return replacer;
+  if (!isArray(replacer)) return;
+  var rawLength = replacer.length;
+  var keys = [];
+  for (var i = 0; i < rawLength; i++) {
+    var element = replacer[i];
+    if (typeof element == 'string') push$1(keys, element);
+    else if (typeof element == 'number' || classof$5(element) === 'Number' || classof$5(element) === 'String') push$1(keys, toString$5(element));
+  }
+  var keysLength = keys.length;
+  var root = true;
+  return function (key, value) {
+    if (root) {
+      root = false;
+      return value;
+    }
+    if (isArray(this)) return value;
+    for (var j = 0; j < keysLength; j++) if (keys[j] === key) return value;
+  };
+};
+
+var $$c = _export;
+var getBuiltIn$5 = getBuiltIn$9;
+var apply$2 = functionApply;
+var call$a = functionCall;
+var uncurryThis$8 = functionUncurryThis;
+var fails$9 = fails$q;
+var isCallable$7 = isCallable$n;
+var isSymbol = isSymbol$3;
+var arraySlice$1 = arraySlice$3;
+var getReplacerFunction = getJsonReplacerFunction;
+var NATIVE_SYMBOL = symbolConstructorDetection;
+
+var $String = String;
+var $stringify = getBuiltIn$5('JSON', 'stringify');
+var exec$2 = uncurryThis$8(/./.exec);
+var charAt$3 = uncurryThis$8(''.charAt);
+var charCodeAt$1 = uncurryThis$8(''.charCodeAt);
+var replace$2 = uncurryThis$8(''.replace);
+var numberToString = uncurryThis$8(1.0.toString);
+
+var tester = /[\uD800-\uDFFF]/g;
+var low = /^[\uD800-\uDBFF]$/;
+var hi = /^[\uDC00-\uDFFF]$/;
+
+var WRONG_SYMBOLS_CONVERSION = !NATIVE_SYMBOL || fails$9(function () {
+  var symbol = getBuiltIn$5('Symbol')('stringify detection');
+  // MS Edge converts symbol values to JSON as {}
+  return $stringify([symbol]) !== '[null]'
+    // WebKit converts symbol values to JSON as null
+    || $stringify({ a: symbol }) !== '{}'
+    // V8 throws on boxed symbols
+    || $stringify(Object(symbol)) !== '{}';
+});
+
+// https://github.com/tc39/proposal-well-formed-stringify
+var ILL_FORMED_UNICODE = fails$9(function () {
+  return $stringify('\uDF06\uD834') !== '"\\udf06\\ud834"'
+    || $stringify('\uDEAD') !== '"\\udead"';
+});
+
+var stringifyWithSymbolsFix = function (it, replacer) {
+  var args = arraySlice$1(arguments);
+  var $replacer = getReplacerFunction(replacer);
+  if (!isCallable$7($replacer) && (it === undefined || isSymbol(it))) return; // IE8 returns string on undefined
+  args[1] = function (key, value) {
+    // some old implementations (like WebKit) could pass numbers as keys
+    if (isCallable$7($replacer)) value = call$a($replacer, this, $String(key), value);
+    if (!isSymbol(value)) return value;
+  };
+  return apply$2($stringify, null, args);
+};
+
+var fixIllFormed = function (match, offset, string) {
+  var prev = charAt$3(string, offset - 1);
+  var next = charAt$3(string, offset + 1);
+  if ((exec$2(low, match) && !exec$2(hi, next)) || (exec$2(hi, match) && !exec$2(low, prev))) {
+    return '\\u' + numberToString(charCodeAt$1(match, 0), 16);
+  } return match;
+};
+
+if ($stringify) {
+  // `JSON.stringify` method
+  // https://tc39.es/ecma262/#sec-json.stringify
+  $$c({ target: 'JSON', stat: true, arity: 3, forced: WRONG_SYMBOLS_CONVERSION || ILL_FORMED_UNICODE }, {
+    // eslint-disable-next-line no-unused-vars -- required for `.length`
+    stringify: function stringify(it, replacer, space) {
+      var args = arraySlice$1(arguments);
+      var result = apply$2(WRONG_SYMBOLS_CONVERSION ? stringifyWithSymbolsFix : $stringify, null, args);
+      return ILL_FORMED_UNICODE && typeof result == 'string' ? replace$2(result, tester, fixIllFormed) : result;
+    }
+  });
+}
+
+const GeoJSONTextField = ({
+  onChangeGeoJSON,
+  geoJSON,
+  title: _title = 'GeoJSON text',
   sx,
   maxRows: _maxRows = 18
 }) => {
@@ -4475,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 {
@@ -4494,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 => {
@@ -4539,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',
@@ -4557,7 +4981,7 @@ const EditModeButton = ({
       position: 'relative',
       fontSize: 14
     }
-  }, "press ESC to exit draw mode")))));
+  }, t('webmap-react-esc'))))));
 };
 
 /* *
@@ -5063,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
@@ -5073,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 => {
@@ -5158,10 +5585,10 @@ const moveFeature = (currentGeoJSON, newGeoJSON, featureLayerIndex, reason, sele
       return newGeoJSON.features.length - 1;
     }
     if (geometry.type === 'LineString' && geometry.coordinates.length > 2 && reason === NEW_LINESTRING_CREATED) {
-      const lastCoordinate = geometry.coordinates.pop();
+      const lastCoordinate = geometry.coordinates.pop() || [0, 0];
       const copyFeature = Object.assign(Object.assign(Object.assign({}, feature), {
         geometry: Object.assign(Object.assign({}, geometry), {
-          coordinates: [lastCoordinate, lastCoordinate]
+          coordinates: [[...lastCoordinate], [...lastCoordinate]]
         })
       }), selectionType && {
         properties: Object.assign(Object.assign({}, feature.properties), {
@@ -5375,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
@@ -6191,20 +6627,229 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var $$8 = _export;
+var defineProperty$1 = objectDefineProperty.f;
+
+var proxyAccessor$1 = function (Target, Source, key) {
+  key in Target || defineProperty$1(Target, key, {
+    configurable: true,
+    get: function () { return Source[key]; },
+    set: function (it) { Source[key] = it; }
+  });
+};
+
+var isCallable$6 = isCallable$n;
+var isObject$4 = isObject$d;
+var setPrototypeOf$2 = objectSetPrototypeOf;
+
+// makes subclassing work correct for wrapped built-ins
+var inheritIfRequired$1 = function ($this, dummy, Wrapper) {
+  var NewTarget, NewTargetPrototype;
+  if (
+    // it can work only with native `setPrototypeOf`
+    setPrototypeOf$2 &&
+    // we haven't completely correct pre-ES6 way for getting `new.target`, so use this
+    isCallable$6(NewTarget = dummy.constructor) &&
+    NewTarget !== Wrapper &&
+    isObject$4(NewTargetPrototype = NewTarget.prototype) &&
+    NewTargetPrototype !== Wrapper.prototype
+  ) setPrototypeOf$2($this, NewTargetPrototype);
+  return $this;
+};
+
+var toString$4 = toString$9;
+
+var normalizeStringArgument$1 = function (argument, $default) {
+  return argument === undefined ? arguments.length < 2 ? '' : $default : toString$4(argument);
+};
+
+var isObject$3 = isObject$d;
+var createNonEnumerableProperty$3 = createNonEnumerableProperty$8;
+
+// `InstallErrorCause` abstract operation
+// https://tc39.es/proposal-error-cause/#sec-errorobjects-install-error-cause
+var installErrorCause$1 = function (O, options) {
+  if (isObject$3(options) && 'cause' in options) {
+    createNonEnumerableProperty$3(O, 'cause', options.cause);
+  }
+};
+
+var uncurryThis$7 = functionUncurryThis;
+
+var $Error = Error;
+var replace$1 = uncurryThis$7(''.replace);
+
+var TEST = (function (arg) { return String(new $Error(arg).stack); })('zxcasd');
+// eslint-disable-next-line redos/no-vulnerable -- safe
+var V8_OR_CHAKRA_STACK_ENTRY = /\n\s*at [^:]*:[^\n]*/;
+var IS_V8_OR_CHAKRA_STACK = V8_OR_CHAKRA_STACK_ENTRY.test(TEST);
+
+var errorStackClear = function (stack, dropEntries) {
+  if (IS_V8_OR_CHAKRA_STACK && typeof stack == 'string' && !$Error.prepareStackTrace) {
+    while (dropEntries--) stack = replace$1(stack, V8_OR_CHAKRA_STACK_ENTRY, '');
+  } return stack;
+};
+
+var fails$8 = fails$q;
+var createPropertyDescriptor = createPropertyDescriptor$4;
+
+var errorStackInstallable = !fails$8(function () {
+  var error = new Error('a');
+  if (!('stack' in error)) return true;
+  // eslint-disable-next-line es/no-object-defineproperty -- safe
+  Object.defineProperty(error, 'stack', createPropertyDescriptor(1, 7));
+  return error.stack !== 7;
+});
+
+var createNonEnumerableProperty$2 = createNonEnumerableProperty$8;
+var clearErrorStack = errorStackClear;
+var ERROR_STACK_INSTALLABLE = errorStackInstallable;
+
+// non-standard V8
+var captureStackTrace = Error.captureStackTrace;
+
+var errorStackInstall = function (error, C, stack, dropEntries) {
+  if (ERROR_STACK_INSTALLABLE) {
+    if (captureStackTrace) captureStackTrace(error, C);
+    else createNonEnumerableProperty$2(error, 'stack', clearErrorStack(stack, dropEntries));
+  }
+};
+
+var getBuiltIn$4 = getBuiltIn$9;
+var hasOwn$1 = hasOwnProperty_1;
+var createNonEnumerableProperty$1 = createNonEnumerableProperty$8;
+var isPrototypeOf$2 = objectIsPrototypeOf;
+var setPrototypeOf$1 = objectSetPrototypeOf;
+var copyConstructorProperties = copyConstructorProperties$2;
+var proxyAccessor = proxyAccessor$1;
+var inheritIfRequired = inheritIfRequired$1;
+var normalizeStringArgument = normalizeStringArgument$1;
+var installErrorCause = installErrorCause$1;
+var installErrorStack = errorStackInstall;
+var DESCRIPTORS$2 = descriptors;
+
+var wrapErrorConstructorWithCause$1 = function (FULL_NAME, wrapper, FORCED, IS_AGGREGATE_ERROR) {
+  var STACK_TRACE_LIMIT = 'stackTraceLimit';
+  var OPTIONS_POSITION = IS_AGGREGATE_ERROR ? 2 : 1;
+  var path = FULL_NAME.split('.');
+  var ERROR_NAME = path[path.length - 1];
+  var OriginalError = getBuiltIn$4.apply(null, path);
+
+  if (!OriginalError) return;
+
+  var OriginalErrorPrototype = OriginalError.prototype;
+
+  // V8 9.3- bug https://bugs.chromium.org/p/v8/issues/detail?id=12006
+  if (hasOwn$1(OriginalErrorPrototype, 'cause')) delete OriginalErrorPrototype.cause;
+
+  if (!FORCED) return OriginalError;
+
+  var BaseError = getBuiltIn$4('Error');
+
+  var WrappedError = wrapper(function (a, b) {
+    var message = normalizeStringArgument(IS_AGGREGATE_ERROR ? b : a, undefined);
+    var result = IS_AGGREGATE_ERROR ? new OriginalError(a) : new OriginalError();
+    if (message !== undefined) createNonEnumerableProperty$1(result, 'message', message);
+    installErrorStack(result, WrappedError, result.stack, 2);
+    if (this && isPrototypeOf$2(OriginalErrorPrototype, this)) inheritIfRequired(result, this, WrappedError);
+    if (arguments.length > OPTIONS_POSITION) installErrorCause(result, arguments[OPTIONS_POSITION]);
+    return result;
+  });
+
+  WrappedError.prototype = OriginalErrorPrototype;
+
+  if (ERROR_NAME !== 'Error') {
+    if (setPrototypeOf$1) setPrototypeOf$1(WrappedError, BaseError);
+    else copyConstructorProperties(WrappedError, BaseError, { name: true });
+  } else if (DESCRIPTORS$2 && STACK_TRACE_LIMIT in OriginalError) {
+    proxyAccessor(WrappedError, OriginalError, STACK_TRACE_LIMIT);
+    proxyAccessor(WrappedError, OriginalError, 'prepareStackTrace');
+  }
+
+  copyConstructorProperties(WrappedError, OriginalError);
+
+  try {
+    // Safari 13- bug: WebAssembly errors does not have a proper `.name`
+    if (OriginalErrorPrototype.name !== ERROR_NAME) {
+      createNonEnumerableProperty$1(OriginalErrorPrototype, 'name', ERROR_NAME);
+    }
+    OriginalErrorPrototype.constructor = WrappedError;
+  } catch (error) { /* empty */ }
+
+  return WrappedError;
+};
+
+/* eslint-disable no-unused-vars -- required for functions `.length` */
+var $$b = _export;
+var global$b = global$n;
+var apply$1 = functionApply;
+var wrapErrorConstructorWithCause = wrapErrorConstructorWithCause$1;
+
+var WEB_ASSEMBLY = 'WebAssembly';
+var WebAssembly = global$b[WEB_ASSEMBLY];
+
+// eslint-disable-next-line es/no-error-cause -- feature detection
+var FORCED$2 = new Error('e', { cause: 7 }).cause !== 7;
+
+var exportGlobalErrorCauseWrapper = function (ERROR_NAME, wrapper) {
+  var O = {};
+  O[ERROR_NAME] = wrapErrorConstructorWithCause(ERROR_NAME, wrapper, FORCED$2);
+  $$b({ global: true, constructor: true, arity: 1, forced: FORCED$2 }, O);
+};
+
+var exportWebAssemblyErrorCauseWrapper = function (ERROR_NAME, wrapper) {
+  if (WebAssembly && WebAssembly[ERROR_NAME]) {
+    var O = {};
+    O[ERROR_NAME] = wrapErrorConstructorWithCause(WEB_ASSEMBLY + '.' + ERROR_NAME, wrapper, FORCED$2);
+    $$b({ target: WEB_ASSEMBLY, stat: true, constructor: true, arity: 1, forced: FORCED$2 }, O);
+  }
+};
+
+// https://tc39.es/ecma262/#sec-nativeerror
+exportGlobalErrorCauseWrapper('Error', function (init) {
+  return function Error(message) { return apply$1(init, this, arguments); };
+});
+exportGlobalErrorCauseWrapper('EvalError', function (init) {
+  return function EvalError(message) { return apply$1(init, this, arguments); };
+});
+exportGlobalErrorCauseWrapper('RangeError', function (init) {
+  return function RangeError(message) { return apply$1(init, this, arguments); };
+});
+exportGlobalErrorCauseWrapper('ReferenceError', function (init) {
+  return function ReferenceError(message) { return apply$1(init, this, arguments); };
+});
+exportGlobalErrorCauseWrapper('SyntaxError', function (init) {
+  return function SyntaxError(message) { return apply$1(init, this, arguments); };
+});
+exportGlobalErrorCauseWrapper('TypeError', function (init) {
+  return function TypeError(message) { return apply$1(init, this, arguments); };
+});
+exportGlobalErrorCauseWrapper('URIError', function (init) {
+  return function URIError(message) { return apply$1(init, this, arguments); };
+});
+exportWebAssemblyErrorCauseWrapper('CompileError', function (init) {
+  return function CompileError(message) { return apply$1(init, this, arguments); };
+});
+exportWebAssemblyErrorCauseWrapper('LinkError', function (init) {
+  return function LinkError(message) { return apply$1(init, this, arguments); };
+});
+exportWebAssemblyErrorCauseWrapper('RuntimeError', function (init) {
+  return function RuntimeError(message) { return apply$1(init, this, arguments); };
+});
+
+var $$a = _export;
 var $includes = arrayIncludes.includes;
-var fails$2 = fails$i;
+var fails$7 = fails$q;
 var addToUnscopables = addToUnscopables$2;
 
 // FF99+ bug
-var BROKEN_ON_SPARSE = fails$2(function () {
+var BROKEN_ON_SPARSE = fails$7(function () {
   // eslint-disable-next-line es/no-array-prototype-includes -- detection
   return !Array(1).includes();
 });
 
 // `Array.prototype.includes` method
 // https://tc39.es/ecma262/#sec-array.prototype.includes
-$$8({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+$$a({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
   includes: function includes(el /* , fromIndex = 0 */) {
     return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -6214,19 +6859,22 @@ $$8({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
 addToUnscopables('includes');
 
 var aCallable$6 = aCallable$a;
-var toObject = toObject$5;
+var toObject$1 = toObject$7;
 var IndexedObject = indexedObject;
-var lengthOfArrayLike$1 = lengthOfArrayLike$4;
+var lengthOfArrayLike$2 = lengthOfArrayLike$6;
 
-var $TypeError$7 = TypeError;
+var $TypeError$8 = TypeError;
+
+var REDUCE_EMPTY = 'Reduce of empty array with no initial value';
 
 // `Array.prototype.{ reduce, reduceRight }` methods implementation
-var createMethod = function (IS_RIGHT) {
+var createMethod$1 = function (IS_RIGHT) {
   return function (that, callbackfn, argumentsLength, memo) {
-    var O = toObject(that);
+    var O = toObject$1(that);
     var self = IndexedObject(O);
-    var length = lengthOfArrayLike$1(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) {
@@ -6237,7 +6885,7 @@ var createMethod = function (IS_RIGHT) {
       }
       index += i;
       if (IS_RIGHT ? index < 0 : length <= index) {
-        throw new $TypeError$7('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) {
@@ -6250,18 +6898,18 @@ var createMethod = function (IS_RIGHT) {
 var arrayReduce = {
   // `Array.prototype.reduce` method
   // https://tc39.es/ecma262/#sec-array.prototype.reduce
-  left: createMethod(false),
+  left: createMethod$1(false),
   // `Array.prototype.reduceRight` method
   // https://tc39.es/ecma262/#sec-array.prototype.reduceright
-  right: createMethod(true)
+  right: createMethod$1(true)
 };
 
-var global$7 = global$k;
-var classof$3 = classofRaw$2;
+var global$a = global$n;
+var classof$4 = classofRaw$2;
 
-var engineIsNode = classof$3(global$7.process) === 'process';
+var engineIsNode = classof$4(global$a.process) === 'process';
 
-var $$7 = _export;
+var $$9 = _export;
 var $reduce = arrayReduce.left;
 var arrayMethodIsStrict = arrayMethodIsStrict$2;
 var CHROME_VERSION = engineV8Version;
@@ -6270,17 +6918,62 @@ var IS_NODE$4 = engineIsNode;
 // Chrome 80-82 has a critical bug
 // https://bugs.chromium.org/p/chromium/issues/detail?id=1049982
 var CHROME_BUG = !IS_NODE$4 && CHROME_VERSION > 79 && CHROME_VERSION < 83;
-var FORCED = CHROME_BUG || !arrayMethodIsStrict('reduce');
+var FORCED$1 = CHROME_BUG || !arrayMethodIsStrict('reduce');
 
 // `Array.prototype.reduce` method
 // https://tc39.es/ecma262/#sec-array.prototype.reduce
-$$7({ target: 'Array', proto: true, forced: FORCED }, {
+$$9({ target: 'Array', proto: true, forced: FORCED$1 }, {
   reduce: function reduce(callbackfn /* , initialValue */) {
     var length = arguments.length;
     return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);
   }
 });
 
+var $$8 = _export;
+var toObject = toObject$7;
+var lengthOfArrayLike$1 = lengthOfArrayLike$6;
+var setArrayLength = arraySetLength;
+var deletePropertyOrThrow = deletePropertyOrThrow$2;
+var doesNotExceedSafeInteger = doesNotExceedSafeInteger$2;
+
+// IE8-
+var INCORRECT_RESULT = [].unshift(0) !== 1;
+
+// V8 ~ Chrome < 71 and Safari <= 15.4, FF < 23 throws InternalError
+var properErrorOnNonWritableLength = function () {
+  try {
+    // eslint-disable-next-line es/no-object-defineproperty -- safe
+    Object.defineProperty([], 'length', { writable: false }).unshift();
+  } catch (error) {
+    return error instanceof TypeError;
+  }
+};
+
+var FORCED = INCORRECT_RESULT || !properErrorOnNonWritableLength();
+
+// `Array.prototype.unshift` method
+// https://tc39.es/ecma262/#sec-array.prototype.unshift
+$$8({ target: 'Array', proto: true, arity: 1, forced: FORCED }, {
+  // eslint-disable-next-line no-unused-vars -- required for `.length`
+  unshift: function unshift(item) {
+    var O = toObject(this);
+    var len = lengthOfArrayLike$1(O);
+    var argCount = arguments.length;
+    if (argCount) {
+      doesNotExceedSafeInteger(len + argCount);
+      var k = len;
+      while (k--) {
+        var to = k + argCount;
+        if (k in O) O[to] = O[k];
+        else deletePropertyOrThrow(O, to);
+      }
+      for (var j = 0; j < argCount; j++) {
+        O[j] = arguments[j];
+      }
+    } return setArrayLength(O, len + argCount);
+  }
+});
+
 var makeBuiltIn = makeBuiltIn$3.exports;
 var defineProperty = objectDefineProperty;
 
@@ -6290,18 +6983,18 @@ var defineBuiltInAccessor$1 = function (target, name, descriptor) {
   return defineProperty.f(target, name, descriptor);
 };
 
-var getBuiltIn$3 = getBuiltIn$7;
+var getBuiltIn$3 = getBuiltIn$9;
 var defineBuiltInAccessor = defineBuiltInAccessor$1;
-var wellKnownSymbol$7 = wellKnownSymbol$g;
+var wellKnownSymbol$8 = wellKnownSymbol$h;
 var DESCRIPTORS$1 = descriptors;
 
-var SPECIES$2 = wellKnownSymbol$7('species');
+var SPECIES$3 = wellKnownSymbol$8('species');
 
 var setSpecies$1 = function (CONSTRUCTOR_NAME) {
   var Constructor = getBuiltIn$3(CONSTRUCTOR_NAME);
 
-  if (DESCRIPTORS$1 && Constructor && !Constructor[SPECIES$2]) {
-    defineBuiltInAccessor(Constructor, SPECIES$2, {
+  if (DESCRIPTORS$1 && Constructor && !Constructor[SPECIES$3]) {
+    defineBuiltInAccessor(Constructor, SPECIES$3, {
       configurable: true,
       get: function () { return this; }
     });
@@ -6310,28 +7003,28 @@ var setSpecies$1 = function (CONSTRUCTOR_NAME) {
 
 var isPrototypeOf$1 = objectIsPrototypeOf;
 
-var $TypeError$6 = TypeError;
+var $TypeError$7 = TypeError;
 
 var anInstance$1 = function (it, Prototype) {
   if (isPrototypeOf$1(Prototype, it)) return it;
-  throw new $TypeError$6('Incorrect invocation');
+  throw new $TypeError$7('Incorrect invocation');
 };
 
-var uncurryThis$3 = functionUncurryThis;
-var fails$1 = fails$i;
-var isCallable$4 = isCallable$j;
-var classof$2 = classof$6;
-var getBuiltIn$2 = getBuiltIn$7;
+var uncurryThis$6 = functionUncurryThis;
+var fails$6 = fails$q;
+var isCallable$5 = isCallable$n;
+var classof$3 = classof$8;
+var getBuiltIn$2 = getBuiltIn$9;
 var inspectSource$1 = inspectSource$3;
 
 var noop = function () { /* empty */ };
 var construct = getBuiltIn$2('Reflect', 'construct');
 var constructorRegExp = /^\s*(?:class|function)\b/;
-var exec = uncurryThis$3(constructorRegExp.exec);
+var exec$1 = uncurryThis$6(constructorRegExp.exec);
 var INCORRECT_TO_STRING = !constructorRegExp.test(noop);
 
 var isConstructorModern = function isConstructor(argument) {
-  if (!isCallable$4(argument)) return false;
+  if (!isCallable$5(argument)) return false;
   try {
     construct(noop, [], argument);
     return true;
@@ -6341,8 +7034,8 @@ var isConstructorModern = function isConstructor(argument) {
 };
 
 var isConstructorLegacy = function isConstructor(argument) {
-  if (!isCallable$4(argument)) return false;
-  switch (classof$2(argument)) {
+  if (!isCallable$5(argument)) return false;
+  switch (classof$3(argument)) {
     case 'AsyncFunction':
     case 'GeneratorFunction':
     case 'AsyncGeneratorFunction': return false;
@@ -6351,7 +7044,7 @@ var isConstructorLegacy = function isConstructor(argument) {
     // we can't check .prototype since constructors produced by .bind haven't it
     // `Function#toString` throws on some built-it function in some legacy engines
     // (for example, `DOMQuad` and similar in FF41-)
-    return INCORRECT_TO_STRING || !!exec(constructorRegExp, inspectSource$1(argument));
+    return INCORRECT_TO_STRING || !!exec$1(constructorRegExp, inspectSource$1(argument));
   } catch (error) {
     return true;
   }
@@ -6361,7 +7054,7 @@ isConstructorLegacy.sham = true;
 
 // `IsConstructor` abstract operation
 // https://tc39.es/ecma262/#sec-isconstructor
-var isConstructor$1 = !construct || fails$1(function () {
+var isConstructor$1 = !construct || fails$6(function () {
   var called;
   return isConstructorModern(isConstructorModern.call)
     || !isConstructorModern(Object)
@@ -6372,55 +7065,44 @@ var isConstructor$1 = !construct || fails$1(function () {
 var isConstructor = isConstructor$1;
 var tryToString$2 = tryToString$5;
 
-var $TypeError$5 = TypeError;
+var $TypeError$6 = TypeError;
 
 // `Assert: IsConstructor(argument) is true`
 var aConstructor$1 = function (argument) {
   if (isConstructor(argument)) return argument;
-  throw new $TypeError$5(tryToString$2(argument) + ' is not a constructor');
+  throw new $TypeError$6(tryToString$2(argument) + ' is not a constructor');
 };
 
-var anObject$4 = anObject$c;
+var anObject$6 = anObject$d;
 var aConstructor = aConstructor$1;
-var isNullOrUndefined$1 = isNullOrUndefined$4;
-var wellKnownSymbol$6 = wellKnownSymbol$g;
+var isNullOrUndefined$2 = isNullOrUndefined$5;
+var wellKnownSymbol$7 = wellKnownSymbol$h;
 
-var SPECIES$1 = wellKnownSymbol$6('species');
+var SPECIES$2 = wellKnownSymbol$7('species');
 
 // `SpeciesConstructor` abstract operation
 // https://tc39.es/ecma262/#sec-speciesconstructor
-var speciesConstructor$1 = function (O, defaultConstructor) {
-  var C = anObject$4(O).constructor;
+var speciesConstructor$2 = function (O, defaultConstructor) {
+  var C = anObject$6(O).constructor;
   var S;
-  return C === undefined || isNullOrUndefined$1(S = anObject$4(C)[SPECIES$1]) ? defaultConstructor : aConstructor(S);
+  return C === undefined || isNullOrUndefined$2(S = anObject$6(C)[SPECIES$2]) ? defaultConstructor : aConstructor(S);
 };
 
-var NATIVE_BIND$1 = functionBindNative;
-
-var FunctionPrototype = Function.prototype;
-var apply$1 = FunctionPrototype.apply;
-var call$6 = FunctionPrototype.call;
-
-// eslint-disable-next-line es/no-reflect -- safe
-var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$1 ? call$6.bind(apply$1) : function () {
-  return call$6.apply(apply$1, arguments);
-});
-
 var classofRaw = classofRaw$2;
-var uncurryThis$2 = functionUncurryThis;
+var uncurryThis$5 = functionUncurryThis;
 
 var functionUncurryThisClause = function (fn) {
   // Nashorn bug:
   //   https://github.com/zloirock/core-js/issues/1128
   //   https://github.com/zloirock/core-js/issues/1130
-  if (classofRaw(fn) === 'Function') return uncurryThis$2(fn);
+  if (classofRaw(fn) === 'Function') return uncurryThis$5(fn);
 };
 
-var uncurryThis$1 = functionUncurryThisClause;
+var uncurryThis$4 = functionUncurryThisClause;
 var aCallable$5 = aCallable$a;
 var NATIVE_BIND = functionBindNative;
 
-var bind$4 = uncurryThis$1(uncurryThis$1.bind);
+var bind$4 = uncurryThis$4(uncurryThis$4.bind);
 
 // optional / simple context binding
 var functionBindContext = function (fn, that) {
@@ -6430,10 +7112,10 @@ var functionBindContext = function (fn, that) {
   };
 };
 
-var $TypeError$4 = TypeError;
+var $TypeError$5 = TypeError;
 
 var validateArgumentsLength$1 = function (passed, required) {
-  if (passed < required) throw new $TypeError$4('Not enough arguments');
+  if (passed < required) throw new $TypeError$5('Not enough arguments');
   return passed;
 };
 
@@ -6442,34 +7124,34 @@ var userAgent$2 = engineUserAgent;
 // eslint-disable-next-line redos/no-vulnerable -- safe
 var engineIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent$2);
 
-var global$6 = global$k;
+var global$9 = global$n;
 var apply = functionApply;
 var bind$3 = functionBindContext;
-var isCallable$3 = isCallable$j;
+var isCallable$4 = isCallable$n;
 var hasOwn = hasOwnProperty_1;
-var fails = fails$i;
+var fails$5 = fails$q;
 var html = html$2;
-var arraySlice = arraySlice$2;
+var arraySlice = arraySlice$3;
 var createElement = documentCreateElement$2;
 var validateArgumentsLength = validateArgumentsLength$1;
 var IS_IOS$1 = engineIsIos;
 var IS_NODE$3 = engineIsNode;
 
-var set = global$6.setImmediate;
-var clear = global$6.clearImmediate;
-var process$2 = global$6.process;
-var Dispatch = global$6.Dispatch;
-var Function$1 = global$6.Function;
-var MessageChannel = global$6.MessageChannel;
-var String$1 = global$6.String;
+var set = global$9.setImmediate;
+var clear = global$9.clearImmediate;
+var process$2 = global$9.process;
+var Dispatch = global$9.Dispatch;
+var Function$1 = global$9.Function;
+var MessageChannel = global$9.MessageChannel;
+var String$1 = global$9.String;
 var counter = 0;
 var queue$2 = {};
 var ONREADYSTATECHANGE = 'onreadystatechange';
 var $location, defer, channel, port;
 
-fails(function () {
+fails$5(function () {
   // Deno throws a ReferenceError on `location` access without `--location` flag
-  $location = global$6.location;
+  $location = global$9.location;
 });
 
 var run = function (id) {
@@ -6492,14 +7174,14 @@ var eventListener = function (event) {
 
 var globalPostMessageDefer = function (id) {
   // old engines have not location.origin
-  global$6.postMessage(String$1(id), $location.protocol + '//' + $location.host);
+  global$9.postMessage(String$1(id), $location.protocol + '//' + $location.host);
 };
 
 // Node.js 0.9+ & IE10+ has setImmediate, otherwise:
 if (!set || !clear) {
   set = function setImmediate(handler) {
     validateArgumentsLength(arguments.length, 1);
-    var fn = isCallable$3(handler) ? handler : Function$1(handler);
+    var fn = isCallable$4(handler) ? handler : Function$1(handler);
     var args = arraySlice(arguments, 1);
     queue$2[++counter] = function () {
       apply(fn, undefined, args);
@@ -6530,14 +7212,14 @@ if (!set || !clear) {
   // Browsers with postMessage, skip WebWorkers
   // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
   } else if (
-    global$6.addEventListener &&
-    isCallable$3(global$6.postMessage) &&
-    !global$6.importScripts &&
+    global$9.addEventListener &&
+    isCallable$4(global$9.postMessage) &&
+    !global$9.importScripts &&
     $location && $location.protocol !== 'file:' &&
-    !fails(globalPostMessageDefer)
+    !fails$5(globalPostMessageDefer)
   ) {
     defer = globalPostMessageDefer;
-    global$6.addEventListener('message', eventListener, false);
+    global$9.addEventListener('message', eventListener, false);
   // IE8-
   } else if (ONREADYSTATECHANGE in createElement('script')) {
     defer = function (id) {
@@ -6559,7 +7241,7 @@ var task$1 = {
   clear: clear
 };
 
-var global$5 = global$k;
+var global$8 = global$n;
 var DESCRIPTORS = descriptors;
 
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -6567,8 +7249,8 @@ var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
 
 // Avoid NodeJS experimental warning
 var safeGetBuiltIn$1 = function (name) {
-  if (!DESCRIPTORS) return global$5[name];
-  var descriptor = getOwnPropertyDescriptor(global$5, name);
+  if (!DESCRIPTORS) return global$8[name];
+  var descriptor = getOwnPropertyDescriptor(global$8, name);
   return descriptor && descriptor.value;
 };
 
@@ -6605,7 +7287,7 @@ var userAgent = engineUserAgent;
 
 var engineIsWebosWebkit = /web0s(?!.*chrome)/i.test(userAgent);
 
-var global$4 = global$k;
+var global$7 = global$n;
 var safeGetBuiltIn = safeGetBuiltIn$1;
 var bind$2 = functionBindContext;
 var macrotask = task$1.set;
@@ -6615,10 +7297,10 @@ var IS_IOS_PEBBLE = engineIsIosPebble;
 var IS_WEBOS_WEBKIT = engineIsWebosWebkit;
 var IS_NODE$2 = engineIsNode;
 
-var MutationObserver = global$4.MutationObserver || global$4.WebKitMutationObserver;
-var document$2 = global$4.document;
-var process$1 = global$4.process;
-var Promise$1 = global$4.Promise;
+var MutationObserver = global$7.MutationObserver || global$7.WebKitMutationObserver;
+var document$2 = global$7.document;
+var process$1 = global$7.process;
+var Promise$1 = global$7.Promise;
 var microtask$1 = safeGetBuiltIn('queueMicrotask');
 var notify$1, toggle, node, promise, then;
 
@@ -6670,7 +7352,7 @@ if (!microtask$1) {
   // - setTimeout
   } else {
     // `webpack` dev server bug on IE global methods - use bind(fn, global)
-    macrotask = bind$2(macrotask, global$4);
+    macrotask = bind$2(macrotask, global$7);
     notify$1 = function () {
       macrotask(flush);
     };
@@ -6699,9 +7381,9 @@ var perform$3 = function (exec) {
   }
 };
 
-var global$3 = global$k;
+var global$6 = global$n;
 
-var promiseNativeConstructor = global$3.Promise;
+var promiseNativeConstructor = global$6.Promise;
 
 /* global Deno -- Deno case */
 var engineIsDeno = typeof Deno == 'object' && Deno && typeof Deno.version == 'object';
@@ -6713,20 +7395,20 @@ var engineIsBrowser = !IS_DENO$1 && !IS_NODE$1
   && typeof window == 'object'
   && typeof document == 'object';
 
-var global$2 = global$k;
+var global$5 = global$n;
 var NativePromiseConstructor$3 = promiseNativeConstructor;
-var isCallable$2 = isCallable$j;
+var isCallable$3 = isCallable$n;
 var isForced = isForced_1;
 var inspectSource = inspectSource$3;
-var wellKnownSymbol$5 = wellKnownSymbol$g;
+var wellKnownSymbol$6 = wellKnownSymbol$h;
 var IS_BROWSER = engineIsBrowser;
 var IS_DENO = engineIsDeno;
 var V8_VERSION = engineV8Version;
 
 NativePromiseConstructor$3 && NativePromiseConstructor$3.prototype;
-var SPECIES = wellKnownSymbol$5('species');
+var SPECIES$1 = wellKnownSymbol$6('species');
 var SUBCLASSING = false;
-var NATIVE_PROMISE_REJECTION_EVENT$1 = isCallable$2(global$2.PromiseRejectionEvent);
+var NATIVE_PROMISE_REJECTION_EVENT$1 = isCallable$3(global$5.PromiseRejectionEvent);
 
 var FORCED_PROMISE_CONSTRUCTOR$5 = isForced('Promise', function () {
   var PROMISE_CONSTRUCTOR_SOURCE = inspectSource(NativePromiseConstructor$3);
@@ -6745,7 +7427,7 @@ var FORCED_PROMISE_CONSTRUCTOR$5 = isForced('Promise', function () {
       exec(function () { /* empty */ }, function () { /* empty */ });
     };
     var constructor = promise.constructor = {};
-    constructor[SPECIES] = FakePromise;
+    constructor[SPECIES$1] = FakePromise;
     SUBCLASSING = promise.then(function () { /* empty */ }) instanceof FakePromise;
     if (!SUBCLASSING) return true;
   // Unhandled rejections tracking support, NodeJS Promise without it fails @@species test
@@ -6762,12 +7444,12 @@ var newPromiseCapability$2 = {};
 
 var aCallable$4 = aCallable$a;
 
-var $TypeError$3 = TypeError;
+var $TypeError$4 = TypeError;
 
 var PromiseCapability = function (C) {
   var resolve, reject;
   this.promise = new C(function ($$resolve, $$reject) {
-    if (resolve !== undefined || reject !== undefined) throw new $TypeError$3('Bad Promise constructor');
+    if (resolve !== undefined || reject !== undefined) throw new $TypeError$4('Bad Promise constructor');
     resolve = $$resolve;
     reject = $$reject;
   });
@@ -6781,19 +7463,19 @@ newPromiseCapability$2.f = function (C) {
   return new PromiseCapability(C);
 };
 
-var $$6 = _export;
+var $$7 = _export;
 var IS_NODE = engineIsNode;
-var global$1 = global$k;
-var call$5 = functionCall;
-var defineBuiltIn$1 = defineBuiltIn$6;
+var global$4 = global$n;
+var call$9 = functionCall;
+var defineBuiltIn$2 = defineBuiltIn$7;
 var setPrototypeOf = objectSetPrototypeOf;
 var setToStringTag = setToStringTag$4;
 var setSpecies = setSpecies$1;
 var aCallable$3 = aCallable$a;
-var isCallable$1 = isCallable$j;
-var isObject$2 = isObject$a;
+var isCallable$2 = isCallable$n;
+var isObject$2 = isObject$d;
 var anInstance = anInstance$1;
-var speciesConstructor = speciesConstructor$1;
+var speciesConstructor$1 = speciesConstructor$2;
 var task = task$1.set;
 var microtask = microtask_1;
 var hostReportErrors = hostReportErrors$1;
@@ -6813,13 +7495,13 @@ var setInternalState = InternalStateModule.set;
 var NativePromisePrototype$1 = NativePromiseConstructor$2 && NativePromiseConstructor$2.prototype;
 var PromiseConstructor = NativePromiseConstructor$2;
 var PromisePrototype = NativePromisePrototype$1;
-var TypeError$1 = global$1.TypeError;
-var document$1 = global$1.document;
-var process = global$1.process;
+var TypeError$1 = global$4.TypeError;
+var document$1 = global$4.document;
+var process = global$4.process;
 var newPromiseCapability$1 = newPromiseCapabilityModule$3.f;
 var newGenericPromiseCapability = newPromiseCapability$1;
 
-var DISPATCH_EVENT = !!(document$1 && document$1.createEvent && global$1.dispatchEvent);
+var DISPATCH_EVENT = !!(document$1 && document$1.createEvent && global$4.dispatchEvent);
 var UNHANDLED_REJECTION = 'unhandledrejection';
 var REJECTION_HANDLED = 'rejectionhandled';
 var PENDING = 0;
@@ -6833,7 +7515,7 @@ var Internal, OwnPromiseCapability, PromiseWrapper, nativeThen;
 // helpers
 var isThenable = function (it) {
   var then;
-  return isObject$2(it) && isCallable$1(then = it.then) ? then : false;
+  return isObject$2(it) && isCallable$2(then = it.then) ? then : false;
 };
 
 var callReaction = function (reaction, state) {
@@ -6862,7 +7544,7 @@ var callReaction = function (reaction, state) {
       if (result === reaction.promise) {
         reject(new TypeError$1('Promise-chain cycle'));
       } else if (then = isThenable(result)) {
-        call$5(then, result, resolve, reject);
+        call$9(then, result, resolve, reject);
       } else resolve(result);
     } else reject(value);
   } catch (error) {
@@ -6892,14 +7574,14 @@ var dispatchEvent = function (name, promise, reason) {
     event.promise = promise;
     event.reason = reason;
     event.initEvent(name, false, true);
-    global$1.dispatchEvent(event);
+    global$4.dispatchEvent(event);
   } else event = { promise: promise, reason: reason };
-  if (!NATIVE_PROMISE_REJECTION_EVENT && (handler = global$1['on' + name])) handler(event);
+  if (!NATIVE_PROMISE_REJECTION_EVENT && (handler = global$4['on' + name])) handler(event);
   else if (name === UNHANDLED_REJECTION) hostReportErrors('Unhandled promise rejection', reason);
 };
 
 var onUnhandled = function (state) {
-  call$5(task, global$1, function () {
+  call$9(task, global$4, function () {
     var promise = state.facade;
     var value = state.value;
     var IS_UNHANDLED = isUnhandled(state);
@@ -6922,7 +7604,7 @@ var isUnhandled = function (state) {
 };
 
 var onHandleUnhandled = function (state) {
-  call$5(task, global$1, function () {
+  call$9(task, global$4, function () {
     var promise = state.facade;
     if (IS_NODE) {
       process.emit('rejectionHandled', promise);
@@ -6956,7 +7638,7 @@ var internalResolve = function (state, value, unwrap) {
       microtask(function () {
         var wrapper = { done: false };
         try {
-          call$5(then, value,
+          call$9(then, value,
             bind$1(internalResolve, wrapper, state),
             bind$1(internalReject, wrapper, state)
           );
@@ -6980,7 +7662,7 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
   PromiseConstructor = function Promise(executor) {
     anInstance(this, PromisePrototype);
     aCallable$3(executor);
-    call$5(Internal, this);
+    call$9(Internal, this);
     var state = getInternalPromiseState(this);
     try {
       executor(bind$1(internalResolve, state), bind$1(internalReject, state));
@@ -7007,12 +7689,12 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
 
   // `Promise.prototype.then` method
   // https://tc39.es/ecma262/#sec-promise.prototype.then
-  Internal.prototype = defineBuiltIn$1(PromisePrototype, 'then', function then(onFulfilled, onRejected) {
+  Internal.prototype = defineBuiltIn$2(PromisePrototype, 'then', function then(onFulfilled, onRejected) {
     var state = getInternalPromiseState(this);
-    var reaction = newPromiseCapability$1(speciesConstructor(this, PromiseConstructor));
+    var reaction = newPromiseCapability$1(speciesConstructor$1(this, PromiseConstructor));
     state.parent = true;
-    reaction.ok = isCallable$1(onFulfilled) ? onFulfilled : true;
-    reaction.fail = isCallable$1(onRejected) && onRejected;
+    reaction.ok = isCallable$2(onFulfilled) ? onFulfilled : true;
+    reaction.fail = isCallable$2(onRejected) && onRejected;
     reaction.domain = IS_NODE ? process.domain : undefined;
     if (state.state === PENDING) state.reactions.add(reaction);
     else microtask(function () {
@@ -7035,15 +7717,15 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
       : newGenericPromiseCapability(C);
   };
 
-  if (isCallable$1(NativePromiseConstructor$2) && NativePromisePrototype$1 !== Object.prototype) {
+  if (isCallable$2(NativePromiseConstructor$2) && NativePromisePrototype$1 !== Object.prototype) {
     nativeThen = NativePromisePrototype$1.then;
 
     if (!NATIVE_PROMISE_SUBCLASSING) {
       // make `Promise#then` return a polyfilled `Promise` for native promise-based APIs
-      defineBuiltIn$1(NativePromisePrototype$1, 'then', function then(onFulfilled, onRejected) {
+      defineBuiltIn$2(NativePromisePrototype$1, 'then', function then(onFulfilled, onRejected) {
         var that = this;
         return new PromiseConstructor(function (resolve, reject) {
-          call$5(nativeThen, that, resolve, reject);
+          call$9(nativeThen, that, resolve, reject);
         }).then(onFulfilled, onRejected);
       // https://github.com/zloirock/core-js/issues/640
       }, { unsafe: true });
@@ -7061,17 +7743,17 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
   }
 }
 
-$$6({ global: true, constructor: true, wrap: true, forced: FORCED_PROMISE_CONSTRUCTOR$4 }, {
+$$7({ global: true, constructor: true, wrap: true, forced: FORCED_PROMISE_CONSTRUCTOR$4 }, {
   Promise: PromiseConstructor
 });
 
 setToStringTag(PromiseConstructor, PROMISE, false);
 setSpecies(PROMISE);
 
-var wellKnownSymbol$4 = wellKnownSymbol$g;
+var wellKnownSymbol$5 = wellKnownSymbol$h;
 var Iterators$1 = iterators;
 
-var ITERATOR$2 = wellKnownSymbol$4('iterator');
+var ITERATOR$2 = wellKnownSymbol$5('iterator');
 var ArrayPrototype = Array.prototype;
 
 // check on default Array iterator
@@ -7079,70 +7761,70 @@ var isArrayIteratorMethod$1 = function (it) {
   return it !== undefined && (Iterators$1.Array === it || ArrayPrototype[ITERATOR$2] === it);
 };
 
-var classof$1 = classof$6;
-var getMethod$1 = getMethod$3;
-var isNullOrUndefined = isNullOrUndefined$4;
+var classof$2 = classof$8;
+var getMethod$2 = getMethod$4;
+var isNullOrUndefined$1 = isNullOrUndefined$5;
 var Iterators = iterators;
-var wellKnownSymbol$3 = wellKnownSymbol$g;
+var wellKnownSymbol$4 = wellKnownSymbol$h;
 
-var ITERATOR$1 = wellKnownSymbol$3('iterator');
+var ITERATOR$1 = wellKnownSymbol$4('iterator');
 
 var getIteratorMethod$2 = function (it) {
-  if (!isNullOrUndefined(it)) return getMethod$1(it, ITERATOR$1)
-    || getMethod$1(it, '@@iterator')
-    || Iterators[classof$1(it)];
+  if (!isNullOrUndefined$1(it)) return getMethod$2(it, ITERATOR$1)
+    || getMethod$2(it, '@@iterator')
+    || Iterators[classof$2(it)];
 };
 
-var call$4 = functionCall;
+var call$8 = functionCall;
 var aCallable$2 = aCallable$a;
-var anObject$3 = anObject$c;
+var anObject$5 = anObject$d;
 var tryToString$1 = tryToString$5;
 var getIteratorMethod$1 = getIteratorMethod$2;
 
-var $TypeError$2 = TypeError;
+var $TypeError$3 = TypeError;
 
 var getIterator$1 = function (argument, usingIterator) {
   var iteratorMethod = arguments.length < 2 ? getIteratorMethod$1(argument) : usingIterator;
-  if (aCallable$2(iteratorMethod)) return anObject$3(call$4(iteratorMethod, argument));
-  throw new $TypeError$2(tryToString$1(argument) + ' is not iterable');
+  if (aCallable$2(iteratorMethod)) return anObject$5(call$8(iteratorMethod, argument));
+  throw new $TypeError$3(tryToString$1(argument) + ' is not iterable');
 };
 
-var call$3 = functionCall;
-var anObject$2 = anObject$c;
-var getMethod = getMethod$3;
+var call$7 = functionCall;
+var anObject$4 = anObject$d;
+var getMethod$1 = getMethod$4;
 
 var iteratorClose$1 = function (iterator, kind, value) {
   var innerResult, innerError;
-  anObject$2(iterator);
+  anObject$4(iterator);
   try {
-    innerResult = getMethod(iterator, 'return');
+    innerResult = getMethod$1(iterator, 'return');
     if (!innerResult) {
       if (kind === 'throw') throw value;
       return value;
     }
-    innerResult = call$3(innerResult, iterator);
+    innerResult = call$7(innerResult, iterator);
   } catch (error) {
     innerError = true;
     innerResult = error;
   }
   if (kind === 'throw') throw value;
   if (innerError) throw innerResult;
-  anObject$2(innerResult);
+  anObject$4(innerResult);
   return value;
 };
 
 var bind = functionBindContext;
-var call$2 = functionCall;
-var anObject$1 = anObject$c;
+var call$6 = functionCall;
+var anObject$3 = anObject$d;
 var tryToString = tryToString$5;
 var isArrayIteratorMethod = isArrayIteratorMethod$1;
-var lengthOfArrayLike = lengthOfArrayLike$4;
+var lengthOfArrayLike = lengthOfArrayLike$6;
 var isPrototypeOf = objectIsPrototypeOf;
 var getIterator = getIterator$1;
 var getIteratorMethod = getIteratorMethod$2;
 var iteratorClose = iteratorClose$1;
 
-var $TypeError$1 = TypeError;
+var $TypeError$2 = TypeError;
 
 var Result = function (stopped, result) {
   this.stopped = stopped;
@@ -7167,7 +7849,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
 
   var callFn = function (value) {
     if (AS_ENTRIES) {
-      anObject$1(value);
+      anObject$3(value);
       return INTERRUPTED ? fn(value[0], value[1], stop) : fn(value[0], value[1]);
     } return INTERRUPTED ? fn(value, stop) : fn(value);
   };
@@ -7178,7 +7860,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
     iterator = iterable;
   } else {
     iterFn = getIteratorMethod(iterable);
-    if (!iterFn) throw new $TypeError$1(tryToString(iterable) + ' is not iterable');
+    if (!iterFn) throw new $TypeError$2(tryToString(iterable) + ' is not iterable');
     // optimisation for array iterators
     if (isArrayIteratorMethod(iterFn)) {
       for (index = 0, length = lengthOfArrayLike(iterable); length > index; index++) {
@@ -7190,7 +7872,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
   }
 
   next = IS_RECORD ? iterable.next : iterator.next;
-  while (!(step = call$2(next, iterator)).done) {
+  while (!(step = call$6(next, iterator)).done) {
     try {
       result = callFn(step.value);
     } catch (error) {
@@ -7200,9 +7882,9 @@ var iterate$2 = function (iterable, unboundFunction, options) {
   } return new Result(false);
 };
 
-var wellKnownSymbol$2 = wellKnownSymbol$g;
+var wellKnownSymbol$3 = wellKnownSymbol$h;
 
-var ITERATOR = wellKnownSymbol$2('iterator');
+var ITERATOR = wellKnownSymbol$3('iterator');
 var SAFE_CLOSING = false;
 
 try {
@@ -7249,8 +7931,8 @@ var promiseStaticsIncorrectIteration = FORCED_PROMISE_CONSTRUCTOR$3 || !checkCor
   NativePromiseConstructor$1.all(iterable).then(undefined, function () { /* empty */ });
 });
 
-var $$5 = _export;
-var call$1 = functionCall;
+var $$6 = _export;
+var call$5 = functionCall;
 var aCallable$1 = aCallable$a;
 var newPromiseCapabilityModule$2 = newPromiseCapability$2;
 var perform$1 = perform$3;
@@ -7259,7 +7941,7 @@ var PROMISE_STATICS_INCORRECT_ITERATION$1 = promiseStaticsIncorrectIteration;
 
 // `Promise.all` method
 // https://tc39.es/ecma262/#sec-promise.all
-$$5({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION$1 }, {
+$$6({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION$1 }, {
   all: function all(iterable) {
     var C = this;
     var capability = newPromiseCapabilityModule$2.f(C);
@@ -7274,7 +7956,7 @@ $$5({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
         var index = counter++;
         var alreadyCalled = false;
         remaining++;
-        call$1($promiseResolve, C, promise).then(function (value) {
+        call$5($promiseResolve, C, promise).then(function (value) {
           if (alreadyCalled) return;
           alreadyCalled = true;
           values[index] = value;
@@ -7288,33 +7970,33 @@ $$5({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
   }
 });
 
-var $$4 = _export;
+var $$5 = _export;
 var FORCED_PROMISE_CONSTRUCTOR$2 = promiseConstructorDetection.CONSTRUCTOR;
 var NativePromiseConstructor = promiseNativeConstructor;
-var getBuiltIn$1 = getBuiltIn$7;
-var isCallable = isCallable$j;
-var defineBuiltIn = defineBuiltIn$6;
+var getBuiltIn$1 = getBuiltIn$9;
+var isCallable$1 = isCallable$n;
+var defineBuiltIn$1 = defineBuiltIn$7;
 
 var NativePromisePrototype = NativePromiseConstructor && NativePromiseConstructor.prototype;
 
 // `Promise.prototype.catch` method
 // https://tc39.es/ecma262/#sec-promise.prototype.catch
-$$4({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real: true }, {
+$$5({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real: true }, {
   'catch': function (onRejected) {
     return this.then(undefined, onRejected);
   }
 });
 
 // makes sure that native promise-based APIs `Promise#catch` properly works with patched `Promise#then`
-if (isCallable(NativePromiseConstructor)) {
+if (isCallable$1(NativePromiseConstructor)) {
   var method = getBuiltIn$1('Promise').prototype['catch'];
   if (NativePromisePrototype['catch'] !== method) {
-    defineBuiltIn(NativePromisePrototype, 'catch', method, { unsafe: true });
+    defineBuiltIn$1(NativePromisePrototype, 'catch', method, { unsafe: true });
   }
 }
 
-var $$3 = _export;
-var call = functionCall;
+var $$4 = _export;
+var call$4 = functionCall;
 var aCallable = aCallable$a;
 var newPromiseCapabilityModule$1 = newPromiseCapability$2;
 var perform = perform$3;
@@ -7323,7 +8005,7 @@ var PROMISE_STATICS_INCORRECT_ITERATION = promiseStaticsIncorrectIteration;
 
 // `Promise.race` method
 // https://tc39.es/ecma262/#sec-promise.race
-$$3({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION }, {
+$$4({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION }, {
   race: function race(iterable) {
     var C = this;
     var capability = newPromiseCapabilityModule$1.f(C);
@@ -7331,7 +8013,7 @@ $$3({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
     var result = perform(function () {
       var $promiseResolve = aCallable(C.resolve);
       iterate(iterable, function (promise) {
-        call($promiseResolve, C, promise).then(capability.resolve, reject);
+        call$4($promiseResolve, C, promise).then(capability.resolve, reject);
       });
     });
     if (result.error) reject(result.value);
@@ -7339,13 +8021,13 @@ $$3({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
   }
 });
 
-var $$2 = _export;
+var $$3 = _export;
 var newPromiseCapabilityModule = newPromiseCapability$2;
 var FORCED_PROMISE_CONSTRUCTOR$1 = promiseConstructorDetection.CONSTRUCTOR;
 
 // `Promise.reject` method
 // https://tc39.es/ecma262/#sec-promise.reject
-$$2({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
+$$3({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
   reject: function reject(r) {
     var capability = newPromiseCapabilityModule.f(this);
     var capabilityReject = capability.reject;
@@ -7354,12 +8036,12 @@ $$2({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
   }
 });
 
-var anObject = anObject$c;
-var isObject$1 = isObject$a;
+var anObject$2 = anObject$d;
+var isObject$1 = isObject$d;
 var newPromiseCapability = newPromiseCapability$2;
 
 var promiseResolve$1 = function (C, x) {
-  anObject(C);
+  anObject$2(C);
   if (isObject$1(x) && x.constructor === C) return x;
   var promiseCapability = newPromiseCapability.f(C);
   var resolve = promiseCapability.resolve;
@@ -7367,8 +8049,8 @@ var promiseResolve$1 = function (C, x) {
   return promiseCapability.promise;
 };
 
-var $$1 = _export;
-var getBuiltIn = getBuiltIn$7;
+var $$2 = _export;
+var getBuiltIn = getBuiltIn$9;
 var FORCED_PROMISE_CONSTRUCTOR = promiseConstructorDetection.CONSTRUCTOR;
 var promiseResolve = promiseResolve$1;
 
@@ -7376,38 +8058,38 @@ getBuiltIn('Promise');
 
 // `Promise.resolve` method
 // https://tc39.es/ecma262/#sec-promise.resolve
-$$1({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
+$$2({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
   resolve: function resolve(x) {
     return promiseResolve(this, x);
   }
 });
 
-var isObject = isObject$a;
-var classof = classofRaw$2;
-var wellKnownSymbol$1 = wellKnownSymbol$g;
+var isObject = isObject$d;
+var classof$1 = classofRaw$2;
+var wellKnownSymbol$2 = wellKnownSymbol$h;
 
-var MATCH$1 = wellKnownSymbol$1('match');
+var MATCH$1 = wellKnownSymbol$2('match');
 
 // `IsRegExp` abstract operation
 // https://tc39.es/ecma262/#sec-isregexp
 var isRegexp = function (it) {
   var isRegExp;
-  return isObject(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof(it) === 'RegExp');
+  return isObject(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof$1(it) === 'RegExp');
 };
 
 var isRegExp = isRegexp;
 
-var $TypeError = TypeError;
+var $TypeError$1 = TypeError;
 
 var notARegexp = function (it) {
   if (isRegExp(it)) {
-    throw new $TypeError("The method doesn't accept regular expressions");
+    throw new $TypeError$1("The method doesn't accept regular expressions");
   } return it;
 };
 
-var wellKnownSymbol = wellKnownSymbol$g;
+var wellKnownSymbol$1 = wellKnownSymbol$h;
 
-var MATCH = wellKnownSymbol('match');
+var MATCH = wellKnownSymbol$1('match');
 
 var correctIsRegexpLogic = function (METHOD_NAME) {
   var regexp = /./;
@@ -7421,22 +8103,22 @@ var correctIsRegexpLogic = function (METHOD_NAME) {
   } return false;
 };
 
-var $ = _export;
-var uncurryThis = functionUncurryThis;
+var $$1 = _export;
+var uncurryThis$3 = functionUncurryThis;
 var notARegExp = notARegexp;
-var requireObjectCoercible = requireObjectCoercible$4;
-var toString = toString$4;
+var requireObjectCoercible$2 = requireObjectCoercible$7;
+var toString$3 = toString$9;
 var correctIsRegExpLogic = correctIsRegexpLogic;
 
-var stringIndexOf = uncurryThis(''.indexOf);
+var stringIndexOf = uncurryThis$3(''.indexOf);
 
 // `String.prototype.includes` method
 // https://tc39.es/ecma262/#sec-string.prototype.includes
-$({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+$$1({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
   includes: function includes(searchString /* , position = 0 */) {
     return !!~stringIndexOf(
-      toString(requireObjectCoercible(this)),
-      toString(notARegExp(searchString)),
+      toString$3(requireObjectCoercible$2(this)),
+      toString$3(notARegExp(searchString)),
       arguments.length > 1 ? arguments[1] : undefined
     );
   }
@@ -7704,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);
@@ -7717,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
@@ -7748,7 +8433,7 @@ class ReactMapView extends React.Component {
             });
           }
         });
-      }, fetchSpeed);
+      }, Math.abs(autoFetchInterval) * MINUTE_TO_MILLISECOND);
     };
     this.clearRefetchTimer = () => {
       if (this.refetchTimer) {
@@ -7900,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) {
@@ -8068,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);
@@ -8299,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)));
@@ -8744,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`,
@@ -8768,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 = [{
@@ -8804,7 +9498,7 @@ const dimensionConfig = [{
   reversed: false,
   iconType: 'IconLevels'
 }];
-const getDimensionIcon = iconType => {
+const getDimensionIcon$1 = iconType => {
   if (iconType === 'IconEnsemble') {
     return Equalizer;
   }
@@ -8849,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(dimConfig && dimConfig.iconType || 'IconLevels');
-  const title = `Show ${dimConfig ? dimConfig.label.toLowerCase() : dimension.toLowerCase()}`;
-  return /*#__PURE__*/React.createElement(MapControlButton, {
+  const Icon = getDimensionIcon$1(dimConfig && dimConfig.iconType || 'IconLevels');
+  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)));
 };
 
 /* *
@@ -9035,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"
@@ -9059,7 +9761,722 @@ const MapDimensionSelect = ({
     },
     isDisabled: false,
     validSelection: layerDimension.synced === false || !(layerDimension.validSyncSelection !== undefined && layerDimension.validSyncSelection === false)
-  }));
+  })));
+};
+
+const LayerInfoButton = _a => {
+  var {
+      isActive,
+      onClick
+    } = _a,
+    props = __rest(_a, ["isActive", "onClick"]);
+  return /*#__PURE__*/React__default.createElement(CustomIconButton, Object.assign({
+    variant: "flat",
+    isSelected: isActive,
+    onClick: onClick,
+    id: "layerInfoButton",
+    "data-testid": "layerInfoButton",
+    "aria-label": "layer info",
+    className: "layerInfoButton"
+  }, props), /*#__PURE__*/React__default.createElement(Info, null));
+};
+
+const textStyle = {
+  lineHeight: '20px',
+  letterSpacing: '0.25px'
+};
+const textStyleWithMargin = Object.assign(Object.assign({}, textStyle), {
+  marginBottom: 1
+});
+const LayerInfoText = ({
+  label,
+  value
+}) => {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "subtitle2",
+    sx: textStyle
+  }, label), /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "body2",
+    sx: textStyleWithMargin
+  }, value));
+};
+
+const valueStyle = Object.assign(Object.assign({}, textStyle), {
+  overflowWrap: 'break-word'
+});
+const LayerInfoList = ({
+  label,
+  list
+}) => {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "subtitle2",
+    sx: textStyle
+  }, label), list.length === 0 ? ( /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "body2",
+    sx: textStyleWithMargin
+  }, "-")) : ( /*#__PURE__*/React__default.createElement(Grid$1, {
+    container: true,
+    direction: "column"
+  }, list.map(item => ( /*#__PURE__*/React__default.createElement("div", {
+    key: item.label
+  }, /*#__PURE__*/React__default.createElement(Grid$1, {
+    item: true,
+    container: true,
+    direction: "row"
+  }, item.icon, /*#__PURE__*/React__default.createElement(Grid$1, {
+    item: true,
+    sx: {
+      marginLeft: '10px'
+    }
+  }, /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "body2",
+    sx: textStyle
+  }, item.label, ":"))), /*#__PURE__*/React__default.createElement(Grid$1, {
+    item: true,
+    container: true,
+    direction: "row",
+    sx: {
+      marginBottom: 1,
+      paddingLeft: '34px'
+    }
+  }, /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "body2",
+    sx: valueStyle
+  }, item.value))))))));
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
+ * */
+const LayerInfoLegend = ({
+  title,
+  name,
+  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
+  }, t('webmap-react-legend')), /*#__PURE__*/React__default.createElement(LegendLayout, {
+    title: title,
+    name: name,
+    dimensions: dimensions
+  }, legendURL ? /*#__PURE__*/React__default.createElement("img", {
+    alt: title,
+    src: legendURL
+  }) : '-'));
+};
+
+var fails$4 = fails$q;
+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;
+
+var UNSUPPORTED_Y$2 = fails$4(function () {
+  var re = $RegExp$2('a', 'y');
+  re.lastIndex = 2;
+  return re.exec('abcd') !== null;
+});
+
+// UC Browser bug
+// https://github.com/zloirock/core-js/issues/1008
+var MISSED_STICKY = UNSUPPORTED_Y$2 || fails$4(function () {
+  return !$RegExp$2('a', 'y').sticky;
+});
+
+var BROKEN_CARET = UNSUPPORTED_Y$2 || fails$4(function () {
+  // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
+  var re = $RegExp$2('^r', 'gy');
+  re.lastIndex = 2;
+  return re.exec('str') !== null;
+});
+
+var regexpStickyHelpers = {
+  BROKEN_CARET: BROKEN_CARET,
+  MISSED_STICKY: MISSED_STICKY,
+  UNSUPPORTED_Y: UNSUPPORTED_Y$2
+};
+
+var fails$3 = fails$q;
+var global$2 = global$n;
+
+// babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
+var $RegExp$1 = global$2.RegExp;
+
+var regexpUnsupportedDotAll = fails$3(function () {
+  var re = $RegExp$1('.', 's');
+  return !(re.dotAll && re.test('\n') && re.flags === 's');
+});
+
+var fails$2 = fails$q;
+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;
+
+var regexpUnsupportedNcg = fails$2(function () {
+  var re = $RegExp('(?<a>b)', 'g');
+  return re.exec('b').groups.a !== 'b' ||
+    'b'.replace(re, '$<a>c') !== 'bc';
+});
+
+/* eslint-disable regexp/no-empty-capturing-group, regexp/no-empty-group, regexp/no-lazy-ends -- testing */
+/* eslint-disable regexp/no-useless-quantifier -- testing */
+var call$3 = functionCall;
+var uncurryThis$2 = functionUncurryThis;
+var toString$2 = toString$9;
+var regexpFlags = regexpFlags$1;
+var stickyHelpers$1 = regexpStickyHelpers;
+var shared = shared$4;
+var create = objectCreate;
+var getInternalState = internalState.get;
+var UNSUPPORTED_DOT_ALL = regexpUnsupportedDotAll;
+var UNSUPPORTED_NCG = regexpUnsupportedNcg;
+
+var nativeReplace = shared('native-string-replace', String.prototype.replace);
+var nativeExec = RegExp.prototype.exec;
+var patchedExec = nativeExec;
+var charAt$2 = uncurryThis$2(''.charAt);
+var indexOf = uncurryThis$2(''.indexOf);
+var replace = uncurryThis$2(''.replace);
+var stringSlice$2 = uncurryThis$2(''.slice);
+
+var UPDATES_LAST_INDEX_WRONG = (function () {
+  var re1 = /a/;
+  var re2 = /b*/g;
+  call$3(nativeExec, re1, 'a');
+  call$3(nativeExec, re2, 'a');
+  return re1.lastIndex !== 0 || re2.lastIndex !== 0;
+})();
+
+var UNSUPPORTED_Y$1 = stickyHelpers$1.BROKEN_CARET;
+
+// nonparticipating capturing group, copied from es5-shim's String#split patch.
+var NPCG_INCLUDED = /()??/.exec('')[1] !== undefined;
+
+var PATCH = UPDATES_LAST_INDEX_WRONG || NPCG_INCLUDED || UNSUPPORTED_Y$1 || UNSUPPORTED_DOT_ALL || UNSUPPORTED_NCG;
+
+if (PATCH) {
+  patchedExec = function exec(string) {
+    var re = this;
+    var state = getInternalState(re);
+    var str = toString$2(string);
+    var raw = state.raw;
+    var result, reCopy, lastIndex, match, i, object, group;
+
+    if (raw) {
+      raw.lastIndex = re.lastIndex;
+      result = call$3(patchedExec, raw, str);
+      re.lastIndex = raw.lastIndex;
+      return result;
+    }
+
+    var groups = state.groups;
+    var sticky = UNSUPPORTED_Y$1 && re.sticky;
+    var flags = call$3(regexpFlags, re);
+    var source = re.source;
+    var charsAdded = 0;
+    var strCopy = str;
+
+    if (sticky) {
+      flags = replace(flags, 'y', '');
+      if (indexOf(flags, 'g') === -1) {
+        flags += 'g';
+      }
+
+      strCopy = stringSlice$2(str, re.lastIndex);
+      // Support anchored sticky behavior.
+      if (re.lastIndex > 0 && (!re.multiline || re.multiline && charAt$2(str, re.lastIndex - 1) !== '\n')) {
+        source = '(?: ' + source + ')';
+        strCopy = ' ' + strCopy;
+        charsAdded++;
+      }
+      // ^(? + rx + ) is needed, in combination with some str slicing, to
+      // simulate the 'y' flag.
+      reCopy = new RegExp('^(?:' + source + ')', flags);
+    }
+
+    if (NPCG_INCLUDED) {
+      reCopy = new RegExp('^' + source + '$(?!\\s)', flags);
+    }
+    if (UPDATES_LAST_INDEX_WRONG) lastIndex = re.lastIndex;
+
+    match = call$3(nativeExec, sticky ? reCopy : re, strCopy);
+
+    if (sticky) {
+      if (match) {
+        match.input = stringSlice$2(match.input, charsAdded);
+        match[0] = stringSlice$2(match[0], charsAdded);
+        match.index = re.lastIndex;
+        re.lastIndex += match[0].length;
+      } else re.lastIndex = 0;
+    } else if (UPDATES_LAST_INDEX_WRONG && match) {
+      re.lastIndex = re.global ? match.index + match[0].length : lastIndex;
+    }
+    if (NPCG_INCLUDED && match && match.length > 1) {
+      // Fix browsers whose `exec` methods don't consistently return `undefined`
+      // for NPCG, like IE8. NOTE: This doesn't work for /(.?)?/
+      call$3(nativeReplace, match[0], reCopy, function () {
+        for (i = 1; i < arguments.length - 2; i++) {
+          if (arguments[i] === undefined) match[i] = undefined;
+        }
+      });
+    }
+
+    if (match && groups) {
+      match.groups = object = create(null);
+      for (i = 0; i < groups.length; i++) {
+        group = groups[i];
+        object[group[0]] = match[group[1]];
+      }
+    }
+
+    return match;
+  };
+}
+
+var regexpExec$2 = patchedExec;
+
+var $ = _export;
+var exec = regexpExec$2;
+
+// `RegExp.prototype.exec` method
+// https://tc39.es/ecma262/#sec-regexp.prototype.exec
+$({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
+  exec: exec
+});
+
+// TODO: Remove from `core-js@4` since it's moved to entry points
+
+var call$2 = functionCall;
+var defineBuiltIn = defineBuiltIn$7;
+var regexpExec$1 = regexpExec$2;
+var fails$1 = fails$q;
+var wellKnownSymbol = wellKnownSymbol$h;
+var createNonEnumerableProperty = createNonEnumerableProperty$8;
+
+var SPECIES = wellKnownSymbol('species');
+var RegExpPrototype = RegExp.prototype;
+
+var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
+  var SYMBOL = wellKnownSymbol(KEY);
+
+  var DELEGATES_TO_SYMBOL = !fails$1(function () {
+    // String methods call symbol-named RegExp methods
+    var O = {};
+    O[SYMBOL] = function () { return 7; };
+    return ''[KEY](O) !== 7;
+  });
+
+  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$1(function () {
+    // Symbol-named RegExp methods call .exec
+    var execCalled = false;
+    var re = /a/;
+
+    if (KEY === 'split') {
+      // We can't use real regex here since it causes deoptimization
+      // and serious performance degradation in V8
+      // https://github.com/zloirock/core-js/issues/306
+      re = {};
+      // RegExp[@@split] doesn't call the regex's exec method, but first creates
+      // a new one. We need to return the patched regex when creating the new one.
+      re.constructor = {};
+      re.constructor[SPECIES] = function () { return re; };
+      re.flags = '';
+      re[SYMBOL] = /./[SYMBOL];
+    }
+
+    re.exec = function () {
+      execCalled = true;
+      return null;
+    };
+
+    re[SYMBOL]('');
+    return !execCalled;
+  });
+
+  if (
+    !DELEGATES_TO_SYMBOL ||
+    !DELEGATES_TO_EXEC ||
+    FORCED
+  ) {
+    var nativeRegExpMethod = /./[SYMBOL];
+    var methods = exec(SYMBOL, ''[KEY], function (nativeMethod, regexp, str, arg2, forceStringMethod) {
+      var $exec = regexp.exec;
+      if ($exec === regexpExec$1 || $exec === RegExpPrototype.exec) {
+        if (DELEGATES_TO_SYMBOL && !forceStringMethod) {
+          // The native String method already delegates to @@method (this
+          // polyfilled function), leasing to infinite recursion.
+          // We avoid it by directly calling the native @@method method.
+          return { done: true, value: call$2(nativeRegExpMethod, regexp, str, arg2) };
+        }
+        return { done: true, value: call$2(nativeMethod, str, regexp, arg2) };
+      }
+      return { done: false };
+    });
+
+    defineBuiltIn(String.prototype, KEY, methods[0]);
+    defineBuiltIn(RegExpPrototype, SYMBOL, methods[1]);
+  }
+
+  if (SHAM) createNonEnumerableProperty(RegExpPrototype[SYMBOL], 'sham', true);
+};
+
+var uncurryThis$1 = functionUncurryThis;
+var toIntegerOrInfinity = toIntegerOrInfinity$3;
+var toString$1 = toString$9;
+var requireObjectCoercible$1 = requireObjectCoercible$7;
+
+var charAt$1 = uncurryThis$1(''.charAt);
+var charCodeAt = uncurryThis$1(''.charCodeAt);
+var stringSlice$1 = uncurryThis$1(''.slice);
+
+var createMethod = function (CONVERT_TO_STRING) {
+  return function ($this, pos) {
+    var S = toString$1(requireObjectCoercible$1($this));
+    var position = toIntegerOrInfinity(pos);
+    var size = S.length;
+    var first, second;
+    if (position < 0 || position >= size) return CONVERT_TO_STRING ? '' : undefined;
+    first = charCodeAt(S, position);
+    return first < 0xD800 || first > 0xDBFF || position + 1 === size
+      || (second = charCodeAt(S, position + 1)) < 0xDC00 || second > 0xDFFF
+        ? CONVERT_TO_STRING
+          ? charAt$1(S, position)
+          : first
+        : CONVERT_TO_STRING
+          ? stringSlice$1(S, position, position + 2)
+          : (first - 0xD800 << 10) + (second - 0xDC00) + 0x10000;
+  };
+};
+
+var stringMultibyte = {
+  // `String.prototype.codePointAt` method
+  // https://tc39.es/ecma262/#sec-string.prototype.codepointat
+  codeAt: createMethod(false),
+  // `String.prototype.at` method
+  // https://github.com/mathiasbynens/String.prototype.at
+  charAt: createMethod(true)
+};
+
+var charAt = stringMultibyte.charAt;
+
+// `AdvanceStringIndex` abstract operation
+// https://tc39.es/ecma262/#sec-advancestringindex
+var advanceStringIndex$1 = function (S, index, unicode) {
+  return index + (unicode ? charAt(S, index).length : 1);
+};
+
+var call$1 = functionCall;
+var anObject$1 = anObject$d;
+var isCallable = isCallable$n;
+var classof = classofRaw$2;
+var regexpExec = regexpExec$2;
+
+var $TypeError = TypeError;
+
+// `RegExpExec` abstract operation
+// https://tc39.es/ecma262/#sec-regexpexec
+var regexpExecAbstract = function (R, S) {
+  var exec = R.exec;
+  if (isCallable(exec)) {
+    var result = call$1(exec, R, S);
+    if (result !== null) anObject$1(result);
+    return result;
+  }
+  if (classof(R) === 'RegExp') return call$1(regexpExec, R, S);
+  throw new $TypeError('RegExp#exec called on incompatible receiver');
+};
+
+var call = functionCall;
+var uncurryThis = functionUncurryThis;
+var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
+var anObject = anObject$d;
+var isNullOrUndefined = isNullOrUndefined$5;
+var requireObjectCoercible = requireObjectCoercible$7;
+var speciesConstructor = speciesConstructor$2;
+var advanceStringIndex = advanceStringIndex$1;
+var toLength = toLength$2;
+var toString = toString$9;
+var getMethod = getMethod$4;
+var regExpExec = regexpExecAbstract;
+var stickyHelpers = regexpStickyHelpers;
+var fails = fails$q;
+
+var UNSUPPORTED_Y = stickyHelpers.UNSUPPORTED_Y;
+var MAX_UINT32 = 0xFFFFFFFF;
+var min = Math.min;
+var push = uncurryThis([].push);
+var stringSlice = uncurryThis(''.slice);
+
+// Chrome 51 has a buggy "split" implementation when RegExp#exec !== nativeExec
+// Weex JS has frozen built-in prototypes, so use try / catch wrapper
+var SPLIT_WORKS_WITH_OVERWRITTEN_EXEC = !fails(function () {
+  // eslint-disable-next-line regexp/no-empty-group -- required for testing
+  var re = /(?:)/;
+  var originalExec = re.exec;
+  re.exec = function () { return originalExec.apply(this, arguments); };
+  var result = 'ab'.split(re);
+  return result.length !== 2 || result[0] !== 'a' || result[1] !== 'b';
+});
+
+var BUGGY = 'abbc'.split(/(b)*/)[1] === 'c' ||
+  // eslint-disable-next-line regexp/no-empty-group -- required for testing
+  'test'.split(/(?:)/, -1).length !== 4 ||
+  'ab'.split(/(?:ab)*/).length !== 2 ||
+  '.'.split(/(.?)(.?)/).length !== 4 ||
+  // eslint-disable-next-line regexp/no-empty-capturing-group, regexp/no-empty-group -- required for testing
+  '.'.split(/()()/).length > 1 ||
+  ''.split(/.?/).length;
+
+// @@split logic
+fixRegExpWellKnownSymbolLogic('split', function (SPLIT, nativeSplit, maybeCallNative) {
+  var internalSplit = '0'.split(undefined, 0).length ? function (separator, limit) {
+    return separator === undefined && limit === 0 ? [] : call(nativeSplit, this, separator, limit);
+  } : nativeSplit;
+
+  return [
+    // `String.prototype.split` method
+    // https://tc39.es/ecma262/#sec-string.prototype.split
+    function split(separator, limit) {
+      var O = requireObjectCoercible(this);
+      var splitter = isNullOrUndefined(separator) ? undefined : getMethod(separator, SPLIT);
+      return splitter
+        ? call(splitter, separator, O, limit)
+        : call(internalSplit, toString(O), separator, limit);
+    },
+    // `RegExp.prototype[@@split]` method
+    // https://tc39.es/ecma262/#sec-regexp.prototype-@@split
+    //
+    // NOTE: This cannot be properly polyfilled in engines that don't support
+    // the 'y' flag.
+    function (string, limit) {
+      var rx = anObject(this);
+      var S = toString(string);
+
+      if (!BUGGY) {
+        var res = maybeCallNative(internalSplit, rx, S, limit, internalSplit !== nativeSplit);
+        if (res.done) return res.value;
+      }
+
+      var C = speciesConstructor(rx, RegExp);
+      var unicodeMatching = rx.unicode;
+      var flags = (rx.ignoreCase ? 'i' : '') +
+                  (rx.multiline ? 'm' : '') +
+                  (rx.unicode ? 'u' : '') +
+                  (UNSUPPORTED_Y ? 'g' : 'y');
+      // ^(? + rx + ) is needed, in combination with some S slicing, to
+      // simulate the 'y' flag.
+      var splitter = new C(UNSUPPORTED_Y ? '^(?:' + rx.source + ')' : rx, flags);
+      var lim = limit === undefined ? MAX_UINT32 : limit >>> 0;
+      if (lim === 0) return [];
+      if (S.length === 0) return regExpExec(splitter, S) === null ? [S] : [];
+      var p = 0;
+      var q = 0;
+      var A = [];
+      while (q < S.length) {
+        splitter.lastIndex = UNSUPPORTED_Y ? 0 : q;
+        var z = regExpExec(splitter, UNSUPPORTED_Y ? stringSlice(S, q) : S);
+        var e;
+        if (
+          z === null ||
+          (e = min(toLength(splitter.lastIndex + (UNSUPPORTED_Y ? q : 0)), S.length)) === p
+        ) {
+          q = advanceStringIndex(S, q, unicodeMatching);
+        } else {
+          push(A, stringSlice(S, p, q));
+          if (A.length === lim) return A;
+          for (var i = 1; i <= z.length - 1; i++) {
+            push(A, z[i]);
+            if (A.length === lim) return A;
+          }
+          q = p = e;
+        }
+      }
+      push(A, stringSlice(S, p));
+      return A;
+    }
+  ];
+}, BUGGY || !SPLIT_WORKS_WITH_OVERWRITTEN_EXEC, UNSUPPORTED_Y);
+
+const getLayerStyles = layer => {
+  if (!layer.styles) {
+    return '-';
+  }
+  const styles = layer.styles.map(style => style.title);
+  if (!styles.length) {
+    return '-';
+  }
+  return styles.join(', ');
+};
+const getDimensionValue = (name, dimensions) => {
+  const dimension = dimensions === null || dimensions === void 0 ? void 0 : dimensions.find(dimension => dimension.name.toLowerCase() === name.toLowerCase());
+  if (!dimension || !dimension.values) {
+    return null;
+  }
+  const dimName = dimension.name.toLowerCase();
+  const breakAt = dimName === 'time' ? '/' : ',';
+  const includeUnit = dimName !== 'time' && dimName !== 'reference_time';
+  const dimValue = dimension.values.split(breakAt).join(`${breakAt} `);
+  if (includeUnit) {
+    return `${dimValue} ${dimension.units}`;
+  }
+  return dimValue;
+};
+const getLayerBbox = layer => {
+  return layer.geographicBoundingBox ? `west ${layer.geographicBoundingBox.west}, east ${layer.geographicBoundingBox.east}, north ${layer.geographicBoundingBox.north}, 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());
+  if (!dimension) {
+    return null;
+  }
+  switch (dimension.name.toLowerCase()) {
+    case 'time':
+      return /*#__PURE__*/React__default.createElement(DimensionsTime, null);
+    case 'reference_time':
+      return /*#__PURE__*/React__default.createElement(DimensionsRefTime, null);
+    case 'elevation':
+      return /*#__PURE__*/React__default.createElement(DimensionsElevation, null);
+    default:
+      return /*#__PURE__*/React__default.createElement(DimensionsOther, null);
+  }
+};
+const getDimensionLabel = name => {
+  const dimName = name.toLowerCase().split('_').join(' ');
+  return dimName.charAt(0).toUpperCase() + dimName.slice(1);
+};
+const getDimensionsList = dimensions => {
+  const result = [];
+  dimensions === null || dimensions === void 0 ? void 0 : dimensions.forEach(({
+    name
+  }) => {
+    const value = getDimensionValue(name, dimensions);
+    if (!value) {
+      return;
+    }
+    const icon = getDimensionIcon(name, dimensions);
+    const label = getDimensionLabel(name);
+    result.push({
+      label,
+      value,
+      icon
+    });
+  });
+  // sort alphabetically so other dimensions are sorted
+  result.sort((a, b) => a.label.localeCompare(b.label));
+  // sort by fixed order
+  const preferredOrder = ['Time', 'Reference time', 'Elevation'];
+  // using reverse ordering to make sure the other dimensions come last
+  preferredOrder.reverse();
+  result.sort((a, b) => preferredOrder.indexOf(b.label) - preferredOrder.indexOf(a.label));
+  return result;
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
+ * */
+const LayerInfoDialog = ({
+  onClose,
+  layer,
+  serviceName,
+  isOpen,
+  onMouseDown: _onMouseDown = () => {},
+  order: _order = 0,
+  source: _source = 'app',
+  dialogHeight
+}) => {
+  var _a, _b, _c;
+  const styles = getLayerStyles(layer);
+  const bbox = getLayerBbox(layer);
+  const dimensions = getDimensionsList(layer.dimensions);
+  const {
+    t
+  } = useTranslation(WEBMAP_REACT_NAMESPACE);
+  return /*#__PURE__*/React__default.createElement(WebmapReactTranslationsWrapper, null, /*#__PURE__*/React__default.createElement(ToolContainerDraggable, {
+    onClose: onClose,
+    startSize: {
+      width: 288,
+      height: dialogHeight || 650
+    },
+    startPosition: {
+      top: 150,
+      left: 900
+    },
+    title: "Layer Info",
+    isOpen: isOpen,
+    onMouseDown: _onMouseDown,
+    order: _order,
+    source: _source
+  }, /*#__PURE__*/React__default.createElement(Box$1, {
+    sx: {
+      padding: 2
+    }
+  }, /*#__PURE__*/React__default.createElement(LayerInfoText, {
+    label: t('webmap-react-title'),
+    value: layer.title
+  }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
+    label: t('webmap-react-name'),
+    value: layer.name
+  }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
+    label: t('webmap-react-service'),
+    value: serviceName
+  }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
+    label: t('webmap-react-abstract'),
+    value: layer.abstract || '-'
+  }), /*#__PURE__*/React__default.createElement(LayerInfoList, {
+    label: t('webmap-react-dimensions'),
+    list: dimensions
+  }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
+    label: t('webmap-react-styles'),
+    value: styles
+  }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
+    label: t('webmap-react-bounding-box', {
+      ns: WEBMAP_REACT_NAMESPACE
+    }),
+    value: bbox
+  }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
+    label: t('webmap-react-groups'),
+    value: ((_a = layer.path) === null || _a === void 0 ? void 0 : _a.join('/')) || '-'
+  }), /*#__PURE__*/React__default.createElement(LayerInfoText, {
+    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
+  }))));
 };
 
 /* *
@@ -9622,4 +11039,4 @@ var publicLayers = /*#__PURE__*/Object.freeze({
 	msgNaturalEUMETSAT: msgNaturalEUMETSAT
 });
 
-export { DRAWMODE, DimensionSelectButton, DimensionSelectDialog, DimensionSelectSlider, EDITMODE, EditModeButton as EditModeButtonField, FeatureLayers, GeoJSONTextField, IntersectionSelect, 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, getDoubleControlToolIcon, getDrawFunctionFromStore, getFeatureCollection, getFirTitle, getGeoJSONPropertyValue, getGeoJson, getIcon, getIntersectionToolIcon, getLastEmptyFeatureIndex, 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, 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 };