@opengeoweb/core 9.13.0 → 9.15.0

package/index.esm.js

@@ -1,28 +1,28 @@
 import * as React from 'react';
 import React__default, { useState, useCallback, useRef } from 'react';
-import { Grid, Box, MenuItem, Typography, useTheme, Popper, Fade, LinearProgress, FormControl, InputLabel, Paper, List, ListItemButton, ListItemText, CircularProgress, ListSubheader, Dialog, DialogTitle, DialogContent, DialogContentText, TextField, InputAdornment, DialogActions, Button, ListItemIcon, Checkbox } from '@mui/material';
-import { CustomIconButton, TooltipSelect, AlertIcon, sliderHeaderStyle, CustomSlider, ToggleMenu, CustomTooltip, renderCounter, AlertBanner, CustomAccordion, calculateStartSize, ToolContainerDraggable, dateUtils, withEggs } from '@opengeoweb/shared';
-import { LayerSelectButtonConnect, LayerInfoButton, LayerInfoButtonConnect, getUserAddedServices, layerSelectConfig } from '@opengeoweb/layer-select';
-import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, Copy, None, FastForward, AutoUpdateActive, Both, Visibility, VisibilityOff, Delete, DragHandle as DragHandle$1, Cached, Add, MapAdd, WorldMapProjection, Layers, List as List$1, ExitDomain, Info, Search, MyLocation, Close, ThemeWrapper, lightTheme } from '@opengeoweb/theme';
+import { Grid, Box, MenuItem, Typography, useTheme, Popper, Fade, Tooltip, styled, LinearProgress, FormControl, InputLabel, Paper, List, ListItemButton, ListItemText, CircularProgress, ListSubheader, Dialog, DialogTitle, DialogContent, DialogContentText, TextField, InputAdornment, DialogActions, Button, ListItemIcon, Checkbox } from '@mui/material';
+import { CustomIconButton, TooltipSelect, AlertIcon, sliderHeaderStyle, CustomSlider, ToggleMenu, CustomTooltip, tooltipContainerStyles, renderCounter, AlertBanner, CustomAccordion, calculateStartSize, ToolContainerDraggable, useDebounce, dateUtils, withEggs } from '@opengeoweb/shared';
+import { CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, LayersAdd, CloudLoading, Copy, None, FastForward, AutoUpdateActive, Both, Visibility, VisibilityOff, Delete, DragHandle as DragHandle$1, Cached, Add, MapAdd, WorldMapProjection, Layers, List as List$1, ExitDomain, Info, Search, MyLocation, Close, ThemeWrapper, lightTheme } from '@opengeoweb/theme';
 import { useDispatch, useSelector, connect, useStore, Provider } from 'react-redux';
 import { ReactSortable } from 'react-sortablejs';
 import Sortable from 'sortablejs';
-import { layerTypes, layerUtils, layerActions, layerSelectors, serviceSelectors, serviceActions, mapSelectors, mapActions, mapEnums, filterLayers, uiSelectors, uiTypes, useSetupDialog, uiActions, genericActions, drawtoolSelectors, syncConstants, loadingIndicatorActions, IS_LEGEND_OPEN_BY_DEFAULT, defaultLayers, mapStoreActions, getSingularDrawtoolDrawLayerId, syncGroupsSelectors, syncGroupsSelector, coreModuleConfig, routerUtils, routerModuleConfig } from '@opengeoweb/store';
-import { getCapabilities, WMGetServiceFromStore, webmapUtils, LayerType, handleMomentISOString, wmServiceListener, EVENT_GETCAPABILITIES_START, EVENT_GETCAPABILITIES_READY, WMLayer } from '@opengeoweb/webmap';
+import { layerTypes, layerUtils, layerActions, layerSelectors, serviceSelectors, serviceActions, mapSelectors, mapActions, mapEnums, uiSelectors, uiTypes, useSetupDialog, filterLayers, getUserAddedServices, uiActions, genericActions, drawtoolSelectors, syncConstants, loadingIndicatorActions, IS_LEGEND_OPEN_BY_DEFAULT, defaultLayers, mapStoreActions, getSingularDrawtoolDrawLayerId, syncGroupsSelectors, syncGroupsSelector, coreModuleConfig, routerUtils, routerModuleConfig } from '@opengeoweb/store';
+import { LayerInfoButton, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, ZoomControls, MapView, MapViewLayer, LegendDialog, registerDrawFunction, emptyGeoJSON, MapControls, publicLayers } from '@opengeoweb/webmap-react';
+import { webmapUtils, getCapabilities, WMGetServiceFromStore, LayerType, handleDateUtilsISOString, wmServiceListener, EVENT_GETCAPABILITIES_START, EVENT_GETCAPABILITIES_READY, WMLayer } from '@opengeoweb/webmap';
 import { Box as Box$1 } from '@mui/system';
-import { defaultTimeSpan, TIME_SLIDER_LEGEND_HEIGHT, SpeedButton, TimeStepButton, NowButton, handleSetNowEvent, AnimationLengthButton, AnimationLength, TimeSpanButton, marks as marks$1, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, AutoUpdateButton, OptionsMenuButton, PlayButton, defaultTimeStep, BackwardForwardStepButton, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, TimeSlider, onsetNewDateDebounced, getFilteredTime, ControlButtons, OptionsMenu, TimeSliderClock } from '@opengeoweb/timeslider';
+import { defaultTimeSpan, TIME_SLIDER_LEGEND_HEIGHT, SpeedButton, TimeStepButton, AnimationLengthButton, AnimationLength, TimeSpanButton, marks as marks$1, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, OptionsMenuButton, PlayButton, defaultTimeStep, BackwardForwardStepButton, AutoUpdateButton, NowButton, handleSetNowEvent, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, TimeSlider, onsetNewDateDebounced, getFilteredTime, ControlButtons, OptionsMenu, TimeSliderClock } from '@opengeoweb/timeslider';
 import _, { isEqual, range } from 'lodash';
-import { MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, ZoomControls, MapView, MapViewLayer, LegendDialog, registerDrawFunction, emptyGeoJSON, MapControls, publicLayers } from '@opengeoweb/webmap-react';
+import { LayerSelectButtonConnect, LayerSelectConnect, layerSelectConfig } from '@opengeoweb/layer-select';
 import axios from 'axios';
-import { useDebounce } from '@opengeoweb/api';
 import * as DOMPurify from 'dompurify';
-import moment from 'moment';
+import i18n from 'i18next';
+import { initReactI18next, I18nextProvider, useTranslation } from 'react-i18next';
 import { SnackbarWrapperConnect } from '@opengeoweb/snackbar';
 import { useNavigate } from 'react-router-dom';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-var fails$l = function (exec) {
+var fails$n = function (exec) {
   try {
     return !!exec();
   } catch (error) {
@@ -30,9 +30,9 @@ var fails$l = function (exec) {
   }
 };
 
-var fails$k = fails$l;
+var fails$m = fails$n;
 
-var functionBindNative = !fails$k(function () {
+var functionBindNative = !fails$m(function () {
   // eslint-disable-next-line es/no-function-prototype-bind -- safe
   var test = (function () { /* empty */ }).bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
@@ -42,33 +42,33 @@ var functionBindNative = !fails$k(function () {
 var NATIVE_BIND$2 = functionBindNative;
 
 var FunctionPrototype$2 = Function.prototype;
-var call$d = FunctionPrototype$2.call;
-var uncurryThisWithBind = NATIVE_BIND$2 && FunctionPrototype$2.bind.bind(call$d, call$d);
+var call$e = FunctionPrototype$2.call;
+var uncurryThisWithBind = NATIVE_BIND$2 && FunctionPrototype$2.bind.bind(call$e, call$e);
 
 var functionUncurryThis = NATIVE_BIND$2 ? uncurryThisWithBind : function (fn) {
   return function () {
-    return call$d.apply(fn, arguments);
+    return call$e.apply(fn, arguments);
   };
 };
 
-var uncurryThis$j = functionUncurryThis;
+var uncurryThis$k = functionUncurryThis;
 
-var toString$9 = uncurryThis$j({}.toString);
-var stringSlice$5 = uncurryThis$j(''.slice);
+var toString$b = uncurryThis$k({}.toString);
+var stringSlice$5 = uncurryThis$k(''.slice);
 
 var classofRaw$1 = function (it) {
-  return stringSlice$5(toString$9(it), 8, -1);
+  return stringSlice$5(toString$b(it), 8, -1);
 };
 
-var uncurryThis$i = functionUncurryThis;
-var fails$j = fails$l;
+var uncurryThis$j = functionUncurryThis;
+var fails$l = fails$n;
 var classof$6 = classofRaw$1;
 
 var $Object$4 = Object;
-var split = uncurryThis$i(''.split);
+var split = uncurryThis$j(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails$j(function () {
+var indexedObject = fails$l(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);
@@ -84,21 +84,21 @@ var isNullOrUndefined$4 = function (it) {
 
 var isNullOrUndefined$3 = isNullOrUndefined$4;
 
-var $TypeError$a = TypeError;
+var $TypeError$c = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$7 = function (it) {
-  if (isNullOrUndefined$3(it)) throw new $TypeError$a("Can't call method on " + it);
+var requireObjectCoercible$8 = function (it) {
+  if (isNullOrUndefined$3(it)) throw new $TypeError$c("Can't call method on " + it);
   return it;
 };
 
 // toObject with fallback for non-array-like ES3 strings
 var IndexedObject$2 = indexedObject;
-var requireObjectCoercible$6 = requireObjectCoercible$7;
+var requireObjectCoercible$7 = requireObjectCoercible$8;
 
 var toIndexedObject$5 = function (it) {
-  return IndexedObject$2(requireObjectCoercible$6(it));
+  return IndexedObject$2(requireObjectCoercible$7(it));
 };
 
 var check = function (it) {
@@ -117,80 +117,80 @@ var global$g =
   // eslint-disable-next-line no-new-func -- fallback
   (function () { return this; })() || Function('return this')();
 
-var shared$4 = {exports: {}};
+var sharedStore = {exports: {}};
 
 var global$f = global$g;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$5 = Object.defineProperty;
+var defineProperty$6 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$5(global$f, key, { value: value, configurable: true, writable: true });
+    defineProperty$6(global$f, key, { value: value, configurable: true, writable: true });
   } catch (error) {
     global$f[key] = value;
   } return value;
 };
 
-var global$e = global$g;
+var globalThis$1 = global$g;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$e[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty$2(SHARED, {});
 
-var sharedStore = store$3;
-
-var store$2 = sharedStore;
-
-(shared$4.exports = function (key, value) {
-  return store$2[key] || (store$2[key] = value !== undefined ? value : {});
-})('versions', []).push({
-  version: '3.35.1',
+(store$3.versions || (store$3.versions = [])).push({
+  version: '3.36.1',
   mode: 'global',
   copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.35.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.36.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
-var requireObjectCoercible$5 = requireObjectCoercible$7;
+var store$2 = sharedStore.exports;
+
+var shared$4 = function (key, value) {
+  return store$2[key] || (store$2[key] = value || {});
+};
+
+var requireObjectCoercible$6 = requireObjectCoercible$8;
 
 var $Object$3 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
-var toObject$6 = function (argument) {
-  return $Object$3(requireObjectCoercible$5(argument));
+var toObject$7 = function (argument) {
+  return $Object$3(requireObjectCoercible$6(argument));
 };
 
-var uncurryThis$h = functionUncurryThis;
-var toObject$5 = toObject$6;
+var uncurryThis$i = functionUncurryThis;
+var toObject$6 = toObject$7;
 
-var hasOwnProperty = uncurryThis$h({}.hasOwnProperty);
+var hasOwnProperty = uncurryThis$i({}.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$5(it), key);
+  return hasOwnProperty(toObject$6(it), key);
 };
 
-var uncurryThis$g = functionUncurryThis;
+var uncurryThis$h = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString$8 = uncurryThis$g(1.0.toString);
+var toString$a = uncurryThis$h(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$8(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$a(++id + postfix, 36);
 };
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$d = global$g;
+var global$e = global$g;
 var userAgent$2 = engineUserAgent;
 
-var process = global$d.process;
-var Deno = global$d.Deno;
+var process = global$e.process;
+var Deno = global$e.Deno;
 var versions = process && process.versions || Deno && Deno.version;
 var v8 = versions && versions.v8;
 var match, version;
@@ -216,13 +216,13 @@ var engineV8Version = version;
 
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION = engineV8Version;
-var fails$i = fails$l;
-var global$c = global$g;
+var fails$k = fails$n;
+var global$d = global$g;
 
-var $String$5 = global$c.String;
+var $String$5 = global$d.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$i(function () {
+var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$k(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
@@ -240,20 +240,20 @@ var useSymbolAsUid = NATIVE_SYMBOL$1
   && !Symbol.sham
   && typeof Symbol.iterator == 'symbol';
 
-var global$b = global$g;
-var shared$3 = shared$4.exports;
-var hasOwn$9 = hasOwnProperty_1;
+var global$c = global$g;
+var shared$3 = shared$4;
+var hasOwn$a = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
-var Symbol$1 = global$b.Symbol;
+var Symbol$1 = global$c.Symbol;
 var WellKnownSymbolsStore = shared$3('wks');
 var createWellKnownSymbol = USE_SYMBOL_AS_UID$1 ? Symbol$1['for'] || Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
 
 var wellKnownSymbol$c = function (name) {
-  if (!hasOwn$9(WellKnownSymbolsStore, name)) {
-    WellKnownSymbolsStore[name] = NATIVE_SYMBOL && hasOwn$9(Symbol$1, name)
+  if (!hasOwn$a(WellKnownSymbolsStore, name)) {
+    WellKnownSymbolsStore[name] = NATIVE_SYMBOL && hasOwn$a(Symbol$1, name)
       ? Symbol$1[name]
       : createWellKnownSymbol('Symbol.' + name);
   } return WellKnownSymbolsStore[name];
@@ -265,45 +265,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$g = typeof documentAll == 'undefined' && documentAll !== undefined ? function (argument) {
+var isCallable$i = typeof documentAll == 'undefined' && documentAll !== undefined ? function (argument) {
   return typeof argument == 'function' || argument === documentAll;
 } : function (argument) {
   return typeof argument == 'function';
 };
 
-var isCallable$f = isCallable$g;
+var isCallable$h = isCallable$i;
 
-var isObject$8 = function (it) {
-  return typeof it == 'object' ? it !== null : isCallable$f(it);
+var isObject$b = function (it) {
+  return typeof it == 'object' ? it !== null : isCallable$h(it);
 };
 
-var isObject$7 = isObject$8;
+var isObject$a = isObject$b;
 
 var $String$4 = String;
-var $TypeError$9 = TypeError;
+var $TypeError$b = TypeError;
 
 // `Assert: Type(argument) is Object`
 var anObject$a = function (argument) {
-  if (isObject$7(argument)) return argument;
-  throw new $TypeError$9($String$4(argument) + ' is not an object');
+  if (isObject$a(argument)) return argument;
+  throw new $TypeError$b($String$4(argument) + ' is not an object');
 };
 
 var objectDefineProperties = {};
 
-var fails$h = fails$l;
+var fails$j = fails$n;
 
 // Detect IE8's incomplete defineProperty implementation
-var descriptors = !fails$h(function () {
+var descriptors = !fails$j(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
 });
 
-var DESCRIPTORS$9 = descriptors;
-var fails$g = fails$l;
+var DESCRIPTORS$b = descriptors;
+var fails$i = fails$n;
 
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$9 && fails$g(function () {
+var v8PrototypeDefineBug = DESCRIPTORS$b && fails$i(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
@@ -313,23 +313,23 @@ var v8PrototypeDefineBug = DESCRIPTORS$9 && fails$g(function () {
 
 var objectDefineProperty = {};
 
-var global$a = global$g;
-var isObject$6 = isObject$8;
+var global$b = global$g;
+var isObject$9 = isObject$b;
 
-var document$1 = global$a.document;
+var document$1 = global$b.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$6(document$1) && isObject$6(document$1.createElement);
+var EXISTS$1 = isObject$9(document$1) && isObject$9(document$1.createElement);
 
 var documentCreateElement$2 = function (it) {
   return EXISTS$1 ? document$1.createElement(it) : {};
 };
 
-var DESCRIPTORS$8 = descriptors;
-var fails$f = fails$l;
+var DESCRIPTORS$a = descriptors;
+var fails$h = fails$n;
 var createElement = documentCreateElement$2;
 
 // Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$8 && !fails$f(function () {
+var ie8DomDefine = !DESCRIPTORS$a && !fails$h(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement('div'), 'a', {
     get: function () { return 7; }
@@ -338,30 +338,30 @@ var ie8DomDefine = !DESCRIPTORS$8 && !fails$f(function () {
 
 var NATIVE_BIND$1 = functionBindNative;
 
-var call$c = Function.prototype.call;
+var call$d = Function.prototype.call;
 
-var functionCall = NATIVE_BIND$1 ? call$c.bind(call$c) : function () {
-  return call$c.apply(call$c, arguments);
+var functionCall = NATIVE_BIND$1 ? call$d.bind(call$d) : function () {
+  return call$d.apply(call$d, arguments);
 };
 
-var global$9 = global$g;
-var isCallable$e = isCallable$g;
+var global$a = global$g;
+var isCallable$g = isCallable$i;
 
 var aFunction = function (argument) {
-  return isCallable$e(argument) ? argument : undefined;
+  return isCallable$g(argument) ? argument : undefined;
 };
 
-var getBuiltIn$3 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$9[namespace]) : global$9[namespace] && global$9[namespace][method];
+var getBuiltIn$4 = function (namespace, method) {
+  return arguments.length < 2 ? aFunction(global$a[namespace]) : global$a[namespace] && global$a[namespace][method];
 };
 
-var uncurryThis$f = functionUncurryThis;
+var uncurryThis$g = functionUncurryThis;
 
-var objectIsPrototypeOf = uncurryThis$f({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$g({}.isPrototypeOf);
 
-var getBuiltIn$2 = getBuiltIn$3;
-var isCallable$d = isCallable$g;
-var isPrototypeOf$1 = objectIsPrototypeOf;
+var getBuiltIn$3 = getBuiltIn$4;
+var isCallable$f = isCallable$i;
+var isPrototypeOf$2 = objectIsPrototypeOf;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
 var $Object$2 = Object;
@@ -369,8 +369,8 @@ var $Object$2 = Object;
 var isSymbol$2 = USE_SYMBOL_AS_UID ? function (it) {
   return typeof it == 'symbol';
 } : function (it) {
-  var $Symbol = getBuiltIn$2('Symbol');
-  return isCallable$d($Symbol) && isPrototypeOf$1($Symbol.prototype, $Object$2(it));
+  var $Symbol = getBuiltIn$3('Symbol');
+  return isCallable$f($Symbol) && isPrototypeOf$2($Symbol.prototype, $Object$2(it));
 };
 
 var $String$3 = String;
@@ -383,15 +383,15 @@ var tryToString$2 = function (argument) {
   }
 };
 
-var isCallable$c = isCallable$g;
+var isCallable$e = isCallable$i;
 var tryToString$1 = tryToString$2;
 
-var $TypeError$8 = TypeError;
+var $TypeError$a = TypeError;
 
 // `Assert: IsCallable(argument) is true`
 var aCallable$4 = function (argument) {
-  if (isCallable$c(argument)) return argument;
-  throw new $TypeError$8(tryToString$1(argument) + ' is not a function');
+  if (isCallable$e(argument)) return argument;
+  throw new $TypeError$a(tryToString$1(argument) + ' is not a function');
 };
 
 var aCallable$3 = aCallable$4;
@@ -404,43 +404,43 @@ var getMethod$3 = function (V, P) {
   return isNullOrUndefined$2(func) ? undefined : aCallable$3(func);
 };
 
-var call$b = functionCall;
-var isCallable$b = isCallable$g;
-var isObject$5 = isObject$8;
+var call$c = functionCall;
+var isCallable$d = isCallable$i;
+var isObject$8 = isObject$b;
 
-var $TypeError$7 = TypeError;
+var $TypeError$9 = TypeError;
 
 // `OrdinaryToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$b(fn = input.toString) && !isObject$5(val = call$b(fn, input))) return val;
-  if (isCallable$b(fn = input.valueOf) && !isObject$5(val = call$b(fn, input))) return val;
-  if (pref !== 'string' && isCallable$b(fn = input.toString) && !isObject$5(val = call$b(fn, input))) return val;
-  throw new $TypeError$7("Can't convert object to primitive value");
+  if (pref === 'string' && isCallable$d(fn = input.toString) && !isObject$8(val = call$c(fn, input))) return val;
+  if (isCallable$d(fn = input.valueOf) && !isObject$8(val = call$c(fn, input))) return val;
+  if (pref !== 'string' && isCallable$d(fn = input.toString) && !isObject$8(val = call$c(fn, input))) return val;
+  throw new $TypeError$9("Can't convert object to primitive value");
 };
 
-var call$a = functionCall;
-var isObject$4 = isObject$8;
+var call$b = functionCall;
+var isObject$7 = isObject$b;
 var isSymbol$1 = isSymbol$2;
 var getMethod$2 = getMethod$3;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
 var wellKnownSymbol$b = wellKnownSymbol$c;
 
-var $TypeError$6 = TypeError;
+var $TypeError$8 = TypeError;
 var TO_PRIMITIVE = wellKnownSymbol$b('toPrimitive');
 
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
-  if (!isObject$4(input) || isSymbol$1(input)) return input;
+  if (!isObject$7(input) || isSymbol$1(input)) return input;
   var exoticToPrim = getMethod$2(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
-    result = call$a(exoticToPrim, input, pref);
-    if (!isObject$4(result) || isSymbol$1(result)) return result;
-    throw new $TypeError$6("Can't convert object to primitive value");
+    result = call$b(exoticToPrim, input, pref);
+    if (!isObject$7(result) || isSymbol$1(result)) return result;
+    throw new $TypeError$8("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
   return ordinaryToPrimitive(input, pref);
@@ -456,13 +456,13 @@ var toPropertyKey$2 = function (argument) {
   return isSymbol(key) ? key : key + '';
 };
 
-var DESCRIPTORS$7 = descriptors;
+var DESCRIPTORS$9 = descriptors;
 var IE8_DOM_DEFINE$1 = ie8DomDefine;
 var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
 var anObject$9 = anObject$a;
 var toPropertyKey$1 = toPropertyKey$2;
 
-var $TypeError$5 = TypeError;
+var $TypeError$7 = TypeError;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var $defineProperty = Object.defineProperty;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -473,7 +473,7 @@ var WRITABLE = 'writable';
 
 // `Object.defineProperty` method
 // https://tc39.es/ecma262/#sec-object.defineproperty
-objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
+objectDefineProperty.f = DESCRIPTORS$9 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
   anObject$9(O);
   P = toPropertyKey$1(P);
   anObject$9(Attributes);
@@ -495,7 +495,7 @@ objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
   if (IE8_DOM_DEFINE$1) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$5('Accessors not supported');
+  if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$7('Accessors not supported');
   if ('value' in Attributes) O[P] = Attributes.value;
   return O;
 };
@@ -549,19 +549,20 @@ var toLength$2 = toLength$3;
 
 // `LengthOfArrayLike` abstract operation
 // https://tc39.es/ecma262/#sec-lengthofarraylike
-var lengthOfArrayLike$3 = function (obj) {
+var lengthOfArrayLike$4 = function (obj) {
   return toLength$2(obj.length);
 };
 
 var toIndexedObject$4 = toIndexedObject$5;
 var toAbsoluteIndex = toAbsoluteIndex$1;
-var lengthOfArrayLike$2 = lengthOfArrayLike$3;
+var lengthOfArrayLike$3 = lengthOfArrayLike$4;
 
 // `Array.prototype.{ indexOf, includes }` methods implementation
 var createMethod$3 = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject$4($this);
-    var length = lengthOfArrayLike$2(O);
+    var length = lengthOfArrayLike$3(O);
+    if (length === 0) return !IS_INCLUDES && -1;
     var index = toAbsoluteIndex(fromIndex, length);
     var value;
     // Array#includes uses SameValueZero equality algorithm
@@ -588,22 +589,22 @@ var arrayIncludes = {
 
 var hiddenKeys$4 = {};
 
-var uncurryThis$e = functionUncurryThis;
-var hasOwn$8 = hasOwnProperty_1;
+var uncurryThis$f = functionUncurryThis;
+var hasOwn$9 = hasOwnProperty_1;
 var toIndexedObject$3 = toIndexedObject$5;
 var indexOf$1 = arrayIncludes.indexOf;
 var hiddenKeys$3 = hiddenKeys$4;
 
-var push$2 = uncurryThis$e([].push);
+var push$2 = uncurryThis$f([].push);
 
 var objectKeysInternal = function (object, names) {
   var O = toIndexedObject$3(object);
   var i = 0;
   var result = [];
   var key;
-  for (key in O) !hasOwn$8(hiddenKeys$3, key) && hasOwn$8(O, key) && push$2(result, key);
+  for (key in O) !hasOwn$9(hiddenKeys$3, key) && hasOwn$9(O, key) && push$2(result, key);
   // Don't enum bug & hidden keys
-  while (names.length > i) if (hasOwn$8(O, key = names[i++])) {
+  while (names.length > i) if (hasOwn$9(O, key = names[i++])) {
     ~indexOf$1(result, key) || push$2(result, key);
   }
   return result;
@@ -630,7 +631,7 @@ var objectKeys$2 = Object.keys || function keys(O) {
   return internalObjectKeys$1(O, enumBugKeys$2);
 };
 
-var DESCRIPTORS$6 = descriptors;
+var DESCRIPTORS$8 = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
 var definePropertyModule$3 = objectDefineProperty;
 var anObject$8 = anObject$a;
@@ -640,7 +641,7 @@ 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$6 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
+objectDefineProperties.f = DESCRIPTORS$8 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
   anObject$8(O);
   var props = toIndexedObject$2(Properties);
   var keys = objectKeys$1(Properties);
@@ -651,11 +652,11 @@ objectDefineProperties.f = DESCRIPTORS$6 && !V8_PROTOTYPE_DEFINE_BUG ? Object.de
   return O;
 };
 
-var getBuiltIn$1 = getBuiltIn$3;
+var getBuiltIn$2 = getBuiltIn$4;
 
-var html$1 = getBuiltIn$1('document', 'documentElement');
+var html$1 = getBuiltIn$2('document', 'documentElement');
 
-var shared$2 = shared$4.exports;
+var shared$2 = shared$4;
 var uid = uid$2;
 
 var keys = shared$2('keys');
@@ -750,7 +751,7 @@ var objectCreate = Object.create || function create(O, Properties) {
 
 var wellKnownSymbol$a = wellKnownSymbol$c;
 var create$2 = objectCreate;
-var defineProperty$4 = objectDefineProperty.f;
+var defineProperty$5 = objectDefineProperty.f;
 
 var UNSCOPABLES = wellKnownSymbol$a('unscopables');
 var ArrayPrototype = Array.prototype;
@@ -758,7 +759,7 @@ var ArrayPrototype = Array.prototype;
 // Array.prototype[@@unscopables]
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 if (ArrayPrototype[UNSCOPABLES] === undefined) {
-  defineProperty$4(ArrayPrototype, UNSCOPABLES, {
+  defineProperty$5(ArrayPrototype, UNSCOPABLES, {
     configurable: true,
     value: create$2(null)
   });
@@ -771,14 +772,14 @@ var addToUnscopables$2 = function (key) {
 
 var iterators = {};
 
-var global$8 = global$g;
-var isCallable$a = isCallable$g;
+var global$9 = global$g;
+var isCallable$c = isCallable$i;
 
-var WeakMap$1 = global$8.WeakMap;
+var WeakMap$1 = global$9.WeakMap;
 
-var weakMapBasicDetection = isCallable$a(WeakMap$1) && /native code/.test(String(WeakMap$1));
+var weakMapBasicDetection = isCallable$c(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),
@@ -787,29 +788,29 @@ var createPropertyDescriptor$3 = function (bitmap, value) {
   };
 };
 
-var DESCRIPTORS$5 = descriptors;
+var DESCRIPTORS$7 = descriptors;
 var definePropertyModule$2 = objectDefineProperty;
-var createPropertyDescriptor$2 = createPropertyDescriptor$3;
+var createPropertyDescriptor$3 = createPropertyDescriptor$4;
 
-var createNonEnumerableProperty$5 = DESCRIPTORS$5 ? function (object, key, value) {
-  return definePropertyModule$2.f(object, key, createPropertyDescriptor$2(1, value));
+var createNonEnumerableProperty$8 = DESCRIPTORS$7 ? 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$7 = global$g;
-var isObject$3 = isObject$8;
-var createNonEnumerableProperty$4 = createNonEnumerableProperty$5;
-var hasOwn$7 = hasOwnProperty_1;
-var shared$1 = sharedStore;
+var global$8 = global$g;
+var isObject$6 = isObject$b;
+var createNonEnumerableProperty$7 = createNonEnumerableProperty$8;
+var hasOwn$8 = 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$1 = global$7.TypeError;
-var WeakMap = global$7.WeakMap;
+var TypeError$1 = global$8.TypeError;
+var WeakMap = global$8.WeakMap;
 var set, get, has;
 
 var enforce = function (it) {
@@ -819,7 +820,7 @@ var enforce = function (it) {
 var getterFor = function (TYPE) {
   return function (it) {
     var state;
-    if (!isObject$3(it) || (state = get(it)).type !== TYPE) {
+    if (!isObject$6(it) || (state = get(it)).type !== TYPE) {
       throw new TypeError$1('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
@@ -848,16 +849,16 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
   var STATE = sharedKey$1('state');
   hiddenKeys$1[STATE] = true;
   set = function (it, metadata) {
-    if (hasOwn$7(it, STATE)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$8(it, STATE)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
-    createNonEnumerableProperty$4(it, STATE, metadata);
+    createNonEnumerableProperty$7(it, STATE, metadata);
     return metadata;
   };
   get = function (it) {
-    return hasOwn$7(it, STATE) ? it[STATE] : {};
+    return hasOwn$8(it, STATE) ? it[STATE] : {};
   };
   has = function (it) {
-    return hasOwn$7(it, STATE);
+    return hasOwn$8(it, STATE);
   };
 }
 
@@ -875,25 +876,25 @@ var objectPropertyIsEnumerable = {};
 
 var $propertyIsEnumerable = {}.propertyIsEnumerable;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
+var getOwnPropertyDescriptor$2 = Object.getOwnPropertyDescriptor;
 
 // Nashorn ~ JDK8 bug
-var NASHORN_BUG = getOwnPropertyDescriptor$1 && !$propertyIsEnumerable.call({ 1: 2 }, 1);
+var NASHORN_BUG = getOwnPropertyDescriptor$2 && !$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$1(this, V);
+  var descriptor = getOwnPropertyDescriptor$2(this, V);
   return !!descriptor && descriptor.enumerable;
 } : $propertyIsEnumerable;
 
-var DESCRIPTORS$4 = descriptors;
-var call$9 = functionCall;
+var DESCRIPTORS$6 = descriptors;
+var call$a = 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$6 = hasOwnProperty_1;
+var hasOwn$7 = hasOwnProperty_1;
 var IE8_DOM_DEFINE = ie8DomDefine;
 
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -901,28 +902,28 @@ var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
 
 // `Object.getOwnPropertyDescriptor` method
 // https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
-objectGetOwnPropertyDescriptor.f = DESCRIPTORS$4 ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
+objectGetOwnPropertyDescriptor.f = DESCRIPTORS$6 ? $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$6(O, P)) return createPropertyDescriptor$1(!call$9(propertyIsEnumerableModule$1.f, O, P), O[P]);
+  if (hasOwn$7(O, P)) return createPropertyDescriptor$2(!call$a(propertyIsEnumerableModule$1.f, O, P), O[P]);
 };
 
 var makeBuiltIn$2 = {exports: {}};
 
-var DESCRIPTORS$3 = descriptors;
-var hasOwn$5 = hasOwnProperty_1;
+var DESCRIPTORS$5 = descriptors;
+var hasOwn$6 = hasOwnProperty_1;
 
 var FunctionPrototype$1 = Function.prototype;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getDescriptor = DESCRIPTORS$3 && Object.getOwnPropertyDescriptor;
+var getDescriptor = DESCRIPTORS$5 && Object.getOwnPropertyDescriptor;
 
-var EXISTS = hasOwn$5(FunctionPrototype$1, 'name');
+var EXISTS = hasOwn$6(FunctionPrototype$1, 'name');
 // additional protection from minified / mangled / dropped function names
 var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
-var CONFIGURABLE = EXISTS && (!DESCRIPTORS$3 || (DESCRIPTORS$3 && getDescriptor(FunctionPrototype$1, 'name').configurable));
+var CONFIGURABLE = EXISTS && (!DESCRIPTORS$5 || (DESCRIPTORS$5 && getDescriptor(FunctionPrototype$1, 'name').configurable));
 
 var functionName = {
   EXISTS: EXISTS,
@@ -930,14 +931,14 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-var uncurryThis$d = functionUncurryThis;
-var isCallable$9 = isCallable$g;
-var store = sharedStore;
+var uncurryThis$e = functionUncurryThis;
+var isCallable$b = isCallable$i;
+var store = sharedStore.exports;
 
-var functionToString = uncurryThis$d(Function.toString);
+var functionToString = uncurryThis$e(Function.toString);
 
 // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
-if (!isCallable$9(store.inspectSource)) {
+if (!isCallable$b(store.inspectSource)) {
   store.inspectSource = function (it) {
     return functionToString(it);
   };
@@ -945,11 +946,11 @@ if (!isCallable$9(store.inspectSource)) {
 
 var inspectSource$1 = store.inspectSource;
 
-var uncurryThis$c = functionUncurryThis;
-var fails$e = fails$l;
-var isCallable$8 = isCallable$g;
-var hasOwn$4 = hasOwnProperty_1;
-var DESCRIPTORS$2 = descriptors;
+var uncurryThis$d = functionUncurryThis;
+var fails$g = fails$n;
+var isCallable$a = isCallable$i;
+var hasOwn$5 = hasOwnProperty_1;
+var DESCRIPTORS$4 = descriptors;
 var CONFIGURABLE_FUNCTION_NAME$1 = functionName.CONFIGURABLE;
 var inspectSource = inspectSource$1;
 var InternalStateModule$1 = internalState;
@@ -958,38 +959,38 @@ var enforceInternalState = InternalStateModule$1.enforce;
 var getInternalState$2 = InternalStateModule$1.get;
 var $String$2 = String;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$3 = Object.defineProperty;
-var stringSlice$4 = uncurryThis$c(''.slice);
-var replace$3 = uncurryThis$c(''.replace);
-var join = uncurryThis$c([].join);
+var defineProperty$4 = Object.defineProperty;
+var stringSlice$4 = uncurryThis$d(''.slice);
+var replace$4 = uncurryThis$d(''.replace);
+var join = uncurryThis$d([].join);
 
-var CONFIGURABLE_LENGTH = DESCRIPTORS$2 && !fails$e(function () {
-  return defineProperty$3(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
+var CONFIGURABLE_LENGTH = DESCRIPTORS$4 && !fails$g(function () {
+  return defineProperty$4(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
 });
 
 var TEMPLATE = String(String).split('String');
 
 var makeBuiltIn$1 = makeBuiltIn$2.exports = function (value, name, options) {
   if (stringSlice$4($String$2(name), 0, 7) === 'Symbol(') {
-    name = '[' + replace$3($String$2(name), /^Symbol\(([^)]*)\).*$/, '$1') + ']';
+    name = '[' + replace$4($String$2(name), /^Symbol\(([^)]*)\).*$/, '$1') + ']';
   }
   if (options && options.getter) name = 'get ' + name;
   if (options && options.setter) name = 'set ' + name;
-  if (!hasOwn$4(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
-    if (DESCRIPTORS$2) defineProperty$3(value, 'name', { value: name, configurable: true });
+  if (!hasOwn$5(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
+    if (DESCRIPTORS$4) defineProperty$4(value, 'name', { value: name, configurable: true });
     else value.name = name;
   }
-  if (CONFIGURABLE_LENGTH && options && hasOwn$4(options, 'arity') && value.length !== options.arity) {
-    defineProperty$3(value, 'length', { value: options.arity });
+  if (CONFIGURABLE_LENGTH && options && hasOwn$5(options, 'arity') && value.length !== options.arity) {
+    defineProperty$4(value, 'length', { value: options.arity });
   }
   try {
-    if (options && hasOwn$4(options, 'constructor') && options.constructor) {
-      if (DESCRIPTORS$2) defineProperty$3(value, 'prototype', { writable: false });
+    if (options && hasOwn$5(options, 'constructor') && options.constructor) {
+      if (DESCRIPTORS$4) defineProperty$4(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$4(state, 'source')) {
+  if (!hasOwn$5(state, 'source')) {
     state.source = join(TEMPLATE, typeof name == 'string' ? name : '');
   } return value;
 };
@@ -997,10 +998,10 @@ var makeBuiltIn$1 = makeBuiltIn$2.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$1(function toString() {
-  return isCallable$8(this) && getInternalState$2(this).source || inspectSource(this);
+  return isCallable$a(this) && getInternalState$2(this).source || inspectSource(this);
 }, 'toString');
 
-var isCallable$7 = isCallable$g;
+var isCallable$9 = isCallable$i;
 var definePropertyModule$1 = objectDefineProperty;
 var makeBuiltIn = makeBuiltIn$2.exports;
 var defineGlobalProperty$1 = defineGlobalProperty$3;
@@ -1009,7 +1010,7 @@ var defineBuiltIn$5 = function (O, key, value, options) {
   if (!options) options = {};
   var simple = options.enumerable;
   var name = options.name !== undefined ? options.name : key;
-  if (isCallable$7(value)) makeBuiltIn(value, name, options);
+  if (isCallable$9(value)) makeBuiltIn(value, name, options);
   if (options.global) {
     if (simple) O[key] = value;
     else defineGlobalProperty$1(key, value);
@@ -1047,40 +1048,40 @@ var objectGetOwnPropertySymbols = {};
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
-var getBuiltIn = getBuiltIn$3;
-var uncurryThis$b = functionUncurryThis;
+var getBuiltIn$1 = getBuiltIn$4;
+var uncurryThis$c = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
 var anObject$6 = anObject$a;
 
-var concat$2 = uncurryThis$b([].concat);
+var concat$2 = uncurryThis$c([].concat);
 
 // all object keys, includes non-enumerable and symbols
-var ownKeys$1 = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
+var ownKeys$1 = getBuiltIn$1('Reflect', 'ownKeys') || function ownKeys(it) {
   var keys = getOwnPropertyNamesModule.f(anObject$6(it));
   var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
   return getOwnPropertySymbols ? concat$2(keys, getOwnPropertySymbols(it)) : keys;
 };
 
-var hasOwn$3 = hasOwnProperty_1;
+var hasOwn$4 = 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$3(target, key) && !(exceptions && hasOwn$3(exceptions, key))) {
+    if (!hasOwn$4(target, key) && !(exceptions && hasOwn$4(exceptions, key))) {
       defineProperty(target, key, getOwnPropertyDescriptor(source, key));
     }
   }
 };
 
-var fails$d = fails$l;
-var isCallable$6 = isCallable$g;
+var fails$f = fails$n;
+var isCallable$8 = isCallable$i;
 
 var replacement = /#|\.prototype\./;
 
@@ -1088,7 +1089,7 @@ var isForced$1 = function (feature, detection) {
   var value = data[normalize(feature)];
   return value === POLYFILL ? true
     : value === NATIVE ? false
-    : isCallable$6(detection) ? fails$d(detection)
+    : isCallable$8(detection) ? fails$f(detection)
     : !!detection;
 };
 
@@ -1102,12 +1103,12 @@ var POLYFILL = isForced$1.POLYFILL = 'P';
 
 var isForced_1 = isForced$1;
 
-var global$6 = global$g;
-var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
-var createNonEnumerableProperty$3 = createNonEnumerableProperty$5;
+var global$7 = global$g;
+var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
+var createNonEnumerableProperty$6 = createNonEnumerableProperty$8;
 var defineBuiltIn$4 = defineBuiltIn$5;
 var defineGlobalProperty = defineGlobalProperty$3;
-var copyConstructorProperties = copyConstructorProperties$1;
+var copyConstructorProperties$1 = copyConstructorProperties$2;
 var isForced = isForced_1;
 
 /*
@@ -1131,44 +1132,44 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$6;
+    target = global$7;
   } else if (STATIC) {
-    target = global$6[TARGET] || defineGlobalProperty(TARGET, {});
+    target = global$7[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = global$6[TARGET] && global$6[TARGET].prototype;
+    target = global$7[TARGET] && global$7[TARGET].prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
     if (options.dontCallGetSet) {
-      descriptor = getOwnPropertyDescriptor(target, key);
+      descriptor = getOwnPropertyDescriptor$1(target, key);
       targetProperty = descriptor && descriptor.value;
     } else targetProperty = target[key];
     FORCED = isForced(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$3(sourceProperty, 'sham', true);
+      createNonEnumerableProperty$6(sourceProperty, 'sham', true);
     }
     defineBuiltIn$4(target, key, sourceProperty, options);
   }
 };
 
-var fails$c = fails$l;
+var fails$e = fails$n;
 
-var correctPrototypeGetter = !fails$c(function () {
+var correctPrototypeGetter = !fails$e(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$2 = hasOwnProperty_1;
-var isCallable$5 = isCallable$g;
-var toObject$4 = toObject$6;
+var hasOwn$3 = hasOwnProperty_1;
+var isCallable$7 = isCallable$i;
+var toObject$5 = toObject$7;
 var sharedKey = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
@@ -1180,17 +1181,17 @@ 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$4(O);
-  if (hasOwn$2(object, IE_PROTO)) return object[IE_PROTO];
+  var object = toObject$5(O);
+  if (hasOwn$3(object, IE_PROTO)) return object[IE_PROTO];
   var constructor = object.constructor;
-  if (isCallable$5(constructor) && object instanceof constructor) {
+  if (isCallable$7(constructor) && object instanceof constructor) {
     return constructor.prototype;
   } return object instanceof $Object$1 ? ObjectPrototype : null;
 };
 
-var fails$b = fails$l;
-var isCallable$4 = isCallable$g;
-var isObject$2 = isObject$8;
+var fails$d = fails$n;
+var isCallable$6 = isCallable$i;
+var isObject$5 = isObject$b;
 var getPrototypeOf$1 = objectGetPrototypeOf;
 var defineBuiltIn$3 = defineBuiltIn$5;
 var wellKnownSymbol$9 = wellKnownSymbol$c;
@@ -1213,7 +1214,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$2(IteratorPrototype$2) || fails$b(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$5(IteratorPrototype$2) || fails$d(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$2[ITERATOR$2].call(test) !== test;
@@ -1223,7 +1224,7 @@ if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$2 = {};
 
 // `%IteratorPrototype%[@@iterator]()` method
 // https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
-if (!isCallable$4(IteratorPrototype$2[ITERATOR$2])) {
+if (!isCallable$6(IteratorPrototype$2[ITERATOR$2])) {
   defineBuiltIn$3(IteratorPrototype$2, ITERATOR$2, function () {
     return this;
   });
@@ -1234,22 +1235,22 @@ var iteratorsCore = {
   BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS$1
 };
 
-var defineProperty$2 = objectDefineProperty.f;
-var hasOwn$1 = hasOwnProperty_1;
+var defineProperty$3 = objectDefineProperty.f;
+var hasOwn$2 = hasOwnProperty_1;
 var wellKnownSymbol$8 = wellKnownSymbol$c;
 
 var TO_STRING_TAG$2 = wellKnownSymbol$8('toStringTag');
 
 var setToStringTag$3 = function (target, TAG, STATIC) {
   if (target && !STATIC) target = target.prototype;
-  if (target && !hasOwn$1(target, TO_STRING_TAG$2)) {
-    defineProperty$2(target, TO_STRING_TAG$2, { configurable: true, value: TAG });
+  if (target && !hasOwn$2(target, TO_STRING_TAG$2)) {
+    defineProperty$3(target, TO_STRING_TAG$2, { configurable: true, value: TAG });
   }
 };
 
 var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;
 var create$1 = objectCreate;
-var createPropertyDescriptor = createPropertyDescriptor$3;
+var createPropertyDescriptor$1 = createPropertyDescriptor$4;
 var setToStringTag$2 = setToStringTag$3;
 var Iterators$2 = iterators;
 
@@ -1257,41 +1258,42 @@ var returnThis$1 = function () { return this; };
 
 var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUMERABLE_NEXT) {
   var TO_STRING_TAG = NAME + ' Iterator';
-  IteratorConstructor.prototype = create$1(IteratorPrototype$1, { next: createPropertyDescriptor(+!ENUMERABLE_NEXT, next) });
+  IteratorConstructor.prototype = create$1(IteratorPrototype$1, { next: createPropertyDescriptor$1(+!ENUMERABLE_NEXT, next) });
   setToStringTag$2(IteratorConstructor, TO_STRING_TAG, false);
   Iterators$2[TO_STRING_TAG] = returnThis$1;
   return IteratorConstructor;
 };
 
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$b = functionUncurryThis;
 var aCallable$2 = aCallable$4;
 
 var functionUncurryThisAccessor = function (object, key, method) {
   try {
     // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    return uncurryThis$a(aCallable$2(Object.getOwnPropertyDescriptor(object, key)[method]));
+    return uncurryThis$b(aCallable$2(Object.getOwnPropertyDescriptor(object, key)[method]));
   } catch (error) { /* empty */ }
 };
 
-var isObject$1 = isObject$8;
+var isObject$4 = isObject$b;
 
 var isPossiblePrototype$1 = function (argument) {
-  return isObject$1(argument) || argument === null;
+  return isObject$4(argument) || argument === null;
 };
 
 var isPossiblePrototype = isPossiblePrototype$1;
 
 var $String$1 = String;
-var $TypeError$4 = TypeError;
+var $TypeError$6 = TypeError;
 
 var aPossiblePrototype$1 = function (argument) {
   if (isPossiblePrototype(argument)) return argument;
-  throw new $TypeError$4("Can't set " + $String$1(argument) + ' as a prototype');
+  throw new $TypeError$6("Can't set " + $String$1(argument) + ' as a prototype');
 };
 
 /* eslint-disable no-proto -- safe */
 var uncurryThisAccessor = functionUncurryThisAccessor;
-var anObject$5 = anObject$a;
+var isObject$3 = isObject$b;
+var requireObjectCoercible$5 = requireObjectCoercible$8;
 var aPossiblePrototype = aPossiblePrototype$1;
 
 // `Object.setPrototypeOf` method
@@ -1308,23 +1310,24 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
     CORRECT_SETTER = test instanceof Array;
   } catch (error) { /* empty */ }
   return function setPrototypeOf(O, proto) {
-    anObject$5(O);
+    requireObjectCoercible$5(O);
     aPossiblePrototype(proto);
+    if (!isObject$3(O)) return O;
     if (CORRECT_SETTER) setter(O, proto);
     else O.__proto__ = proto;
     return O;
   };
 }() : undefined);
 
-var $$8 = _export;
-var call$8 = functionCall;
+var $$b = _export;
+var call$9 = functionCall;
 var FunctionName = functionName;
-var isCallable$3 = isCallable$g;
+var isCallable$5 = isCallable$i;
 var createIteratorConstructor = iteratorCreateConstructor;
 var getPrototypeOf = objectGetPrototypeOf;
-var setPrototypeOf = objectSetPrototypeOf;
+var setPrototypeOf$2 = objectSetPrototypeOf;
 var setToStringTag$1 = setToStringTag$3;
-var createNonEnumerableProperty$2 = createNonEnumerableProperty$5;
+var createNonEnumerableProperty$5 = createNonEnumerableProperty$8;
 var defineBuiltIn$2 = defineBuiltIn$5;
 var wellKnownSymbol$7 = wellKnownSymbol$c;
 var Iterators$1 = iterators;
@@ -1372,9 +1375,9 @@ 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) {
-          setPrototypeOf(CurrentIteratorPrototype, IteratorPrototype);
-        } else if (!isCallable$3(CurrentIteratorPrototype[ITERATOR$1])) {
+        if (setPrototypeOf$2) {
+          setPrototypeOf$2(CurrentIteratorPrototype, IteratorPrototype);
+        } else if (!isCallable$5(CurrentIteratorPrototype[ITERATOR$1])) {
           defineBuiltIn$2(CurrentIteratorPrototype, ITERATOR$1, returnThis);
         }
       }
@@ -1386,10 +1389,10 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
   // fix Array.prototype.{ values, @@iterator }.name in V8 / FF
   if (PROPER_FUNCTION_NAME$2 && DEFAULT === VALUES && nativeIterator && nativeIterator.name !== VALUES) {
     if (CONFIGURABLE_FUNCTION_NAME) {
-      createNonEnumerableProperty$2(IterablePrototype, 'name', VALUES);
+      createNonEnumerableProperty$5(IterablePrototype, 'name', VALUES);
     } else {
       INCORRECT_VALUES_NAME = true;
-      defaultIterator = function values() { return call$8(nativeIterator, this); };
+      defaultIterator = function values() { return call$9(nativeIterator, this); };
     }
   }
 
@@ -1404,7 +1407,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
         defineBuiltIn$2(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$8({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$b({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
@@ -1426,10 +1429,10 @@ var toIndexedObject = toIndexedObject$5;
 var addToUnscopables$1 = addToUnscopables$2;
 var Iterators = iterators;
 var InternalStateModule = internalState;
-var defineProperty$1 = objectDefineProperty.f;
+var defineProperty$2 = objectDefineProperty.f;
 var defineIterator = iteratorDefine;
 var createIterResultObject = createIterResultObject$1;
-var DESCRIPTORS$1 = descriptors;
+var DESCRIPTORS$3 = descriptors;
 
 var ARRAY_ITERATOR = 'Array Iterator';
 var setInternalState = InternalStateModule.set;
@@ -1479,34 +1482,34 @@ addToUnscopables$1('values');
 addToUnscopables$1('entries');
 
 // V8 ~ Chrome 45- bug
-if (DESCRIPTORS$1 && values.name !== 'values') try {
-  defineProperty$1(values, 'name', { value: 'values' });
+if (DESCRIPTORS$3 && values.name !== 'values') try {
+  defineProperty$2(values, 'name', { value: 'values' });
 } catch (error) { /* empty */ }
 
-var DESCRIPTORS = descriptors;
-var uncurryThis$9 = functionUncurryThis;
-var call$7 = functionCall;
-var fails$a = fails$l;
+var DESCRIPTORS$2 = descriptors;
+var uncurryThis$a = functionUncurryThis;
+var call$8 = functionCall;
+var fails$c = fails$n;
 var objectKeys = objectKeys$2;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
 var propertyIsEnumerableModule = objectPropertyIsEnumerable;
-var toObject$3 = toObject$6;
+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 = Object.defineProperty;
-var concat$1 = uncurryThis$9([].concat);
+var defineProperty$1 = Object.defineProperty;
+var concat$1 = uncurryThis$a([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
-var objectAssign = !$assign || fails$a(function () {
+var objectAssign = !$assign || fails$c(function () {
   // should have correct order of operations (Edge bug)
-  if (DESCRIPTORS && $assign({ b: 1 }, $assign(defineProperty({}, 'a', {
+  if (DESCRIPTORS$2 && $assign({ b: 1 }, $assign(defineProperty$1({}, 'a', {
     enumerable: true,
     get: function () {
-      defineProperty(this, 'b', {
+      defineProperty$1(this, 'b', {
         value: 3,
         enumerable: false
       });
@@ -1522,7 +1525,7 @@ var objectAssign = !$assign || fails$a(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$3(target);
+  var T = toObject$4(target);
   var argumentsLength = arguments.length;
   var index = 1;
   var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
@@ -1535,18 +1538,18 @@ var objectAssign = !$assign || fails$a(function () {
     var key;
     while (length > j) {
       key = keys[j++];
-      if (!DESCRIPTORS || call$7(propertyIsEnumerable, S, key)) T[key] = S[key];
+      if (!DESCRIPTORS$2 || call$8(propertyIsEnumerable, S, key)) T[key] = S[key];
     }
   } return T;
 } : $assign;
 
-var $$7 = _export;
+var $$a = _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
-$$7({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
+$$a({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
   assign: assign
 });
 
@@ -1594,11 +1597,11 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$5 = global$g;
+var global$6 = global$g;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
-var createNonEnumerableProperty$1 = createNonEnumerableProperty$5;
+var createNonEnumerableProperty$4 = createNonEnumerableProperty$8;
 var setToStringTag = setToStringTag$3;
 var wellKnownSymbol$6 = wellKnownSymbol$c;
 
@@ -1609,7 +1612,7 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
   if (CollectionPrototype) {
     // some Chrome versions have non-configurable methods on DOMTokenList
     if (CollectionPrototype[ITERATOR] !== ArrayValues) try {
-      createNonEnumerableProperty$1(CollectionPrototype, ITERATOR, ArrayValues);
+      createNonEnumerableProperty$4(CollectionPrototype, ITERATOR, ArrayValues);
     } catch (error) {
       CollectionPrototype[ITERATOR] = ArrayValues;
     }
@@ -1617,7 +1620,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$1(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);
+        createNonEnumerableProperty$4(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);
       } catch (error) {
         CollectionPrototype[METHOD_NAME] = ArrayIteratorMethods[METHOD_NAME];
       }
@@ -1626,7 +1629,7 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$5[COLLECTION_NAME] && global$5[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(global$6[COLLECTION_NAME] && global$6[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
@@ -1797,15 +1800,17 @@ const columnClasses = {
   column5: 'column-5',
   column6: 'column-6',
   column7: 'column-7',
-  acceptanceTime: 'column-acceptanceTime'
+  acceptanceTime: 'column-acceptanceTime',
+  loadDuration: 'column-loadDuration'
 };
 const DRAG_VISIBILITY_LEADING_BUTTONS = 3;
 const DELETE_MORE_BUTTONS = 3;
 const MISSING = 4;
 const leftButtonsWidth = iconButtonSize * DRAG_VISIBILITY_LEADING_BUTTONS + MISSING;
 const rightButtonsWidth = iconButtonSize * DELETE_MORE_BUTTONS;
-const acceptanceTimeWidth = 80;
-const nonFlexibleAreaWidth = leftButtonsWidth + rightButtonsWidth + acceptanceTimeWidth;
+const acceptanceTimeWidth = 65;
+const loadDurationWidth = 50;
+const nonFlexibleAreaWidth = leftButtonsWidth + rightButtonsWidth + acceptanceTimeWidth + loadDurationWidth;
 const flexibleAreaWidth = `(100% - ${nonFlexibleAreaWidth}px)`;
 const leftButtonsStyle = {
   width: leftButtonsWidth,
@@ -1839,6 +1844,11 @@ const layerManagerStyle = {
   '.column-acceptanceTime': {
     width: acceptanceTimeWidth
   },
+  '.column-loadDuration': {
+    width: loadDurationWidth,
+    paddingLeft: 1,
+    paddingRight: 1
+  },
   '.column-6': {
     width: rightButtonsWidth,
     display: 'inline-flex',
@@ -1872,7 +1882,7 @@ const layerManagerStyle = {
       '.enable-btn-mini': {
         display: 'inline-flex'
       },
-      '.activateLayer-btn, .enable-btn, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime': {
+      '.activateLayer-btn, .enable-btn, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime, .column-loadDuration': {
         display: 'none'
       },
       '#mappresets-menubutton, .addLayer-column, .setProjection-column': {
@@ -1906,7 +1916,7 @@ const layerManagerStyle = {
   // sizes: medium
   '@container (max-width: 600px)': {
     '.layermanager': {
-      '.column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime': {
+      '.column-3, .column-4, .column-5, .column-6, .column-7, .column-acceptanceTime, .column-loadDuration': {
         display: 'none'
       },
       '.column-2': {
@@ -1976,6 +1986,43 @@ const returnCorrectSize = sizeResult => {
   return sizeSmall;
 };
 
+/* *
+ * 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 style = {
+  width: 'auto !important',
+  height: 'auto !important',
+  padding: 0
+};
+const LayerSelectButton = ({
+  tooltipTitle: _tooltipTitle = 'Open the layer selector',
+  icon: _icon = /*#__PURE__*/React.createElement(LayersAdd, {
+    "data-testid": "layerSelectButtonConnectIcon"
+  }),
+  onClick: _onClick = () => {}
+}) => {
+  return /*#__PURE__*/React.createElement(CustomIconButton, {
+    onClick: _onClick,
+    sx: style,
+    id: "layerSelectButton",
+    "data-testid": "layerSelectButton",
+    tooltipTitle: _tooltipTitle
+  }, _icon);
+};
+
 const styles$3 = {
   text: theme => Object.assign({
     paddingLeft: '10px',
@@ -1987,13 +2034,11 @@ const styles$3 = {
 const DescriptionRow = _a => {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
   var {
-      mapId,
       mapPresetsModule,
-      source = 'app',
       settings,
-      isMultiMap
+      addLayerComponent
     } = _a,
-    gridProps = __rest(_a, ["mapId", "mapPresetsModule", "source", "settings", "isMultiMap"]);
+    gridProps = __rest(_a, ["mapPresetsModule", "settings", "addLayerComponent"]);
   const [mapPresetsModuleInline] = React.useState(mapPresetsModule ? Object.assign(Object.assign({}, mapPresetsModule), {
     props: Object.assign(Object.assign({}, mapPresetsModule.props), {
       id: 'mappresets-menubuttonInline'
@@ -2016,13 +2061,10 @@ const DescriptionRow = _a => {
       justifyContent: 'center',
       paddingRight: '6px'
     })
-  }, /*#__PURE__*/React.createElement(LayerSelectButtonConnect, {
-    mapId: mapId,
-    source: source,
+  }, addLayerComponent || ( /*#__PURE__*/React.createElement(LayerSelectButton, {
     tooltipTitle: (_b = settings === null || settings === void 0 ? void 0 : settings.addLayer) === null || _b === void 0 ? void 0 : _b.tooltipTitle,
-    icon: (_c = settings === null || settings === void 0 ? void 0 : settings.addLayer) === null || _c === void 0 ? void 0 : _c.icon,
-    isMultiMap: isMultiMap
-  })), /*#__PURE__*/React.createElement(Grid, {
+    icon: (_c = settings === null || settings === void 0 ? void 0 : settings.addLayer) === null || _c === void 0 ? void 0 : _c.icon
+  }))), /*#__PURE__*/React.createElement(Grid, {
     className: columnClasses.column2
   }, /*#__PURE__*/React.createElement(Box, {
     className: `header-layer ${hasMapPresetsModule ? 'mappresetsModule-enabled' : ''}`,
@@ -2051,24 +2093,31 @@ const DescriptionRow = _a => {
       whiteSpace: 'nowrap'
     }]
   }, (_o = (_m = settings === null || settings === void 0 ? void 0 : settings.acceptanceTime) === null || _m === void 0 ? void 0 : _m.title) !== null && _o !== void 0 ? _o : 'Acc Time')), /*#__PURE__*/React.createElement(Grid, {
+    className: columnClasses.loadDuration
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: [styles$3.text, {
+      display: 'flex',
+      justifyContent: 'flex-end'
+    }]
+  }, /*#__PURE__*/React.createElement(CloudLoading, null))), /*#__PURE__*/React.createElement(Grid, {
     className: columnClasses.column6
   }));
 };
 
-var $$6 = _export;
+var $$9 = _export;
 var $includes = arrayIncludes.includes;
-var fails$9 = fails$l;
+var fails$b = fails$n;
 var addToUnscopables = addToUnscopables$2;
 
 // FF99+ bug
-var BROKEN_ON_SPARSE = fails$9(function () {
+var BROKEN_ON_SPARSE = fails$b(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
-$$6({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+$$9({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
   includes: function includes(el /* , fromIndex = 0 */) {
     return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -2077,7 +2126,7 @@ $$6({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables('includes');
 
-var isObject = isObject$8;
+var isObject$2 = isObject$b;
 var classof$5 = classofRaw$1;
 var wellKnownSymbol$5 = wellKnownSymbol$c;
 
@@ -2087,16 +2136,16 @@ var MATCH$1 = wellKnownSymbol$5('match');
 // https://tc39.es/ecma262/#sec-isregexp
 var isRegexp = function (it) {
   var isRegExp;
-  return isObject(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof$5(it) === 'RegExp');
+  return isObject$2(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof$5(it) === 'RegExp');
 };
 
 var isRegExp = isRegexp;
 
-var $TypeError$3 = TypeError;
+var $TypeError$5 = TypeError;
 
 var notARegexp = function (it) {
   if (isRegExp(it)) {
-    throw new $TypeError$3("The method doesn't accept regular expressions");
+    throw new $TypeError$5("The method doesn't accept regular expressions");
   } return it;
 };
 
@@ -2110,7 +2159,7 @@ test$2[TO_STRING_TAG$1] = 'z';
 var toStringTagSupport = String(test$2) === '[object z]';
 
 var TO_STRING_TAG_SUPPORT = toStringTagSupport;
-var isCallable$2 = isCallable$g;
+var isCallable$4 = isCallable$i;
 var classofRaw = classofRaw$1;
 var wellKnownSymbol$3 = wellKnownSymbol$c;
 
@@ -2136,14 +2185,14 @@ var classof$4 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
     // builtinTag case
     : CORRECT_ARGUMENTS ? classofRaw(O)
     // ES3 arguments fallback
-    : (result = classofRaw(O)) === 'Object' && isCallable$2(O.callee) ? 'Arguments' : result;
+    : (result = classofRaw(O)) === 'Object' && isCallable$4(O.callee) ? 'Arguments' : result;
 };
 
 var classof$3 = classof$4;
 
 var $String = String;
 
-var toString$7 = function (argument) {
+var toString$9 = function (argument) {
   if (classof$3(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
   return $String(argument);
 };
@@ -2164,22 +2213,22 @@ var correctIsRegexpLogic = function (METHOD_NAME) {
   } return false;
 };
 
-var $$5 = _export;
-var uncurryThis$8 = functionUncurryThis;
+var $$8 = _export;
+var uncurryThis$9 = functionUncurryThis;
 var notARegExp = notARegexp;
-var requireObjectCoercible$4 = requireObjectCoercible$7;
-var toString$6 = toString$7;
+var requireObjectCoercible$4 = requireObjectCoercible$8;
+var toString$8 = toString$9;
 var correctIsRegExpLogic = correctIsRegexpLogic;
 
-var stringIndexOf$1 = uncurryThis$8(''.indexOf);
+var stringIndexOf$1 = uncurryThis$9(''.indexOf);
 
 // `String.prototype.includes` method
 // https://tc39.es/ecma262/#sec-string.prototype.includes
-$$5({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+$$8({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
   includes: function includes(searchString /* , position = 0 */) {
     return !!~stringIndexOf$1(
-      toString$6(requireObjectCoercible$4(this)),
-      toString$6(notARegExp(searchString)),
+      toString$8(requireObjectCoercible$4(this)),
+      toString$8(notARegExp(searchString)),
       arguments.length > 1 ? arguments[1] : undefined
     );
   }
@@ -2190,25 +2239,25 @@ var classof$2 = classofRaw$1;
 // `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) {
+var isArray$2 = Array.isArray || function isArray(argument) {
   return classof$2(argument) === 'Array';
 };
 
-var $$4 = _export;
-var uncurryThis$7 = functionUncurryThis;
-var isArray = isArray$1;
+var $$7 = _export;
+var uncurryThis$8 = functionUncurryThis;
+var isArray$1 = isArray$2;
 
-var nativeReverse = uncurryThis$7([].reverse);
+var nativeReverse = uncurryThis$8([].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
-$$4({ target: 'Array', proto: true, forced: String(test$1) === String(test$1.reverse()) }, {
+$$7({ 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);
   }
 });
@@ -2222,7 +2271,8 @@ const DimensionSelectValue = ({
   valueMappings,
   hideLatestDuplicate,
   setUseLatestReferenceTime,
-  useLatestReferenceTime
+  useLatestReferenceTime,
+  skipLocalStyling
 }) => {
   var _a;
   const dimensionValuesRaw = (_a = selectedDimension === null || selectedDimension === void 0 ? void 0 : selectedDimension.values) === null || _a === void 0 ? void 0 : _a.split(',').slice(0, 100).reverse();
@@ -2268,7 +2318,8 @@ const DimensionSelectValue = ({
     style: {
       maxWidth: '50%'
     },
-    IconComponent: icon
+    IconComponent: icon,
+    skipLocalStyling: skipLocalStyling
   }, /*#__PURE__*/React__default.createElement(MenuItem, {
     disabled: true
   }, "Dimension value (", dimensionValues.length, " options)"), dimensionValues.map(dimensionValue => {
@@ -2307,7 +2358,8 @@ const DimensionSelectName = ({
   nameMappings,
   tooltip,
   isEnabled,
-  dimensionNames
+  dimensionNames,
+  skipLocalStyling
 }) => {
   return /*#__PURE__*/React__default.createElement(TooltipSelect, {
     disableUnderline: true,
@@ -2331,7 +2383,8 @@ const DimensionSelectName = ({
     style: {
       maxWidth: '50%'
     },
-    IconComponent: icon
+    IconComponent: icon,
+    skipLocalStyling: skipLocalStyling
   }, /*#__PURE__*/React__default.createElement(MenuItem, {
     disabled: true
   }, "Dimension"), dimensionNames.map(name => ( /*#__PURE__*/React__default.createElement(MenuItem, {
@@ -2353,7 +2406,8 @@ const DimensionSelect = ({
   setUseLatestReferenceTime,
   useLatestReferenceTime,
   SingleValueComponent,
-  hideLatestDuplicate
+  hideLatestDuplicate,
+  skipLocalStyling
 }) => {
   var _a, _b, _c, _d, _e, _f;
   const [selectedDimensionName, setSelectedDimensionName] = useState((_a = _layerDimensions === null || _layerDimensions === void 0 ? void 0 : _layerDimensions[0]) === null || _a === void 0 ? void 0 : _a.name);
@@ -2394,7 +2448,8 @@ const DimensionSelect = ({
     tooltip: nameTooltip,
     isEnabled: _isEnabled,
     icon: icon,
-    nameMappings: nameMappings
+    nameMappings: nameMappings,
+    skipLocalStyling: skipLocalStyling
   })), collapseValueDropdown ? ( /*#__PURE__*/React.createElement(SingleValueComponent, Object.assign({}, _layerDimensions[0], {
     nameMappings: nameMappings,
     valueMappings: valueMappings,
@@ -2408,7 +2463,8 @@ const DimensionSelect = ({
     icon: icon,
     valueMappings: valueMappings,
     setUseLatestReferenceTime: setUseLatestReferenceTime,
-    useLatestReferenceTime: useLatestReferenceTime
+    useLatestReferenceTime: useLatestReferenceTime,
+    skipLocalStyling: skipLocalStyling
   }))));
 };
 
@@ -2437,7 +2493,8 @@ const RenderLayers = ({
   layerName,
   layers: _layers = [],
   isEnabled: _isEnabled = true,
-  tooltipPrefix: _tooltipPrefix = 'Layer: '
+  tooltipPrefix: _tooltipPrefix = 'Layer: ',
+  skipLocalStyling
 }) => {
   var _a;
   if (!_layers || !_layers.length) {
@@ -2484,6 +2541,7 @@ const RenderLayers = ({
     onChange: selectLayer,
     onChangeMouseWheel: e => onChangeLayerName(e.value),
     requiresCtrlToChange: true,
+    skipLocalStyling: skipLocalStyling,
     renderValue: value => extendedLayers.find(layer => layer.name === value).title
   }, /*#__PURE__*/React.createElement(MenuItem, {
     disabled: true
@@ -2689,13 +2747,91 @@ const LayerManagerMenuButton = ({
   });
 };
 
+var DESCRIPTORS$1 = descriptors;
+var isArray = isArray$2;
+
+var $TypeError$4 = TypeError;
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+
+// Safari < 13 does not throw an error in this case
+var SILENT_ON_NON_WRITABLE_LENGTH_SET = DESCRIPTORS$1 && !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(O) && !getOwnPropertyDescriptor(O, 'length').writable) {
+    throw new $TypeError$4('Cannot set read only .length');
+  } return O.length = length;
+} : function (O, length) {
+  return O.length = length;
+};
+
+var $TypeError$3 = TypeError;
+var MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF; // 2 ** 53 - 1 == 9007199254740991
+
+var doesNotExceedSafeInteger$1 = function (it) {
+  if (it > MAX_SAFE_INTEGER) throw $TypeError$3('Maximum allowed index exceeded');
+  return it;
+};
+
+var $$6 = _export;
+var toObject$3 = toObject$7;
+var lengthOfArrayLike$2 = lengthOfArrayLike$4;
+var setArrayLength = arraySetLength;
+var doesNotExceedSafeInteger = doesNotExceedSafeInteger$1;
+var fails$a = fails$n;
+
+var INCORRECT_TO_LENGTH = fails$a(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 = 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$3 = INCORRECT_TO_LENGTH || !properErrorOnNonWritableLength();
+
+// `Array.prototype.push` method
+// https://tc39.es/ecma262/#sec-array.prototype.push
+$$6({ target: 'Array', proto: true, arity: 1, forced: FORCED$3 }, {
+  // eslint-disable-next-line no-unused-vars -- required for `.length`
+  push: function push(item) {
+    var O = toObject$3(this);
+    var len = lengthOfArrayLike$2(O);
+    var argCount = arguments.length;
+    doesNotExceedSafeInteger(len + argCount);
+    for (var i = 0; i < argCount; i++) {
+      O[len] = arguments[i];
+      len++;
+    }
+    setArrayLength(O, len);
+    return len;
+  }
+});
+
 const RenderStyles = ({
   layerStyles,
   currentLayerStyle,
   onChangeLayerStyle,
   isEnabled: _isEnabled = true,
   icon,
-  tooltipPrefix: _tooltipPrefix = 'Style: '
+  tooltipPrefix: _tooltipPrefix = 'Style: ',
+  skipLocalStyling
 }) => {
   var _a;
   const styles = [{
@@ -2732,7 +2868,8 @@ const RenderStyles = ({
     onChange: selectStyle,
     onChangeMouseWheel: e => onChangeLayerStyle(e.value),
     requiresCtrlToChange: true,
-    IconComponent: icon
+    IconComponent: icon,
+    skipLocalStyling: skipLocalStyling
   }, /*#__PURE__*/React.createElement(MenuItem, {
     disabled: true
   }, "Style"), styles.map(styleFromlayer => ( /*#__PURE__*/React.createElement(MenuItem, {
@@ -2861,12 +2998,12 @@ function getIcon(isActive, isEnabled, current) {
   });
 }
 
-var anObject$4 = anObject$a;
+var anObject$5 = anObject$a;
 
 // `RegExp.prototype.flags` getter implementation
 // https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
 var regexpFlags$1 = function () {
-  var that = anObject$4(this);
+  var that = anObject$5(this);
   var result = '';
   if (that.hasIndices) result += 'd';
   if (that.global) result += 'g';
@@ -2879,31 +3016,31 @@ var regexpFlags$1 = function () {
   return result;
 };
 
-var call$6 = functionCall;
-var hasOwn = hasOwnProperty_1;
-var isPrototypeOf = objectIsPrototypeOf;
+var call$7 = functionCall;
+var hasOwn$1 = hasOwnProperty_1;
+var isPrototypeOf$1 = objectIsPrototypeOf;
 var regExpFlags = regexpFlags$1;
 
 var RegExpPrototype$2 = RegExp.prototype;
 
 var regexpGetFlags = function (R) {
   var flags = R.flags;
-  return flags === undefined && !('flags' in RegExpPrototype$2) && !hasOwn(R, 'flags') && isPrototypeOf(RegExpPrototype$2, R)
-    ? call$6(regExpFlags, R) : flags;
+  return flags === undefined && !('flags' in RegExpPrototype$2) && !hasOwn$1(R, 'flags') && isPrototypeOf$1(RegExpPrototype$2, R)
+    ? call$7(regExpFlags, R) : flags;
 };
 
 var PROPER_FUNCTION_NAME$1 = functionName.PROPER;
 var defineBuiltIn$1 = defineBuiltIn$5;
-var anObject$3 = anObject$a;
-var $toString = toString$7;
-var fails$8 = fails$l;
+var anObject$4 = anObject$a;
+var $toString = toString$9;
+var fails$9 = fails$n;
 var getRegExpFlags = regexpGetFlags;
 
 var TO_STRING = 'toString';
 var RegExpPrototype$1 = RegExp.prototype;
 var nativeToString = RegExpPrototype$1[TO_STRING];
 
-var NOT_GENERIC = fails$8(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
+var NOT_GENERIC = fails$9(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
 // FF44- RegExp#toString has a wrong name
 var INCORRECT_NAME = PROPER_FUNCTION_NAME$1 && nativeToString.name !== TO_STRING;
 
@@ -2911,7 +3048,7 @@ var INCORRECT_NAME = PROPER_FUNCTION_NAME$1 && nativeToString.name !== TO_STRING
 // https://tc39.es/ecma262/#sec-regexp.prototype.tostring
 if (NOT_GENERIC || INCORRECT_NAME) {
   defineBuiltIn$1(RegExpPrototype$1, TO_STRING, function toString() {
-    var R = anObject$3(this);
+    var R = anObject$4(this);
     var pattern = $toString(R.source);
     var flags = $toString(getRegExpFlags(R));
     return '/' + pattern + '/' + flags;
@@ -2954,7 +3091,8 @@ const AcceptanceTime = ({
   isEnabled: _isEnabled = true,
   acceptanceTimeInMinutes,
   icon,
-  tooltipTitle
+  tooltipTitle,
+  skipLocalStyling
 }) => {
   const onChange = acceptanceTimeRaw => {
     const acceptanceTime = acceptanceTimeRaw === 'off' ? undefined : Number(acceptanceTimeRaw);
@@ -2975,7 +3113,8 @@ const AcceptanceTime = ({
     list: acceptanceTimesValues,
     currentIndex: acceptanceTimes.findIndex(time => layerAcceptanceTime === time.value),
     IconComponent: icon,
-    "data-testid": "acceptanceTimeButton"
+    "data-testid": "acceptanceTimeButton",
+    skipLocalStyling: skipLocalStyling
   }, /*#__PURE__*/React__default.createElement(MenuItem, {
     disabled: true
   }, "Acc Time"), acceptanceTimes.map(accTime => ( /*#__PURE__*/React__default.createElement(MenuItem, {
@@ -3057,22 +3196,101 @@ const getTextAndColor = layerIsInsideAcceptanceTime => {
   };
 };
 
-/* *
- * 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 MILLISECONDS_PER_SECOND = 1e3;
+const MAX_DURATION_IN_SECONDS = 60;
+const MIN_DURATION_IN_SECONDS = 0.1;
+const DECIMALS_IN_LABEL = 1;
+const DECIMALS_IN_TOOLTIP = 3;
+const LoadDuration = ({
+  mapId,
+  layerId
+}) => {
+  const loadDurationLabel = useLoadDurationLabel(mapId, layerId);
+  const [tooltipText, setTooltipText] = React.useState();
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "top",
+    title: tooltipText,
+    open: tooltipText !== undefined,
+    onClose: () => setTooltipText(undefined),
+    onOpen: () => {
+      const duration = getImageLoadDuration(layerId);
+      if (duration) {
+        setTooltipText(getDurationTooltip(duration));
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    component: "div",
+    variant: "subtitle2",
+    whiteSpace: "nowrap",
+    "data-testid": "loadDuration",
+    sx: {
+      fontSize: 12
+    }
+  }, loadDurationLabel));
+};
+const getDurationTooltip = milliSeconds => {
+  if (milliSeconds === undefined) {
+    return '-';
+  }
+  return `${roundToDecimals(milliSeconds / MILLISECONDS_PER_SECOND, DECIMALS_IN_TOOLTIP)} s`;
+};
+const getImageLoadDuration = layerId => {
+  const layer = webmapUtils.getWMLayerById(layerId);
+  const currentRequestedGetMapURL = layer === null || layer === void 0 ? void 0 : layer.getCurrentRequestedGetMapURL();
+  if (currentRequestedGetMapURL === undefined) {
+    return undefined;
+  }
+  const imageStore = layer.parentMap.getImageStore();
+  const img = imageStore.getImageForSrc(currentRequestedGetMapURL);
+  const loadDurationMs = img === null || img === void 0 ? void 0 : img.getLoadDuration();
+  return loadDurationMs;
+};
+const roundToDecimals = (num, decimals) => {
+  return num.toLocaleString(undefined, {
+    maximumFractionDigits: decimals,
+    useGrouping: false
+  });
+};
+/**
+ * Hook to subscribe to changes in the load duration for a map layer.
+ * This will only trigger a render when the load duration rounded down to seconds changes for the given layer and map combination
+ * @param mapId
+ * @param layerId
+ * @returns {number}
+ */
+const useLoadDurationLabel = (mapId, layerId) => {
+  const subscribe = React.useCallback(onStoreChange => {
+    const map = webmapUtils.getWMJSMapById(mapId);
+    const layer = webmapUtils.getWMLayerById(layerId);
+    const onImageLoad = image => {
+      const currentRequestedGetMapURL = layer === null || layer === void 0 ? void 0 : layer.getCurrentRequestedGetMapURL();
+      if (image.getSrc() === currentRequestedGetMapURL) {
+        onStoreChange();
+      }
+    };
+    map === null || map === void 0 ? void 0 : map.getListener().addEventListener('onimagebufferimageload', onImageLoad);
+    return () => {
+      var _a;
+      (_a = map === null || map === void 0 ? void 0 : map.getListener()) === null || _a === void 0 ? void 0 : _a.removeEventListener('onimagebufferimageload', onImageLoad);
+    };
+  }, [mapId, layerId]);
+  const getSnapshot = React.useCallback(() => {
+    const loadDurationMs = getImageLoadDuration(layerId);
+    if (loadDurationMs === undefined) {
+      return '-';
+    }
+    const loadDurationInSeconds = loadDurationMs / MILLISECONDS_PER_SECOND;
+    if (loadDurationInSeconds > MAX_DURATION_IN_SECONDS) {
+      return `> ${MAX_DURATION_IN_SECONDS.toLocaleString()} s`;
+    }
+    if (loadDurationInSeconds < MIN_DURATION_IN_SECONDS) {
+      return `< ${MIN_DURATION_IN_SECONDS.toLocaleString()} s`;
+    }
+    return `${roundToDecimals(loadDurationInSeconds, DECIMALS_IN_LABEL)} s`;
+  }, [layerId]);
+  return React.useSyncExternalStore(subscribe, getSnapshot);
+};
+
 const LeftButtons = ({
   size,
   dragHandle,
@@ -3134,7 +3352,7 @@ const Acceptance = ({
   acceptanceTimeInMinutes: acceptanceTime,
   onChangeAcceptanceTime: onChangeAcceptanceTime
 }));
-const LayerRow = ({
+const LayerRowUnstyled = ({
   layerId,
   layer,
   layerName,
@@ -3164,7 +3382,9 @@ const LayerRow = ({
   disableActivateLayer,
   dragHandle,
   layerAcceptanceTimeLayout,
-  layerMissingDataLayout
+  layerMissingDataLayout,
+  layerLoadDurationLayout,
+  className
 }) => {
   const onClickRow = () => _onLayerRowClick(layerId);
   const changeEnable = event => {
@@ -3196,31 +3416,60 @@ const LayerRow = ({
     mapId,
     layerId: layerId
   });
-  renderCounter.count(LayerRow.name);
-  return /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    container: true,
-    "data-testid": `layerRow-${layerId}`,
-    className: "layerRow",
-    sx: {
-      backgroundColor: _isEnabled ? 'geowebColors.layerManager.tableRowDefaultCardContainer.fill' : 'geowebColors.layerManager.tableRowDisabledCardContainer.fill',
-      border: 1,
-      borderColor: _isEnabled ? 'geowebColors.layerManager.tableRowDefaultCardContainer.borderColor' : 'geowebColors.layerManager.tableRowDisabledCardContainer.borderColor',
-      borderRadius: 1,
-      marginBottom: 0.5,
-      minHeight: '34px',
-      '&.sortable-chosen': {
-        boxShadow: 1
-      },
-      '&.sortable-ghost': {
-        opacity: 0.5
-      }
-    },
-    alignItems: "center",
-    role: "listitem"
-  }, /*#__PURE__*/React__default.createElement(Accordion, {
-    LeftButtons: /*#__PURE__*/React__default.createElement(LeftButtons, {
-      size: "-medium",
+  renderCounter.count(LayerRowUnstyled.name);
+  return (
+    /*#__PURE__*/
+    // className needed for styled() utility
+    React__default.createElement("div", {
+      className: className
+    }, /*#__PURE__*/React__default.createElement(Grid, {
+      item: true,
+      container: true,
+      "data-testid": `layerRow-${layerId}`,
+      className: "layerRow",
+      alignItems: "center",
+      role: "listitem"
+    }, /*#__PURE__*/React__default.createElement(Accordion, {
+      LeftButtons: /*#__PURE__*/React__default.createElement(LeftButtons, {
+        size: "-medium",
+        dragHandle: dragHandle,
+        layer: layer,
+        layerMissingDataLayout: layerMissingDataLayout,
+        layerEnableLayout: layerEnableLayout,
+        isEnabled: _isEnabled,
+        disableActivateLayer: disableActivateLayer,
+        layerActiveLayout: layerActiveLayout,
+        onChangeEnable: changeEnable,
+        onChangeActive: onClickRow
+      }),
+      layerName: layerName,
+      Styles: layerStylesLayout || ( /*#__PURE__*/React__default.createElement(Styles, {
+        style: layer.style,
+        onChangeStyle: changeStyle
+      })),
+      Opacity: layerOpacityLayout || ( /*#__PURE__*/React__default.createElement(Opacity, {
+        opacity: layer.opacity,
+        onChangeOpacity: changeOpacity
+      })),
+      Acceptance: layerAcceptanceTimeLayout || ( /*#__PURE__*/React__default.createElement(Acceptance, {
+        acceptanceTime: layer.acceptanceTimeInMinutes,
+        onChangeAcceptanceTime: changeAcceptanceTime
+      })),
+      LoadDuration: layerLoadDurationLayout || ( /*#__PURE__*/React__default.createElement(LoadDuration, {
+        layerId: layerId,
+        mapId: mapId
+      })),
+      ShowLayerInfo: layerShowLayerInfoLayout || ( /*#__PURE__*/React__default.createElement(ShowLayerInfo, {
+        onClick: () => {}
+      })),
+      DeleteLayer: layerDeleteLayout || /*#__PURE__*/React__default.createElement(DeleteLayer, {
+        onClick: deleteLayer
+      })
+    }), /*#__PURE__*/React__default.createElement(Grid, {
+      item: true,
+      className: columnClasses.column1,
+      alignItems: "center"
+    }, /*#__PURE__*/React__default.createElement(LeftButtons, {
       dragHandle: dragHandle,
       layer: layer,
       layerMissingDataLayout: layerMissingDataLayout,
@@ -3230,106 +3479,97 @@ const LayerRow = ({
       layerActiveLayout: layerActiveLayout,
       onChangeEnable: changeEnable,
       onChangeActive: onClickRow
-    }),
-    layerName: layerName,
-    Styles: layerStylesLayout || ( /*#__PURE__*/React__default.createElement(Styles, {
+    })), /*#__PURE__*/React__default.createElement(Grid, {
+      item: true,
+      className: columnClasses.column2
+    }, layerServicesLayout || ( /*#__PURE__*/React__default.createElement(RenderLayers, {
+      layerName: layer.name,
+      layers: services && layer.service && services[layer.service] && services[layer.service].layers || [],
+      onChangeLayerName: name => {
+        onLayerChangeName({
+          layerId: layer.id,
+          name
+        });
+      }
+    }))), _isLayerMissing ? ( /*#__PURE__*/React__default.createElement(Grid, {
+      item: true,
+      className: columnClasses.column7
+    }, /*#__PURE__*/React__default.createElement(AlertBanner, {
+      title: "This layer could not be loaded: does not exist on the server.",
+      isCompact: true
+    }))) : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
+      item: true,
+      className: columnClasses.column3
+    }, layerStylesLayout || ( /*#__PURE__*/React__default.createElement(Styles, {
       style: layer.style,
       onChangeStyle: changeStyle
-    })),
-    Opacity: layerOpacityLayout || ( /*#__PURE__*/React__default.createElement(Opacity, {
+    }))), /*#__PURE__*/React__default.createElement(Grid, {
+      item: true,
+      className: columnClasses.column4
+    }, layerOpacityLayout || ( /*#__PURE__*/React__default.createElement(Opacity, {
       opacity: layer.opacity,
       onChangeOpacity: changeOpacity
-    })),
-    Acceptance: layerAcceptanceTimeLayout || ( /*#__PURE__*/React__default.createElement(Acceptance, {
+    }))), /*#__PURE__*/React__default.createElement(Grid, {
+      item: true,
+      className: columnClasses.column5
+    }, layerDimensionLayout || ( /*#__PURE__*/React__default.createElement(DimensionSelect, {
+      layerDimensions: layerUtils.filterNonTimeDimensions(layer.dimensions),
+      onLayerChangeDimension: (dimensionName, dimensionValue) => {
+        const dimension = {
+          name: dimensionName,
+          currentValue: dimensionValue
+        };
+        onLayerChangeDimension({
+          origin: 'layerrow',
+          layerId: layerId,
+          dimension
+        });
+      }
+    }))), /*#__PURE__*/React__default.createElement(Grid, {
+      item: true,
+      className: columnClasses.acceptanceTime
+    }, layerAcceptanceTimeLayout || ( /*#__PURE__*/React__default.createElement(Acceptance, {
       acceptanceTime: layer.acceptanceTimeInMinutes,
       onChangeAcceptanceTime: changeAcceptanceTime
-    })),
-    ShowLayerInfo: layerShowLayerInfoLayout || /*#__PURE__*/React__default.createElement(ShowLayerInfo, {
+    }))), /*#__PURE__*/React__default.createElement(Grid, {
+      item: true,
+      display: "flex",
+      justifyContent: "flex-end",
+      className: columnClasses.loadDuration
+    }, layerLoadDurationLayout || ( /*#__PURE__*/React__default.createElement(LoadDuration, {
+      layerId: layerId,
+      mapId: mapId
+    }))))), /*#__PURE__*/React__default.createElement(Grid, {
+      item: true,
+      className: columnClasses.column6,
+      alignItems: "center"
+    }, layerShowLayerInfoLayout || ( /*#__PURE__*/React__default.createElement(ShowLayerInfo, {
       onClick: () => {}
-    }),
-    DeleteLayer: layerDeleteLayout || /*#__PURE__*/React__default.createElement(DeleteLayer, {
+    })), layerDeleteLayout || /*#__PURE__*/React__default.createElement(DeleteLayer, {
       onClick: deleteLayer
-    })
-  }), /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    className: columnClasses.column1,
-    alignItems: "center"
-  }, /*#__PURE__*/React__default.createElement(LeftButtons, {
-    dragHandle: dragHandle,
-    layer: layer,
-    layerMissingDataLayout: layerMissingDataLayout,
-    layerEnableLayout: layerEnableLayout,
-    isEnabled: _isEnabled,
-    disableActivateLayer: disableActivateLayer,
-    layerActiveLayout: layerActiveLayout,
-    onChangeEnable: changeEnable,
-    onChangeActive: onClickRow
-  })), /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    className: columnClasses.column2
-  }, layerServicesLayout || ( /*#__PURE__*/React__default.createElement(RenderLayers, {
-    layerName: layer.name,
-    layers: services && layer.service && services[layer.service] && services[layer.service].layers || [],
-    onChangeLayerName: name => {
-      onLayerChangeName({
-        layerId: layer.id,
-        name
-      });
-    }
-  }))), _isLayerMissing ? ( /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    className: columnClasses.column7
-  }, /*#__PURE__*/React__default.createElement(AlertBanner, {
-    title: "This layer could not be loaded: does not exist on the server.",
-    isCompact: true
-  }))) : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    className: columnClasses.column3
-  }, layerStylesLayout || ( /*#__PURE__*/React__default.createElement(Styles, {
-    style: layer.style,
-    onChangeStyle: changeStyle
-  }))), /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    className: columnClasses.column4
-  }, layerOpacityLayout || ( /*#__PURE__*/React__default.createElement(Opacity, {
-    opacity: layer.opacity,
-    onChangeOpacity: changeOpacity
-  }))), /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    className: columnClasses.column5
-  }, layerDimensionLayout || ( /*#__PURE__*/React__default.createElement(DimensionSelect, {
-    layerDimensions: layerUtils.filterNonTimeDimensions(layer.dimensions),
-    onLayerChangeDimension: (dimensionName, dimensionValue) => {
-      const dimension = {
-        name: dimensionName,
-        currentValue: dimensionValue
-      };
-      onLayerChangeDimension({
-        origin: 'layerrow',
-        layerId: layerId,
-        dimension
-      });
-    }
-  }))), /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    className: columnClasses.acceptanceTime
-  }, layerAcceptanceTimeLayout || ( /*#__PURE__*/React__default.createElement(Acceptance, {
-    acceptanceTime: layer.acceptanceTimeInMinutes,
-    onChangeAcceptanceTime: changeAcceptanceTime
-  }))))), /*#__PURE__*/React__default.createElement(Grid, {
-    item: true,
-    className: columnClasses.column6,
-    alignItems: "center"
-  }, layerShowLayerInfoLayout || /*#__PURE__*/React__default.createElement(ShowLayerInfo, {
-    onClick: () => {}
-  }), layerDeleteLayout || /*#__PURE__*/React__default.createElement(DeleteLayer, {
-    onClick: deleteLayer
-  }), layerMenuLayout || ( /*#__PURE__*/React__default.createElement(LayerManagerMenuButton, {
-    mapId: mapId,
-    layerId: layerId,
-    onLayerDuplicate: onLayerDuplicate
-  }))));
+    }), layerMenuLayout || ( /*#__PURE__*/React__default.createElement(LayerManagerMenuButton, {
+      mapId: mapId,
+      layerId: layerId,
+      onLayerDuplicate: onLayerDuplicate
+    })))))
+  );
 };
+const LayerRow = styled(LayerRowUnstyled)(({
+  theme,
+  isEnabled: _isEnabled2 = true
+}) => {
+  return {
+    '& .MuiInputBase-root': Object.assign({}, tooltipContainerStyles(theme, _isEnabled2)),
+    '& .layerRow': {
+      backgroundColor: _isEnabled2 ? theme.palette.geowebColors.layerManager.tableRowDefaultCardContainer.fill : theme.palette.geowebColors.layerManager.tableRowDisabledCardContainer.fill,
+      border: '1px solid',
+      borderColor: _isEnabled2 ? theme.palette.geowebColors.layerManager.tableRowDefaultCardContainer.borderColor : theme.palette.geowebColors.layerManager.tableRowDisabledCardContainer.borderColor,
+      borderRadius: 1 * theme.shape.borderRadius,
+      marginBottom: theme.spacing(0.5),
+      minHeight: '34px'
+    }
+  };
+});
 const Accordion = ({
   Styles,
   Acceptance,
@@ -3337,7 +3577,8 @@ const Accordion = ({
   DeleteLayer,
   Opacity,
   layerName,
-  LeftButtons
+  LeftButtons,
+  LoadDuration
 }) => {
   return /*#__PURE__*/React__default.createElement(CustomAccordion, {
     className: "medium-layermanager",
@@ -3388,6 +3629,12 @@ const Accordion = ({
   }, /*#__PURE__*/React__default.createElement(Grid, {
     item: true
   }, "Acc Time"), Acceptance), /*#__PURE__*/React__default.createElement(Grid, {
+    container: true,
+    item: true,
+    flexDirection: "column"
+  }, /*#__PURE__*/React__default.createElement(Grid, {
+    item: true
+  }, /*#__PURE__*/React__default.createElement(CloudLoading, null)), LoadDuration), /*#__PURE__*/React__default.createElement(Grid, {
     container: true,
     item: true,
     justifyContent: "center",
@@ -3622,7 +3869,8 @@ const useReferenceTimeWithLatestOption = layerId => {
  * */
 const DimensionSelectConnect = ({
   layerId,
-  mapId
+  mapId,
+  skipLocalStyling
 }) => {
   const {
     layerDimensions,
@@ -3650,7 +3898,8 @@ const DimensionSelectConnect = ({
     },
     isEnabled: isLayerEnabled,
     useLatestReferenceTime: useLatestReferenceTime,
-    setUseLatestReferenceTime: setUseLatestReferenceTime
+    setUseLatestReferenceTime: setUseLatestReferenceTime,
+    skipLocalStyling: skipLocalStyling
   });
 };
 
@@ -3674,7 +3923,8 @@ const RenderStylesConnect = ({
   layerId,
   mapId,
   icon,
-  tooltipPrefix
+  tooltipPrefix,
+  skipLocalStyling
 }) => {
   const dispatch = useDispatch();
   const layerService = useSelector(store => layerSelectors.getLayerService(store, layerId));
@@ -3696,7 +3946,8 @@ const RenderStylesConnect = ({
     onChangeLayerStyle: layerChangeStyle,
     isEnabled: isLayerEnabled,
     icon: icon,
-    tooltipPrefix: tooltipPrefix
+    tooltipPrefix: tooltipPrefix,
+    skipLocalStyling: skipLocalStyling
   });
 };
 
@@ -3719,7 +3970,8 @@ const RenderStylesConnect = ({
 const RenderLayersConnect = ({
   layerId,
   mapId,
-  tooltipPrefix
+  tooltipPrefix,
+  skipLocalStyling
 }) => {
   const dispatch = useDispatch();
   const layerName = useSelector(store => layerSelectors.getLayerName(store, layerId));
@@ -3772,7 +4024,8 @@ const RenderLayersConnect = ({
       });
     },
     isEnabled: isLayerEnabled,
-    tooltipPrefix: tooltipPrefix
+    tooltipPrefix: tooltipPrefix,
+    skipLocalStyling: skipLocalStyling
   });
 };
 
@@ -4030,7 +4283,8 @@ function getCurrentOptionForLayer(thisLayerHasBoth, thisLayerHasAutoTimestep, th
 const AcceptanceTimeConnect = ({
   layerId,
   icon,
-  tooltipTitle
+  tooltipTitle,
+  skipLocalStyling
 }) => {
   const isEnabled = useSelector(store => layerSelectors.getLayerEnabled(store, layerId));
   const dispatch = useDispatch();
@@ -4061,7 +4315,8 @@ const AcceptanceTimeConnect = ({
     acceptanceTimeInMinutes: acceptanceTimeInMinutes,
     onChangeAcceptanceTime: onChangeAcceptanceTime,
     icon: icon,
-    tooltipTitle: tooltipTitle
+    tooltipTitle: tooltipTitle,
+    skipLocalStyling: skipLocalStyling
   });
 };
 
@@ -4130,6 +4385,93 @@ const CustomDimensionSelectConnect = _a => {
   }, props));
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+const LayerInfoButtonConnect = ({
+  isLayerMissing,
+  mapId,
+  serviceUrl,
+  layerName,
+  source: _source = 'app'
+}) => {
+  const dispatch = useDispatch();
+  const isOpenInStore = useSelector(store => uiSelectors.getisDialogOpen(store, uiTypes.DialogTypes.LayerInfo));
+  const currentLayerInfo = useSelector(store => layerSelectors.getActiveLayerInfo(store));
+  const isActive = layerName === (currentLayerInfo === null || currentLayerInfo === void 0 ? void 0 : currentLayerInfo.layerName) && serviceUrl === (currentLayerInfo === null || currentLayerInfo === void 0 ? void 0 : currentLayerInfo.serviceUrl) && isOpenInStore;
+  const onClick = () => {
+    if (!isActive) {
+      dispatch(layerActions.showLayerInfo({
+        layerName,
+        serviceUrl,
+        source: _source,
+        mapId
+      }));
+    } else {
+      dispatch(layerActions.hideLayerInfo());
+    }
+  };
+  return /*#__PURE__*/React__default.createElement(LayerInfoButton, {
+    disabled: isLayerMissing,
+    isActive: isActive,
+    onClick: onClick
+  });
+};
+
+/* *
+ * 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 LayerInfoDialogConnect = () => {
+  const layerInfo = useSelector(store => layerSelectors.getActiveLayerInfo(store));
+  const layer = useSelector(store => serviceSelectors.getLayerFromService(store, (layerInfo === null || layerInfo === void 0 ? void 0 : layerInfo.serviceUrl) || '', layerInfo === null || layerInfo === void 0 ? void 0 : layerInfo.layerName));
+  const currentService = useSelector(store => serviceSelectors.getServiceByUrl(store, (layerInfo === null || layerInfo === void 0 ? void 0 : layerInfo.serviceUrl) || ''));
+  const {
+    dialogOrder,
+    onCloseDialog,
+    setDialogOrder,
+    uiSource,
+    isDialogOpen
+  } = useSetupDialog(uiTypes.DialogTypes.LayerInfo);
+  if (!layer) {
+    return null;
+  }
+  return /*#__PURE__*/React__default.createElement(LayerInfoDialog, {
+    isOpen: isDialogOpen,
+    onClose: onCloseDialog,
+    onMouseDown: setDialogOrder,
+    order: dialogOrder,
+    source: uiSource,
+    layer: layer,
+    serviceName: currentService === null || currentService === void 0 ? void 0 : currentService.name
+  });
+};
+
 // Whenever a new layer is added index is updated in the dragHandle, which modifies the testing text. Below we ignore this text, as it serves no other purpose.
 const areEqual = (prevProps, nextProps) => {
   if (prevProps.layerId === nextProps.layerId && prevProps.mapId === nextProps.mapId && prevProps.settings === nextProps.settings && prevProps.dragHandle.props.isDisabled === nextProps.dragHandle.props.isDisabled && prevProps.dragHandle.props.toolTipTitle === nextProps.dragHandle.props.toolTipTitle) {
@@ -4157,9 +4499,6 @@ const LayerRowConnect = /*#__PURE__*/React.memo(({
   const currentService = useSelector(store => {
     return serviceSelectors.getServiceByUrl(store, layerServiceUrl);
   });
-  const selectedLayer = Object.assign(Object.assign({}, layerWithAllData), {
-    serviceName: currentService === null || currentService === void 0 ? void 0 : currentService.name
-  });
   const fullLayerName = serviceLayer === null || serviceLayer === void 0 ? void 0 : serviceLayer.title;
   renderCounter.count(LayerRowConnect.name);
   return /*#__PURE__*/React.createElement(LayerRow, {
@@ -4187,21 +4526,25 @@ const LayerRowConnect = /*#__PURE__*/React.memo(({
     })) : ( /*#__PURE__*/React.createElement(RenderLayersConnect, {
       layerId: layerId,
       mapId: mapId,
-      tooltipPrefix: (_g = settings === null || settings === void 0 ? void 0 : settings.renderLayer) === null || _g === void 0 ? void 0 : _g.tooltipPrefix
+      tooltipPrefix: (_g = settings === null || settings === void 0 ? void 0 : settings.renderLayer) === null || _g === void 0 ? void 0 : _g.tooltipPrefix,
+      skipLocalStyling: true
     })),
     layerDimensionLayout: (settings === null || settings === void 0 ? void 0 : settings.dimensions) ? ( /*#__PURE__*/React.createElement(CustomDimensionSelectConnect, Object.assign({
       layerId: layerId,
       mapId: mapId
     }, settings === null || settings === void 0 ? void 0 : settings.dimensions))) : ( /*#__PURE__*/React.createElement(DimensionSelectConnect, {
       layerId: layerId,
-      mapId: mapId
+      mapId: mapId,
+      skipLocalStyling: true
     })),
     layerStylesLayout: /*#__PURE__*/React.createElement(RenderStylesConnect, Object.assign({
       layerId: layerId,
-      mapId: mapId
+      mapId: mapId,
+      skipLocalStyling: true
     }, settings === null || settings === void 0 ? void 0 : settings.layerStyle)),
     layerAcceptanceTimeLayout: /*#__PURE__*/React.createElement(AcceptanceTimeConnect, Object.assign({
-      layerId: layerId
+      layerId: layerId,
+      skipLocalStyling: true
     }, settings === null || settings === void 0 ? void 0 : settings.acceptanceTime)),
     layerMissingDataLayout: /*#__PURE__*/React.createElement(MissingDataConnect, {
       mapId: mapId,
@@ -4213,9 +4556,9 @@ const LayerRowConnect = /*#__PURE__*/React.memo(({
     }, settings === null || settings === void 0 ? void 0 : settings.deleteLayer)),
     layerShowLayerInfoLayout: /*#__PURE__*/React.createElement(LayerInfoButtonConnect, {
       isLayerMissing: !serviceLayer,
-      layer: selectedLayer,
       mapId: mapId,
-      serviceName: currentService === null || currentService === void 0 ? void 0 : currentService.name
+      serviceUrl: currentService === null || currentService === void 0 ? void 0 : currentService.serviceUrl,
+      layerName: (layerWithAllData === null || layerWithAllData === void 0 ? void 0 : layerWithAllData.name) || ''
     }),
     layerMenuLayout: /*#__PURE__*/React.createElement(LayerManagerMenuButtonConnect, Object.assign({
       mapId: mapId,
@@ -4375,7 +4718,13 @@ const LayerContainerRow = /*#__PURE__*/React.memo(_a => {
     sx: {
       width: '100%',
       maxHeight: 'calc(100% - 10px)',
-      overflow: 'auto'
+      overflow: 'auto',
+      '& .sortable-chosen': {
+        boxShadow: 1
+      },
+      '& .sortable-ghost': {
+        opacity: '0.5 !important'
+      }
     }
   }, gridProps), /*#__PURE__*/React.createElement(ReactSortable, {
     tag: "div",
@@ -4400,12 +4749,14 @@ const LayerContainerRow = /*#__PURE__*/React.memo(_a => {
 });
 
 var aCallable$1 = aCallable$4;
-var toObject$2 = toObject$6;
+var toObject$2 = toObject$7;
 var IndexedObject = indexedObject;
-var lengthOfArrayLike$1 = lengthOfArrayLike$3;
+var lengthOfArrayLike$1 = lengthOfArrayLike$4;
 
 var $TypeError$2 = TypeError;
 
+var REDUCE_EMPTY = 'Reduce of empty array with no initial value';
+
 // `Array.prototype.{ reduce, reduceRight }` methods implementation
 var createMethod$2 = function (IS_RIGHT) {
   return function (that, callbackfn, argumentsLength, memo) {
@@ -4413,6 +4764,7 @@ var createMethod$2 = function (IS_RIGHT) {
     var self = IndexedObject(O);
     var length = lengthOfArrayLike$1(O);
     aCallable$1(callbackfn);
+    if (length === 0 && argumentsLength < 2) throw new $TypeError$2(REDUCE_EMPTY);
     var index = IS_RIGHT ? length - 1 : 0;
     var i = IS_RIGHT ? -1 : 1;
     if (argumentsLength < 2) while (true) {
@@ -4423,7 +4775,7 @@ var createMethod$2 = function (IS_RIGHT) {
       }
       index += i;
       if (IS_RIGHT ? index < 0 : length <= index) {
-        throw new $TypeError$2('Reduce of empty array with no initial value');
+        throw new $TypeError$2(REDUCE_EMPTY);
       }
     }
     for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {
@@ -4442,22 +4794,22 @@ var arrayReduce = {
   right: createMethod$2(true)
 };
 
-var fails$7 = fails$l;
+var fails$8 = fails$n;
 
 var arrayMethodIsStrict$2 = function (METHOD_NAME, argument) {
   var method = [][METHOD_NAME];
-  return !!method && fails$7(function () {
+  return !!method && fails$8(function () {
     // eslint-disable-next-line no-useless-call -- required for testing
     method.call(null, argument || function () { return 1; }, 1);
   });
 };
 
-var global$4 = global$g;
+var global$5 = global$g;
 var classof$1 = classofRaw$1;
 
-var engineIsNode = classof$1(global$4.process) === 'process';
+var engineIsNode = classof$1(global$5.process) === 'process';
 
-var $$3 = _export;
+var $$5 = _export;
 var $reduce = arrayReduce.left;
 var arrayMethodIsStrict$1 = arrayMethodIsStrict$2;
 var CHROME_VERSION = engineV8Version;
@@ -4466,11 +4818,11 @@ var IS_NODE = engineIsNode;
 // Chrome 80-82 has a critical bug
 // https://bugs.chromium.org/p/chromium/issues/detail?id=1049982
 var CHROME_BUG = !IS_NODE && CHROME_VERSION > 79 && CHROME_VERSION < 83;
-var FORCED$1 = CHROME_BUG || !arrayMethodIsStrict$1('reduce');
+var FORCED$2 = CHROME_BUG || !arrayMethodIsStrict$1('reduce');
 
 // `Array.prototype.reduce` method
 // https://tc39.es/ecma262/#sec-array.prototype.reduce
-$$3({ target: 'Array', proto: true, forced: FORCED$1 }, {
+$$5({ target: 'Array', proto: true, forced: FORCED$2 }, {
   reduce: function reduce(callbackfn /* , initialValue */) {
     var length = arguments.length;
     return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);
@@ -4610,13 +4962,13 @@ const BaseLayersConnect = ({
   });
 };
 
-var fails$6 = fails$l;
-var global$3 = global$g;
+var fails$7 = fails$n;
+var global$4 = global$g;
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
-var $RegExp$2 = global$3.RegExp;
+var $RegExp$2 = global$4.RegExp;
 
-var UNSUPPORTED_Y$1 = fails$6(function () {
+var UNSUPPORTED_Y$1 = fails$7(function () {
   var re = $RegExp$2('a', 'y');
   re.lastIndex = 2;
   return re.exec('abcd') !== null;
@@ -4624,11 +4976,11 @@ var UNSUPPORTED_Y$1 = fails$6(function () {
 
 // UC Browser bug
 // https://github.com/zloirock/core-js/issues/1008
-var MISSED_STICKY = UNSUPPORTED_Y$1 || fails$6(function () {
+var MISSED_STICKY = UNSUPPORTED_Y$1 || fails$7(function () {
   return !$RegExp$2('a', 'y').sticky;
 });
 
-var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$6(function () {
+var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$7(function () {
   // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
   var re = $RegExp$2('^r', 'gy');
   re.lastIndex = 2;
@@ -4641,24 +4993,24 @@ var regexpStickyHelpers = {
   UNSUPPORTED_Y: UNSUPPORTED_Y$1
 };
 
-var fails$5 = fails$l;
-var global$2 = global$g;
+var fails$6 = fails$n;
+var global$3 = global$g;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
-var $RegExp$1 = global$2.RegExp;
+var $RegExp$1 = global$3.RegExp;
 
-var regexpUnsupportedDotAll = fails$5(function () {
+var regexpUnsupportedDotAll = fails$6(function () {
   var re = $RegExp$1('.', 's');
   return !(re.dotAll && re.test('\n') && re.flags === 's');
 });
 
-var fails$4 = fails$l;
-var global$1 = global$g;
+var fails$5 = fails$n;
+var global$2 = global$g;
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
-var $RegExp = global$1.RegExp;
+var $RegExp = global$2.RegExp;
 
-var regexpUnsupportedNcg = fails$4(function () {
+var regexpUnsupportedNcg = fails$5(function () {
   var re = $RegExp('(?<a>b)', 'g');
   return re.exec('b').groups.a !== 'b' ||
     'b'.replace(re, '$<a>c') !== 'bc';
@@ -4666,12 +5018,12 @@ var regexpUnsupportedNcg = fails$4(function () {
 
 /* 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$5 = functionCall;
-var uncurryThis$6 = functionUncurryThis;
-var toString$5 = toString$7;
+var call$6 = functionCall;
+var uncurryThis$7 = functionUncurryThis;
+var toString$7 = toString$9;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers = regexpStickyHelpers;
-var shared = shared$4.exports;
+var shared = shared$4;
 var create = objectCreate;
 var getInternalState = internalState.get;
 var UNSUPPORTED_DOT_ALL = regexpUnsupportedDotAll;
@@ -4680,16 +5032,16 @@ var UNSUPPORTED_NCG = regexpUnsupportedNcg;
 var nativeReplace = shared('native-string-replace', String.prototype.replace);
 var nativeExec = RegExp.prototype.exec;
 var patchedExec = nativeExec;
-var charAt$3 = uncurryThis$6(''.charAt);
-var indexOf = uncurryThis$6(''.indexOf);
-var replace$2 = uncurryThis$6(''.replace);
-var stringSlice$3 = uncurryThis$6(''.slice);
+var charAt$3 = uncurryThis$7(''.charAt);
+var indexOf = uncurryThis$7(''.indexOf);
+var replace$3 = uncurryThis$7(''.replace);
+var stringSlice$3 = uncurryThis$7(''.slice);
 
 var UPDATES_LAST_INDEX_WRONG = (function () {
   var re1 = /a/;
   var re2 = /b*/g;
-  call$5(nativeExec, re1, 'a');
-  call$5(nativeExec, re2, 'a');
+  call$6(nativeExec, re1, 'a');
+  call$6(nativeExec, re2, 'a');
   return re1.lastIndex !== 0 || re2.lastIndex !== 0;
 })();
 
@@ -4704,26 +5056,26 @@ if (PATCH) {
   patchedExec = function exec(string) {
     var re = this;
     var state = getInternalState(re);
-    var str = toString$5(string);
+    var str = toString$7(string);
     var raw = state.raw;
     var result, reCopy, lastIndex, match, i, object, group;
 
     if (raw) {
       raw.lastIndex = re.lastIndex;
-      result = call$5(patchedExec, raw, str);
+      result = call$6(patchedExec, raw, str);
       re.lastIndex = raw.lastIndex;
       return result;
     }
 
     var groups = state.groups;
     var sticky = UNSUPPORTED_Y && re.sticky;
-    var flags = call$5(regexpFlags, re);
+    var flags = call$6(regexpFlags, re);
     var source = re.source;
     var charsAdded = 0;
     var strCopy = str;
 
     if (sticky) {
-      flags = replace$2(flags, 'y', '');
+      flags = replace$3(flags, 'y', '');
       if (indexOf(flags, 'g') === -1) {
         flags += 'g';
       }
@@ -4745,7 +5097,7 @@ if (PATCH) {
     }
     if (UPDATES_LAST_INDEX_WRONG) lastIndex = re.lastIndex;
 
-    match = call$5(nativeExec, sticky ? reCopy : re, strCopy);
+    match = call$6(nativeExec, sticky ? reCopy : re, strCopy);
 
     if (sticky) {
       if (match) {
@@ -4760,7 +5112,7 @@ if (PATCH) {
     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$5(nativeReplace, match[0], reCopy, function () {
+      call$6(nativeReplace, match[0], reCopy, function () {
         for (i = 1; i < arguments.length - 2; i++) {
           if (arguments[i] === undefined) match[i] = undefined;
         }
@@ -4781,34 +5133,69 @@ if (PATCH) {
 
 var regexpExec$2 = patchedExec;
 
-var $$2 = _export;
+var $$4 = _export;
 var exec = regexpExec$2;
 
 // `RegExp.prototype.exec` method
 // https://tc39.es/ecma262/#sec-regexp.prototype.exec
-$$2({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
+$$4({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
   exec: exec
 });
 
+// TODO: Remove from `core-js@4` since it's moved to entry points
+
+var $$3 = _export;
+var call$5 = functionCall;
+var isCallable$3 = isCallable$i;
+var anObject$3 = anObject$a;
+var toString$6 = toString$9;
+
+var DELEGATES_TO_EXEC = function () {
+  var execCalled = false;
+  var re = /[ac]/;
+  re.exec = function () {
+    execCalled = true;
+    return /./.exec.apply(this, arguments);
+  };
+  return re.test('abc') === true && execCalled;
+}();
+
+var nativeTest = /./.test;
+
+// `RegExp.prototype.test` method
+// https://tc39.es/ecma262/#sec-regexp.prototype.test
+$$3({ target: 'RegExp', proto: true, forced: !DELEGATES_TO_EXEC }, {
+  test: function (S) {
+    var R = anObject$3(this);
+    var string = toString$6(S);
+    var exec = R.exec;
+    if (!isCallable$3(exec)) return call$5(nativeTest, R, string);
+    var result = call$5(exec, R, string);
+    if (result === null) return false;
+    anObject$3(result);
+    return true;
+  }
+});
+
 // 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$5 = functionUncurryThis;
-var requireObjectCoercible$3 = requireObjectCoercible$7;
-var toString$4 = toString$7;
+var uncurryThis$6 = functionUncurryThis;
+var requireObjectCoercible$3 = requireObjectCoercible$8;
+var toString$5 = toString$9;
 var whitespaces$1 = whitespaces$2;
 
-var replace$1 = uncurryThis$5(''.replace);
+var replace$2 = uncurryThis$6(''.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) {
   return function ($this) {
-    var string = toString$4(requireObjectCoercible$3($this));
-    if (TYPE & 1) string = replace$1(string, ltrim, '');
-    if (TYPE & 2) string = replace$1(string, rtrim, '$1');
+    var string = toString$5(requireObjectCoercible$3($this));
+    if (TYPE & 1) string = replace$2(string, ltrim, '');
+    if (TYPE & 2) string = replace$2(string, rtrim, '$1');
     return string;
   };
 };
@@ -4826,7 +5213,7 @@ var stringTrim = {
 };
 
 var PROPER_FUNCTION_NAME = functionName.PROPER;
-var fails$3 = fails$l;
+var fails$4 = fails$n;
 var whitespaces = whitespaces$2;
 
 var non = '\u200B\u0085\u180E';
@@ -4834,20 +5221,20 @@ var non = '\u200B\u0085\u180E';
 // check that a method works with the correct list
 // of whitespaces and has a correct name
 var stringTrimForced = function (METHOD_NAME) {
-  return fails$3(function () {
+  return fails$4(function () {
     return !!whitespaces[METHOD_NAME]()
       || non[METHOD_NAME]() !== non
       || (PROPER_FUNCTION_NAME && whitespaces[METHOD_NAME].name !== METHOD_NAME);
   });
 };
 
-var $$1 = _export;
+var $$2 = _export;
 var $trim = stringTrim.trim;
 var forcedStringTrimMethod = stringTrimForced;
 
 // `String.prototype.trim` method
 // https://tc39.es/ecma262/#sec-string.prototype.trim
-$$1({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
+$$2({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
   trim: function trim() {
     return $trim(this);
   }
@@ -4861,9 +5248,9 @@ var deletePropertyOrThrow$1 = function (O, P) {
   if (!delete O[P]) throw new $TypeError$1('Cannot delete property ' + tryToString(P) + ' of ' + tryToString(O));
 };
 
-var uncurryThis$4 = functionUncurryThis;
+var uncurryThis$5 = functionUncurryThis;
 
-var arraySlice$1 = uncurryThis$4([].slice);
+var arraySlice$1 = uncurryThis$5([].slice);
 
 var arraySlice = arraySlice$1;
 
@@ -4923,14 +5310,14 @@ var webkit = userAgent.match(/AppleWebKit\/(\d+)\./);
 
 var engineWebkitVersion = !!webkit && +webkit[1];
 
-var $ = _export;
-var uncurryThis$3 = functionUncurryThis;
+var $$1 = _export;
+var uncurryThis$4 = functionUncurryThis;
 var aCallable = aCallable$4;
-var toObject$1 = toObject$6;
-var lengthOfArrayLike = lengthOfArrayLike$3;
+var toObject$1 = toObject$7;
+var lengthOfArrayLike = lengthOfArrayLike$4;
 var deletePropertyOrThrow = deletePropertyOrThrow$1;
-var toString$3 = toString$7;
-var fails$2 = fails$l;
+var toString$4 = toString$9;
+var fails$3 = fails$n;
 var internalSort = arraySort;
 var arrayMethodIsStrict = arrayMethodIsStrict$2;
 var FF = engineFfVersion;
@@ -4939,21 +5326,21 @@ var V8 = engineV8Version;
 var WEBKIT = engineWebkitVersion;
 
 var test = [];
-var nativeSort = uncurryThis$3(test.sort);
-var push$1 = uncurryThis$3(test.push);
+var nativeSort = uncurryThis$4(test.sort);
+var push$1 = uncurryThis$4(test.push);
 
 // IE8-
-var FAILS_ON_UNDEFINED = fails$2(function () {
+var FAILS_ON_UNDEFINED = fails$3(function () {
   test.sort(undefined);
 });
 // V8 bug
-var FAILS_ON_NULL = fails$2(function () {
+var FAILS_ON_NULL = fails$3(function () {
   test.sort(null);
 });
 // Old WebKit
 var STRICT_METHOD = arrayMethodIsStrict('sort');
 
-var STABLE_SORT = !fails$2(function () {
+var STABLE_SORT = !fails$3(function () {
   // feature detection can be too slow, so check engines versions
   if (V8) return V8 < 70;
   if (FF && FF > 3) return;
@@ -4988,20 +5375,20 @@ var STABLE_SORT = !fails$2(function () {
   return result !== 'DGBEFHACIJK';
 });
 
-var FORCED = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;
+var FORCED$1 = 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$3(x) > toString$3(y) ? 1 : -1;
+    return toString$4(x) > toString$4(y) ? 1 : -1;
   };
 };
 
 // `Array.prototype.sort` method
 // https://tc39.es/ecma262/#sec-array.prototype.sort
-$({ target: 'Array', proto: true, forced: FORCED }, {
+$$1({ target: 'Array', proto: true, forced: FORCED$1 }, {
   sort: function sort(comparefn) {
     if (comparefn !== undefined) aCallable(comparefn);
 
@@ -6025,8 +6412,8 @@ const LayerManager = ({
   setFocused: _setFocused = () => {},
   settings,
   headerSize: _headerSize = 'medium',
-  isMultiMap,
-  mapWidthRef
+  mapWidthRef,
+  addLayerComponent
 }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const minSize = {
@@ -6142,10 +6529,9 @@ const LayerManager = ({
     sx: styles$1.layerRowContainer
   }, /*#__PURE__*/React.createElement(DescriptionRow, {
     mapPresetsModule: _leftHeaderComponent,
-    mapId: mapId,
     source: _source,
     settings: settings === null || settings === void 0 ? void 0 : settings.header,
-    isMultiMap: isMultiMap
+    addLayerComponent: addLayerComponent
   }), /*#__PURE__*/React.createElement(LayerContainerRow, {
     mapId: mapId,
     settings: settings === null || settings === void 0 ? void 0 : settings.content
@@ -6166,7 +6552,7 @@ const getServicesToLoad = services => services.map(service => {
   return {
     id: wmService.id,
     name: service.name,
-    serviceUrl: service.url,
+    url: service.url,
     scope,
     abstract: service.abstract || wmService.abstract
   };
@@ -6223,8 +6609,8 @@ const getDialogType = (mapId, isMultiMap, isDocked) => {
  * a dialog should have the <LayerManagerMapButtonConnect/> which is used to focus the correct map and open the dialog
  *
  * Expects the following props:
- * @param {layerSelectTypes.LayerSelectService[]} preloadedMapServices preloadedMapServices: array of Service objects - contains an array of Service objects that are preloaded into in the WMS Loader for maplayers
- * @param {layerSelectTypes.LayerSelectService[]} preloadedBaseServices preloadedBaseServices: array of Service objects - contains an array of Service objects that are preloaded into in the WMS Loader fpr baselayers
+ * @param {serviceTypes.InitialService[]} preloadedMapServices preloadedMapServices: array of Service objects - contains an array of Service objects that are preloaded into in the WMS Loader for maplayers
+ * @param {serviceTypes.InitialService[]} preloadedBaseServices preloadedBaseServices: array of Service objects - contains an array of Service objects that are preloaded into in the WMS Loader fpr baselayers
  * @param {Layer[]} preloadedAvailableBaseLayers preloadedAvailableBaseLayers: array of Layer objects - contains an array of Layer objects (consisting solely of type baseLayer) that are available to be shown as basemaps
  * ``` <LayerManagerConnect />```
  */
@@ -6281,7 +6667,7 @@ const LayerManagerConnect = ({
   }, [dispatch, _isDocked, mapId, onCloseDialog, _source]);
   return React.useMemo(() => {
     const shownTitle = _showMapIdInTitle ? `${_title} ${mapId}` : _title;
-    return /*#__PURE__*/React.createElement(LayerManager, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LayerManager, {
       mapId: mapId || initialMapId,
       preloadedAvailableBaseLayers: preloadedAvailableBaseLayers,
       preloadedBaseServices: preloadedBaseServices,
@@ -6299,7 +6685,6 @@ const LayerManagerConnect = ({
       onToggleDock: onToggleDock,
       setFocused: setFocused,
       headerSize: "xs",
-      isMultiMap: _isMultiMap,
       isDockedLayerManager: _isDocked,
       startPosition: _isDocked ? {
         top: 60,
@@ -6308,9 +6693,14 @@ const LayerManagerConnect = ({
         top: 85,
         left: 50
       },
-      mapWidthRef: mapWidthRef
-    });
-  }, [bounds, dialogOrder, dockedLayerManagerSize, initialMapId, isDialogOpen, _isDocked, _isMultiMap, _leftHeaderComponent, mapId, onCloseDialog, onToggleDock, preloadedAvailableBaseLayers, preloadedBaseServices, setDialogOrder, setFocused, _showMapIdInTitle, _title, uiError, uiIsLoading, uiSource, mapWidthRef]);
+      mapWidthRef: mapWidthRef,
+      addLayerComponent: /*#__PURE__*/React.createElement(LayerSelectButtonConnect, {
+        mapId: mapId,
+        source: _source,
+        isMultiMap: _isMultiMap
+      })
+    }), !_isDocked && /*#__PURE__*/React.createElement(LayerInfoDialogConnect, null), !_isDocked && /*#__PURE__*/React.createElement(LayerSelectConnect, null));
+  }, [bounds, dialogOrder, dockedLayerManagerSize, initialMapId, isDialogOpen, _isDocked, _isMultiMap, _leftHeaderComponent, mapId, onCloseDialog, onToggleDock, preloadedAvailableBaseLayers, preloadedBaseServices, setDialogOrder, setFocused, _showMapIdInTitle, _title, uiError, uiIsLoading, uiSource, mapWidthRef, _source]);
 };
 
 /* *
@@ -6614,21 +7004,241 @@ const ZoomControlConnect = ({
   if (!isVisible) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(ZoomControls, {
-    onZoomIn: onZoomIn,
-    onZoomOut: onZoomOut,
-    onZoomReset: onZoomReset
-  });
+  return /*#__PURE__*/React.createElement(ZoomControls, {
+    onZoomIn: onZoomIn,
+    onZoomOut: onZoomOut,
+    onZoomReset: onZoomReset
+  });
+};
+
+var NATIVE_BIND = functionBindNative;
+
+var FunctionPrototype = Function.prototype;
+var apply$2 = FunctionPrototype.apply;
+var call$4 = FunctionPrototype.call;
+
+// eslint-disable-next-line es/no-reflect -- safe
+var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND ? call$4.bind(apply$2) : function () {
+  return call$4.apply(apply$2, arguments);
+});
+
+var defineProperty = objectDefineProperty.f;
+
+var proxyAccessor$1 = function (Target, Source, key) {
+  key in Target || defineProperty(Target, key, {
+    configurable: true,
+    get: function () { return Source[key]; },
+    set: function (it) { Source[key] = it; }
+  });
+};
+
+var isCallable$2 = isCallable$i;
+var isObject$1 = isObject$b;
+var setPrototypeOf$1 = 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$1 &&
+    // we haven't completely correct pre-ES6 way for getting `new.target`, so use this
+    isCallable$2(NewTarget = dummy.constructor) &&
+    NewTarget !== Wrapper &&
+    isObject$1(NewTargetPrototype = NewTarget.prototype) &&
+    NewTargetPrototype !== Wrapper.prototype
+  ) setPrototypeOf$1($this, NewTargetPrototype);
+  return $this;
+};
+
+var toString$3 = toString$9;
+
+var normalizeStringArgument$1 = function (argument, $default) {
+  return argument === undefined ? arguments.length < 2 ? '' : $default : toString$3(argument);
+};
+
+var isObject = isObject$b;
+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(options) && 'cause' in options) {
+    createNonEnumerableProperty$3(O, 'cause', options.cause);
+  }
+};
+
+var uncurryThis$3 = functionUncurryThis;
+
+var $Error = Error;
+var replace$1 = uncurryThis$3(''.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$2 = fails$n;
+var createPropertyDescriptor = createPropertyDescriptor$4;
+
+var errorStackInstallable = !fails$2(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 = getBuiltIn$4;
+var hasOwn = hasOwnProperty_1;
+var createNonEnumerableProperty$1 = createNonEnumerableProperty$8;
+var isPrototypeOf = objectIsPrototypeOf;
+var setPrototypeOf = 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 = 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.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(OriginalErrorPrototype, 'cause')) delete OriginalErrorPrototype.cause;
+
+  if (!FORCED) return OriginalError;
+
+  var BaseError = getBuiltIn('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(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) setPrototypeOf(WrappedError, BaseError);
+    else copyConstructorProperties(WrappedError, BaseError, { name: true });
+  } else if (DESCRIPTORS && 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 $ = _export;
+var global$1 = global$g;
+var apply$1 = functionApply;
+var wrapErrorConstructorWithCause = wrapErrorConstructorWithCause$1;
+
+var WEB_ASSEMBLY = 'WebAssembly';
+var WebAssembly = global$1[WEB_ASSEMBLY];
+
+// eslint-disable-next-line es/no-error-cause -- feature detection
+var FORCED = new Error('e', { cause: 7 }).cause !== 7;
+
+var exportGlobalErrorCauseWrapper = function (ERROR_NAME, wrapper) {
+  var O = {};
+  O[ERROR_NAME] = wrapErrorConstructorWithCause(ERROR_NAME, wrapper, FORCED);
+  $({ global: true, constructor: true, arity: 1, forced: FORCED }, O);
+};
+
+var exportWebAssemblyErrorCauseWrapper = function (ERROR_NAME, wrapper) {
+  if (WebAssembly && WebAssembly[ERROR_NAME]) {
+    var O = {};
+    O[ERROR_NAME] = wrapErrorConstructorWithCause(WEB_ASSEMBLY + '.' + ERROR_NAME, wrapper, FORCED);
+    $({ target: WEB_ASSEMBLY, stat: true, constructor: true, arity: 1, forced: FORCED }, 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); };
+});
+
 // TODO: Remove from `core-js@4` since it's moved to entry points
 
-var call$4 = functionCall;
+var call$3 = functionCall;
 var defineBuiltIn = defineBuiltIn$5;
 var regexpExec$1 = regexpExec$2;
-var fails$1 = fails$l;
+var fails$1 = fails$n;
 var wellKnownSymbol$1 = wellKnownSymbol$c;
-var createNonEnumerableProperty = createNonEnumerableProperty$5;
+var createNonEnumerableProperty = createNonEnumerableProperty$8;
 
 var SPECIES = wellKnownSymbol$1('species');
 var RegExpPrototype = RegExp.prototype;
@@ -6683,9 +7293,9 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
           // 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$4(nativeRegExpMethod, regexp, str, arg2) };
+          return { done: true, value: call$3(nativeRegExpMethod, regexp, str, arg2) };
         }
-        return { done: true, value: call$4(nativeMethod, str, regexp, arg2) };
+        return { done: true, value: call$3(nativeMethod, str, regexp, arg2) };
       }
       return { done: false };
     });
@@ -6699,8 +7309,8 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
 
 var uncurryThis$2 = functionUncurryThis;
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$4;
-var toString$2 = toString$7;
-var requireObjectCoercible$2 = requireObjectCoercible$7;
+var toString$2 = toString$9;
+var requireObjectCoercible$2 = requireObjectCoercible$8;
 
 var charAt$2 = uncurryThis$2(''.charAt);
 var charCodeAt = uncurryThis$2(''.charCodeAt);
@@ -6742,9 +7352,9 @@ var advanceStringIndex$2 = function (S, index, unicode) {
   return index + (unicode ? charAt$1(S, index).length : 1);
 };
 
-var call$3 = functionCall;
+var call$2 = functionCall;
 var anObject$2 = anObject$a;
-var isCallable$1 = isCallable$g;
+var isCallable$1 = isCallable$i;
 var classof = classofRaw$1;
 var regexpExec = regexpExec$2;
 
@@ -6755,21 +7365,21 @@ var $TypeError = TypeError;
 var regexpExecAbstract = function (R, S) {
   var exec = R.exec;
   if (isCallable$1(exec)) {
-    var result = call$3(exec, R, S);
+    var result = call$2(exec, R, S);
     if (result !== null) anObject$2(result);
     return result;
   }
-  if (classof(R) === 'RegExp') return call$3(regexpExec, R, S);
+  if (classof(R) === 'RegExp') return call$2(regexpExec, R, S);
   throw new $TypeError('RegExp#exec called on incompatible receiver');
 };
 
-var call$2 = functionCall;
+var call$1 = functionCall;
 var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
 var anObject$1 = anObject$a;
 var isNullOrUndefined$1 = isNullOrUndefined$4;
 var toLength$1 = toLength$3;
-var toString$1 = toString$7;
-var requireObjectCoercible$1 = requireObjectCoercible$7;
+var toString$1 = toString$9;
+var requireObjectCoercible$1 = requireObjectCoercible$8;
 var getMethod$1 = getMethod$3;
 var advanceStringIndex$1 = advanceStringIndex$2;
 var regExpExec$1 = regexpExecAbstract;
@@ -6782,7 +7392,7 @@ fixRegExpWellKnownSymbolLogic$1('match', function (MATCH, nativeMatch, maybeCall
     function match(regexp) {
       var O = requireObjectCoercible$1(this);
       var matcher = isNullOrUndefined$1(regexp) ? undefined : getMethod$1(regexp, MATCH);
-      return matcher ? call$2(matcher, regexp, O) : new RegExp(regexp)[MATCH](toString$1(O));
+      return matcher ? call$1(matcher, regexp, O) : new RegExp(regexp)[MATCH](toString$1(O));
     },
     // `RegExp.prototype[@@match]` method
     // https://tc39.es/ecma262/#sec-regexp.prototype-@@match
@@ -7183,7 +7793,7 @@ const MapViewConnect = _a => {
         setTime({
           sourceId: mapId,
           origin: `${mapDimensionPayload.origin}==> ${ORIGIN_REACTMAPVIEWCONNECT_ONMAPCHANGEDIMENSION}`,
-          value: handleMomentISOString(mapDimensionPayload.dimension.currentValue)
+          value: handleDateUtilsISOString(mapDimensionPayload.dimension.currentValue)
         });
       } else {
         mapChangeDimension(mapDimensionPayload);
@@ -8119,42 +8729,6 @@ const TimeStepButtonConnect = ({
   });
 };
 
-const NowButtonConnect = ({
-  sourceId,
-  mapId,
-  isDisabled
-}) => {
-  const dispatch = useDispatch();
-  const currentTime = moment.utc().unix();
-  const timeStep = useSelector(store => mapSelectors.getMapTimeStep(store, mapId));
-  const [dataStartTime, dataEndTime] = useSelector(store => mapSelectors.getDataLimitsFromLayers(store, mapId));
-  const isAnimating = useSelector(store => mapSelectors.isAnimating(store, mapId));
-  const turnOffAutoUpdateIfItsOn = useTurnOffAutoUpdateIfItsOn(mapId);
-  const onSetNewDate = newDate => {
-    turnOffAutoUpdateIfItsOn();
-    if (isAnimating) {
-      dispatch(mapActions.mapStopAnimation({
-        mapId
-      }));
-    }
-    dispatch(genericActions.setTime({
-      sourceId,
-      origin: 'NowButtonConnect, 140',
-      value: handleMomentISOString(newDate)
-    }));
-  };
-  const onSetCenterTime = newTime => {
-    dispatch(mapActions.setTimeSliderCenterTime({
-      mapId,
-      timeSliderCenterTime: newTime
-    }));
-  };
-  return /*#__PURE__*/React.createElement(NowButton, {
-    disabled: isDisabled,
-    onSetNow: () => handleSetNowEvent(timeStep, dataStartTime, dataEndTime, currentTime, onSetNewDate, onSetCenterTime)
-  });
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -8178,12 +8752,14 @@ const AnimationLengthButtonConnect = ({
   const isAnimating = useSelector(store => mapSelectors.isAnimating(store, mapId));
   const animationStartTime = useSelector(store => mapSelectors.getAnimationStartTime(store, mapId));
   const animationEndTime = useSelector(store => mapSelectors.getAnimationEndTime(store, mapId));
-  const currentDiffInMinutes = moment(animationEndTime).diff(moment(animationStartTime), 'minutes');
+  const currentDiffInMinutes = dateUtils.differenceInMinutes(dateUtils.utc(animationEndTime), dateUtils.utc(animationStartTime));
   const handlechangeAnimationLength = length => {
-    const animationEndTime = moment(animationStartTime).add(length, 'minutes').toISOString();
+    const animationEndTime = dateUtils.dateToIsoString(dateUtils.add(dateUtils.utc(animationStartTime), {
+      minutes: length
+    }));
     dispatch(mapActions.setAnimationEndTime({
       mapId,
-      animationEndTime,
+      animationEndTime: animationEndTime || dateUtils.dateToIsoString(dateUtils.utc()),
       origin: mapEnums.MapActionOrigin.map
     }));
   };
@@ -8274,47 +8850,6 @@ const TimeSpanButtonConnect = ({
   });
 };
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
- * */
-const connectRedux$2 = connect((store, props) => ({
-  isAutoUpdating: mapSelectors.isAutoUpdating(store, props.mapId)
-}), {
-  toggleAutoUpdate: mapActions.toggleAutoUpdate
-});
-const AutoUpdateButtonConnectComponent = connectRedux$2(({
-  mapId,
-  isAutoUpdating,
-  toggleAutoUpdate
-}) => {
-  const onClick = () => {
-    toggleAutoUpdate({
-      mapId,
-      shouldAutoUpdate: !isAutoUpdating,
-      origin: mapEnums.MapActionOrigin.map
-    });
-  };
-  return /*#__PURE__*/React.createElement(AutoUpdateButton, {
-    isAutoUpdating: isAutoUpdating,
-    toggleAutoUpdate: onClick,
-    disabled: false
-  });
-});
-const AutoUpdateButtonConnect = connectRedux$2(AutoUpdateButtonConnectComponent);
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -8340,20 +8875,12 @@ const AutoUpdateButtonConnect = connectRedux$2(AutoUpdateButtonConnectComponent)
  * ``` <OptionsMenuButtonConnect mapId={mapId} />```
  */
 const OptionsMenuButtonConnect = ({
-  sourceId,
   mapId
 }) => {
   return /*#__PURE__*/React.createElement(OptionsMenuButton, {
-    nowBtn: /*#__PURE__*/React.createElement(NowButtonConnect, {
-      mapId: mapId,
-      sourceId: sourceId
-    }),
     animationLengthBtn: /*#__PURE__*/React.createElement(AnimationLengthButtonConnect, {
       mapId: mapId
     }),
-    autoUpdateBtn: /*#__PURE__*/React.createElement(AutoUpdateButtonConnect, {
-      mapId: mapId
-    }),
     speedBtn: /*#__PURE__*/React.createElement(SpeedButtonConnect, {
       mapId: mapId
     }),
@@ -8382,7 +8909,7 @@ const OptionsMenuButtonConnect = ({
  * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2020 - Finnish Meteorological Institute (FMI)
  * */
-const connectRedux$1 = connect((store, props) => ({
+const connectRedux$2 = connect((store, props) => ({
   animationStartTime: mapSelectors.getAnimationStartTime(store, props.mapId),
   animationEndTime: mapSelectors.getAnimationEndTime(store, props.mapId),
   timeStep: mapSelectors.getMapTimeStep(store, props.mapId),
@@ -8391,7 +8918,7 @@ const connectRedux$1 = connect((store, props) => ({
   mapStartAnimation: mapActions.mapStartAnimation,
   mapStopAnimation: mapActions.mapStopAnimation
 });
-const PlayButtonConnect = connectRedux$1(({
+const PlayButtonConnect = connectRedux$2(({
   mapId,
   animationStartTime,
   animationEndTime,
@@ -8461,6 +8988,83 @@ const BackwardForwardStepButtonConnect = ({
   });
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2020 - Finnish Meteorological Institute (FMI)
+ * */
+const connectRedux$1 = connect((store, props) => ({
+  isAutoUpdating: mapSelectors.isAutoUpdating(store, props.mapId)
+}), {
+  toggleAutoUpdate: mapActions.toggleAutoUpdate
+});
+const AutoUpdateButtonConnectComponent = connectRedux$1(({
+  mapId,
+  isAutoUpdating,
+  toggleAutoUpdate
+}) => {
+  const onClick = () => {
+    toggleAutoUpdate({
+      mapId,
+      shouldAutoUpdate: !isAutoUpdating,
+      origin: mapEnums.MapActionOrigin.map
+    });
+  };
+  return /*#__PURE__*/React.createElement(AutoUpdateButton, {
+    isAutoUpdating: isAutoUpdating,
+    toggleAutoUpdate: onClick,
+    disabled: false
+  });
+});
+const AutoUpdateButtonConnect = connectRedux$1(AutoUpdateButtonConnectComponent);
+
+const NowButtonConnect = ({
+  sourceId,
+  mapId,
+  isDisabled
+}) => {
+  const dispatch = useDispatch();
+  const currentTime = dateUtils.unix(dateUtils.utc());
+  const timeStep = useSelector(store => mapSelectors.getMapTimeStep(store, mapId));
+  const [dataStartTime, dataEndTime] = useSelector(store => mapSelectors.getDataLimitsFromLayers(store, mapId));
+  const isAnimating = useSelector(store => mapSelectors.isAnimating(store, mapId));
+  const turnOffAutoUpdateIfItsOn = useTurnOffAutoUpdateIfItsOn(mapId);
+  const onSetNewDate = newDate => {
+    turnOffAutoUpdateIfItsOn();
+    if (isAnimating) {
+      dispatch(mapActions.mapStopAnimation({
+        mapId
+      }));
+    }
+    dispatch(genericActions.setTime({
+      sourceId,
+      origin: 'NowButtonConnect, 140',
+      value: handleDateUtilsISOString(newDate)
+    }));
+  };
+  const onSetCenterTime = newTime => {
+    dispatch(mapActions.setTimeSliderCenterTime({
+      mapId,
+      timeSliderCenterTime: newTime
+    }));
+  };
+  return /*#__PURE__*/React.createElement(NowButton, {
+    disabled: isDisabled,
+    onSetNow: () => handleSetNowEvent(timeStep, dataStartTime, dataEndTime, currentTime, onSetNewDate, onSetCenterTime)
+  });
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -8482,17 +9086,24 @@ const BackwardForwardStepButtonConnect = ({
  *
  * Expects the following props:
  * @param {string} mapId mapId: string - Id of the map
+ * @param {string} sourceId mapId: string - Id of the source
  * @example
- * ``` <TimeSliderButtonsConnect mapId={mapId} />```
+ * ``` <TimeSliderButtonsConnect mapId={mapId} sourceId={sourceId} />```
  */
 const TimeSliderButtonsConnectComponent = ({
   sourceId,
   mapId
 }) => ( /*#__PURE__*/React.createElement(TimeSliderButtons, {
-  optionsMenuBtn: /*#__PURE__*/React.createElement(OptionsMenuButtonConnect, {
+  nowBtn: /*#__PURE__*/React.createElement(NowButtonConnect, {
     mapId: mapId,
     sourceId: sourceId
   }),
+  autoUpdateBtn: /*#__PURE__*/React.createElement(AutoUpdateButtonConnect, {
+    mapId: mapId
+  }),
+  optionsMenuBtn: /*#__PURE__*/React.createElement(OptionsMenuButtonConnect, {
+    mapId: mapId
+  }),
   playBtn: /*#__PURE__*/React.createElement(PlayButtonConnect, {
     mapId: mapId
   }),
@@ -8721,7 +9332,7 @@ const useUpdateTimeSpan = (mapId, myOnSetTimeSliderSpan) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [autoTimeStepLayerId, isTimeSpanAuto, activeLayerTimeDimension, mapId]);
 };
-const timeToIso = selectedTime => handleMomentISOString(dateUtils.fromUnix(selectedTime).toISOString());
+const timeToIso = selectedTime => handleDateUtilsISOString(dateUtils.fromUnix(selectedTime).toISOString());
 const TimeSliderConnect = ({
   sourceId,
   mapId,
@@ -8796,7 +9407,7 @@ const TimeSliderConnect = ({
     dispatch(genericActions.setTime({
       sourceId,
       origin: 'TimeSliderConnect',
-      value: handleMomentISOString(newDate)
+      value: handleDateUtilsISOString(newDate)
     }));
   };
   // Update local state when time is updated outside of this component, e.g. during animation or syncgroups
@@ -8869,9 +9480,17 @@ const TimeSliderConnect = ({
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * */
 const ControlButtonsConnect = ({
+  sourceId,
   mapId
 }) => {
   return /*#__PURE__*/React__default.createElement(ControlButtons, {
+    nowBtn: /*#__PURE__*/React__default.createElement(NowButtonConnect, {
+      mapId: mapId,
+      sourceId: sourceId
+    }),
+    autoUpdateBtn: /*#__PURE__*/React__default.createElement(AutoUpdateButtonConnect, {
+      mapId: mapId
+    }),
     playBtn: /*#__PURE__*/React__default.createElement(PlayButtonConnect, {
       mapId: mapId
     }),
@@ -8903,19 +9522,11 @@ const ControlButtonsConnect = ({
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * */
 const OptionsMenuConnect = ({
-  sourceId,
   mapId
 }) => ( /*#__PURE__*/React__default.createElement(OptionsMenu, {
-  nowBtn: /*#__PURE__*/React__default.createElement(NowButtonConnect, {
-    mapId: mapId,
-    sourceId: sourceId
-  }),
   animationLengthBtn: /*#__PURE__*/React__default.createElement(AnimationLengthButtonConnect, {
     mapId: mapId
   }),
-  autoUpdateBtn: /*#__PURE__*/React__default.createElement(AutoUpdateButtonConnect, {
-    mapId: mapId
-  }),
   speedBtn: /*#__PURE__*/React__default.createElement(SpeedButtonConnect, {
     mapId: mapId
   }),
@@ -8951,13 +9562,13 @@ const TimeSliderClockConnect = ({
   return /*#__PURE__*/React__default.createElement(TimeSliderClock, {
     hideButton: isTimeSliderVisible,
     controls: /*#__PURE__*/React__default.createElement(ControlButtonsConnect, {
-      mapId: mapId
-    }),
-    options: /*#__PURE__*/React__default.createElement(OptionsMenuConnect, {
       mapId: mapId,
       sourceId: mapId
     }),
-    time: moment.unix(selectedTime)
+    options: /*#__PURE__*/React__default.createElement(OptionsMenuConnect, {
+      mapId: mapId
+    }),
+    time: selectedTime
   });
 };
 
@@ -9138,19 +9749,8 @@ const ConfigurableMapConnect = _a => {
   }, [children, disableTimeSlider, displayDimensionSelectButtonInMap, displayGetFeatureInfoButtonInMap, displayLayerManagerAndLegendButtonInMap, displaySearchButtonInMap, displayTimeInMap, id, mapControls, mapControlsPositionTop, mapId, multiLegend, showClock, shouldAutoFetch, title, mapWidthRef]);
 };
 
-var NATIVE_BIND = functionBindNative;
-
-var FunctionPrototype = Function.prototype;
-var apply$1 = FunctionPrototype.apply;
-var call$1 = FunctionPrototype.call;
-
-// eslint-disable-next-line es/no-reflect -- safe
-var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND ? call$1.bind(apply$1) : function () {
-  return call$1.apply(apply$1, arguments);
-});
-
 var uncurryThis$1 = functionUncurryThis;
-var toObject = toObject$6;
+var toObject = toObject$7;
 
 var floor = Math.floor;
 var charAt = uncurryThis$1(''.charAt);
@@ -9199,14 +9799,14 @@ var apply = functionApply;
 var call = functionCall;
 var uncurryThis = functionUncurryThis;
 var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
-var fails = fails$l;
+var fails = fails$n;
 var anObject = anObject$a;
-var isCallable = isCallable$g;
+var isCallable = isCallable$i;
 var isNullOrUndefined = isNullOrUndefined$4;
 var toIntegerOrInfinity = toIntegerOrInfinity$4;
 var toLength = toLength$3;
-var toString = toString$7;
-var requireObjectCoercible = requireObjectCoercible$7;
+var toString = toString$9;
+var requireObjectCoercible = requireObjectCoercible$8;
 var advanceStringIndex = advanceStringIndex$2;
 var getMethod = getMethod$3;
 var getSubstitution = getSubstitution$1;
@@ -10093,6 +10693,66 @@ var testLayers = /*#__PURE__*/Object.freeze({
 	simplePolygonGeoJSON: simplePolygonGeoJSON
 });
 
+var en = {
+	core: "Core"
+};
+var fi = {
+	core: "Core"
+};
+var no = {
+	core: "Core"
+};
+var nl = {
+	core: "Core"
+};
+var coreTranslations = {
+	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 CORE_NAMESPACE = 'core';
+const initCoreReactI18n = () => {
+  i18n.use(initReactI18next).init({
+    lng: 'en',
+    ns: CORE_NAMESPACE,
+    interpolation: {
+      escapeValue: false
+    },
+    resources: {
+      en: {
+        core: coreTranslations.en
+      },
+      fi: {
+        core: coreTranslations.fi
+      },
+      no: {
+        core: coreTranslations.no
+      },
+      nl: {
+        core: coreTranslations.nl
+      }
+    }
+  });
+};
+
 /**
  * A Provider component which provides the GeoWeb theme
  * @param children
@@ -10107,9 +10767,9 @@ const CoreThemeProvider = ({
 const ThemeWrapperWithModules = withEggs([...coreModuleConfig, layerSelectConfig])(({
   theme,
   children
-}) => ( /*#__PURE__*/React__default.createElement(CoreThemeProvider, {
+}) => ( /*#__PURE__*/React__default.createElement(CoreI18nProvider, null, /*#__PURE__*/React__default.createElement(CoreThemeProvider, {
   theme: theme
-}, children, " ")));
+}, children))));
 /**
  * A Provider component which provides the GeoWeb theme and store for the core.
  * Note: Should only be used with core components, as the provided store is only for core.
@@ -10120,11 +10780,33 @@ const CoreThemeStoreProvider = ({
   children,
   theme: _theme2 = lightTheme,
   store
-}) => ( /*#__PURE__*/React__default.createElement(Provider, {
+}) => ( /*#__PURE__*/React__default.createElement(CoreI18nProvider, null, /*#__PURE__*/React__default.createElement(Provider, {
   store: store
 }, /*#__PURE__*/React__default.createElement(ThemeWrapperWithModules, {
   theme: _theme2
-}, /*#__PURE__*/React__default.createElement(SnackbarWrapperConnect, null, children))));
+}, /*#__PURE__*/React__default.createElement(SnackbarWrapperConnect, null, children)))));
+const CoreTranslationsWrapper = ({
+  children
+}) => {
+  const {
+    i18n
+  } = useTranslation(CORE_NAMESPACE);
+  React__default.useEffect(() => {
+    i18n.addResourceBundle('en', CORE_NAMESPACE, coreTranslations.en);
+    i18n.addResourceBundle('fi', CORE_NAMESPACE, coreTranslations.fi);
+    i18n.addResourceBundle('no', CORE_NAMESPACE, coreTranslations.no);
+    i18n.addResourceBundle('nl', CORE_NAMESPACE, coreTranslations.nl);
+  }, [i18n]);
+  return children;
+};
+const CoreI18nProvider = ({
+  children
+}) => {
+  initCoreReactI18n();
+  return /*#__PURE__*/React__default.createElement(I18nextProvider, {
+    i18n: i18n
+  }, children);
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -10168,4 +10850,4 @@ const RouterWrapperConnect = withEggs([routerModuleConfig])(props => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavigateSetter, null), props.children);
 });
 
-export { ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, HarmonieTempAndPrecipPreset, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LegendConnect, LegendMapButtonConnect, MapViewConnect, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, MyMapLocation, RouterWrapperConnect, SearchControlButtonConnect, SearchControlConnect, SearchDialog, SyncGroupViewerConnect, TimeSliderConnect, ZoomControlConnect, componentsLookUp, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, filterTimeSeriesServices, testLayers, useFetchServices, useUpdateTimeSpan, useUpdateTimestep };
+export { ConfigurableMapConnect, CoreI18nProvider, CoreThemeProvider, CoreThemeStoreProvider, CoreTranslationsWrapper, HarmonieTempAndPrecipPreset, LayerInfoButtonConnect, LayerInfoDialogConnect, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LegendConnect, LegendMapButtonConnect, MapViewConnect, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, MyMapLocation, RouterWrapperConnect, SearchControlButtonConnect, SearchControlConnect, SearchDialog, SyncGroupViewerConnect, TimeSliderConnect, ZoomControlConnect, componentsLookUp, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, filterTimeSeriesServices, testLayers, useFetchServices, useUpdateTimeSpan, useUpdateTimestep };