@opengeoweb/store 9.25.3 → 9.27.0

package/index.esm.js

@@ -1,17 +1,17 @@
-import { webmapUtils, LayerType, getWMJSMapById, WMLayer, webmapTestSettings, isProjectionSupported, handleDateUtilsISOString, getCapabilities, getWMSRequests } from '@opengeoweb/webmap';
+import { webmapUtils, parseISO8601IntervalToDateInterval, LayerType, getWMJSMapById, WMLayer, webmapTestSettings, getWMSRequests, handleDateUtilsISOString, isProjectionSupported, getCapabilities } from '@opengeoweb/webmap';
 import { createAction, createSlice, createSelector, createEntityAdapter, createListenerMiddleware, isAnyOf } from '@reduxjs/toolkit';
 import { getGeoJson, moveFeature, createInterSections, getLastEmptyFeatureIndex, defaultLayers, emptyGeoJSON, addSelectionTypeToGeoJSON, getFeatureCollection, defaultIntersectionStyleProperties } from '@opengeoweb/webmap-react';
 export { defaultLayers } from '@opengeoweb/webmap-react';
-import { dateUtils, defaultDelay, withEggs } from '@opengeoweb/shared';
+import { dateUtils, PROJECTION, defaultDelay, withEggs } from '@opengeoweb/shared';
 import { defaultTimeSpan, defaultTimeStep, defaultAnimationDelayAtStart, defaultSecondsPerPx, roundWithTimeStep, getSpeedDelay } from '@opengeoweb/timeslider';
 import { produce } from 'immer';
-import { isEqual, compact } from 'lodash';
+import { isEqual, isEmpty, compact } from 'lodash';
 import { useSelector, useDispatch, Provider } from 'react-redux';
 import { useCallback, useEffect } from 'react';
-import { createStore as createStore$1 } from '@redux-eggs/redux-toolkit';
+import { createStore } from '@redux-eggs/redux-toolkit';
 import { getSagaExtension } from '@redux-eggs/saga-extension';
-import { takeEvery, call as call$e, put, select, delay, all, takeLatest } from 'redux-saga/effects';
 import { metronome } from '@opengeoweb/metronome';
+import { takeLatest, select, put } from 'redux-saga/effects';
 import { jsx } from 'react/jsx-runtime';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -21,7 +21,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$h =
+var global$g =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -104,21 +104,21 @@ var functionUncurryThis = NATIVE_BIND$1 ? uncurryThisWithBind : function (fn) {
   };
 };
 
-var uncurryThis$l = functionUncurryThis;
+var uncurryThis$k = functionUncurryThis;
 
-var toString$b = uncurryThis$l({}.toString);
-var stringSlice$4 = uncurryThis$l(''.slice);
+var toString$a = uncurryThis$k({}.toString);
+var stringSlice$4 = uncurryThis$k(''.slice);
 
 var classofRaw$1 = function (it) {
-  return stringSlice$4(toString$b(it), 8, -1);
+  return stringSlice$4(toString$a(it), 8, -1);
 };
 
-var uncurryThis$k = functionUncurryThis;
+var uncurryThis$j = functionUncurryThis;
 var fails$k = fails$n;
 var classof$8 = classofRaw$1;
 
 var $Object$4 = Object;
-var split = uncurryThis$k(''.split);
+var split = uncurryThis$j(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
 var indexedObject = fails$k(function () {
@@ -172,7 +172,7 @@ var isObject$b = function (it) {
   return typeof it == 'object' ? it !== null : isCallable$j(it);
 };
 
-var global$g = global$h;
+var global$f = global$g;
 var isCallable$i = isCallable$k;
 
 var aFunction = function (argument) {
@@ -180,20 +180,20 @@ var aFunction = function (argument) {
 };
 
 var getBuiltIn$6 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$g[namespace]) : global$g[namespace] && global$g[namespace][method];
+  return arguments.length < 2 ? aFunction(global$f[namespace]) : global$f[namespace] && global$f[namespace][method];
 };
 
-var uncurryThis$j = functionUncurryThis;
+var uncurryThis$i = functionUncurryThis;
 
-var objectIsPrototypeOf = uncurryThis$j({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$i({}.isPrototypeOf);
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$f = global$h;
+var global$e = global$g;
 var userAgent = engineUserAgent;
 
-var process = global$f.process;
-var Deno = global$f.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;
@@ -220,9 +220,9 @@ var engineV8Version = version;
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION = engineV8Version;
 var fails$j = fails$n;
-var global$e = global$h;
+var global$d = global$g;
 
-var $String$6 = global$e.String;
+var $String$6 = global$d.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
 var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$j(function () {
@@ -306,20 +306,20 @@ var ordinaryToPrimitive$1 = function (input, pref) {
 
 var sharedStore = {exports: {}};
 
-var global$d = global$h;
+var global$c = global$g;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$6 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$6(global$d, key, { value: value, configurable: true, writable: true });
+    defineProperty$6(global$c, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$d[key] = value;
+    global$c[key] = value;
   } return value;
 };
 
-var globalThis$1 = global$h;
+var globalThis$1 = global$g;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
@@ -351,10 +351,10 @@ var toObject$6 = function (argument) {
   return $Object$2(requireObjectCoercible$5(argument));
 };
 
-var uncurryThis$i = functionUncurryThis;
+var uncurryThis$h = functionUncurryThis;
 var toObject$5 = toObject$6;
 
-var hasOwnProperty = uncurryThis$i({}.hasOwnProperty);
+var hasOwnProperty = uncurryThis$h({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
@@ -363,31 +363,31 @@ var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
   return hasOwnProperty(toObject$5(it), key);
 };
 
-var uncurryThis$h = functionUncurryThis;
+var uncurryThis$g = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString$a = uncurryThis$h(1.0.toString);
+var toString$9 = uncurryThis$g(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$a(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$9(++id + postfix, 36);
 };
 
-var global$c = global$h;
+var global$b = global$g;
 var shared$3 = shared$4;
 var hasOwn$9 = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
-var Symbol$2 = global$c.Symbol;
+var Symbol$1 = global$b.Symbol;
 var WellKnownSymbolsStore = shared$3('wks');
-var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$2['for'] || Symbol$2 : Symbol$2 && Symbol$2.withoutSetter || uid$1;
+var createWellKnownSymbol = USE_SYMBOL_AS_UID ? 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$1 && hasOwn$9(Symbol$2, name)
-      ? Symbol$2[name]
+    WellKnownSymbolsStore[name] = NATIVE_SYMBOL$1 && hasOwn$9(Symbol$1, name)
+      ? Symbol$1[name]
       : createWellKnownSymbol('Symbol.' + name);
   } return WellKnownSymbolsStore[name];
 };
@@ -428,10 +428,10 @@ var toPropertyKey$2 = function (argument) {
   return isSymbol$1(key) ? key : key + '';
 };
 
-var global$b = global$h;
+var global$a = global$g;
 var isObject$8 = isObject$b;
 
-var document$1 = global$b.document;
+var document$1 = global$a.document;
 // typeof document.createElement is 'object' in old IE
 var EXISTS$1 = isObject$8(document$1) && isObject$8(document$1.createElement);
 
@@ -575,11 +575,11 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-var uncurryThis$g = functionUncurryThis;
+var uncurryThis$f = functionUncurryThis;
 var isCallable$e = isCallable$k;
 var store$1 = sharedStoreExports;
 
-var functionToString = uncurryThis$g(Function.toString);
+var functionToString = uncurryThis$f(Function.toString);
 
 // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
 if (!isCallable$e(store$1.inspectSource)) {
@@ -590,10 +590,10 @@ if (!isCallable$e(store$1.inspectSource)) {
 
 var inspectSource$2 = store$1.inspectSource;
 
-var global$a = global$h;
+var global$9 = global$g;
 var isCallable$d = isCallable$k;
 
-var WeakMap$1 = global$a.WeakMap;
+var WeakMap$1 = global$9.WeakMap;
 
 var weakMapBasicDetection = isCallable$d(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
@@ -609,7 +609,7 @@ var sharedKey$3 = function (key) {
 var hiddenKeys$4 = {};
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$9 = global$h;
+var global$8 = global$g;
 var isObject$6 = isObject$b;
 var createNonEnumerableProperty$7 = createNonEnumerableProperty$8;
 var hasOwn$6 = hasOwnProperty_1;
@@ -618,8 +618,8 @@ var sharedKey$2 = sharedKey$3;
 var hiddenKeys$3 = hiddenKeys$4;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$1 = global$9.TypeError;
-var WeakMap = global$9.WeakMap;
+var TypeError$1 = global$8.TypeError;
+var WeakMap = global$8.WeakMap;
 var set, get, has;
 
 var enforce = function (it) {
@@ -679,7 +679,7 @@ var internalState = {
   getterFor: getterFor
 };
 
-var uncurryThis$f = functionUncurryThis;
+var uncurryThis$e = functionUncurryThis;
 var fails$g = fails$n;
 var isCallable$c = isCallable$k;
 var hasOwn$5 = hasOwnProperty_1;
@@ -693,9 +693,9 @@ var getInternalState$2 = InternalStateModule$1.get;
 var $String$3 = String;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$5 = Object.defineProperty;
-var stringSlice$3 = uncurryThis$f(''.slice);
-var replace$4 = uncurryThis$f(''.replace);
-var join = uncurryThis$f([].join);
+var stringSlice$3 = uncurryThis$e(''.slice);
+var replace$4 = uncurryThis$e(''.replace);
+var join = uncurryThis$e([].join);
 
 var CONFIGURABLE_LENGTH = DESCRIPTORS$5 && !fails$g(function () {
   return defineProperty$5(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
@@ -853,13 +853,13 @@ var arrayIncludes = {
   indexOf: createMethod$3(false)
 };
 
-var uncurryThis$e = functionUncurryThis;
+var uncurryThis$d = functionUncurryThis;
 var hasOwn$4 = hasOwnProperty_1;
 var toIndexedObject$2 = toIndexedObject$5;
 var indexOf$1 = arrayIncludes.indexOf;
 var hiddenKeys$2 = hiddenKeys$4;
 
-var push$2 = uncurryThis$e([].push);
+var push$2 = uncurryThis$d([].push);
 
 var objectKeysInternal = function (object, names) {
   var O = toIndexedObject$2(object);
@@ -903,12 +903,12 @@ var objectGetOwnPropertySymbols = {};
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
 var getBuiltIn$4 = getBuiltIn$6;
-var uncurryThis$d = functionUncurryThis;
+var uncurryThis$c = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
 var anObject$7 = anObject$9;
 
-var concat$1 = uncurryThis$d([].concat);
+var concat$1 = uncurryThis$c([].concat);
 
 // all object keys, includes non-enumerable and symbols
 var ownKeys$1 = getBuiltIn$4('Reflect', 'ownKeys') || function ownKeys(it) {
@@ -957,7 +957,7 @@ var POLYFILL = isForced$1.POLYFILL = 'P';
 
 var isForced_1 = isForced$1;
 
-var global$8 = global$h;
+var global$7 = global$g;
 var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$6 = createNonEnumerableProperty$8;
 var defineBuiltIn$3 = defineBuiltIn$4;
@@ -986,11 +986,11 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$8;
+    target = global$7;
   } else if (STATIC) {
-    target = global$8[TARGET] || defineGlobalProperty(TARGET, {});
+    target = global$7[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = global$8[TARGET] && global$8[TARGET].prototype;
+    target = global$7[TARGET] && global$7[TARGET].prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
@@ -1023,7 +1023,7 @@ var objectKeys$2 = Object.keys || function keys(O) {
 };
 
 var DESCRIPTORS$4 = descriptors;
-var uncurryThis$c = functionUncurryThis;
+var uncurryThis$b = functionUncurryThis;
 var call$8 = functionCall;
 var fails$e = fails$n;
 var objectKeys$1 = objectKeys$2;
@@ -1036,7 +1036,7 @@ var IndexedObject$1 = indexedObject;
 var $assign = Object.assign;
 // eslint-disable-next-line es/no-object-defineproperty -- required for testing
 var defineProperty$4 = Object.defineProperty;
-var concat = uncurryThis$c([].concat);
+var concat = uncurryThis$b([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
@@ -1283,7 +1283,7 @@ var getPrototypeOf$1 = objectGetPrototypeOf;
 var defineBuiltIn$2 = defineBuiltIn$4;
 var wellKnownSymbol$9 = wellKnownSymbol$c;
 
-var ITERATOR$3 = wellKnownSymbol$9('iterator');
+var ITERATOR$2 = wellKnownSymbol$9('iterator');
 var BUGGY_SAFARI_ITERATORS$1 = false;
 
 // `%IteratorPrototype%` object
@@ -1304,15 +1304,15 @@ if ([].keys) {
 var NEW_ITERATOR_PROTOTYPE = !isObject$5(IteratorPrototype$2) || fails$b(function () {
   var test = {};
   // FF44- legacy iterators case
-  return IteratorPrototype$2[ITERATOR$3].call(test) !== test;
+  return IteratorPrototype$2[ITERATOR$2].call(test) !== test;
 });
 
 if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$2 = {};
 
 // `%IteratorPrototype%[@@iterator]()` method
 // https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
-if (!isCallable$8(IteratorPrototype$2[ITERATOR$3])) {
-  defineBuiltIn$2(IteratorPrototype$2, ITERATOR$3, function () {
+if (!isCallable$8(IteratorPrototype$2[ITERATOR$2])) {
+  defineBuiltIn$2(IteratorPrototype$2, ITERATOR$2, function () {
     return this;
   });
 }
@@ -1351,13 +1351,13 @@ var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUME
   return IteratorConstructor;
 };
 
-var uncurryThis$b = functionUncurryThis;
+var uncurryThis$a = functionUncurryThis;
 var aCallable$1 = aCallable$3;
 
 var functionUncurryThisAccessor = function (object, key, method) {
   try {
     // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    return uncurryThis$b(aCallable$1(Object.getOwnPropertyDescriptor(object, key)[method]));
+    return uncurryThis$a(aCallable$1(Object.getOwnPropertyDescriptor(object, key)[method]));
   } catch (error) { /* empty */ }
 };
 
@@ -1420,11 +1420,11 @@ var wellKnownSymbol$7 = wellKnownSymbol$c;
 var Iterators$1 = iterators;
 var IteratorsCore = iteratorsCore;
 
-var PROPER_FUNCTION_NAME = FunctionName.PROPER;
+var PROPER_FUNCTION_NAME$1 = FunctionName.PROPER;
 var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
 var IteratorPrototype = IteratorsCore.IteratorPrototype;
 var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
-var ITERATOR$2 = wellKnownSymbol$7('iterator');
+var ITERATOR$1 = wellKnownSymbol$7('iterator');
 var KEYS = 'keys';
 var VALUES = 'values';
 var ENTRIES = 'entries';
@@ -1450,7 +1450,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
   var TO_STRING_TAG = NAME + ' Iterator';
   var INCORRECT_VALUES_NAME = false;
   var IterablePrototype = Iterable.prototype;
-  var nativeIterator = IterablePrototype[ITERATOR$2]
+  var nativeIterator = IterablePrototype[ITERATOR$1]
     || IterablePrototype['@@iterator']
     || DEFAULT && IterablePrototype[DEFAULT];
   var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);
@@ -1464,8 +1464,8 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
         if (setPrototypeOf$2) {
           setPrototypeOf$2(CurrentIteratorPrototype, IteratorPrototype);
-        } else if (!isCallable$7(CurrentIteratorPrototype[ITERATOR$2])) {
-          defineBuiltIn$1(CurrentIteratorPrototype, ITERATOR$2, returnThis);
+        } else if (!isCallable$7(CurrentIteratorPrototype[ITERATOR$1])) {
+          defineBuiltIn$1(CurrentIteratorPrototype, ITERATOR$1, returnThis);
         }
       }
       // Set @@toStringTag to native iterators
@@ -1474,7 +1474,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
   }
 
   // fix Array.prototype.{ values, @@iterator }.name in V8 / FF
-  if (PROPER_FUNCTION_NAME && DEFAULT === VALUES && nativeIterator && nativeIterator.name !== VALUES) {
+  if (PROPER_FUNCTION_NAME$1 && DEFAULT === VALUES && nativeIterator && nativeIterator.name !== VALUES) {
     if (CONFIGURABLE_FUNCTION_NAME) {
       createNonEnumerableProperty$5(IterablePrototype, 'name', VALUES);
     } else {
@@ -1498,8 +1498,8 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
   }
 
   // define iterator
-  if (IterablePrototype[ITERATOR$2] !== defaultIterator) {
-    defineBuiltIn$1(IterablePrototype, ITERATOR$2, defaultIterator, { name: DEFAULT });
+  if (IterablePrototype[ITERATOR$1] !== defaultIterator) {
+    defineBuiltIn$1(IterablePrototype, ITERATOR$1, defaultIterator, { name: DEFAULT });
   }
   Iterators$1[NAME] = defaultIterator;
 
@@ -1639,11 +1639,11 @@ var properErrorOnNonWritableLength$1 = function () {
   }
 };
 
-var FORCED$4 = INCORRECT_TO_LENGTH || !properErrorOnNonWritableLength$1();
+var FORCED$3 = INCORRECT_TO_LENGTH || !properErrorOnNonWritableLength$1();
 
 // `Array.prototype.push` method
 // https://tc39.es/ecma262/#sec-array.prototype.push
-$$8({ target: 'Array', proto: true, arity: 1, forced: FORCED$4 }, {
+$$8({ 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$2(this);
@@ -1715,10 +1715,10 @@ var arrayMethodIsStrict$1 = function (METHOD_NAME, argument) {
   });
 };
 
-var global$7 = global$h;
+var global$6 = global$g;
 var classof$6 = classofRaw$1;
 
-var engineIsNode = classof$6(global$7.process) === 'process';
+var engineIsNode = classof$6(global$6.process) === 'process';
 
 var $$7 = _export;
 var $reduce = arrayReduce.left;
@@ -1729,11 +1729,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$3 = CHROME_BUG || !arrayMethodIsStrict('reduce');
+var FORCED$2 = CHROME_BUG || !arrayMethodIsStrict('reduce');
 
 // `Array.prototype.reduce` method
 // https://tc39.es/ecma262/#sec-array.prototype.reduce
-$$7({ target: 'Array', proto: true, forced: FORCED$3 }, {
+$$7({ 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);
@@ -1806,7 +1806,7 @@ var classof$3 = classof$4;
 
 var $String$1 = String;
 
-var toString$9 = function (argument) {
+var toString$8 = function (argument) {
   if (classof$3(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
   return $String$1(argument);
 };
@@ -1828,21 +1828,21 @@ var correctIsRegexpLogic = function (METHOD_NAME) {
 };
 
 var $$6 = _export;
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$9 = functionUncurryThis;
 var notARegExp = notARegexp;
 var requireObjectCoercible$3 = requireObjectCoercible$7;
-var toString$8 = toString$9;
+var toString$7 = toString$8;
 var correctIsRegExpLogic = correctIsRegexpLogic;
 
-var stringIndexOf = uncurryThis$a(''.indexOf);
+var stringIndexOf = uncurryThis$9(''.indexOf);
 
 // `String.prototype.includes` method
 // https://tc39.es/ecma262/#sec-string.prototype.includes
 $$6({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
   includes: function includes(searchString /* , position = 0 */) {
     return !!~stringIndexOf(
-      toString$8(requireObjectCoercible$3(this)),
-      toString$8(notARegExp(searchString)),
+      toString$7(requireObjectCoercible$3(this)),
+      toString$7(notARegExp(searchString)),
       arguments.length > 1 ? arguments[1] : undefined
     );
   }
@@ -1892,7 +1892,7 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$6 = global$h;
+var global$5 = global$g;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
@@ -1900,16 +1900,16 @@ var createNonEnumerableProperty$4 = createNonEnumerableProperty$8;
 var setToStringTag = setToStringTag$3;
 var wellKnownSymbol$2 = wellKnownSymbol$c;
 
-var ITERATOR$1 = wellKnownSymbol$2('iterator');
+var ITERATOR = wellKnownSymbol$2('iterator');
 var ArrayValues = ArrayIteratorMethods.values;
 
 var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
   if (CollectionPrototype) {
     // some Chrome versions have non-configurable methods on DOMTokenList
-    if (CollectionPrototype[ITERATOR$1] !== ArrayValues) try {
-      createNonEnumerableProperty$4(CollectionPrototype, ITERATOR$1, ArrayValues);
+    if (CollectionPrototype[ITERATOR] !== ArrayValues) try {
+      createNonEnumerableProperty$4(CollectionPrototype, ITERATOR, ArrayValues);
     } catch (error) {
-      CollectionPrototype[ITERATOR$1] = ArrayValues;
+      CollectionPrototype[ITERATOR] = ArrayValues;
     }
     setToStringTag(CollectionPrototype, COLLECTION_NAME, true);
     if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {
@@ -1924,7 +1924,7 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$6[COLLECTION_NAME] && global$6[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(global$5[COLLECTION_NAME] && global$5[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
@@ -2002,7 +2002,7 @@ var LayerActionOrigin;
   LayerActionOrigin["ReactMapViewParseLayer"] = "ReactMapViewParseLayer";
   LayerActionOrigin["updateLayerInformationListener"] = "updateLayerInformationListener";
   LayerActionOrigin["toggleAutoUpdateListener"] = "toggleAutoUpdateListener";
-  LayerActionOrigin["unregisterMapSaga"] = "unregisterMapSaga";
+  LayerActionOrigin["unregisterMapListener"] = "unregisterMapListener";
 })(LayerActionOrigin || (LayerActionOrigin = {}));
 
 var types$5 = /*#__PURE__*/Object.freeze({
@@ -2011,6 +2011,69 @@ var types$5 = /*#__PURE__*/Object.freeze({
 	get LayerStatus () { return LayerStatus; }
 });
 
+// a string of all valid unicode whitespaces
+var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
+  '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
+
+var uncurryThis$8 = functionUncurryThis;
+var requireObjectCoercible$2 = requireObjectCoercible$7;
+var toString$6 = toString$8;
+var whitespaces$1 = whitespaces$2;
+
+var replace$3 = uncurryThis$8(''.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$6(requireObjectCoercible$2($this));
+    if (TYPE & 1) string = replace$3(string, ltrim, '');
+    if (TYPE & 2) string = replace$3(string, rtrim, '$1');
+    return string;
+  };
+};
+
+var stringTrim = {
+  // `String.prototype.{ trimLeft, trimStart }` methods
+  // https://tc39.es/ecma262/#sec-string.prototype.trimstart
+  start: createMethod$1(1),
+  // `String.prototype.{ trimRight, trimEnd }` methods
+  // https://tc39.es/ecma262/#sec-string.prototype.trimend
+  end: createMethod$1(2),
+  // `String.prototype.trim` method
+  // https://tc39.es/ecma262/#sec-string.prototype.trim
+  trim: createMethod$1(3)
+};
+
+var PROPER_FUNCTION_NAME = functionName.PROPER;
+var fails$8 = fails$n;
+var whitespaces = whitespaces$2;
+
+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$8(function () {
+    return !!whitespaces[METHOD_NAME]()
+      || non[METHOD_NAME]() !== non
+      || (PROPER_FUNCTION_NAME && whitespaces[METHOD_NAME].name !== METHOD_NAME);
+  });
+};
+
+var $$5 = _export;
+var $trim = stringTrim.trim;
+var forcedStringTrimMethod = stringTrimForced;
+
+// `String.prototype.trim` method
+// https://tc39.es/ecma262/#sec-string.prototype.trim
+$$5({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
+  trim: function trim() {
+    return $trim(this);
+  }
+});
+
 const dateFormat = dateUtils.DATE_FORMAT_UTC;
 const createMap = ({
   id,
@@ -2029,7 +2092,7 @@ const createMap = ({
     right: 19000000,
     top: 19000000
   },
-  srs: _srs = 'EPSG:3857',
+  srs: _srs = PROJECTION.EPSG_3857.value,
   baseLayers: _baseLayers = [],
   overLayers: _overLayers = [],
   mapLayers: _mapLayers = [],
@@ -2205,16 +2268,16 @@ const getTimeStepFromDataInterval = timeInterval => {
           return timeInterval.year * 365 * 24 * 60;
       }
     case true:
-      if (timeInterval.day !== 0) {
+      if (timeInterval.day !== 0 && !isNaN(timeInterval.day)) {
         return timeInterval.day * 24 * 60;
       }
-      if (timeInterval.hour !== 0) {
+      if (timeInterval.hour !== 0 && !isNaN(timeInterval.hour)) {
         return timeInterval.hour * 60;
       }
-      if (timeInterval.minute !== 0) {
+      if (timeInterval.minute !== 0 && !isNaN(timeInterval.minute)) {
         return timeInterval.minute;
       }
-      if (timeInterval.second !== 0) {
+      if (timeInterval.second !== 0 && !isNaN(timeInterval.second)) {
         return timeInterval.second / 60.0;
       }
       return defaultTimeStep;
@@ -2226,6 +2289,81 @@ const getSpeedFactor = speedDelay => {
   return defaultDelay / speedDelay;
 };
 const getAnimationDuration = (animationEndTime, animationStartTime) => animationEndTime && animationStartTime ? dateUtils.differenceInMinutes(new Date(animationEndTime), new Date(animationStartTime)) : 0;
+/**
+ * @param animationStart
+ * @param animationEnd
+ * @param iso8601Intervals
+ * @returns WebMapAnimationList with time points
+ */
+const generateAnimationList = (unixAnimationStart, unixAnimationEnd, timeValues) => {
+  if (!unixAnimationStart || !unixAnimationEnd || !timeValues) {
+    return [];
+  }
+  const iso8601Intervals = parseTimeDimToISO8601Interval(timeValues);
+  const animationList = [];
+  // If there are no ISO8601 intervals in the time dimension we treat it as a list of time values
+  if (!iso8601Intervals.length) {
+    timeValues.split(',').forEach(timeValue => {
+      if (unixAnimationStart <= dateUtils.unix(dateUtils.utc(timeValue)) && dateUtils.unix(dateUtils.utc(timeValue)) <= unixAnimationEnd) {
+        animationList.push({
+          name: 'time',
+          value: timeValue
+        });
+      }
+    });
+    return animationList;
+  }
+  // Initialize aggregate start time for animation points in case of multiple intervals
+  let currentAnimationTime = unixAnimationStart;
+  // Iterate over each iso8601 interval and generate animation points
+  iso8601Intervals.forEach(timeInterval => {
+    if (!timeInterval.duration) {
+      return;
+    }
+    // Convert interval start and end times to Unix time
+    const unixIntervalStart = dateUtils.unix(dateUtils.utc(timeInterval.startTime));
+    const unixIntervalEnd = dateUtils.unix(dateUtils.utc(timeInterval.endTime));
+    // Parse the duration and calculate interval step in seconds
+    const interval = parseISO8601IntervalToDateInterval(timeInterval.duration);
+    const intervalSeconds = getTimeStepFromDataInterval(interval) * 60;
+    // Generate animation points for the current interval
+    for (let i = currentAnimationTime; i <= unixAnimationEnd; i += intervalSeconds) {
+      if (i >= unixIntervalStart && i <= unixIntervalEnd) {
+        animationList.push({
+          name: 'time',
+          value: dateUtils.fromUnix(i).toISOString()
+        });
+      }
+      // If the next step exceeds the current interval, break to switch to next interval
+      if (i + intervalSeconds > unixIntervalEnd) {
+        break;
+      }
+    }
+    // Update the start time for the next interval
+    currentAnimationTime = unixIntervalStart + intervalSeconds;
+  });
+  return animationList;
+};
+/**
+ * Parses the time dimension values string to an array of ISO8601 intervals
+ * @param timeInterval
+ * @returns An array of ISO8601 intervals
+ */
+const parseTimeDimToISO8601Interval = timeInterval => {
+  if (!timeInterval || !timeInterval.includes('/')) {
+    return [];
+  }
+  const intervalList = timeInterval.split(',').map(interval => {
+    const [startTime, endTime, duration] = interval.split('/');
+    return {
+      startTime: startTime === null || startTime === void 0 ? void 0 : startTime.trim(),
+      endTime: endTime === null || endTime === void 0 ? void 0 : endTime.trim(),
+      duration: duration === null || duration === void 0 ? void 0 : duration.trim()
+    };
+  });
+  // Filter out intervals with missing start, end or duration
+  return intervalList.filter(interval => interval.startTime && interval.endTime && interval.duration);
+};
 
 var utils$3 = /*#__PURE__*/Object.freeze({
 	__proto__: null,
@@ -2233,11 +2371,13 @@ var utils$3 = /*#__PURE__*/Object.freeze({
 	createMap: createMap,
 	dateFormat: dateFormat,
 	findMapIdFromLayerId: findMapIdFromLayerId,
+	generateAnimationList: generateAnimationList,
 	getAnimationDuration: getAnimationDuration,
 	getDraftMapById: getDraftMapById,
 	getSpeedFactor: getSpeedFactor,
 	getTimeStepFromDataInterval: getTimeStepFromDataInterval,
 	moveArrayElements: moveArrayElements,
+	parseTimeDimToISO8601Interval: parseTimeDimToISO8601Interval,
 	produceDraftStateSetMapDimensionFromLayerChangeDimension: produceDraftStateSetMapDimensionFromLayerChangeDimension,
 	produceDraftStateSetWebMapDimension: produceDraftStateSetWebMapDimension
 });
@@ -3424,7 +3564,32 @@ const getUseLatestReferenceTime = createSelector(getLayerById, layer => Boolean(
  * Returns the timestep for this layerId in seconds, or undefined if it has no time dimension or timeinterval.
  */
 const getTimeStepForLayerId = createSelector(getLayerTimeDimension, timeDimension => {
-  return timeDimension && timeDimension.timeInterval ? getTimeStepFromDataInterval(timeDimension.timeInterval) : undefined;
+  if (!timeDimension) {
+    return undefined;
+  }
+  const {
+    values,
+    currentValue,
+    timeInterval = {}
+  } = timeDimension;
+  if (!values || !currentValue) {
+    return isEmpty(timeInterval) ? undefined : getTimeStepFromDataInterval(timeInterval);
+  }
+  const iso8601Intervals = parseTimeDimToISO8601Interval(values);
+  for (const {
+    startTime,
+    endTime,
+    duration
+  } of iso8601Intervals) {
+    if (dateUtils.isWithinInterval(currentValue, {
+      start: startTime,
+      end: endTime
+    })) {
+      const parsedInterval = parseISO8601IntervalToDateInterval(duration);
+      return getTimeStepFromDataInterval(parsedInterval);
+    }
+  }
+  return getTimeStepFromDataInterval(timeInterval);
 }, selectorMemoizationOptions);
 const getActiveLayerInfo = createSelector(layerStore, store => store === null || store === void 0 ? void 0 : store.activeLayerInfo);
 
@@ -3588,7 +3753,7 @@ var deletePropertyOrThrow$1 = function (O, P) {
   if (!delete O[P]) throw new $TypeError$2('Cannot delete property ' + tryToString$1(P) + ' of ' + tryToString$1(O));
 };
 
-var $$5 = _export;
+var $$4 = _export;
 var toObject = toObject$6;
 var lengthOfArrayLike = lengthOfArrayLike$4;
 var setArrayLength = arraySetLength;
@@ -3608,11 +3773,11 @@ var properErrorOnNonWritableLength = function () {
   }
 };
 
-var FORCED$2 = INCORRECT_RESULT || !properErrorOnNonWritableLength();
+var FORCED$1 = INCORRECT_RESULT || !properErrorOnNonWritableLength();
 
 // `Array.prototype.unshift` method
 // https://tc39.es/ecma262/#sec-array.prototype.unshift
-$$5({ target: 'Array', proto: true, arity: 1, forced: FORCED$2 }, {
+$$4({ target: 'Array', proto: true, arity: 1, forced: FORCED$1 }, {
   // eslint-disable-next-line no-unused-vars -- required for `.length`
   unshift: function unshift(item) {
     var O = toObject(this);
@@ -6092,36 +6257,45 @@ const getDockedLayerManagerSize = createSelector(getMapById, store => store ? st
  * @param {string} mapId mapId: string - Id of the map
  * @returns {animationList} returnType: WebMapAnimationList, list of timesteps to animate for this map.
  */
-const getAnimationList = createSelector(getMapById, getAnimationStartTime, getAnimationEndTime, getMapTimeStep, (mapStore, animationStart, animationEnd, animationInterval) => {
+const getAnimationList = createSelector(getLayersById, getMapById, getAnimationStartTime, getAnimationEndTime, getMapTimeStep, (layers, mapStore, animationStart, animationEnd, animationInterval) => {
   // Animation is defined by one of the following:
-  // - start, end and interval for a continuous animation loop with constant interval
+  // - start, end and interval for a continuous animation loop
   // - timeList, for a custom timeList
+  var _a, _b, _c;
   // Here the animation is defined by a timeList
-  if (mapStore && (mapStore === null || mapStore === void 0 ? void 0 : mapStore.timeList) && mapStore.timeList.length > 0) {
+  if ((_a = mapStore === null || mapStore === void 0 ? void 0 : mapStore.timeList) === null || _a === void 0 ? void 0 : _a.length) {
     return mapStore.timeList;
   }
-  // Here the animation is defined by a start/stop/interval
-  const roundedStart = roundWithTimeStep(Number(animationStart && dateUtils.unix(dateUtils.utc(animationStart))), animationInterval, 'ceil');
-  const roundedEnd = roundWithTimeStep(Number(animationEnd && dateUtils.unix(dateUtils.utc(animationEnd))), animationInterval, 'floor');
-  const timeList = [];
-  const unixStart = dateUtils.unix(dateUtils.fromUnix(roundedStart));
-  const unixEnd = dateUtils.unix(dateUtils.fromUnix(roundedEnd));
-  const intervalSeconds = animationInterval * 60;
-  for (let j = unixStart; j <= unixEnd; j += intervalSeconds) {
-    timeList.push({
-      name: 'time',
-      value: dateUtils.fromUnix(j).toISOString()
-    });
+  const autoTimeStepLayerId = mapStore === null || mapStore === void 0 ? void 0 : mapStore.autoTimeStepLayerId;
+  const timeDimension = autoTimeStepLayerId && ((_c = (_b = layers === null || layers === void 0 ? void 0 : layers[autoTimeStepLayerId]) === null || _b === void 0 ? void 0 : _b.dimensions) === null || _c === void 0 ? void 0 : _c.find(dimension => dimension.name === 'time'));
+  const {
+    values
+  } = timeDimension || {};
+  const unixAnimationStart = roundWithTimeStep(Number(animationStart && dateUtils.unix(dateUtils.utc(animationStart))), animationInterval, 'ceil');
+  const unixAnimationEnd = roundWithTimeStep(Number(animationEnd && dateUtils.unix(dateUtils.utc(animationEnd))), animationInterval, 'floor');
+  const animationList = generateAnimationList(unixAnimationStart, unixAnimationEnd, values);
+  // If no animationList is generated, generate a default list using the interval from map
+  if (!animationList.length) {
+    const timeList = [];
+    const intervalSeconds = animationInterval * 60;
+    for (let j = unixAnimationStart; j <= unixAnimationEnd; j += intervalSeconds) {
+      timeList.push({
+        name: 'time',
+        value: dateUtils.fromUnix(j).toISOString()
+      });
+    }
+    return timeList;
   }
-  return timeList;
+  return animationList;
 }, selectorMemoizationOptions);
 /**
  * @param {object} store store: object - store object
  * @param {string} mapId mapId: string - Id of the map
  * @returns {object} Returns min and max value of time dimension of autoTimeStep-layer. If no autoTimeStep-layer it returns default start/end time from store.
  */
-const getAnimationRange = createSelector(store => store, getAutoTimeStepLayerId, getAnimationStartTime, getAnimationEndTime, isAnimationLengthAuto, getLayerTimeDimension, (store, autoTimeStepLayerId, startTime, endTime, isAnimationLengthAuto) => {
-  const layerTimeDimension = getLayerTimeDimension(store, autoTimeStepLayerId);
+const getAnimationRange = createSelector(getLayersById, getAutoTimeStepLayerId, getAnimationStartTime, getAnimationEndTime, isAnimationLengthAuto, (layers, autoTimeStepLayerId, startTime, endTime, isAnimationLengthAuto) => {
+  var _a, _b;
+  const layerTimeDimension = autoTimeStepLayerId && ((_b = (_a = layers === null || layers === void 0 ? void 0 : layers[autoTimeStepLayerId]) === null || _a === void 0 ? void 0 : _a.dimensions) === null || _b === void 0 ? void 0 : _b.find(dimension => dimension.name === 'time'));
   const {
     minValue,
     maxValue
@@ -6133,7 +6307,7 @@ const getAnimationRange = createSelector(store => store, getAutoTimeStepLayerId,
     animationStartTime,
     animationEndTime
   };
-});
+}, selectorMemoizationOptions);
 
 var selectors$2 = /*#__PURE__*/Object.freeze({
 	__proto__: null,
@@ -6328,7 +6502,9 @@ const slice$2 = createSlice({
     // eslint-disable-next-line no-unused-vars
     draft,
     // eslint-disable-next-line no-unused-vars
-    action) => {}
+    action) => {
+      // This block is intentionally left empty so no code should be put in here
+    }
   }
 });
 const {
@@ -6474,17 +6650,17 @@ var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND
   return call$6.apply(apply$2, arguments);
 });
 
-var uncurryThis$9 = functionUncurryThis;
+var uncurryThis$7 = functionUncurryThis;
 
-var arraySlice$1 = uncurryThis$9([].slice);
+var arraySlice$1 = uncurryThis$7([].slice);
 
-var uncurryThis$8 = functionUncurryThis;
+var uncurryThis$6 = functionUncurryThis;
 var isArray = isArray$2;
 var isCallable$5 = isCallable$k;
 var classof$2 = classofRaw$1;
-var toString$7 = toString$9;
+var toString$5 = toString$8;
 
-var push$1 = uncurryThis$8([].push);
+var push$1 = uncurryThis$6([].push);
 
 var getJsonReplacerFunction = function (replacer) {
   if (isCallable$5(replacer)) return replacer;
@@ -6494,7 +6670,7 @@ var getJsonReplacerFunction = function (replacer) {
   for (var i = 0; i < rawLength; i++) {
     var element = replacer[i];
     if (typeof element == 'string') push$1(keys, element);
-    else if (typeof element == 'number' || classof$2(element) === 'Number' || classof$2(element) === 'String') push$1(keys, toString$7(element));
+    else if (typeof element == 'number' || classof$2(element) === 'Number' || classof$2(element) === 'String') push$1(keys, toString$5(element));
   }
   var keysLength = keys.length;
   var root = true;
@@ -6508,12 +6684,12 @@ var getJsonReplacerFunction = function (replacer) {
   };
 };
 
-var $$4 = _export;
+var $$3 = _export;
 var getBuiltIn$2 = getBuiltIn$6;
 var apply$1 = functionApply;
 var call$5 = functionCall;
-var uncurryThis$7 = functionUncurryThis;
-var fails$8 = fails$n;
+var uncurryThis$5 = functionUncurryThis;
+var fails$7 = fails$n;
 var isCallable$4 = isCallable$k;
 var isSymbol = isSymbol$3;
 var arraySlice = arraySlice$1;
@@ -6522,17 +6698,17 @@ var NATIVE_SYMBOL = symbolConstructorDetection;
 
 var $String = String;
 var $stringify = getBuiltIn$2('JSON', 'stringify');
-var exec$3 = uncurryThis$7(/./.exec);
-var charAt$3 = uncurryThis$7(''.charAt);
-var charCodeAt$1 = uncurryThis$7(''.charCodeAt);
-var replace$3 = uncurryThis$7(''.replace);
-var numberToString = uncurryThis$7(1.0.toString);
+var exec$2 = uncurryThis$5(/./.exec);
+var charAt$3 = uncurryThis$5(''.charAt);
+var charCodeAt$1 = uncurryThis$5(''.charCodeAt);
+var replace$2 = uncurryThis$5(''.replace);
+var numberToString = uncurryThis$5(1.0.toString);
 
 var tester = /[\uD800-\uDFFF]/g;
 var low = /^[\uD800-\uDBFF]$/;
 var hi = /^[\uDC00-\uDFFF]$/;
 
-var WRONG_SYMBOLS_CONVERSION = !NATIVE_SYMBOL || fails$8(function () {
+var WRONG_SYMBOLS_CONVERSION = !NATIVE_SYMBOL || fails$7(function () {
   var symbol = getBuiltIn$2('Symbol')('stringify detection');
   // MS Edge converts symbol values to JSON as {}
   return $stringify([symbol]) !== '[null]'
@@ -6543,7 +6719,7 @@ var WRONG_SYMBOLS_CONVERSION = !NATIVE_SYMBOL || fails$8(function () {
 });
 
 // https://github.com/tc39/proposal-well-formed-stringify
-var ILL_FORMED_UNICODE = fails$8(function () {
+var ILL_FORMED_UNICODE = fails$7(function () {
   return $stringify('\uDF06\uD834') !== '"\\udf06\\ud834"'
     || $stringify('\uDEAD') !== '"\\udead"';
 });
@@ -6563,7 +6739,7 @@ var stringifyWithSymbolsFix = function (it, replacer) {
 var fixIllFormed = function (match, offset, string) {
   var prev = charAt$3(string, offset - 1);
   var next = charAt$3(string, offset + 1);
-  if ((exec$3(low, match) && !exec$3(hi, next)) || (exec$3(hi, match) && !exec$3(low, prev))) {
+  if ((exec$2(low, match) && !exec$2(hi, next)) || (exec$2(hi, match) && !exec$2(low, prev))) {
     return '\\u' + numberToString(charCodeAt$1(match, 0), 16);
   } return match;
 };
@@ -6571,12 +6747,12 @@ var fixIllFormed = function (match, offset, string) {
 if ($stringify) {
   // `JSON.stringify` method
   // https://tc39.es/ecma262/#sec-json.stringify
-  $$4({ target: 'JSON', stat: true, arity: 3, forced: WRONG_SYMBOLS_CONVERSION || ILL_FORMED_UNICODE }, {
+  $$3({ target: 'JSON', stat: true, arity: 3, forced: WRONG_SYMBOLS_CONVERSION || ILL_FORMED_UNICODE }, {
     // eslint-disable-next-line no-unused-vars -- required for `.length`
     stringify: function stringify(it, replacer, space) {
       var args = arraySlice(arguments);
       var result = apply$1(WRONG_SYMBOLS_CONVERSION ? stringifyWithSymbolsFix : $stringify, null, args);
-      return ILL_FORMED_UNICODE && typeof result == 'string' ? replace$3(result, tester, fixIllFormed) : result;
+      return ILL_FORMED_UNICODE && typeof result == 'string' ? replace$2(result, tester, fixIllFormed) : result;
     }
   });
 }
@@ -6803,73 +6979,344 @@ var storeTestSettings = /*#__PURE__*/Object.freeze({
 	styleListForRADNLOPERR25PCPRRL3KNMILayer: styleListForRADNLOPERR25PCPRRL3KNMILayer
 });
 
-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; }
-  });
+/* A map with all the timerIds and their current step */
+const stepMap = new Map();
+/* A map with a list of timers and their dwell */
+const timerDwellMap = new Map();
+/**
+ * Returns the next step for given timerId.
+ * @param timerId The timer id
+ * @param numberOfStepsInAnimation Animation length in steps
+ * @param numStepsToGoForward Amount of steps to go forwards, defaults to 1. Can be positive and negative
+ * @returns
+ */
+const getNextStep = (timerId, numberOfStepsInAnimation, numStepsToGoForward = 1) => {
+  const currentStep = getCurrentStep(timerId);
+  const nextStep = currentStep + numStepsToGoForward;
+  const nextStepClipped = (nextStep % numberOfStepsInAnimation + numberOfStepsInAnimation) % numberOfStepsInAnimation;
+  return nextStepClipped;
 };
-
-var isCallable$3 = isCallable$k;
-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$3(NewTarget = dummy.constructor) &&
-    NewTarget !== Wrapper &&
-    isObject$1(NewTargetPrototype = NewTarget.prototype) &&
-    NewTargetPrototype !== Wrapper.prototype
-  ) setPrototypeOf$1($this, NewTargetPrototype);
-  return $this;
+/**
+ * Handles dwell at the end of the animation loop sequence. The number of steps to wait till proceed can be set by the dwell parameter.
+ * @param timerId The timer id
+ * @param numberOfStepsInAnimation Number of steps in the animation
+ * @param dwell The number of steps to wait at the end of the animation sequence before to continue
+ * @returns
+ */
+const handleTimerDwell = (timerId, numberOfStepsInAnimation, dwell = 8) => {
+  if (dwell > 0) {
+    const currentStep = getCurrentStep(timerId);
+    // Reset the dwell if we are not at the last animation step
+    if (currentStep < numberOfStepsInAnimation - 1) {
+      timerDwellMap.set(timerId, dwell);
+      return false;
+    }
+    // We are at the last animation step, check the dwell
+    const timerDwell = timerDwellMap.has(timerId) && timerDwellMap.get(timerId) || 0;
+    if (currentStep === numberOfStepsInAnimation - 1 && timerDwell > 0) {
+      timerDwellMap.set(timerId, timerDwell - 1);
+      return true;
+    }
+  }
+  return false;
 };
-
-var toString$6 = toString$9;
-
-var normalizeStringArgument$1 = function (argument, $default) {
-  return argument === undefined ? arguments.length < 2 ? '' : $default : toString$6(argument);
+/**
+ * Set step for the timerId
+ * @param timerId
+ * @param timerStep
+ */
+const setStep = (timerId, timerStep) => {
+  stepMap.set(timerId, timerStep);
 };
-
-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);
-  }
+/**
+ * Gets the current step for the timer
+ * @param timerId
+ * @returns
+ */
+const getCurrentStep = timerId => {
+  return stepMap.get(timerId) || 0;
 };
-
-var uncurryThis$6 = functionUncurryThis;
-
-var $Error = Error;
-var replace$2 = uncurryThis$6(''.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$2(stack, V8_OR_CHAKRA_STACK_ENTRY, '');
-  } return stack;
+const MAX_NUMBER_STEPS_FORWARD_TO_PREFETCH = 2;
+const MAX_NUMBER_OF_PARALLEL_LOADING_IMAGES = 8;
+/**
+ * This prefetches all images connected to the same sync group as provided timerId
+ * @param timerId The timerId
+ * @param animationListValues List of animation steps in isostring to animate
+ * @param targets List of targets to check
+ * @returns True if all maps are ready to go forward, false if the map has no data to display yet.
+ */
+const prefetchAnimationTargetsForMetronome = (timerId, animationListValues, targets) => {
+  let timerShouldStepForward = true;
+  // The following code prefetches/buffers for all maps in the group
+  for (let numPrefetch = 0; numPrefetch < MAX_NUMBER_STEPS_FORWARD_TO_PREFETCH; numPrefetch += 1) {
+    const nextStep = getNextStep(timerId, animationListValues.length, numPrefetch + 1);
+    const nextTimeValueStepToCheck = animationListValues[nextStep];
+    for (const target of targets) {
+      const targetMapId = target.targetId;
+      const wmMap = getWMJSMapById(targetMapId);
+      if (!wmMap) {
+        return true; // Map was not registered so there is nothing to prefetch, do not block going forward
+      }
+      const layersImageUrls = getWMSRequests(wmMap, [{
+        name: 'time',
+        currentValue: nextTimeValueStepToCheck
+      }]);
+      for (const layersImageUrl of layersImageUrls) {
+        const image = wmMap.getMapImageStore.getImage(layersImageUrl.url);
+        if (!image.isLoaded()) {
+          if (wmMap.getMapImageStore.getNumImagesLoading() < MAX_NUMBER_OF_PARALLEL_LOADING_IMAGES) {
+            image.load();
+          }
+          if (numPrefetch === 0) {
+            const altImage = wmMap.getAlternativeImage(layersImageUrl.url, wmMap.getBBOX(), true);
+            // No alternative image available yet, so skipping animation.
+            if (altImage.length === 0) {
+              // This is useful to indicate that the map is loading and has nothing yet to display.
+              // console.warn('No data available: Not stepping forward');
+              timerShouldStepForward = false;
+            }
+          }
+        } else if (image.isStale()) {
+          if (wmMap.getMapImageStore.getNumImagesLoading() < MAX_NUMBER_OF_PARALLEL_LOADING_IMAGES) {
+            image.forceReload(true);
+          }
+        }
+      }
+    }
+  }
+  return timerShouldStepForward;
 };
 
-var fails$7 = fails$n;
-var createPropertyDescriptor = createPropertyDescriptor$4;
-
-var errorStackInstallable = !fails$7(function () {
-  var error = new Error('a');
+/**
+ * This handler is triggered by the metronome. An array of timerIds is given as argument.
+ * It will update the animation loop of multiple maps and sliders
+ * It will prefetch images for maps
+ * @param timerIds string[] array of timerIds
+ * @param listenerApi ListenerEffectAPI<CoreAppStore, Dispatch, unknown> listenerApi as received from listener
+ */
+const metronomeHandler = (timerIds, listenerApi) => {
+  const targetsWithUpdateValue = [];
+  for (const timerId of timerIds) {
+    const animationListValuesNameAndValue = getAnimationList(listenerApi.getState(), timerId);
+    const animationListValues = animationListValuesNameAndValue.map(nameAndValue => nameAndValue.value);
+    const targets = getTargets(listenerApi.getState(), {
+      sourceId: timerId,
+      origin: timerId
+    }, SYNCGROUPS_TYPE_SETTIME);
+    if (targets.length === 0) {
+      // When there are no targets, default to one
+      targets.push({
+        targetId: timerId,
+        value: ''
+      });
+    }
+    const timerIsInDwell = handleTimerDwell(timerId, animationListValues.length);
+    const timerShouldStepForward = prefetchAnimationTargetsForMetronome(timerId, animationListValues, targets) && !timerIsInDwell;
+    // Determine the next step
+    const timerStep = timerShouldStepForward ? getNextStep(timerId, animationListValues.length) : getCurrentStep(timerId);
+    setStep(timerId, timerStep);
+    const updatedValue = animationListValues[timerStep];
+    targetsWithUpdateValue.push(...targets.map(target => {
+      return Object.assign(Object.assign({}, target), {
+        value: updatedValue
+      });
+    }));
+    const speedDelay = getMapAnimationDelay(listenerApi.getState(), timerId);
+    const speed = 1000 / (speedDelay || 1);
+    metronome.setSpeed(timerId, speed);
+  }
+  // Update all targets of all sync groups in one action.
+  if (targetsWithUpdateValue.length > 0) {
+    listenerApi.dispatch(setTimeSync(null, targetsWithUpdateValue, ['metronomesaga']));
+  }
+};
+const metronomeListener = createListenerMiddleware();
+metronomeListener.startListening({
+  actionCreator: mapActions.mapStartAnimation,
+  effect: (_, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    // register handler with access to listenerApi
+    metronome.handleTimerTicks = timerIds => {
+      metronomeHandler(timerIds, listenerApi);
+    };
+  })
+});
+
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+const layersListener = createListenerMiddleware();
+layersListener.startListening({
+  actionCreator: layerActions.showLayerInfo,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    const {
+      mapId,
+      source
+    } = payload;
+    const currentActiveMapId = getDialogMapId(listenerApi.getState(), DialogTypes.LayerInfo);
+    const isOpenInStore = getisDialogOpen(listenerApi.getState(), DialogTypes.LayerInfo);
+    if (currentActiveMapId !== mapId ? true : !isOpenInStore) {
+      listenerApi.dispatch(uiActions.setActiveMapIdForDialog({
+        type: DialogTypes.LayerInfo,
+        mapId,
+        setOpen: true,
+        source
+      }));
+    }
+  })
+});
+layersListener.startListening({
+  actionCreator: uiActions.setToggleOpenDialog,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    const {
+      setOpen,
+      type
+    } = payload;
+    // close LayerInfo if open and LayerManager is closed
+    if (type === DialogTypes.LayerManager && !setOpen) {
+      const isOpenInStore = getisDialogOpen(listenerApi.getState(), DialogTypes.LayerInfo);
+      if (isOpenInStore) {
+        listenerApi.dispatch(layerActions.hideLayerInfo());
+      }
+    }
+  })
+});
+
+const mapUiListener = createListenerMiddleware();
+mapUiListener.startListening({
+  actionCreator: mapActions.registerMap,
+  effect: (_, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    const fields = getAllMapIds(listenerApi.getState());
+    if (fields.length === 1) {
+      const source = getDialogSource(listenerApi.getState(), 'legend');
+      listenerApi.dispatch(uiActions.setActiveMapIdForDialog({
+        type: 'legend',
+        mapId: fields[0],
+        setOpen: true,
+        source
+      }));
+    }
+  })
+});
+mapUiListener.startListening({
+  actionCreator: mapActions.unregisterMap,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    const fields = getAllMapIds(listenerApi.getState());
+    const activeLegendUI = getDialogDetailsByType(listenerApi.getState(), 'legend');
+    if (fields.length && activeLegendUI && !fields.includes(activeLegendUI.activeMapId)) {
+      listenerApi.dispatch(uiActions.setActiveMapIdForDialog({
+        type: 'legend',
+        mapId: fields[0],
+        setOpen: activeLegendUI.isOpen
+      }));
+    } else if (!fields.length) {
+      // if no more maps, we hide the legend
+      listenerApi.dispatch(uiActions.setToggleOpenDialog({
+        type: 'legend',
+        setOpen: false
+      }));
+    }
+    // close any remaining windows with map assigned to it
+    const remainingDialogsConnectedToMap = getUiDialogsByActiveMapId(listenerApi.getState(), payload.mapId);
+    if (remainingDialogsConnectedToMap.length) {
+      remainingDialogsConnectedToMap.forEach(dialog => {
+        if (dialog.isOpen) {
+          listenerApi.dispatch(uiActions.setToggleOpenDialog({
+            type: dialog.type,
+            setOpen: false
+          }));
+        }
+      });
+    }
+  })
+});
+
+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$3 = isCallable$k;
+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$3(NewTarget = dummy.constructor) &&
+    NewTarget !== Wrapper &&
+    isObject$1(NewTargetPrototype = NewTarget.prototype) &&
+    NewTargetPrototype !== Wrapper.prototype
+  ) setPrototypeOf$1($this, NewTargetPrototype);
+  return $this;
+};
+
+var toString$4 = toString$8;
+
+var normalizeStringArgument$1 = function (argument, $default) {
+  return argument === undefined ? arguments.length < 2 ? '' : $default : toString$4(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$4 = functionUncurryThis;
+
+var $Error = Error;
+var replace$1 = uncurryThis$4(''.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$6 = fails$n;
+var createPropertyDescriptor = createPropertyDescriptor$4;
+
+var errorStackInstallable = !fails$6(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));
@@ -6955,28 +7402,28 @@ var wrapErrorConstructorWithCause$1 = function (FULL_NAME, wrapper, FORCED, IS_A
 };
 
 /* eslint-disable no-unused-vars -- required for functions `.length` */
-var $$3 = _export;
-var global$5 = global$h;
+var $$2 = _export;
+var global$4 = global$g;
 var apply = functionApply;
 var wrapErrorConstructorWithCause = wrapErrorConstructorWithCause$1;
 
 var WEB_ASSEMBLY = 'WebAssembly';
-var WebAssembly = global$5[WEB_ASSEMBLY];
+var WebAssembly = global$4[WEB_ASSEMBLY];
 
 // eslint-disable-next-line es/no-error-cause -- feature detection
-var FORCED$1 = new Error('e', { cause: 7 }).cause !== 7;
+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$1);
-  $$3({ global: true, constructor: true, arity: 1, forced: FORCED$1 }, O);
+  O[ERROR_NAME] = wrapErrorConstructorWithCause(ERROR_NAME, wrapper, FORCED);
+  $$2({ 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$1);
-    $$3({ target: WEB_ASSEMBLY, stat: true, constructor: true, arity: 1, forced: FORCED$1 }, O);
+    O[ERROR_NAME] = wrapErrorConstructorWithCause(WEB_ASSEMBLY + '.' + ERROR_NAME, wrapper, FORCED);
+    $$2({ target: WEB_ASSEMBLY, stat: true, constructor: true, arity: 1, forced: FORCED }, O);
   }
 };
 
@@ -7012,93 +7459,26 @@ exportWebAssemblyErrorCauseWrapper('RuntimeError', function (init) {
   return function RuntimeError(message) { return apply(init, this, arguments); };
 });
 
-// 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 anObject$4 = anObject$9;
 
-var uncurryThis$5 = functionUncurryThis;
-var requireObjectCoercible$2 = requireObjectCoercible$7;
-var toString$5 = toString$9;
-var whitespaces$1 = whitespaces$2;
+// `RegExp.prototype.flags` getter implementation
+// https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
+var regexpFlags$1 = function () {
+  var that = anObject$4(this);
+  var result = '';
+  if (that.hasIndices) result += 'd';
+  if (that.global) result += 'g';
+  if (that.ignoreCase) result += 'i';
+  if (that.multiline) result += 'm';
+  if (that.dotAll) result += 's';
+  if (that.unicode) result += 'u';
+  if (that.unicodeSets) result += 'v';
+  if (that.sticky) result += 'y';
+  return result;
+};
 
-var replace$1 = uncurryThis$5(''.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$5(requireObjectCoercible$2($this));
-    if (TYPE & 1) string = replace$1(string, ltrim, '');
-    if (TYPE & 2) string = replace$1(string, rtrim, '$1');
-    return string;
-  };
-};
-
-var stringTrim = {
-  // `String.prototype.{ trimLeft, trimStart }` methods
-  // https://tc39.es/ecma262/#sec-string.prototype.trimstart
-  start: createMethod$1(1),
-  // `String.prototype.{ trimRight, trimEnd }` methods
-  // https://tc39.es/ecma262/#sec-string.prototype.trimend
-  end: createMethod$1(2),
-  // `String.prototype.trim` method
-  // https://tc39.es/ecma262/#sec-string.prototype.trim
-  trim: createMethod$1(3)
-};
-
-var global$4 = global$h;
-var fails$6 = fails$n;
-var uncurryThis$4 = functionUncurryThis;
-var toString$4 = toString$9;
-var trim = stringTrim.trim;
-var whitespaces = whitespaces$2;
-
-var $parseInt$1 = global$4.parseInt;
-var Symbol$1 = global$4.Symbol;
-var ITERATOR = Symbol$1 && Symbol$1.iterator;
-var hex = /^[+-]?0x/i;
-var exec$2 = uncurryThis$4(hex.exec);
-var FORCED = $parseInt$1(whitespaces + '08') !== 8 || $parseInt$1(whitespaces + '0x16') !== 22
-  // MS Edge 18- broken with boxed symbols
-  || (ITERATOR && !fails$6(function () { $parseInt$1(Object(ITERATOR)); }));
-
-// `parseInt` method
-// https://tc39.es/ecma262/#sec-parseint-string-radix
-var numberParseInt = FORCED ? function parseInt(string, radix) {
-  var S = trim(toString$4(string));
-  return $parseInt$1(S, (radix >>> 0) || (exec$2(hex, S) ? 16 : 10));
-} : $parseInt$1;
-
-var $$2 = _export;
-var $parseInt = numberParseInt;
-
-// `parseInt` method
-// https://tc39.es/ecma262/#sec-parseint-string-radix
-$$2({ global: true, forced: parseInt !== $parseInt }, {
-  parseInt: $parseInt
-});
-
-var anObject$4 = anObject$9;
-
-// `RegExp.prototype.flags` getter implementation
-// https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
-var regexpFlags$1 = function () {
-  var that = anObject$4(this);
-  var result = '';
-  if (that.hasIndices) result += 'd';
-  if (that.global) result += 'g';
-  if (that.ignoreCase) result += 'i';
-  if (that.multiline) result += 'm';
-  if (that.dotAll) result += 's';
-  if (that.unicode) result += 'u';
-  if (that.unicodeSets) result += 'v';
-  if (that.sticky) result += 'y';
-  return result;
-};
-
-var fails$5 = fails$n;
-var global$3 = global$h;
+var fails$5 = fails$n;
+var global$3 = global$g;
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
 var $RegExp$2 = global$3.RegExp;
@@ -7129,7 +7509,7 @@ var regexpStickyHelpers = {
 };
 
 var fails$4 = fails$n;
-var global$2 = global$h;
+var global$2 = global$g;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
 var $RegExp$1 = global$2.RegExp;
@@ -7140,7 +7520,7 @@ var regexpUnsupportedDotAll = fails$4(function () {
 });
 
 var fails$3 = fails$n;
-var global$1 = global$h;
+var global$1 = global$g;
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
 var $RegExp = global$1.RegExp;
@@ -7155,7 +7535,7 @@ var regexpUnsupportedNcg = fails$3(function () {
 /* eslint-disable regexp/no-useless-quantifier -- testing */
 var call$4 = functionCall;
 var uncurryThis$3 = functionUncurryThis;
-var toString$3 = toString$9;
+var toString$3 = toString$8;
 var regexpFlags = regexpFlags$1;
 var stickyHelpers$1 = regexpStickyHelpers;
 var shared = shared$4;
@@ -7283,7 +7663,7 @@ var $ = _export;
 var call$3 = functionCall;
 var isCallable$2 = isCallable$k;
 var anObject$3 = anObject$9;
-var toString$2 = toString$9;
+var toString$2 = toString$8;
 
 var DELEGATES_TO_EXEC = function () {
   var execCalled = false;
@@ -7468,7 +7848,7 @@ var speciesConstructor$1 = function (O, defaultConstructor) {
 
 var uncurryThis$1 = functionUncurryThis;
 var toIntegerOrInfinity = toIntegerOrInfinity$3;
-var toString$1 = toString$9;
+var toString$1 = toString$8;
 var requireObjectCoercible$1 = requireObjectCoercible$7;
 
 var charAt$1 = uncurryThis$1(''.charAt);
@@ -7541,7 +7921,7 @@ var requireObjectCoercible = requireObjectCoercible$7;
 var speciesConstructor = speciesConstructor$1;
 var advanceStringIndex = advanceStringIndex$1;
 var toLength = toLength$2;
-var toString = toString$9;
+var toString = toString$8;
 var getMethod = getMethod$2;
 var regExpExec = regexpExecAbstract;
 var stickyHelpers = regexpStickyHelpers;
@@ -7598,697 +7978,61 @@ fixRegExpWellKnownSymbolLogic('split', function (SPLIT, nativeSplit, maybeCallNa
       var rx = anObject(this);
       var S = toString(string);
 
-      if (!BUGGY) {
-        var res = maybeCallNative(internalSplit, rx, S, limit, internalSplit !== nativeSplit);
-        if (res.done) return res.value;
-      }
-
-      var C = speciesConstructor(rx, RegExp);
-      var unicodeMatching = rx.unicode;
-      var flags = (rx.ignoreCase ? 'i' : '') +
-                  (rx.multiline ? 'm' : '') +
-                  (rx.unicode ? 'u' : '') +
-                  (UNSUPPORTED_Y ? 'g' : 'y');
-      // ^(? + rx + ) is needed, in combination with some S slicing, to
-      // simulate the 'y' flag.
-      var splitter = new C(UNSUPPORTED_Y ? '^(?:' + rx.source + ')' : rx, flags);
-      var lim = limit === undefined ? MAX_UINT32 : limit >>> 0;
-      if (lim === 0) return [];
-      if (S.length === 0) return regExpExec(splitter, S) === null ? [S] : [];
-      var p = 0;
-      var q = 0;
-      var A = [];
-      while (q < S.length) {
-        splitter.lastIndex = UNSUPPORTED_Y ? 0 : q;
-        var z = regExpExec(splitter, UNSUPPORTED_Y ? stringSlice(S, q) : S);
-        var e;
-        if (
-          z === null ||
-          (e = min(toLength(splitter.lastIndex + (UNSUPPORTED_Y ? q : 0)), S.length)) === p
-        ) {
-          q = advanceStringIndex(S, q, unicodeMatching);
-        } else {
-          push(A, stringSlice(S, p, q));
-          if (A.length === lim) return A;
-          for (var i = 1; i <= z.length - 1; i++) {
-            push(A, z[i]);
-            if (A.length === lim) return A;
-          }
-          q = p = e;
-        }
-      }
-      push(A, stringSlice(S, p));
-      return A;
-    }
-  ];
-}, BUGGY || !SPLIT_WORKS_WITH_OVERWRITTEN_EXEC, UNSUPPORTED_Y);
-
-const isAnimationEndTimeValid = animationEndTime => {
-  const hasValidPrefix = animationEndTime.split(/[-+]/)[0] === 'NOW' || animationEndTime.split(/[-+]/)[0] === 'TODAY';
-  const durationString = animationEndTime.substring(animationEndTime.indexOf('PT') + 2);
-  const hasValidDate = /^(\d+H)?(\d+M)?$/.test(durationString);
-  if (hasValidPrefix && hasValidDate) {
-    return true;
-  }
-  const parsedDate = dateUtils.parseISO(animationEndTime);
-  return dateUtils.isValid(parsedDate);
-};
-function* handleBaseLayersSaga(mapId, baseLayers) {
-  const baseLayer = baseLayers.find(layer => layer.layerType === 'baseLayer');
-  const currentAvailableBaseLayers = yield select(getAvailableBaseLayersForMap, mapId);
-  // find a availableBaseLayer with the same name, and use that id for the active baselayer
-  const activeAvailableBaseLayer = currentAvailableBaseLayers.find(availableBaseLayer => availableBaseLayer.name === baseLayer.name);
-  const activeBaseLayerId = activeAvailableBaseLayer ? activeAvailableBaseLayer.id : webmapUtils.generateLayerId();
-  // if the baseLayer can't be found in a visible available baseLayer list, add it
-  if (!activeAvailableBaseLayer && currentAvailableBaseLayers.length) {
-    yield put(layerActions.addAvailableBaseLayers({
-      // TODO: remove type casting in https://gitlab.com/opengeoweb/opengeoweb/-/issues/1884
-      layers: [Object.assign(Object.assign({}, baseLayer), {
-        mapId,
-        id: activeBaseLayerId
-      })]
-    }));
-  }
-  const baseLayersWithActiveId = baseLayers.map((layer, index) => index === 0 ? Object.assign(Object.assign({}, layer), {
-    id: activeBaseLayerId || layer.id
-  }) : layer);
-  yield put(layerActions.setBaseLayers({
-    mapId,
-    // TODO: remove type casting in https://gitlab.com/opengeoweb/opengeoweb/-/issues/1884
-    layers: baseLayersWithActiveId
-  }));
-}
-function* setMapPresetSaga({
-  payload
-}) {
-  var _a, _b, _c;
-  try {
-    const {
-      mapId,
-      initialProps
-    } = payload;
-    const {
-      mapPreset
-    } = initialProps;
-    if (mapPreset) {
-      const {
-        layers,
-        activeLayerId,
-        autoTimeStepLayerId,
-        autoUpdateLayerId,
-        proj,
-        shouldAutoUpdate,
-        shouldAnimate,
-        animationPayload,
-        toggleTimestepAuto,
-        showTimeSlider,
-        displayMapPin,
-        shouldShowZoomControls,
-        shouldShowLegend,
-        dockedLayerManagerSize
-      } = mapPreset;
-      const {
-        mapLayers,
-        baseLayers,
-        overLayers
-      } = filterLayers(layers);
-      if (layers) {
-        //  make sure all layers have a unique id before going forward
-        let autoTimeStepLayerIdNew = autoTimeStepLayerId;
-        let autoUpdateLayerIdNew = autoUpdateLayerId;
-        const onlyActiveLayerIdIsSet = !autoTimeStepLayerId && !autoUpdateLayerId && activeLayerId;
-        if (onlyActiveLayerIdIsSet) {
-          autoTimeStepLayerIdNew = activeLayerId;
-          autoUpdateLayerIdNew = activeLayerId;
-        }
-        const newLayerIds = yield call$e(replaceLayerIdsToEnsureUniqueLayerIdsInStore, {
-          layers: mapLayers,
-          autoTimeStepLayerId: autoTimeStepLayerIdNew,
-          autoUpdateLayerId: autoUpdateLayerIdNew
-        });
-        //  set layers
-        yield put(layerActions.setLayers({
-          mapId,
-          layers: newLayerIds.layers
-        }));
-        //  set active layer if given otherwise to first layer
-        const firstLayerId = (_a = newLayerIds.layers[0]) === null || _a === void 0 ? void 0 : _a.id;
-        yield put(mapActions.setAutoLayerId({
-          mapId,
-          autoTimeStepLayerId: (_b = newLayerIds.autoTimeStepLayerId) !== null && _b !== void 0 ? _b : firstLayerId,
-          autoUpdateLayerId: (_c = newLayerIds.autoUpdateLayerId) !== null && _c !== void 0 ? _c : firstLayerId
-        }));
-      }
-      // sets (default) baseLayers
-      const baseLayersWithDefaultLayer = baseLayers.length ? baseLayers : [defaultLayers.baseLayerGrey];
-      // sets (default) overLayers
-      const overLayersWithDefaultLayer = overLayers.length ? overLayers : [defaultLayers.overLayer];
-      const allBaseLayers = [...baseLayersWithDefaultLayer, ...overLayersWithDefaultLayer].map(layer => Object.assign(Object.assign({}, layer), {
-        id: webmapUtils.generateLayerId()
-      }));
-      yield call$e(handleBaseLayersSaga, mapId, allBaseLayers);
-      if (proj) {
-        const checkIsprojectionSupported = isProjectionSupported(proj.srs);
-        if (!checkIsprojectionSupported) {
-          throw new Error(`Projection ${proj.srs} is not supported`);
-        }
-        //  set bbox
-        yield put(mapActions.setBbox({
-          mapId,
-          bbox: proj.bbox,
-          srs: proj.srs
-        }));
-      }
-      const animationLength = animationPayload && animationPayload.duration;
-      const animationEndTime = animationPayload && animationPayload.endTime && isAnimationEndTimeValid(animationPayload.endTime) && animationPayload.endTime;
-      const shouldEndtimeOverride = animationPayload ? animationPayload.shouldEndtimeOverride : false;
-      if (shouldEndtimeOverride) {
-        //  auto update
-        yield put(mapActions.setEndTimeOverriding({
-          mapId,
-          shouldEndtimeOverride
-        }));
-      }
-      if (shouldAutoUpdate !== undefined && !animationEndTime) {
-        //  auto update
-        yield put(mapActions.toggleAutoUpdate({
-          mapId,
-          shouldAutoUpdate
-        }));
-      }
-      if (showTimeSlider !== undefined) {
-        // toggle timeslider
-        yield put(mapActions.toggleTimeSliderIsVisible({
-          mapId,
-          isTimeSliderVisible: showTimeSlider
-        }));
-      }
-      if (shouldShowZoomControls !== undefined) {
-        // toggle zoom controls
-        yield put(mapActions.toggleZoomControls({
-          mapId,
-          shouldShowZoomControls
-        }));
-      }
-      if (displayMapPin !== undefined) {
-        //  display map pin
-        yield put(mapActions.toggleMapPinIsVisible({
-          mapId,
-          displayMapPin
-        }));
-      }
-      // sets timestep by interval of animationPayload
-      const interval = animationPayload && animationPayload.interval;
-      if (interval) {
-        yield put(mapActions.setTimeStep({
-          mapId,
-          timeStep: interval
-        }));
-      }
-      // sets animationEndTime by endTime of animationPayload
-      if (animationEndTime) {
-        const endTime = animationEndTime.includes('NOW') || animationEndTime.includes('TODAY') ? dateUtils.convertNOWandTODAYFormatsToUTC(animationEndTime) : animationEndTime;
-        yield put(mapActions.setAnimationEndTime({
-          mapId,
-          animationEndTime: handleDateUtilsISOString(endTime)
-        }));
-        const startTime = handleDateUtilsISOString(dateUtils.sub(dateUtils.utc(endTime), {
-          minutes: 5 * 60 // set to default of 5 hours
-        }).toISOString());
-        yield put(mapActions.setAnimationStartTime({
-          mapId,
-          animationStartTime: startTime
-        }));
-        yield put(genericActions.setTime({
-          origin: '',
-          sourceId: mapId,
-          value: startTime
-        }));
-        const centerTimeInSeconds = new Date(handleDateUtilsISOString(endTime)).getTime();
-        yield put(mapActions.setTimeSliderCenterTime({
-          mapId,
-          timeSliderCenterTime: centerTimeInSeconds
-        }));
-      }
-      // sets animationStartTime by duration of animationPayload
-      if (animationLength) {
-        const animationEnd = yield select(getAnimationEndTime, mapId);
-        const startTime = handleDateUtilsISOString(dateUtils.sub(dateUtils.utc(animationEnd), {
-          minutes: animationLength
-        }).toISOString());
-        yield put(mapActions.setAnimationStartTime({
-          mapId,
-          animationStartTime: startTime
-        }));
-        yield put(genericActions.setTime({
-          origin: '',
-          sourceId: mapId,
-          value: startTime
-        }));
-      }
-      // sets animationDelay by speed of animationPayload
-      if (animationPayload && animationPayload.speed) {
-        yield put(mapActions.setAnimationDelay({
-          mapId,
-          animationDelay: getSpeedDelay(animationPayload.speed)
-        }));
-      }
-      //  turn animation on
-      if (shouldAnimate === true) {
-        const duration = animationPayload && animationPayload.duration ? animationPayload.duration : 5 * 60; //  set to default of 5 hours
-        const animationEnd = shouldEndtimeOverride && animationEndTime ? yield select(getAnimationEndTime, mapId) : dateUtils.dateToString(dateUtils.utc(), dateFormat);
-        const animationStart = shouldEndtimeOverride && animationLength ? yield select(getAnimationStartTime, mapId) : dateUtils.dateToString(dateUtils.sub(dateUtils.utc(animationEnd), {
-          minutes: duration
-        }), dateFormat);
-        yield put(mapActions.mapStartAnimation({
-          mapId,
-          start: animationStart,
-          end: animationEnd,
-          interval: interval || defaultTimeStep
-        }));
-        //  If animation interval set, set the timestep auto property to false
-        if (interval) {
-          yield put(mapActions.toggleTimestepAuto({
-            mapId,
-            timestepAuto: false
-          }));
-        }
-      } else if (toggleTimestepAuto !== undefined) {
-        //  Set timestep auto based on preset if animation is off
-        yield put(mapActions.toggleTimestepAuto({
-          mapId,
-          timestepAuto: toggleTimestepAuto
-        }));
-      }
-      // show legend
-      const shouldOpenLegend = shouldShowLegend !== undefined ? shouldShowLegend : IS_LEGEND_OPEN_BY_DEFAULT;
-      const legendId = yield select(getLegendId, mapId);
-      if (legendId) {
-        yield put(uiActions.setToggleOpenDialog({
-          type: legendId,
-          setOpen: shouldOpenLegend
-        }));
-      }
-      if (dockedLayerManagerSize) {
-        yield put(mapActions.setDockedLayerManagerSize({
-          mapId,
-          dockedLayerManagerSize
-        }));
-      }
-      while (animationEndTime && (shouldEndtimeOverride || !(shouldAutoUpdate || shouldAnimate))) {
-        const fiveMinuteDelayForAnimation = 1000 * 60 * 5;
-        yield delay(fiveMinuteDelayForAnimation);
-        const animationEnd = yield select(getAnimationEndTime, mapId);
-        yield put(mapActions.setAnimationEndTime({
-          mapId,
-          animationEndTime: dateUtils.add(dateUtils.utc(animationEnd), {
-            minutes: 5
-          }).toISOString()
-        }));
-        const animationStart = yield select(getAnimationStartTime, mapId);
-        yield put(mapActions.setAnimationStartTime({
-          mapId,
-          animationStartTime: dateUtils.add(dateUtils.utc(animationStart), {
-            minutes: 5
-          }).toISOString()
-        }));
-      }
-    }
-  } catch (error) {
-    yield put(mapActions.setMapPresetError({
-      mapId: payload.mapId,
-      error: error.message
-    }));
-  }
-}
-function* unregisterMapSaga({
-  payload
-}) {
-  const {
-    mapId
-  } = payload;
-  const layerList = yield select(getLayersByMapId, mapId);
-  metronome.unregister(mapId);
-  yield all(layerList.map(layer => put(layerActions.layerDelete({
-    mapId,
-    layerId: layer.id,
-    origin: LayerActionOrigin.unregisterMapSaga
-  }))));
-}
-function* setStepBackwardOrForwardSaga({
-  payload
-}) {
-  const {
-    mapId,
-    isForwardStep
-  } = payload;
-  const timeStep = yield select(getMapTimeStep, mapId);
-  const currentTime = yield select(getSelectedTime, mapId);
-  const [dataStartTime, dataEndTime] = yield select(getDataLimitsFromLayers, mapId);
-  if (dateUtils.isValid(currentTime)) {
-    const makeForwardStep = () => {
-      const nextTime = currentTime + timeStep;
-      const roundedTime = roundWithTimeStep(nextTime, timeStep, 'ceil');
-      const newTime = Math.min(roundedTime, dataEndTime || roundedTime);
-      return dateUtils.fromUnix(newTime).toISOString();
-    };
-    const makeBackwardStep = () => {
-      const nextTime = currentTime - timeStep;
-      const roundedTime = roundWithTimeStep(nextTime, timeStep, 'floor');
-      const newTime = Math.max(roundedTime, dataStartTime || roundedTime);
-      return dateUtils.fromUnix(newTime).toISOString();
-    };
-    const selectedTimeString = isForwardStep ? makeForwardStep() : makeBackwardStep();
-    const isMapAnimating = yield select(isAnimating, mapId);
-    if (isMapAnimating) {
-      yield put(mapActions.mapStopAnimation({
-        mapId,
-        origin: MapActionOrigin.map
-      }));
-    }
-    const isAutoUpdateOn = yield select(isAutoUpdating, mapId);
-    if (isAutoUpdateOn) {
-      yield put(mapActions.toggleAutoUpdate({
-        mapId,
-        shouldAutoUpdate: false
-      }));
-    }
-    yield put(genericActions.setTime({
-      origin: '',
-      sourceId: mapId,
-      value: handleDateUtilsISOString(selectedTimeString)
-    }));
-  }
-}
-function* rootSaga$2() {
-  // resets IWMJSMap state
-  yield takeEvery(mapActions.setMapPreset.type, setMapPresetSaga);
-  yield takeEvery(mapActions.unregisterMap.type, unregisterMapSaga);
-  yield takeEvery(mapActions.setStepBackwardOrForward.type, setStepBackwardOrForwardSaga);
-}
-
-function* fetchServiceSaga(service) {
-  try {
-    const layers = yield call$e(getCapabilities.getLayersFlattenedFromService, service.serviceUrl);
-    yield put(serviceActions.serviceSetLayers(Object.assign(Object.assign({}, service), {
-      layers
-    })));
-  } catch (error) {
-    // not implemented yet
-  }
-}
-function* fetchInitialServicesSaga({
-  payload
-}) {
-  const {
-    services
-  } = payload;
-  yield all(services.map(_a => {
-    var {
-        url
-      } = _a,
-      service = __rest(_a, ["url"]);
-    return call$e(fetchServiceSaga, Object.assign(Object.assign({}, service), {
-      serviceUrl: url
-    }));
-  }));
-}
-function* rootSaga$1() {
-  yield takeEvery(serviceActions.fetchInitialServices, fetchInitialServicesSaga);
-}
-
-/* A map with all the timerIds and their current step */
-const stepMap = new Map();
-/* A map with a list of timers and their dwell */
-const timerDwellMap = new Map();
-/**
- * Returns the next step for given timerId.
- * @param timerId The timer id
- * @param numberOfStepsInAnimation Animation length in steps
- * @param numStepsToGoForward Amount of steps to go forwards, defaults to 1. Can be positive and negative
- * @returns
- */
-const getNextStep = (timerId, numberOfStepsInAnimation, numStepsToGoForward = 1) => {
-  const currentStep = getCurrentStep(timerId);
-  const nextStep = currentStep + numStepsToGoForward;
-  const nextStepClipped = (nextStep % numberOfStepsInAnimation + numberOfStepsInAnimation) % numberOfStepsInAnimation;
-  return nextStepClipped;
-};
-/**
- * Handles dwell at the end of the animation loop sequence. The number of steps to wait till proceed can be set by the dwell parameter.
- * @param timerId The timer id
- * @param numberOfStepsInAnimation Number of steps in the animation
- * @param dwell The number of steps to wait at the end of the animation sequence before to continue
- * @returns
- */
-const handleTimerDwell = (timerId, numberOfStepsInAnimation, dwell = 8) => {
-  if (dwell > 0) {
-    const currentStep = getCurrentStep(timerId);
-    // Reset the dwell if we are not at the last animation step
-    if (currentStep < numberOfStepsInAnimation - 1) {
-      timerDwellMap.set(timerId, dwell);
-      return false;
-    }
-    // We are at the last animation step, check the dwell
-    const timerDwell = timerDwellMap.has(timerId) && timerDwellMap.get(timerId) || 0;
-    if (currentStep === numberOfStepsInAnimation - 1 && timerDwell > 0) {
-      timerDwellMap.set(timerId, timerDwell - 1);
-      return true;
-    }
-  }
-  return false;
-};
-/**
- * Set step for the timerId
- * @param timerId
- * @param timerStep
- */
-const setStep = (timerId, timerStep) => {
-  stepMap.set(timerId, timerStep);
-};
-/**
- * Gets the current step for the timer
- * @param timerId
- * @returns
- */
-const getCurrentStep = timerId => {
-  return stepMap.get(timerId) || 0;
-};
-const MAX_NUMBER_STEPS_FORWARD_TO_PREFETCH = 2;
-const MAX_NUMBER_OF_PARALLEL_LOADING_IMAGES = 8;
-/**
- * This prefetches all images connected to the same sync group as provided timerId
- * @param timerId The timerId
- * @param animationListValues List of animation steps in isostring to animate
- * @param targets List of targets to check
- * @returns True if all maps are ready to go forward, false if the map has no data to display yet.
- */
-const prefetchAnimationTargetsForMetronome = (timerId, animationListValues, targets) => {
-  let timerShouldStepForward = true;
-  // The following code prefetches/buffers for all maps in the group
-  for (let numPrefetch = 0; numPrefetch < MAX_NUMBER_STEPS_FORWARD_TO_PREFETCH; numPrefetch += 1) {
-    const nextStep = getNextStep(timerId, animationListValues.length, numPrefetch + 1);
-    const nextTimeValueStepToCheck = animationListValues[nextStep];
-    for (const target of targets) {
-      const targetMapId = target.targetId;
-      const wmMap = getWMJSMapById(targetMapId);
-      if (wmMap) {
-        const layersImageUrls = getWMSRequests(wmMap, [{
-          name: 'time',
-          currentValue: nextTimeValueStepToCheck
-        }]);
-        for (const layersImageUrl of layersImageUrls) {
-          const image = wmMap.getMapImageStore.getImage(layersImageUrl.url);
-          if (!image.isLoaded()) {
-            if (wmMap.getMapImageStore.getNumImagesLoading() < MAX_NUMBER_OF_PARALLEL_LOADING_IMAGES) {
-              image.load();
-            }
-            if (numPrefetch === 0) {
-              const altImage = wmMap.getAlternativeImage(layersImageUrl.url, wmMap.getBBOX(), true);
-              // No alternative image available yet, so skipping animation.
-              if (altImage.length === 0) {
-                // This is useful to indicate that the map is loading and has nothing yet to display.
-                // console.warn('No data available: Not stepping forward');
-                timerShouldStepForward = false;
-              }
-            }
-          } else if (image.isStale()) {
-            if (wmMap.getMapImageStore.getNumImagesLoading() < MAX_NUMBER_OF_PARALLEL_LOADING_IMAGES) {
-              image.forceReload(true);
-            }
-          }
-        }
-      } else {
-        return false; // Map was not registered so there is nothing to prefetch
-      }
-    }
-  }
-  return timerShouldStepForward;
-};
-
-/**
- * This handler is triggered by the metronome. An array of timerIds is given as argument.
- * It will update the animation loop of multiple maps and sliders
- * It will prefetch images for maps
- * @param timerIds string[] array of timerIds
- * @param listenerApi ListenerEffectAPI<CoreAppStore, Dispatch, unknown> listenerApi as received from listener
- */
-const metronomeHandler = (timerIds, listenerApi) => {
-  const targetsWithUpdateValue = [];
-  for (const timerId of timerIds) {
-    const animationListValuesNameAndValue = getAnimationList(listenerApi.getState(), timerId);
-    const animationListValues = animationListValuesNameAndValue.map(nameAndValue => nameAndValue.value);
-    const targets = getTargets(listenerApi.getState(), {
-      sourceId: timerId,
-      origin: timerId
-    }, SYNCGROUPS_TYPE_SETTIME);
-    if (targets.length === 0) {
-      // When there are no targets, default to one
-      targets.push({
-        targetId: timerId,
-        value: ''
-      });
-    }
-    const timerIsInDwell = handleTimerDwell(timerId, animationListValues.length);
-    const timerShouldStepForward = prefetchAnimationTargetsForMetronome(timerId, animationListValues, targets) && !timerIsInDwell;
-    // Determine the next step
-    const timerStep = timerShouldStepForward ? getNextStep(timerId, animationListValues.length) : getCurrentStep(timerId);
-    setStep(timerId, timerStep);
-    const updatedValue = animationListValues[timerStep];
-    targetsWithUpdateValue.push(...targets.map(target => {
-      return Object.assign(Object.assign({}, target), {
-        value: updatedValue
-      });
-    }));
-    const speedDelay = getMapAnimationDelay(listenerApi.getState(), timerId);
-    const speed = 1000 / (speedDelay || 1);
-    metronome.setSpeed(timerId, speed);
-  }
-  // Update all targets of all sync groups in one action.
-  if (targetsWithUpdateValue.length > 0) {
-    listenerApi.dispatch(setTimeSync(null, targetsWithUpdateValue, ['metronomesaga']));
-  }
-};
-const metronomeListener = createListenerMiddleware();
-metronomeListener.startListening({
-  actionCreator: mapActions.mapStartAnimation,
-  effect: (_, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
-    // register handler with access to listenerApi
-    metronome.handleTimerTicks = timerIds => {
-      metronomeHandler(timerIds, listenerApi);
-    };
-  })
-});
-
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-const layersListener = createListenerMiddleware();
-layersListener.startListening({
-  actionCreator: layerActions.showLayerInfo,
-  effect: ({
-    payload
-  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
-    const {
-      mapId,
-      source
-    } = payload;
-    const currentActiveMapId = getDialogMapId(listenerApi.getState(), DialogTypes.LayerInfo);
-    const isOpenInStore = getisDialogOpen(listenerApi.getState(), DialogTypes.LayerInfo);
-    if (currentActiveMapId !== mapId ? true : !isOpenInStore) {
-      listenerApi.dispatch(uiActions.setActiveMapIdForDialog({
-        type: DialogTypes.LayerInfo,
-        mapId,
-        setOpen: true,
-        source
-      }));
-    }
-  })
-});
-layersListener.startListening({
-  actionCreator: uiActions.setToggleOpenDialog,
-  effect: ({
-    payload
-  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
-    const {
-      setOpen,
-      type
-    } = payload;
-    // close LayerInfo if open and LayerManager is closed
-    if (type === DialogTypes.LayerManager && !setOpen) {
-      const isOpenInStore = getisDialogOpen(listenerApi.getState(), DialogTypes.LayerInfo);
-      if (isOpenInStore) {
-        listenerApi.dispatch(layerActions.hideLayerInfo());
+      if (!BUGGY) {
+        var res = maybeCallNative(internalSplit, rx, S, limit, internalSplit !== nativeSplit);
+        if (res.done) return res.value;
       }
-    }
-  })
-});
 
-const mapUiListener = createListenerMiddleware();
-mapUiListener.startListening({
-  actionCreator: mapActions.registerMap,
-  effect: (_, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
-    const fields = getAllMapIds(listenerApi.getState());
-    if (fields.length === 1) {
-      const source = getDialogSource(listenerApi.getState(), 'legend');
-      listenerApi.dispatch(uiActions.setActiveMapIdForDialog({
-        type: 'legend',
-        mapId: fields[0],
-        setOpen: true,
-        source
-      }));
-    }
-  })
-});
-mapUiListener.startListening({
-  actionCreator: mapActions.unregisterMap,
-  effect: ({
-    payload
-  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
-    const fields = getAllMapIds(listenerApi.getState());
-    const activeLegendUI = getDialogDetailsByType(listenerApi.getState(), 'legend');
-    if (fields.length && activeLegendUI && !fields.includes(activeLegendUI.activeMapId)) {
-      listenerApi.dispatch(uiActions.setActiveMapIdForDialog({
-        type: 'legend',
-        mapId: fields[0],
-        setOpen: activeLegendUI.isOpen
-      }));
-    } else if (!fields.length) {
-      // if no more maps, we hide the legend
-      listenerApi.dispatch(uiActions.setToggleOpenDialog({
-        type: 'legend',
-        setOpen: false
-      }));
-    }
-    // close any remaining windows with map assigned to it
-    const remainingDialogsConnectedToMap = getUiDialogsByActiveMapId(listenerApi.getState(), payload.mapId);
-    if (remainingDialogsConnectedToMap.length) {
-      remainingDialogsConnectedToMap.forEach(dialog => {
-        if (dialog.isOpen) {
-          listenerApi.dispatch(uiActions.setToggleOpenDialog({
-            type: dialog.type,
-            setOpen: false
-          }));
+      var C = speciesConstructor(rx, RegExp);
+      var unicodeMatching = rx.unicode;
+      var flags = (rx.ignoreCase ? 'i' : '') +
+                  (rx.multiline ? 'm' : '') +
+                  (rx.unicode ? 'u' : '') +
+                  (UNSUPPORTED_Y ? 'g' : 'y');
+      // ^(? + rx + ) is needed, in combination with some S slicing, to
+      // simulate the 'y' flag.
+      var splitter = new C(UNSUPPORTED_Y ? '^(?:' + rx.source + ')' : rx, flags);
+      var lim = limit === undefined ? MAX_UINT32 : limit >>> 0;
+      if (lim === 0) return [];
+      if (S.length === 0) return regExpExec(splitter, S) === null ? [S] : [];
+      var p = 0;
+      var q = 0;
+      var A = [];
+      while (q < S.length) {
+        splitter.lastIndex = UNSUPPORTED_Y ? 0 : q;
+        var z = regExpExec(splitter, UNSUPPORTED_Y ? stringSlice(S, q) : S);
+        var e;
+        if (
+          z === null ||
+          (e = min(toLength(splitter.lastIndex + (UNSUPPORTED_Y ? q : 0)), S.length)) === p
+        ) {
+          q = advanceStringIndex(S, q, unicodeMatching);
+        } else {
+          push(A, stringSlice(S, p, q));
+          if (A.length === lim) return A;
+          for (var i = 1; i <= z.length - 1; i++) {
+            push(A, z[i]);
+            if (A.length === lim) return A;
+          }
+          q = p = e;
         }
-      });
+      }
+      push(A, stringSlice(S, p));
+      return A;
     }
-  })
-});
+  ];
+}, BUGGY || !SPLIT_WORKS_WITH_OVERWRITTEN_EXEC, UNSUPPORTED_Y);
 
+const isAnimationEndTimeValid = animationEndTime => {
+  const hasValidPrefix = animationEndTime.split(/[-+]/)[0] === 'NOW' || animationEndTime.split(/[-+]/)[0] === 'TODAY';
+  const durationString = animationEndTime.substring(animationEndTime.indexOf('PT') + 2);
+  const hasValidDate = /^(\d+H)?(\d+M)?$/.test(durationString);
+  if (hasValidPrefix && hasValidDate) {
+    return true;
+  }
+  const parsedDate = dateUtils.parseISO(animationEndTime);
+  return dateUtils.isValid(parsedDate);
+};
 const mapListener = createListenerMiddleware();
 mapListener.startListening({
   actionCreator: layerActions.layerDelete,
@@ -8487,9 +8231,385 @@ mapListener.startListening({
     metronome.unregister(mapId);
   }
 });
+const handleBaseLayers = (mapId, baseLayers, listenerApi) => {
+  const baseLayer = baseLayers.find(layer => layer.layerType === 'baseLayer');
+  const currentAvailableBaseLayers = getAvailableBaseLayersForMap(listenerApi.getState(), mapId);
+  // find a availableBaseLayer with the same name, and use that id for the active baselayer
+  const activeAvailableBaseLayer = currentAvailableBaseLayers.find(availableBaseLayer => availableBaseLayer.name === baseLayer.name);
+  const activeBaseLayerId = activeAvailableBaseLayer ? activeAvailableBaseLayer.id : webmapUtils.generateLayerId();
+  // if the baseLayer can't be found in a visible available baseLayer list, add it
+  // This happens when switching to a preset that has non-default baselayers
+  if (!activeAvailableBaseLayer && currentAvailableBaseLayers.length) {
+    listenerApi.dispatch(layerActions.addAvailableBaseLayers({
+      layers: [Object.assign(Object.assign({}, baseLayer), {
+        mapId,
+        id: activeBaseLayerId
+      })]
+    }));
+  }
+  const baseLayersWithActiveId = baseLayers.map((layer, index) => index === 0 ? Object.assign(Object.assign({}, layer), {
+    id: activeBaseLayerId || layer.id
+  }) : layer);
+  listenerApi.dispatch(layerActions.setBaseLayers({
+    mapId,
+    layers: baseLayersWithActiveId
+  }));
+};
+mapListener.startListening({
+  actionCreator: mapActions.setMapPreset,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b, _c;
+    try {
+      const {
+        mapId,
+        initialProps
+      } = payload;
+      const {
+        mapPreset
+      } = initialProps;
+      if (mapPreset) {
+        const {
+          layers,
+          activeLayerId,
+          autoTimeStepLayerId,
+          autoUpdateLayerId,
+          proj,
+          shouldAutoUpdate,
+          shouldAnimate,
+          animationPayload,
+          toggleTimestepAuto,
+          showTimeSlider,
+          displayMapPin,
+          shouldShowZoomControls,
+          shouldShowLegend,
+          dockedLayerManagerSize
+        } = mapPreset;
+        const {
+          mapLayers,
+          baseLayers,
+          overLayers
+        } = filterLayers(layers);
+        if (layers) {
+          //  make sure all layers have a unique id before going forward
+          let autoTimeStepLayerIdNew = autoTimeStepLayerId;
+          let autoUpdateLayerIdNew = autoUpdateLayerId;
+          const onlyActiveLayerIdIsSet = !autoTimeStepLayerId && !autoUpdateLayerId && activeLayerId;
+          if (onlyActiveLayerIdIsSet) {
+            autoTimeStepLayerIdNew = activeLayerId;
+            autoUpdateLayerIdNew = activeLayerId;
+          }
+          const newLayerIds = replaceLayerIdsToEnsureUniqueLayerIdsInStore({
+            layers: mapLayers,
+            autoTimeStepLayerId: autoTimeStepLayerIdNew,
+            autoUpdateLayerId: autoUpdateLayerIdNew
+          });
+          //  set layers
+          listenerApi.dispatch(layerActions.setLayers({
+            mapId,
+            layers: newLayerIds.layers
+          }));
+          //  set active layer if given otherwise to first layer
+          const firstLayerId = (_a = newLayerIds.layers[0]) === null || _a === void 0 ? void 0 : _a.id;
+          listenerApi.dispatch(mapActions.setAutoLayerId({
+            mapId,
+            autoTimeStepLayerId: (_b = newLayerIds.autoTimeStepLayerId) !== null && _b !== void 0 ? _b : firstLayerId,
+            autoUpdateLayerId: (_c = newLayerIds.autoUpdateLayerId) !== null && _c !== void 0 ? _c : firstLayerId
+          }));
+        }
+        // sets (default) baseLayers
+        const baseLayersWithDefaultLayer = baseLayers.length ? baseLayers : [defaultLayers.baseLayerGrey];
+        // sets (default) overLayers
+        const overLayersWithDefaultLayer = overLayers.length ? overLayers : [defaultLayers.overLayer];
+        const allBaseLayers = [...baseLayersWithDefaultLayer, ...overLayersWithDefaultLayer].map(layer => Object.assign(Object.assign({}, layer), {
+          id: webmapUtils.generateLayerId()
+        }));
+        handleBaseLayers(mapId, allBaseLayers, listenerApi);
+        if (proj) {
+          const checkIsprojectionSupported = isProjectionSupported(proj.srs);
+          if (!checkIsprojectionSupported) {
+            throw new Error(`Projection ${proj.srs} is not supported`);
+          }
+          //  set bbox
+          listenerApi.dispatch(mapActions.setBbox({
+            mapId,
+            bbox: proj.bbox,
+            srs: proj.srs
+          }));
+        }
+        const animationLength = animationPayload && animationPayload.duration;
+        const animationEndTime = animationPayload && animationPayload.endTime && isAnimationEndTimeValid(animationPayload.endTime) && animationPayload.endTime;
+        const shouldEndtimeOverride = animationPayload ? animationPayload.shouldEndtimeOverride : false;
+        if (shouldEndtimeOverride) {
+          //  auto update
+          listenerApi.dispatch(mapActions.setEndTimeOverriding({
+            mapId,
+            shouldEndtimeOverride
+          }));
+        }
+        if (shouldAutoUpdate !== undefined && !animationEndTime) {
+          //  auto update
+          listenerApi.dispatch(mapActions.toggleAutoUpdate({
+            mapId,
+            shouldAutoUpdate
+          }));
+        }
+        if (showTimeSlider !== undefined) {
+          // toggle timeslider
+          listenerApi.dispatch(mapActions.toggleTimeSliderIsVisible({
+            mapId,
+            isTimeSliderVisible: showTimeSlider
+          }));
+        }
+        if (shouldShowZoomControls !== undefined) {
+          // toggle zoom controls
+          listenerApi.dispatch(mapActions.toggleZoomControls({
+            mapId,
+            shouldShowZoomControls
+          }));
+        }
+        if (displayMapPin !== undefined) {
+          //  display map pin
+          listenerApi.dispatch(mapActions.toggleMapPinIsVisible({
+            mapId,
+            displayMapPin
+          }));
+        }
+        // sets timestep by interval of animationPayload
+        const interval = animationPayload && animationPayload.interval;
+        if (interval) {
+          listenerApi.dispatch(mapActions.setTimeStep({
+            mapId,
+            timeStep: interval
+          }));
+        }
+        // sets animationEndTime by endTime of animationPayload
+        if (animationEndTime) {
+          const endTime = animationEndTime.includes('NOW') || animationEndTime.includes('TODAY') ? dateUtils.convertNOWandTODAYFormatsToUTC(animationEndTime) : animationEndTime;
+          listenerApi.dispatch(mapActions.setAnimationEndTime({
+            mapId,
+            animationEndTime: handleDateUtilsISOString(endTime)
+          }));
+          const startTime = handleDateUtilsISOString(dateUtils.sub(dateUtils.utc(endTime), {
+            minutes: 5 * 60 // set to default of 5 hours
+          }).toISOString());
+          listenerApi.dispatch(mapActions.setAnimationStartTime({
+            mapId,
+            animationStartTime: startTime
+          }));
+          listenerApi.dispatch(genericActions.setTime({
+            origin: '',
+            sourceId: mapId,
+            value: startTime
+          }));
+          const centerTimeInSeconds = new Date(handleDateUtilsISOString(endTime)).getTime();
+          listenerApi.dispatch(mapActions.setTimeSliderCenterTime({
+            mapId,
+            timeSliderCenterTime: centerTimeInSeconds
+          }));
+        }
+        // sets animationStartTime by duration of animationPayload
+        if (animationLength) {
+          const animationEnd = getAnimationEndTime(listenerApi.getState(), mapId);
+          const startTime = handleDateUtilsISOString(dateUtils.sub(dateUtils.utc(animationEnd), {
+            minutes: animationLength
+          }).toISOString());
+          listenerApi.dispatch(mapActions.setAnimationStartTime({
+            mapId,
+            animationStartTime: startTime
+          }));
+          listenerApi.dispatch(genericActions.setTime({
+            origin: '',
+            sourceId: mapId,
+            value: startTime
+          }));
+        }
+        // sets animationDelay by speed of animationPayload
+        if (animationPayload && animationPayload.speed) {
+          listenerApi.dispatch(mapActions.setAnimationDelay({
+            mapId,
+            animationDelay: getSpeedDelay(animationPayload.speed)
+          }));
+        }
+        //  turn animation on
+        if (shouldAnimate === true) {
+          const duration = animationPayload && animationPayload.duration ? animationPayload.duration : 5 * 60; //  set to default of 5 hours
+          const animationEnd = shouldEndtimeOverride && animationEndTime ? getAnimationEndTime(listenerApi.getState(), mapId) : dateUtils.dateToString(dateUtils.utc(), dateFormat);
+          const animationStart = shouldEndtimeOverride && animationLength ? getAnimationStartTime(listenerApi.getState(), mapId) : dateUtils.dateToString(dateUtils.sub(dateUtils.utc(animationEnd), {
+            minutes: duration
+          }), dateFormat);
+          listenerApi.dispatch(mapActions.mapStartAnimation({
+            mapId,
+            start: animationStart,
+            end: animationEnd,
+            interval: interval || defaultTimeStep
+          }));
+          //  If animation interval set, set the timestep auto property to false
+          if (interval) {
+            listenerApi.dispatch(mapActions.toggleTimestepAuto({
+              mapId,
+              timestepAuto: false
+            }));
+          }
+        } else if (toggleTimestepAuto !== undefined) {
+          //  Set timestep auto based on preset if animation is off
+          listenerApi.dispatch(mapActions.toggleTimestepAuto({
+            mapId,
+            timestepAuto: toggleTimestepAuto
+          }));
+        }
+        // show legend
+        const shouldOpenLegend = shouldShowLegend !== undefined ? shouldShowLegend : IS_LEGEND_OPEN_BY_DEFAULT;
+        const legendId = getLegendId(listenerApi.getState(), mapId);
+        if (legendId) {
+          listenerApi.dispatch(uiActions.setToggleOpenDialog({
+            type: legendId,
+            setOpen: shouldOpenLegend
+          }));
+        }
+        if (dockedLayerManagerSize) {
+          listenerApi.dispatch(mapActions.setDockedLayerManagerSize({
+            mapId,
+            dockedLayerManagerSize
+          }));
+        }
+        while (animationEndTime && (shouldEndtimeOverride || !(shouldAutoUpdate || shouldAnimate))) {
+          const fiveMinuteDelayForAnimation = 1000 * 60 * 5;
+          // eslint-disable-next-line no-await-in-loop
+          yield listenerApi.delay(fiveMinuteDelayForAnimation);
+          const animationEnd = getAnimationEndTime(listenerApi.getState(), mapId);
+          listenerApi.dispatch(mapActions.setAnimationEndTime({
+            mapId,
+            animationEndTime: dateUtils.add(dateUtils.utc(animationEnd), {
+              minutes: 5
+            }).toISOString()
+          }));
+          const animationStart = getAnimationStartTime(listenerApi.getState(), mapId);
+          listenerApi.dispatch(mapActions.setAnimationStartTime({
+            mapId,
+            animationStartTime: dateUtils.add(dateUtils.utc(animationStart), {
+              minutes: 5
+            }).toISOString()
+          }));
+        }
+      }
+    } catch (error) {
+      listenerApi.dispatch(mapActions.setMapPresetError({
+        mapId: payload.mapId,
+        error: error.message
+      }));
+    }
+  })
+});
+mapListener.startListening({
+  actionCreator: mapActions.unregisterMap,
+  effect: ({
+    payload
+  }, listenerApi) => {
+    const {
+      mapId
+    } = payload;
+    const layerList = getLayersByMapId(listenerApi.getState(), mapId);
+    metronome.unregister(mapId);
+    layerList.map(layer => listenerApi.dispatch(layerActions.layerDelete({
+      mapId,
+      layerId: layer.id,
+      origin: LayerActionOrigin.unregisterMapListener
+    })));
+  }
+});
+mapListener.startListening({
+  actionCreator: mapActions.setStepBackwardOrForward,
+  effect: ({
+    payload
+  }, listenerApi) => {
+    const {
+      mapId,
+      isForwardStep
+    } = payload;
+    const timeStep = getMapTimeStep(listenerApi.getState(), mapId);
+    const currentTime = getSelectedTime(listenerApi.getState(), mapId);
+    const [dataStartTime, dataEndTime] = getDataLimitsFromLayers(listenerApi.getState(), mapId);
+    if (dateUtils.isValid(currentTime)) {
+      const makeForwardStep = () => {
+        const nextTime = currentTime + timeStep;
+        const roundedTime = roundWithTimeStep(nextTime, timeStep, 'ceil');
+        const newTime = Math.min(roundedTime, dataEndTime || roundedTime);
+        return dateUtils.fromUnix(newTime).toISOString();
+      };
+      const makeBackwardStep = () => {
+        const nextTime = currentTime - timeStep;
+        const roundedTime = roundWithTimeStep(nextTime, timeStep, 'floor');
+        const newTime = Math.max(roundedTime, dataStartTime || roundedTime);
+        return dateUtils.fromUnix(newTime).toISOString();
+      };
+      const selectedTimeString = isForwardStep ? makeForwardStep() : makeBackwardStep();
+      const isMapAnimating = isAnimating(listenerApi.getState(), mapId);
+      if (isMapAnimating) {
+        listenerApi.dispatch(mapActions.mapStopAnimation({
+          mapId,
+          origin: MapActionOrigin.map
+        }));
+      }
+      const isAutoUpdateOn = isAutoUpdating(listenerApi.getState(), mapId);
+      if (isAutoUpdateOn) {
+        listenerApi.dispatch(mapActions.toggleAutoUpdate({
+          mapId,
+          shouldAutoUpdate: false
+        }));
+      }
+      listenerApi.dispatch(genericActions.setTime({
+        origin: '',
+        sourceId: mapId,
+        value: handleDateUtilsISOString(selectedTimeString)
+      }));
+    }
+  }
+});
+
+const serviceListener = createListenerMiddleware();
+const fetchService = (service, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+  try {
+    const layers = yield getCapabilities.getLayersFlattenedFromService(service.serviceUrl);
+    listenerApi.dispatch(serviceActions.serviceSetLayers(Object.assign(Object.assign({}, service), {
+      layers
+    })));
+  } catch (error) {
+    console.warn(error.message);
+  }
+});
+const fetchInitialServices = (payload, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+  if (!payload || !payload.services) {
+    return;
+  }
+  try {
+    payload.services.map(_a => {
+      var {
+          url
+        } = _a,
+        service = __rest(_a, ["url"]);
+      return fetchService(Object.assign(Object.assign({}, service), {
+        serviceUrl: url
+      }), listenerApi);
+    });
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.warn(error);
+  }
+});
+serviceListener.startListening({
+  actionCreator: serviceActions.fetchInitialServices,
+  effect: ({
+    payload
+  }, listenerApi) => __awaiter(void 0, void 0, void 0, function* () {
+    listenerApi.cancelActiveListeners();
+    fetchInitialServices(payload, listenerApi);
+  })
+});
 
 // TODO: This fixes typecheck errors but maybe there is a better way to do that
-createStore$1({
+createStore({
   extensions: [getSagaExtension()]
 });
 const mapStoreReducers = {
@@ -8500,8 +8620,7 @@ const mapStoreReducers = {
 const mapStoreModuleConfig = {
   id: 'webmap-module',
   reducersMap: mapStoreReducers,
-  sagas: [rootSaga$2, rootSaga$1],
-  middlewares: [metronomeListener.middleware, layersListener.middleware, mapUiListener.middleware, mapListener.middleware]
+  middlewares: [metronomeListener.middleware, layersListener.middleware, mapUiListener.middleware, mapListener.middleware, serviceListener.middleware]
 };
 
 const mapStoreActions = Object.assign(Object.assign(Object.assign({}, layerActions), mapActions), serviceActions);
@@ -9827,10 +9946,8 @@ const uiModuleConfig = {
  * */
 const coreModuleConfig = [mapStoreModuleConfig, synchronizationGroupConfig, uiModuleConfig, drawtoolModuleConfig];
 
-const createStore = () => createStore$1({
-  extensions: [getSagaExtension({}), {
-    middlewares: [metronomeListener.middleware, mapListener.middleware]
-  }]
+const createCustomStore = () => createStore({
+  extensions: [getSagaExtension({})]
 });
 const WrapperWithModules = withEggs(coreModuleConfig)(({
   children
@@ -9852,4 +9969,4 @@ const StoreProvider = ({
   })
 }));
 
-export { IS_LEGEND_OPEN_BY_DEFAULT, StoreProvider, coreModuleConfig, createStore, drawtoolActions, drawtoolModuleConfig, reducer as drawtoolReducer, selectors as drawtoolSelectors, filterLayers$1 as filterLayers, genericActions, genericListener, selectors$4 as genericSelectors, types$1 as genericTypes, getSingularDrawtoolDrawLayerId, getUserAddedServices, initialState$3 as initialState, layerActions, reducer$6 as layerReducer, selectors$7 as layerSelectors, types$5 as layerTypes, utils$2 as layerUtils, loadingIndicatorActions, constants as loadingIndicatorConstants, loadingIndicatorReducer, selectors$3 as loadingIndicatorSelectors, mapActions, enums as mapEnums, rootSaga$2 as mapSaga, selectors$2 as mapSelectors, mapStoreActions, mapStoreModuleConfig, mapStoreReducers, types$4 as mapTypes, mapUtils, routerActions, routerModuleConfig, utils as routerUtils, selectorMemoizationOptions, serviceActions, selectors$1 as serviceSelectors, types as serviceTypes, setUserAddedServices, storeTestSettings, storeTestUtils, utils$1 as storeUtils, constants$1 as syncConstants, actions as syncGroupsActions, reducer$3 as syncGroupsReducer, selector as syncGroupsSelector, selectors$5 as syncGroupsSelectors, types$2 as syncGroupsTypes, types$2 as types, uiActions, uiModuleConfig, reducer$5 as uiReducer, selectors$6 as uiSelectors, types$3 as uiTypes, useSetupDialog, reducer$4 as webmapReducer };
+export { IS_LEGEND_OPEN_BY_DEFAULT, StoreProvider, coreModuleConfig, createCustomStore, drawtoolActions, drawtoolModuleConfig, reducer as drawtoolReducer, selectors as drawtoolSelectors, filterLayers$1 as filterLayers, genericActions, genericListener, selectors$4 as genericSelectors, types$1 as genericTypes, getSingularDrawtoolDrawLayerId, getUserAddedServices, initialState$3 as initialState, layerActions, reducer$6 as layerReducer, selectors$7 as layerSelectors, types$5 as layerTypes, utils$2 as layerUtils, loadingIndicatorActions, constants as loadingIndicatorConstants, loadingIndicatorReducer, selectors$3 as loadingIndicatorSelectors, mapActions, enums as mapEnums, mapListener, selectors$2 as mapSelectors, mapStoreActions, mapStoreModuleConfig, mapStoreReducers, types$4 as mapTypes, mapUtils, routerActions, routerModuleConfig, utils as routerUtils, selectorMemoizationOptions, serviceActions, selectors$1 as serviceSelectors, types as serviceTypes, setUserAddedServices, storeTestSettings, storeTestUtils, utils$1 as storeUtils, constants$1 as syncConstants, actions as syncGroupsActions, reducer$3 as syncGroupsReducer, selector as syncGroupsSelector, selectors$5 as syncGroupsSelectors, types$2 as syncGroupsTypes, types$2 as types, uiActions, uiModuleConfig, reducer$5 as uiReducer, selectors$6 as uiSelectors, types$3 as uiTypes, useSetupDialog, reducer$4 as webmapReducer };