@opengeoweb/store 7.0.0 → 8.0.0

package/index.esm.js

@@ -1,5 +1,5 @@
 import { webmapUtils, LayerType, webmapTestSettings, WMLayer, getCapabilities } from '@opengeoweb/webmap';
-import { defaultLayers } from '@opengeoweb/webmap-react';
+import { defaultLayers, emptyGeoJSON, defaultGeoJSONStyleProperties } from '@opengeoweb/webmap-react';
 export { defaultLayers } from '@opengeoweb/webmap-react';
 
 function _iterableToArrayLimit(r, l) {
@@ -617,7 +617,7 @@ function miniKindOf(val) {
   }
 
   if (Array.isArray(val)) return 'array';
-  if (isDate(val)) return 'date';
+  if (isDate$1(val)) return 'date';
   if (isError(val)) return 'error';
   var constructorName = ctorName(val);
 
@@ -643,7 +643,7 @@ function isError(val) {
   return val instanceof Error || typeof val.message === 'string' && val.constructor && typeof val.constructor.stackTraceLimit === 'number';
 }
 
-function isDate(val) {
+function isDate$1(val) {
   if (val instanceof Date) return true;
   return typeof val.toDateString === 'function' && typeof val.getDate === 'function' && typeof val.setDate === 'function';
 }
@@ -2814,7 +2814,7 @@ var LayerActionOrigin;
   LayerActionOrigin["unregisterMapSaga"] = "unregisterMapSaga";
 })(LayerActionOrigin || (LayerActionOrigin = {}));
 
-var types$8 = /*#__PURE__*/Object.freeze({
+var types$7 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   get LayerStatus () { return LayerStatus; },
   get LayerActionOrigin () { return LayerActionOrigin; }
@@ -8509,6 +8509,530 @@ var moment$1 = {exports: {}};
 
 var moment = moment$1.exports;
 
+function toInteger(dirtyNumber) {
+  if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
+    return NaN;
+  }
+  var number = Number(dirtyNumber);
+  if (isNaN(number)) {
+    return number;
+  }
+  return number < 0 ? Math.ceil(number) : Math.floor(number);
+}
+
+function requiredArgs(required, args) {
+  if (args.length < required) {
+    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
+  }
+}
+
+/**
+ * @name toDate
+ * @category Common Helpers
+ * @summary Convert the given argument to an instance of Date.
+ *
+ * @description
+ * Convert the given argument to an instance of Date.
+ *
+ * If the argument is an instance of Date, the function returns its clone.
+ *
+ * If the argument is a number, it is treated as a timestamp.
+ *
+ * If the argument is none of the above, the function returns Invalid Date.
+ *
+ * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
+ *
+ * @param {Date|Number} argument - the value to convert
+ * @returns {Date} the parsed date in the local time zone
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // Clone the date:
+ * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
+ * //=> Tue Feb 11 2014 11:30:30
+ *
+ * @example
+ * // Convert the timestamp to date:
+ * const result = toDate(1392098430000)
+ * //=> Tue Feb 11 2014 11:30:30
+ */
+function toDate(argument) {
+  requiredArgs(1, arguments);
+  var argStr = Object.prototype.toString.call(argument);
+
+  // Clone the date
+  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {
+    // Prevent the date to lose the milliseconds when passed to new Date() in IE10
+    return new Date(argument.getTime());
+  } else if (typeof argument === 'number' || argStr === '[object Number]') {
+    return new Date(argument);
+  } else {
+    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {
+      // eslint-disable-next-line no-console
+      console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments");
+      // eslint-disable-next-line no-console
+      console.warn(new Error().stack);
+    }
+    return new Date(NaN);
+  }
+}
+
+/**
+ * Days in 1 week.
+ *
+ * @name daysInWeek
+ * @constant
+ * @type {number}
+ * @default
+ */
+
+/**
+ * Milliseconds in 1 minute
+ *
+ * @name millisecondsInMinute
+ * @constant
+ * @type {number}
+ * @default
+ */
+var millisecondsInMinute = 60000;
+
+/**
+ * Milliseconds in 1 hour
+ *
+ * @name millisecondsInHour
+ * @constant
+ * @type {number}
+ * @default
+ */
+var millisecondsInHour = 3600000;
+
+/**
+ * @name isDate
+ * @category Common Helpers
+ * @summary Is the given value a date?
+ *
+ * @description
+ * Returns true if the given value is an instance of Date. The function works for dates transferred across iframes.
+ *
+ * @param {*} value - the value to check
+ * @returns {boolean} true if the given value is a date
+ * @throws {TypeError} 1 arguments required
+ *
+ * @example
+ * // For a valid date:
+ * const result = isDate(new Date())
+ * //=> true
+ *
+ * @example
+ * // For an invalid date:
+ * const result = isDate(new Date(NaN))
+ * //=> true
+ *
+ * @example
+ * // For some value:
+ * const result = isDate('2014-02-31')
+ * //=> false
+ *
+ * @example
+ * // For an object:
+ * const result = isDate({})
+ * //=> false
+ */
+function isDate(value) {
+  requiredArgs(1, arguments);
+  return value instanceof Date || _typeof(value) === 'object' && Object.prototype.toString.call(value) === '[object Date]';
+}
+
+/**
+ * @name isValid
+ * @category Common Helpers
+ * @summary Is the given date valid?
+ *
+ * @description
+ * Returns false if argument is Invalid Date and true otherwise.
+ * Argument is converted to Date using `toDate`. See [toDate]{@link https://date-fns.org/docs/toDate}
+ * Invalid Date is a Date, whose time value is NaN.
+ *
+ * Time value of Date: http://es5.github.io/#x15.9.1.1
+ *
+ * @param {*} date - the date to check
+ * @returns {Boolean} the date is valid
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // For the valid date:
+ * const result = isValid(new Date(2014, 1, 31))
+ * //=> true
+ *
+ * @example
+ * // For the value, convertable into a date:
+ * const result = isValid(1393804800000)
+ * //=> true
+ *
+ * @example
+ * // For the invalid date:
+ * const result = isValid(new Date(''))
+ * //=> false
+ */
+function isValid(dirtyDate) {
+  requiredArgs(1, arguments);
+  if (!isDate(dirtyDate) && typeof dirtyDate !== 'number') {
+    return false;
+  }
+  var date = toDate(dirtyDate);
+  return !isNaN(Number(date));
+}
+
+/**
+ * @name differenceInMilliseconds
+ * @category Millisecond Helpers
+ * @summary Get the number of milliseconds between the given dates.
+ *
+ * @description
+ * Get the number of milliseconds between the given dates.
+ *
+ * @param {Date|Number} dateLeft - the later date
+ * @param {Date|Number} dateRight - the earlier date
+ * @returns {Number} the number of milliseconds
+ * @throws {TypeError} 2 arguments required
+ *
+ * @example
+ * // How many milliseconds are between
+ * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?
+ * const result = differenceInMilliseconds(
+ *   new Date(2014, 6, 2, 12, 30, 21, 700),
+ *   new Date(2014, 6, 2, 12, 30, 20, 600)
+ * )
+ * //=> 1100
+ */
+function differenceInMilliseconds(dateLeft, dateRight) {
+  requiredArgs(2, arguments);
+  return toDate(dateLeft).getTime() - toDate(dateRight).getTime();
+}
+
+var roundingMap = {
+  ceil: Math.ceil,
+  round: Math.round,
+  floor: Math.floor,
+  trunc: function trunc(value) {
+    return value < 0 ? Math.ceil(value) : Math.floor(value);
+  } // Math.trunc is not supported by IE
+};
+
+var defaultRoundingMethod = 'trunc';
+function getRoundingMethod(method) {
+  return method ? roundingMap[method] : roundingMap[defaultRoundingMethod];
+}
+
+/**
+ * @name differenceInMinutes
+ * @category Minute Helpers
+ * @summary Get the number of minutes between the given dates.
+ *
+ * @description
+ * Get the signed number of full (rounded towards 0) minutes between the given dates.
+ *
+ * @param {Date|Number} dateLeft - the later date
+ * @param {Date|Number} dateRight - the earlier date
+ * @param {Object} [options] - an object with options.
+ * @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
+ * @returns {Number} the number of minutes
+ * @throws {TypeError} 2 arguments required
+ *
+ * @example
+ * // How many minutes are between 2 July 2014 12:07:59 and 2 July 2014 12:20:00?
+ * const result = differenceInMinutes(
+ *   new Date(2014, 6, 2, 12, 20, 0),
+ *   new Date(2014, 6, 2, 12, 7, 59)
+ * )
+ * //=> 12
+ *
+ * @example
+ * // How many minutes are between 10:01:59 and 10:00:00
+ * const result = differenceInMinutes(
+ *   new Date(2000, 0, 1, 10, 0, 0),
+ *   new Date(2000, 0, 1, 10, 1, 59)
+ * )
+ * //=> -1
+ */
+function differenceInMinutes(dateLeft, dateRight, options) {
+  requiredArgs(2, arguments);
+  var diff = differenceInMilliseconds(dateLeft, dateRight) / millisecondsInMinute;
+  return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
+}
+
+/**
+ * @name getTime
+ * @category Timestamp Helpers
+ * @summary Get the milliseconds timestamp of the given date.
+ *
+ * @description
+ * Get the milliseconds timestamp of the given date.
+ *
+ * @param {Date|Number} date - the given date
+ * @returns {Number} the timestamp
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // Get the timestamp of 29 February 2012 11:45:05.123:
+ * const result = getTime(new Date(2012, 1, 29, 11, 45, 5, 123))
+ * //=> 1330515905123
+ */
+function getTime$1(dirtyDate) {
+  requiredArgs(1, arguments);
+  var date = toDate(dirtyDate);
+  var timestamp = date.getTime();
+  return timestamp;
+}
+
+/**
+ * @name getUnixTime
+ * @category Timestamp Helpers
+ * @summary Get the seconds timestamp of the given date.
+ *
+ * @description
+ * Get the seconds timestamp of the given date.
+ *
+ * @param {Date|Number} date - the given date
+ * @returns {Number} the timestamp
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // Get the timestamp of 29 February 2012 11:45:05 CET:
+ * const result = getUnixTime(new Date(2012, 1, 29, 11, 45, 5))
+ * //=> 1330512305
+ */
+function getUnixTime(dirtyDate) {
+  requiredArgs(1, arguments);
+  return Math.floor(getTime$1(dirtyDate) / 1000);
+}
+
+/**
+ * @name parseISO
+ * @category Common Helpers
+ * @summary Parse ISO string
+ *
+ * @description
+ * Parse the given string in ISO 8601 format and return an instance of Date.
+ *
+ * Function accepts complete ISO 8601 formats as well as partial implementations.
+ * ISO 8601: http://en.wikipedia.org/wiki/ISO_8601
+ *
+ * If the argument isn't a string, the function cannot parse the string or
+ * the values are invalid, it returns Invalid Date.
+ *
+ * @param {String} argument - the value to convert
+ * @param {Object} [options] - an object with options.
+ * @param {0|1|2} [options.additionalDigits=2] - the additional number of digits in the extended year format
+ * @returns {Date} the parsed date in the local time zone
+ * @throws {TypeError} 1 argument required
+ * @throws {RangeError} `options.additionalDigits` must be 0, 1 or 2
+ *
+ * @example
+ * // Convert string '2014-02-11T11:30:30' to date:
+ * const result = parseISO('2014-02-11T11:30:30')
+ * //=> Tue Feb 11 2014 11:30:30
+ *
+ * @example
+ * // Convert string '+02014101' to date,
+ * // if the additional number of digits in the extended year format is 1:
+ * const result = parseISO('+02014101', { additionalDigits: 1 })
+ * //=> Fri Apr 11 2014 00:00:00
+ */
+function parseISO(argument, options) {
+  var _options$additionalDi;
+  requiredArgs(1, arguments);
+  var additionalDigits = toInteger((_options$additionalDi = options === null || options === void 0 ? void 0 : options.additionalDigits) !== null && _options$additionalDi !== void 0 ? _options$additionalDi : 2);
+  if (additionalDigits !== 2 && additionalDigits !== 1 && additionalDigits !== 0) {
+    throw new RangeError('additionalDigits must be 0, 1 or 2');
+  }
+  if (!(typeof argument === 'string' || Object.prototype.toString.call(argument) === '[object String]')) {
+    return new Date(NaN);
+  }
+  var dateStrings = splitDateString(argument);
+  var date;
+  if (dateStrings.date) {
+    var parseYearResult = parseYear(dateStrings.date, additionalDigits);
+    date = parseDate(parseYearResult.restDateString, parseYearResult.year);
+  }
+  if (!date || isNaN(date.getTime())) {
+    return new Date(NaN);
+  }
+  var timestamp = date.getTime();
+  var time = 0;
+  var offset;
+  if (dateStrings.time) {
+    time = parseTime(dateStrings.time);
+    if (isNaN(time)) {
+      return new Date(NaN);
+    }
+  }
+  if (dateStrings.timezone) {
+    offset = parseTimezone(dateStrings.timezone);
+    if (isNaN(offset)) {
+      return new Date(NaN);
+    }
+  } else {
+    var dirtyDate = new Date(timestamp + time);
+    // js parsed string assuming it's in UTC timezone
+    // but we need it to be parsed in our timezone
+    // so we use utc values to build date in our timezone.
+    // Year values from 0 to 99 map to the years 1900 to 1999
+    // so set year explicitly with setFullYear.
+    var result = new Date(0);
+    result.setFullYear(dirtyDate.getUTCFullYear(), dirtyDate.getUTCMonth(), dirtyDate.getUTCDate());
+    result.setHours(dirtyDate.getUTCHours(), dirtyDate.getUTCMinutes(), dirtyDate.getUTCSeconds(), dirtyDate.getUTCMilliseconds());
+    return result;
+  }
+  return new Date(timestamp + time + offset);
+}
+var patterns = {
+  dateTimeDelimiter: /[T ]/,
+  timeZoneDelimiter: /[Z ]/i,
+  timezone: /([Z+-].*)$/
+};
+var dateRegex = /^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/;
+var timeRegex = /^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/;
+var timezoneRegex = /^([+-])(\d{2})(?::?(\d{2}))?$/;
+function splitDateString(dateString) {
+  var dateStrings = {};
+  var array = dateString.split(patterns.dateTimeDelimiter);
+  var timeString;
+
+  // The regex match should only return at maximum two array elements.
+  // [date], [time], or [date, time].
+  if (array.length > 2) {
+    return dateStrings;
+  }
+  if (/:/.test(array[0])) {
+    timeString = array[0];
+  } else {
+    dateStrings.date = array[0];
+    timeString = array[1];
+    if (patterns.timeZoneDelimiter.test(dateStrings.date)) {
+      dateStrings.date = dateString.split(patterns.timeZoneDelimiter)[0];
+      timeString = dateString.substr(dateStrings.date.length, dateString.length);
+    }
+  }
+  if (timeString) {
+    var token = patterns.timezone.exec(timeString);
+    if (token) {
+      dateStrings.time = timeString.replace(token[1], '');
+      dateStrings.timezone = token[1];
+    } else {
+      dateStrings.time = timeString;
+    }
+  }
+  return dateStrings;
+}
+function parseYear(dateString, additionalDigits) {
+  var regex = new RegExp('^(?:(\\d{4}|[+-]\\d{' + (4 + additionalDigits) + '})|(\\d{2}|[+-]\\d{' + (2 + additionalDigits) + '})$)');
+  var captures = dateString.match(regex);
+  // Invalid ISO-formatted year
+  if (!captures) return {
+    year: NaN,
+    restDateString: ''
+  };
+  var year = captures[1] ? parseInt(captures[1]) : null;
+  var century = captures[2] ? parseInt(captures[2]) : null;
+
+  // either year or century is null, not both
+  return {
+    year: century === null ? year : century * 100,
+    restDateString: dateString.slice((captures[1] || captures[2]).length)
+  };
+}
+function parseDate(dateString, year) {
+  // Invalid ISO-formatted year
+  if (year === null) return new Date(NaN);
+  var captures = dateString.match(dateRegex);
+  // Invalid ISO-formatted string
+  if (!captures) return new Date(NaN);
+  var isWeekDate = !!captures[4];
+  var dayOfYear = parseDateUnit(captures[1]);
+  var month = parseDateUnit(captures[2]) - 1;
+  var day = parseDateUnit(captures[3]);
+  var week = parseDateUnit(captures[4]);
+  var dayOfWeek = parseDateUnit(captures[5]) - 1;
+  if (isWeekDate) {
+    if (!validateWeekDate(year, week, dayOfWeek)) {
+      return new Date(NaN);
+    }
+    return dayOfISOWeekYear(year, week, dayOfWeek);
+  } else {
+    var date = new Date(0);
+    if (!validateDate(year, month, day) || !validateDayOfYearDate(year, dayOfYear)) {
+      return new Date(NaN);
+    }
+    date.setUTCFullYear(year, month, Math.max(dayOfYear, day));
+    return date;
+  }
+}
+function parseDateUnit(value) {
+  return value ? parseInt(value) : 1;
+}
+function parseTime(timeString) {
+  var captures = timeString.match(timeRegex);
+  if (!captures) return NaN; // Invalid ISO-formatted time
+
+  var hours = parseTimeUnit(captures[1]);
+  var minutes = parseTimeUnit(captures[2]);
+  var seconds = parseTimeUnit(captures[3]);
+  if (!validateTime(hours, minutes, seconds)) {
+    return NaN;
+  }
+  return hours * millisecondsInHour + minutes * millisecondsInMinute + seconds * 1000;
+}
+function parseTimeUnit(value) {
+  return value && parseFloat(value.replace(',', '.')) || 0;
+}
+function parseTimezone(timezoneString) {
+  if (timezoneString === 'Z') return 0;
+  var captures = timezoneString.match(timezoneRegex);
+  if (!captures) return 0;
+  var sign = captures[1] === '+' ? -1 : 1;
+  var hours = parseInt(captures[2]);
+  var minutes = captures[3] && parseInt(captures[3]) || 0;
+  if (!validateTimezone(hours, minutes)) {
+    return NaN;
+  }
+  return sign * (hours * millisecondsInHour + minutes * millisecondsInMinute);
+}
+function dayOfISOWeekYear(isoWeekYear, week, day) {
+  var date = new Date(0);
+  date.setUTCFullYear(isoWeekYear, 0, 4);
+  var fourthOfJanuaryDay = date.getUTCDay() || 7;
+  var diff = (week - 1) * 7 + day + 1 - fourthOfJanuaryDay;
+  date.setUTCDate(date.getUTCDate() + diff);
+  return date;
+}
+
+// Validation functions
+
+// February is null to handle the leap year (using ||)
+var daysInMonths = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+function isLeapYearIndex(year) {
+  return year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
+}
+function validateDate(year, month, date) {
+  return month >= 0 && month <= 11 && date >= 1 && date <= (daysInMonths[month] || (isLeapYearIndex(year) ? 29 : 28));
+}
+function validateDayOfYearDate(year, dayOfYear) {
+  return dayOfYear >= 1 && dayOfYear <= (isLeapYearIndex(year) ? 366 : 365);
+}
+function validateWeekDate(_year, week, day) {
+  return week >= 1 && week <= 53 && day >= 0 && day <= 6;
+}
+function validateTime(hours, minutes, seconds) {
+  if (hours === 24) {
+    return minutes === 0 && seconds === 0;
+  }
+  return seconds >= 0 && seconds < 60 && minutes >= 0 && minutes < 60 && hours >= 0 && hours < 25;
+}
+function validateTimezone(_hours, minutes) {
+  return minutes >= 0 && minutes <= 59;
+}
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -8838,6 +9362,9 @@ var getActiveLayerTimeStep = function getActiveLayerTimeStep(timeDimension) {
 var getSpeedFactor = function getSpeedFactor(speedDelay) {
   return defaultDelay / speedDelay;
 };
+var getAnimationDuration = function getAnimationDuration(animationEndTime, animationStartTime) {
+  return animationEndTime && animationStartTime ? differenceInMinutes(new Date(animationEndTime), new Date(animationStartTime)) : 0;
+};
 /**
  * Returns speed delay for given speedFactor. For options, see defined above in "speedFactors"
  */
@@ -8891,6 +9418,7 @@ var utils$3 = /*#__PURE__*/Object.freeze({
   getTimeStepFromDataInterval: getTimeStepFromDataInterval,
   getActiveLayerTimeStep: getActiveLayerTimeStep,
   getSpeedFactor: getSpeedFactor,
+  getAnimationDuration: getAnimationDuration,
   getSpeedDelay: getSpeedDelay,
   roundWithTimeStep: roundWithTimeStep,
   secondsPerPxToScale: secondsPerPxToScale,
@@ -9214,7 +9742,7 @@ var createLayer = function createLayer(_a) {
     status: status
   });
 };
-var initialState$a = {
+var initialState$9 = {
   byId: {},
   allIds: [],
   availableBaseLayers: {
@@ -9222,8 +9750,8 @@ var initialState$a = {
     allIds: []
   }
 };
-var slice$a = createSlice({
-  initialState: initialState$a,
+var slice$9 = createSlice({
+  initialState: initialState$9,
   name: 'layerReducer',
   reducers: {
     addLayer: function addLayer(draft, action) {
@@ -9629,7 +10157,7 @@ var slice$a = createSlice({
           type: source.type
         };
         /* Handle the Layer action with the same logic, using the same reducer */
-        return reducer$a(prevState, action);
+        return reducer$9(prevState, action);
       }, state);
     }).addCase(setMapPreset, function (draft, action) {
       var mapId = action.payload.mapId;
@@ -9649,8 +10177,8 @@ var slice$a = createSlice({
     });
   }
 });
-var reducer$a = slice$a.reducer;
-var layerActions = slice$a.actions;
+var reducer$9 = slice$9.reducer;
+var layerActions = slice$9.actions;
 
 var lodash = {exports: {}};
 
@@ -27234,7 +27762,7 @@ var getLayerIsInsideAcceptanceTime = createSelector(getAcceptanceTimeInMinutes,
   return 'inside';
 });
 
-var selectors$9 = /*#__PURE__*/Object.freeze({
+var selectors$8 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getLayerById: getLayerById,
   getLayersById: getLayersById,
@@ -27294,7 +27822,7 @@ var AnimationLength;
   AnimationLength[AnimationLength["Hours24"] = 1440] = "Hours24";
 })(AnimationLength || (AnimationLength = {}));
 
-var types$7 = /*#__PURE__*/Object.freeze({
+var types$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   get AnimationLength () { return AnimationLength; }
 });
@@ -27422,13 +27950,13 @@ var createUIDialogElement = function createUIDialogElement(_ref) {
     focused: false
   };
 };
-var initialState$9 = {
+var initialState$8 = {
   order: [],
   dialogs: {},
   activeWindowId: undefined
 };
-var slice$9 = createSlice({
-  initialState: initialState$9,
+var slice$8 = createSlice({
+  initialState: initialState$8,
   name: 'uiReducer',
   reducers: {
     registerDialog: function registerDialog(draft, action) {
@@ -27520,8 +28048,8 @@ var slice$9 = createSlice({
     }
   }
 });
-var reducer$9 = slice$9.reducer;
-var uiActions = slice$9.actions;
+var reducer$8 = slice$8.reducer;
+var uiActions = slice$8.actions;
 
 var addBaseLayer = layerActions.addBaseLayer,
   addLayer$1 = layerActions.addLayer,
@@ -27568,12 +28096,12 @@ var createLayersWithIds = function createLayersWithIds(state, layers) {
     }
   });
 };
-var initialState$8 = {
+var initialState$7 = {
   byId: {},
   allIds: []
 };
-var slice$8 = createSlice({
-  initialState: initialState$8,
+var slice$7 = createSlice({
+  initialState: initialState$7,
   name: 'mapReducer',
   reducers: {
     registerMap: function registerMap(draft, action) {
@@ -28097,7 +28625,7 @@ var slice$8 = createSlice({
           type: source.type
         };
         /* Handle the Layer action with the same logic, using the same reducer */
-        return reducer$8(prevState, action);
+        return reducer$7(prevState, action);
       }, draft);
     }).addCase(onUpdateLayerInformation, function (draft, action) {
       var mapDimensions = action.payload.mapDimensions;
@@ -28143,11 +28671,11 @@ var slice$8 = createSlice({
     });
   }
 });
-var mapActions = Object.assign(Object.assign({}, slice$8.actions), {
+var mapActions = Object.assign(Object.assign({}, slice$7.actions), {
   setMapPreset: setMapPreset,
   mapChangeDimension: mapChangeDimension
 });
-var reducer$8 = slice$8.reducer;
+var reducer$7 = slice$7.reducer;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -28274,7 +28802,7 @@ var getDialogError = createSelector(getDialogDetailsByType, function (details) {
   return details && details.error || '';
 });
 
-var selectors$8 = /*#__PURE__*/Object.freeze({
+var selectors$7 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getUiStore: getUiStore,
   getDialogDetailsByType: getDialogDetailsByType,
@@ -28318,10 +28846,10 @@ var DialogTypes;
   DialogTypes["DrawingTool"] = "drawingTool";
   DialogTypes["DockedLayerManager"] = "dockedLayerManager";
   DialogTypes["DockedDrawingTool"] = "dockedDrawingTool";
-  DialogTypes["AreaManager"] = "areaManager";
+  DialogTypes["ObjectManager"] = "objectManager";
 })(DialogTypes || (DialogTypes = {}));
 
-var types$6 = /*#__PURE__*/Object.freeze({
+var types$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   get DialogTypes () { return DialogTypes; }
 });
@@ -28411,7 +28939,7 @@ var removeInPlace = function removeInPlace(inDraftArray, condition) {
  * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2020 - Finnish Meteorological Institute (FMI)
  * */
-var initialState$7 = {
+var initialState$6 = {
   sources: {
     byId: {},
     allIds: []
@@ -28435,8 +28963,8 @@ var initialState$7 = {
     }
   }
 };
-var slice$7 = createSlice({
-  initialState: initialState$7,
+var slice$6 = createSlice({
+  initialState: initialState$6,
   name: 'synchronizationGroupsReducer',
   reducers: {
     syncGroupAddSource: function syncGroupAddSource(draft, action) {
@@ -28565,7 +29093,7 @@ var slice$7 = createSlice({
       });
     },
     syncGroupClear: function syncGroupClear() {
-      return initialState$7;
+      return initialState$6;
     },
     syncGroupSetViewState: function syncGroupSetViewState(draft, action) {
       var viewState = action.payload.viewState;
@@ -28624,7 +29152,7 @@ var setBboxOrTimeSync = function setBboxOrTimeSync(state, action) {
     });
   });
 };
-var _slice$actions = slice$7.actions,
+var _slice$actions = slice$6.actions,
   syncGroupAddGroup = _slice$actions.syncGroupAddGroup,
   syncGroupAddSource = _slice$actions.syncGroupAddSource,
   syncGroupAddTarget = _slice$actions.syncGroupAddTarget;
@@ -28634,8 +29162,8 @@ var _slice$actions = slice$7.actions,
   syncGroupRemoveSource = _slice$actions.syncGroupRemoveSource,
   syncGroupRemoveTarget = _slice$actions.syncGroupRemoveTarget,
   syncGroupSetViewState = _slice$actions.syncGroupSetViewState;
-var actions = slice$7.actions,
-  reducer$7 = slice$7.reducer;
+var actions = slice$6.actions,
+  reducer$6 = slice$6.reducer;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -28663,7 +29191,7 @@ var SyncGroupActionOrigin;
   SyncGroupActionOrigin["activateLayerId"] = "ORIGIN_GENERIC_SYNCHRONIZATIONGROUP_UTILS_ACTIVELAYERIDACTION";
 })(SyncGroupActionOrigin || (SyncGroupActionOrigin = {}));
 
-var types$5 = /*#__PURE__*/Object.freeze({
+var types$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   SyncGroupTypeList: SyncGroupTypeList,
   get SyncGroupActionOrigin () { return SyncGroupActionOrigin; }
@@ -28804,7 +29332,7 @@ var getSyncGroupTargets = createSelector(syncGroupStore, function (store) {
   }, []);
 });
 
-var selectors$7 = /*#__PURE__*/Object.freeze({
+var selectors$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   syncGroupStore: syncGroupStore,
   getSynchronizationGroupState: getSynchronizationGroupState,
@@ -28956,7 +29484,7 @@ var getTime = createSelector(getSyncSourceBySourceId, function (store) {
   return store && store.payloadByType && store.payloadByType[SYNCGROUPS_TYPE_SETTIME] ? store.payloadByType[SYNCGROUPS_TYPE_SETTIME].value : null;
 });
 
-var selectors$6 = /*#__PURE__*/Object.freeze({
+var selectors$5 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getSynchronizationGroupStore: getSynchronizationGroupStore,
   getTime: getTime
@@ -28979,7 +29507,7 @@ var selectors$6 = /*#__PURE__*/Object.freeze({
  * Copyright 2020 - Finnish Meteorological Institute (FMI)
  * */
 
-var types$4 = /*#__PURE__*/Object.freeze({
+var types$3 = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
@@ -29177,6 +29705,43 @@ var getMapDimension = createSelector(getMapById, function (_store, _mapId, dimen
   }
   return undefined;
 }, selectorMemoizationOptions);
+var getSelectedTime = createSelector(function (store, mapId) {
+  return getMapDimension(store, mapId, 'time');
+}, function (timeDimension) {
+  var now = getUnixTime(new Date());
+  if (!timeDimension) {
+    return now;
+  }
+  var timeSliderTime = parseISO(timeDimension.currentValue);
+  if (isValid(timeSliderTime)) {
+    return getUnixTime(timeSliderTime);
+  }
+  return now;
+});
+var getDataLimitsFromLayers = createSelector(getMapLayers, function (layers) {
+  return layers.reduce(function (_ref, layer) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      start = _ref2[0],
+      end = _ref2[1];
+    var _a;
+    var dimension = (_a = layer.dimensions) === null || _a === void 0 ? void 0 : _a.find(function (dimension) {
+      return dimension.name === 'time';
+    });
+    if ((dimension === null || dimension === void 0 ? void 0 : dimension.minValue) && dimension.maxValue) {
+      var lastValue = getUnixTime(new Date(dimension.maxValue));
+      var firstValue = getUnixTime(new Date(dimension.minValue));
+      var newLast = Math.max(lastValue, end);
+      var newFirst = Math.min(firstValue, start);
+      return [newFirst, newLast];
+    }
+    return [start, end];
+  },
+  /* Using the maximum 32-bit value and 0 as starting points
+   * bigger values like Number.MAX_VALUE or Number.MAX_SAFE_INTEGER
+   * cause weird behaviour as timestamps break at 32bit limit (year 2038)
+   */
+  [2147483647, 0]);
+});
 /**
  * Gets map srs
  *
@@ -29604,7 +30169,7 @@ var getLegendId = createSelector(getMapById, function (store) {
  * @param {string} mapId mapId: string - Id of the map
  * @returns {MapPreset} returnType: MapPreset
  */
-var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLayers, getBbox, getSrs, getActiveLayerId, getAutoTimeStepLayerId, getAutoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, getDisplayMapPin, isZoomControlsVisible, getMapTimeStep, getMapAnimationDelay, isTimestepAuto, getLegendId, getUiStore, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoUpdateLayerId, autoTimeStepLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, isTimestepAuto, legendId, uiStore) {
+var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLayers, getBbox, getSrs, getActiveLayerId, getAutoTimeStepLayerId, getAutoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, getDisplayMapPin, isZoomControlsVisible, getMapTimeStep, getMapAnimationDelay, getAnimationStartTime, getAnimationEndTime$1, isTimestepAuto, getLegendId, getUiStore, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoUpdateLayerId, autoTimeStepLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, animationStartTime, animationEndTime, isTimestepAuto, legendId, uiStore) {
   var _a;
   var allLayers = [].concat(_toConsumableArray(baseLayers), _toConsumableArray(overLayers), _toConsumableArray(mapLayers)).map(function (_a) {
     _a.mapId;
@@ -29622,7 +30187,8 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
   });
   var animationPayload = {
     interval: mapTimeStep,
-    speed: getSpeedFactor(mapAnimationDelay)
+    speed: getSpeedFactor(mapAnimationDelay),
+    duration: getAnimationDuration(animationEndTime, animationStartTime)
   };
   var shouldShowLegend = (_a = uiStore === null || uiStore === void 0 ? void 0 : uiStore.dialogs[legendId]) === null || _a === void 0 ? void 0 : _a.isOpen;
   return Object.assign({
@@ -29689,7 +30255,7 @@ var getDockedLayerManagerSize = createSelector(getMapById, function (store) {
   return store ? store.dockedLayerManagerSize : 'sizeSmall';
 });
 
-var selectors$5 = /*#__PURE__*/Object.freeze({
+var selectors$4 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getMapById: getMapById,
   getAllMapIds: getAllMapIds,
@@ -29705,6 +30271,8 @@ var selectors$5 = /*#__PURE__*/Object.freeze({
   getMapOverLayers: getMapOverLayers,
   getMapDimensions: getMapDimensions,
   getMapDimension: getMapDimension,
+  getSelectedTime: getSelectedTime,
+  getDataLimitsFromLayers: getDataLimitsFromLayers,
   getSrs: getSrs,
   getBbox: getBbox,
   isAnimating: isAnimating,
@@ -29857,12 +30425,12 @@ var mapUtils = Object.assign(Object.assign({}, utils$3), {
  * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2020 - Finnish Meteorological Institute (FMI)
  * */
-var initialState$6 = {
+var initialState$5 = {
   byId: {},
   allIds: []
 };
-var slice$6 = createSlice({
-  initialState: initialState$6,
+var slice$5 = createSlice({
+  initialState: initialState$5,
   name: 'serviceReducer',
   reducers: {
     serviceSetLayers: function serviceSetLayers(draft, action) {
@@ -29891,8 +30459,8 @@ var slice$6 = createSlice({
     action) {}
   }
 });
-var reducer$6 = slice$6.reducer;
-var serviceActions = slice$6.actions;
+var reducer$5 = slice$5.reducer;
+var serviceActions = slice$5.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -30004,7 +30572,7 @@ var getLayerStyles = createSelector(getLayerFromService, function (layer) {
   return layer && layer.styles ? layer.styles : [];
 }, selectorMemoizationOptions);
 
-var selectors$4 = /*#__PURE__*/Object.freeze({
+var selectors$3 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getServiceIds: getServiceIds,
   getServices: getServices,
@@ -30031,7 +30599,7 @@ var selectors$4 = /*#__PURE__*/Object.freeze({
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
 
-var types$3 = /*#__PURE__*/Object.freeze({
+var types$2 = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
@@ -33275,9 +33843,9 @@ i({
 var mapStoreModuleConfig = {
   id: 'webmap-module',
   reducersMap: {
-    webmap: reducer$8,
-    services: reducer$6,
-    layers: reducer$a
+    webmap: reducer$7,
+    services: reducer$5,
+    layers: reducer$9
   },
   sagas: [rootSaga$7, rootSaga$6]
 };
@@ -33322,7 +33890,7 @@ var FilterType;
   FilterType["Group"] = "groups";
 })(FilterType || (FilterType = {}));
 
-var types$2 = /*#__PURE__*/Object.freeze({
+var types$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   get FilterType () { return FilterType; }
 });
@@ -33412,7 +33980,7 @@ var initialServicePopupState = {
   serviceId: '',
   variant: 'add'
 };
-var initialState$5 = {
+var initialState$4 = {
   filters: {
     searchFilter: '',
     activeServices: layerSelectActiveServicesAdapter.getInitialState(),
@@ -33428,8 +33996,8 @@ var initialState$5 = {
   },
   servicePopup: initialServicePopupState
 };
-var slice$5 = createSlice({
-  initialState: initialState$5,
+var slice$4 = createSlice({
+  initialState: initialState$4,
   name: DialogTypes.LayerSelect,
   reducers: {
     setSearchFilter: function setSearchFilter(draft, action) {
@@ -33603,8 +34171,8 @@ var slice$5 = createSlice({
     });
   }
 });
-var reducer$5 = slice$5.reducer;
-var layerSelectActions = slice$5.actions;
+var reducer$4 = slice$4.reducer;
+var layerSelectActions = slice$4.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -33769,7 +34337,7 @@ var getServicePopupDetails = function getServicePopupDetails(store) {
   return ((_a = store === null || store === void 0 ? void 0 : store.layerSelect) === null || _a === void 0 ? void 0 : _a.servicePopup) || initialServicePopupState;
 };
 
-var selectors$3 = /*#__PURE__*/Object.freeze({
+var selectors$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getSearchFilter: getSearchFilter,
   getActiveServices: getActiveServices,
@@ -33846,272 +34414,481 @@ var isNoIdService = function isNoIdService(param) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
+ * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
-var snackbarAdapter = createEntityAdapter();
-var initialState$4 = snackbarAdapter.getInitialState();
-var slice$4 = createSlice({
-  initialState: initialState$4,
-  name: 'snackbar',
-  reducers: {
-    // To open the snackbar call this action
-    openSnackbar: function openSnackbar(
-    // eslint-disable-next-line no-unused-vars
-    draft,
-    // eslint-disable-next-line no-unused-vars
-    action) {},
-    // triggerOpenSnackbarBySaga is triggered by the saga to open the snackbar after the current snackbars have all been closed
-    // DO NOT CALL THIS ACTION DIRECTLY!
-    triggerOpenSnackbarBySaga: function triggerOpenSnackbarBySaga(draft, action) {
-      var snackbarContent = action.payload.snackbarContent;
-      // Ensure we have an id before proceeding
-      if (snackbarContent.id === undefined) {
-        return;
-      }
-      snackbarAdapter.setOne(draft, snackbarContent);
-    },
-    closeSnackbar: function closeSnackbar(draft) {
-      snackbarAdapter.removeAll(draft);
-    }
+/**
+ * Tries to find the layerId's in the other map based on the payload of the action. It works for all layer actions.
+ * @param state
+ * @param mapId
+ * @param targetMapId
+ * @param payload
+ * @returns
+ */
+var getTargetLayerIdFromPayload = function getTargetLayerIdFromPayload(state, mapId, targetMapId, payload) {
+  if (!payload) {
+    return null;
   }
-});
-var reducer$4 = slice$4.reducer;
-var snackbarActions = slice$4.actions;
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
-var getSnackbarStore = function getSnackbarStore(store) {
-  if (store && store.snackbar) {
-    return store.snackbar;
+  /* Try to find the layer for the DeleteLayerPayload, it uses layerIndex to reference the layer */
+  if ('layerIndex' in payload) {
+    var targetLayer = getLayerByLayerIndex(state, targetMapId, payload.layerIndex);
+    return !targetLayer ? null : targetLayer.id;
+  }
+  /* Try to find the layer for the LayerActionsWithLayerIds, it uses layerId to reference the layer */
+  if ('layerId' in payload) {
+    var _targetLayer = getLayerByLayerIndex(state, targetMapId, getLayerIndexByLayerId(state, mapId, payload.layerId));
+    return !_targetLayer ? null : _targetLayer.id;
   }
+  /* This payload probably does not reference to a layerId */
   return null;
 };
-var _snackbarAdapter$getS = snackbarAdapter.getSelectors(function (state) {
-    var _a;
-    return (_a = state === null || state === void 0 ? void 0 : state.snackbar) !== null && _a !== void 0 ? _a : {
-      entities: {},
-      ids: []
-    };
-  }),
-  getCurrentSnackbarMessages = _snackbarAdapter$getS.selectAll;
-var getFirstSnackbarMessage = createSelector(getCurrentSnackbarMessages, function (currentMessages) {
-  return currentMessages.length > 0 ? currentMessages[0] : undefined;
-});
-
-var selectors$2 = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  getSnackbarStore: getSnackbarStore,
-  getCurrentSnackbarMessages: getCurrentSnackbarMessages,
-  getFirstSnackbarMessage: getFirstSnackbarMessage
-});
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
-
-var types$1 = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-var _marked$6 = /*#__PURE__*/_regeneratorRuntime().mark(openSnackbarSaga),
-  _marked2$4 = /*#__PURE__*/_regeneratorRuntime().mark(rootSaga$5);
-var hideTime = 4000;
-function openSnackbarSaga(capturedAction) {
-  var snackbarMessage, currentSnackbarMessages, id, currentSnackbarMessagesOpen;
-  return _regeneratorRuntime().wrap(function openSnackbarSaga$(_context) {
-    while (1) switch (_context.prev = _context.next) {
-      case 0:
-        snackbarMessage = capturedAction.payload.message;
-        _context.next = 3;
-        return select(getCurrentSnackbarMessages);
-      case 3:
-        currentSnackbarMessages = _context.sent;
-        if (!currentSnackbarMessages.length) {
-          _context.next = 7;
-          break;
-        }
-        _context.next = 7;
-        return put(snackbarActions.closeSnackbar());
-      case 7:
-        // Generate a unique id
-        id = "snackbar".concat(Date.now().toString());
-        _context.next = 10;
-        return put(snackbarActions.triggerOpenSnackbarBySaga({
-          snackbarContent: {
-            message: snackbarMessage,
-            id: id
-          }
-        }));
-      case 10:
-        _context.next = 12;
-        return delay(hideTime);
-      case 12:
-        _context.next = 14;
-        return select(getCurrentSnackbarMessages);
-      case 14:
-        currentSnackbarMessagesOpen = _context.sent;
-        if (!currentSnackbarMessagesOpen.length) {
-          _context.next = 18;
-          break;
+/**
+ * Local helper function used by getLayerDeleteActionsTargets, getLayerActionsTargets, getAddLayerActionsTargets, getTargetLayerIdFromPayload to find the targets
+ * @param state
+ * @param payload
+ * @param actionType
+ * @param sourceMapId
+ * @returns The found targets
+ */
+var findTargets = function findTargets(state, payload, actionType, sourceMapId) {
+  var actionPayloads = [];
+  var targetsInActionPayload = {};
+  var syncronizationGroupStore = syncGroupStore(state);
+  if (syncronizationGroupStore && payload) {
+    syncronizationGroupStore.groups.allIds.forEach(function (id) {
+      var syncronizationGroup = syncronizationGroupStore.groups.byId[id];
+      if (actionType === syncronizationGroup.type) {
+        /* Check if the source is in the target list of the synchonizationGroup */
+        var source = syncronizationGroup.targets.byId[sourceMapId];
+        /* If the source is part of the target list, and is linked, continue syncing the other targets */
+        if (source && source.linked) {
+          syncronizationGroup.targets.allIds.forEach(function (targetId) {
+            var target = syncronizationGroup.targets.byId[targetId];
+            if (targetId !== sourceMapId && target.linked && !targetsInActionPayload[targetId]) {
+              /* Remember that we have already added this target in the action payloads, prevents adding it twice */
+              targetsInActionPayload[targetId] = true;
+              var otherLayerId = getTargetLayerIdFromPayload(state, sourceMapId, targetId, payload);
+              actionPayloads.push({
+                payload: payload,
+                targetId: targetId,
+                layerId: otherLayerId
+              });
+            }
+          });
         }
-        _context.next = 18;
-        return put(snackbarActions.closeSnackbar());
-      case 18:
-      case "end":
-        return _context.stop();
-    }
-  }, _marked$6);
-}
-function rootSaga$5() {
-  return _regeneratorRuntime().wrap(function rootSaga$(_context2) {
-    while (1) switch (_context2.prev = _context2.next) {
-      case 0:
-        _context2.next = 2;
-        return takeLatest$1(snackbarActions.openSnackbar.type, openSnackbarSaga);
-      case 2:
-      case "end":
-        return _context2.stop();
-    }
-  }, _marked2$4);
-}
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * */
-var snackbarModuleConfig = {
-  id: 'snackbar-module',
-  reducersMap: {
-    snackbar: reducer$4
-  },
-  sagas: [rootSaga$5]
-};
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-var initialState$3 = {};
-var slice$3 = createSlice({
-  initialState: initialState$3,
-  name: 'router',
-  reducers: {
-    navigateToUrl: function navigateToUrl(
-    // eslint-disable-next-line no-unused-vars
-    draft,
-    // eslint-disable-next-line no-unused-vars
-    action) {}
+      }
+    });
   }
-});
-var reducer$3 = slice$3.reducer;
-var routerActions = slice$3.actions;
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * */
-// stores navigate hook method to object, so it can be used outside components
-var historyDict = {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  navigate: null
+  return actionPayloads;
 };
-
-var utils = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  historyDict: historyDict
-});
-
-var _marked$5 = /*#__PURE__*/_regeneratorRuntime().mark(navigateToUrlSaga),
-  _marked2$3 = /*#__PURE__*/_regeneratorRuntime().mark(rootSaga$4);
-function navigateToUrlSaga(action) {
-  var payload;
-  return _regeneratorRuntime().wrap(function navigateToUrlSaga$(_context) {
-    while (1) switch (_context.prev = _context.next) {
-      case 0:
-        payload = action.payload;
-        _context.next = 3;
-        return call(historyDict.navigate, payload.url);
-      case 3:
-      case "end":
-        return _context.stop();
-    }
-  }, _marked$5);
-}
-function rootSaga$4() {
-  return _regeneratorRuntime().wrap(function rootSaga$(_context2) {
-    while (1) switch (_context2.prev = _context2.next) {
-      case 0:
-        _context2.next = 2;
-        return takeLatest$1(routerActions.navigateToUrl.type, navigateToUrlSaga);
-      case 2:
-      case "end":
-        return _context2.stop();
-    }
-  }, _marked2$3);
+/**
+ * These targets are found for layer actions that work with a layerId like: SetLayerName, SetLayerEnabled, SetLayerOpacity, SetLayerDimension and SetLayerStyle
+ * @param state
+ * @param payload
+ * @param actionType
+ * @returns
+ */
+var getLayerActionsTargets = function getLayerActionsTargets(state, payload, actionType) {
+  var mapId = getMapIdFromLayerId(state, payload.layerId);
+  var foundTargets = findTargets(state, payload, actionType, mapId);
+  return foundTargets.map(function (target) {
+    var payload = target.payload;
+    return Object.assign(Object.assign({}, payload), {
+      layerId: target.layerId,
+      origin: SyncGroupActionOrigin.layerActions,
+      mapId: payload.mapId
+    });
+  });
+};
+/**
+ * These targets are found for the layer/map action AddLayer. AddLayer does not have a layerId (because it's new)
+ * @param state
+ * @param payload
+ * @param actionType
+ * @returns
+ */
+var getAddLayerActionsTargets = function getAddLayerActionsTargets(state, payload, actionType) {
+  var foundTargets = findTargets(state, payload, actionType, payload.mapId);
+  return foundTargets.map(function (_ref) {
+    var payload = _ref.payload,
+      targetId = _ref.targetId;
+    var layer = payload.layer;
+    layer.id;
+      var layerWithoutId = __rest(layer, ["id"]);
+    var layerId = webmapUtils.generateLayerId();
+    return Object.assign(Object.assign({}, payload), {
+      layer: layerWithoutId,
+      layerId: layerId,
+      mapId: targetId,
+      origin: SyncGroupActionOrigin.add
+    });
+  });
+};
+/**
+ * These targets are found for the layer/map action DeleteLayer. The layer is already gone, so there is no layerId anymore. Using layerIndex instead.
+ * @param state
+ * @param payload
+ * @param actionType
+ * @returns
+ */
+var getLayerDeleteActionsTargets = function getLayerDeleteActionsTargets(state, payload, actionType) {
+  var foundTargets = findTargets(state, payload, actionType, payload.mapId);
+  return foundTargets.map(function (target) {
+    return Object.assign(Object.assign({}, target.payload), {
+      mapId: target.targetId,
+      layerId: target.layerId,
+      origin: SyncGroupActionOrigin["delete"]
+    });
+  });
+};
+/**
+ * These targets are found for the layer/map action MoveLayer. Here layers are referenced by newIndex and oldIndex.
+ * @param state
+ * @param payload
+ * @param actionType
+ * @returns
+ */
+var getLayerMoveActionsTargets = function getLayerMoveActionsTargets(state, payload, actionType) {
+  var foundTargets = findTargets(state, payload, actionType, payload.mapId);
+  return foundTargets.map(function (target) {
+    return Object.assign(Object.assign({}, target.payload), {
+      mapId: target.targetId,
+      origin: SyncGroupActionOrigin.move
+    });
+  });
+};
+/**
+ * These targets are found for the layer/map action SetActiveLayerId. It needs both a target mapId and layerId
+ * @param state
+ * @param payload
+ * @param actionType
+ * @returns
+ */
+var getSetActiveLayerIdActionsTargets = function getSetActiveLayerIdActionsTargets(state, payload, actionType) {
+  var sourceMapId = getMapIdFromLayerId(state, payload.layerId);
+  var foundTargets = findTargets(state, payload, actionType, sourceMapId);
+  return foundTargets.map(function (target) {
+    return {
+      mapId: target.targetId,
+      layerId: target.layerId,
+      origin: SyncGroupActionOrigin.activateLayerId
+    };
+  });
+};
+/**
+ * These targets are found for baselayer actions that work with a mapId like: setBaseLayers
+ * @param state
+ * @param payload
+ * @param actionType
+ * @returns
+ */
+var getMapBaseLayerActionsTargets = function getMapBaseLayerActionsTargets(state, payload, actionType) {
+  var foundTargets = findTargets(state, payload, actionType, payload.mapId);
+  return foundTargets.map(function (target) {
+    return {
+      layers: payload.layers.map(function (layer) {
+        return Object.assign(Object.assign({}, layer), {
+          id: webmapUtils.generateLayerId()
+        });
+      }),
+      mapId: target.targetId,
+      origin: SyncGroupActionOrigin.layerActions
+    };
+  });
+};
+
+var _marked$6 = /*#__PURE__*/_regeneratorRuntime().mark(rootSaga$5);
+var setBaseLayers = layerActions.setBaseLayers,
+  addLayer = layerActions.addLayer,
+  layerChangeDimension = layerActions.layerChangeDimension,
+  layerChangeEnabled = layerActions.layerChangeEnabled,
+  layerChangeName = layerActions.layerChangeName,
+  layerChangeOpacity = layerActions.layerChangeOpacity,
+  layerChangeStyle = layerActions.layerChangeStyle,
+  layerDelete = layerActions.layerDelete;
+var setTimeValidatorRexexp = /^(19|20)\d\d-(0[1-9]|1[012])-([012]\d|3[01])T([01]\d|2[0-3]):([0-5]\d):([0-5]\d)Z$/;
+function setTimeSaga(_ref) {
+  var payload = _ref.payload;
+  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var value, origin, targets, groups;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          value = payload.value, origin = payload.origin;
+          /* Test if the value is according to the expected time format */
+          if (setTimeValidatorRexexp.test(value)) {
+            _context.next = 5;
+            break;
+          }
+          console.error("setTime value ".concat(value, " does not conform to format [YYYY-MM-DDThh:mm:ssZ]. It was triggered by ").concat(origin));
+          _context.next = 13;
+          break;
+        case 5:
+          _context.next = 7;
+          return select(getTargets, payload, SYNCGROUPS_TYPE_SETTIME);
+        case 7:
+          targets = _context.sent;
+          _context.next = 10;
+          return select(getTargetGroups, payload, SYNCGROUPS_TYPE_SETTIME);
+        case 10:
+          groups = _context.sent;
+          _context.next = 13;
+          return put(setTimeSync(payload, targets, groups));
+        case 13:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })();
+}
+function setBBoxSaga(_ref2) {
+  var payload = _ref2.payload;
+  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var targets, groups;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return select(getTargets, payload, SYNCGROUPS_TYPE_SETBBOX);
+        case 2:
+          targets = _context2.sent;
+          _context2.next = 5;
+          return select(getTargetGroups, payload, SYNCGROUPS_TYPE_SETBBOX);
+        case 5:
+          groups = _context2.sent;
+          _context2.next = 8;
+          return put(setBboxSync(payload, targets, groups));
+        case 8:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })();
+}
+function layerActionsSaga(_ref3) {
+  var payload = _ref3.payload,
+    type = _ref3.type;
+  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    var targets;
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
+            _context3.next = 2;
+            break;
+          }
+          return _context3.abrupt("return");
+        case 2:
+          _context3.next = 4;
+          return select(getLayerActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS);
+        case 4:
+          targets = _context3.sent;
+          if (!(targets && targets.length > 0)) {
+            _context3.next = 8;
+            break;
+          }
+          _context3.next = 8;
+          return put(setLayerActionSync(payload, targets, type));
+        case 8:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  })();
+}
+function addLayerActionsSaga(_ref4) {
+  var payload = _ref4.payload,
+    type = _ref4.type;
+  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    var targets;
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
+            _context4.next = 2;
+            break;
+          }
+          return _context4.abrupt("return");
+        case 2:
+          _context4.next = 4;
+          return select(getAddLayerActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS);
+        case 4:
+          targets = _context4.sent;
+          if (!(targets && targets.length > 0)) {
+            _context4.next = 8;
+            break;
+          }
+          _context4.next = 8;
+          return put(setLayerActionSync(payload, targets, type));
+        case 8:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  })();
+}
+function deleteLayerActionsSaga(_ref5) {
+  var payload = _ref5.payload,
+    type = _ref5.type;
+  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+    var targets;
+    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
+            _context5.next = 2;
+            break;
+          }
+          return _context5.abrupt("return");
+        case 2:
+          _context5.next = 4;
+          return select(getLayerDeleteActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS);
+        case 4:
+          targets = _context5.sent;
+          if (!(targets && targets.length > 0)) {
+            _context5.next = 8;
+            break;
+          }
+          _context5.next = 8;
+          return put(setLayerActionSync(payload, targets, type));
+        case 8:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  })();
+}
+function moveLayerActionsSaga(_ref6) {
+  var payload = _ref6.payload,
+    type = _ref6.type;
+  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+    var targets;
+    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+      while (1) switch (_context6.prev = _context6.next) {
+        case 0:
+          if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
+            _context6.next = 2;
+            break;
+          }
+          return _context6.abrupt("return");
+        case 2:
+          _context6.next = 4;
+          return select(getLayerMoveActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS);
+        case 4:
+          targets = _context6.sent;
+          if (!(targets && targets.length > 0)) {
+            _context6.next = 8;
+            break;
+          }
+          _context6.next = 8;
+          return put(setLayerActionSync(payload, targets, type));
+        case 8:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6);
+  })();
+}
+function setAutoLayerIdActionsSaga(_ref7) {
+  var payload = _ref7.payload,
+    type = _ref7.type;
+  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+    var targets;
+    return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+      while (1) switch (_context7.prev = _context7.next) {
+        case 0:
+          _context7.next = 2;
+          return select(getSetActiveLayerIdActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS);
+        case 2:
+          targets = _context7.sent;
+          if (!(targets && targets.length > 0)) {
+            _context7.next = 6;
+            break;
+          }
+          _context7.next = 6;
+          return put(setLayerActionSync(payload, targets, type));
+        case 6:
+        case "end":
+          return _context7.stop();
+      }
+    }, _callee7);
+  })();
+}
+function mapBaseLayerActionsSaga(_ref8) {
+  var payload = _ref8.payload,
+    type = _ref8.type;
+  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+    var targets;
+    return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
+            _context8.next = 2;
+            break;
+          }
+          return _context8.abrupt("return");
+        case 2:
+          _context8.next = 4;
+          return select(getMapBaseLayerActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS);
+        case 4:
+          targets = _context8.sent;
+          if (!(targets && targets.length > 0)) {
+            _context8.next = 8;
+            break;
+          }
+          _context8.next = 8;
+          return put(setLayerActionSync(payload, targets, type));
+        case 8:
+        case "end":
+          return _context8.stop();
+      }
+    }, _callee8);
+  })();
+}
+function rootSaga$5() {
+  return _regeneratorRuntime().wrap(function rootSaga$(_context9) {
+    while (1) switch (_context9.prev = _context9.next) {
+      case 0:
+        _context9.next = 2;
+        return takeLatest$1(setTime.type, setTimeSaga);
+      case 2:
+        _context9.next = 4;
+        return takeLatest$1(setBbox.type, setBBoxSaga);
+      case 4:
+        _context9.next = 6;
+        return takeLatest$1(layerChangeName.type, layerActionsSaga);
+      case 6:
+        _context9.next = 8;
+        return takeLatest$1(layerChangeEnabled.type, layerActionsSaga);
+      case 8:
+        _context9.next = 10;
+        return takeLatest$1(layerChangeOpacity.type, layerActionsSaga);
+      case 10:
+        _context9.next = 12;
+        return takeLatest$1(layerChangeDimension.type, layerActionsSaga);
+      case 12:
+        _context9.next = 14;
+        return takeLatest$1(layerChangeStyle.type, layerActionsSaga);
+      case 14:
+        _context9.next = 16;
+        return takeLatest$1(layerDelete.type, deleteLayerActionsSaga);
+      case 16:
+        _context9.next = 18;
+        return takeLatest$1(addLayer.type, addLayerActionsSaga);
+      case 18:
+        _context9.next = 20;
+        return takeLatest$1(mapActions.layerMoveLayer.type, moveLayerActionsSaga);
+      case 20:
+        _context9.next = 22;
+        return takeLatest$1(mapActions.setAutoLayerId.type, setAutoLayerIdActionsSaga);
+      case 22:
+        _context9.next = 24;
+        return takeLatest$1(setBaseLayers.type, mapBaseLayerActionsSaga);
+      case 24:
+      case "end":
+        return _context9.stop();
+    }
+  }, _marked$6);
 }
 
 /* *
@@ -34127,16 +34904,38 @@ function rootSaga$4() {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * */
-var routerModuleConfig = {
-  id: 'router',
-  reducersMap: {
-    router: reducer$3
-  },
-  sagas: [rootSaga$4]
-};
+var snackbarAdapter = createEntityAdapter();
+var initialState$3 = snackbarAdapter.getInitialState();
+var slice$3 = createSlice({
+  initialState: initialState$3,
+  name: 'snackbar',
+  reducers: {
+    // To open the snackbar call this action
+    openSnackbar: function openSnackbar(
+    // eslint-disable-next-line no-unused-vars
+    draft,
+    // eslint-disable-next-line no-unused-vars
+    action) {},
+    // triggerOpenSnackbarBySaga is triggered by the saga to open the snackbar after the current snackbars have all been closed
+    // DO NOT CALL THIS ACTION DIRECTLY!
+    triggerOpenSnackbarBySaga: function triggerOpenSnackbarBySaga(draft, action) {
+      var snackbarContent = action.payload.snackbarContent;
+      // Ensure we have an id before proceeding
+      if (snackbarContent.id === undefined) {
+        return;
+      }
+      snackbarAdapter.setOne(draft, snackbarContent);
+    },
+    closeSnackbar: function closeSnackbar(draft) {
+      snackbarAdapter.removeAll(draft);
+    }
+  }
+});
+var reducer$3 = slice$3.reducer;
+var snackbarActions = slice$3.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -34154,20 +34953,30 @@ var routerModuleConfig = {
  * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * */
-var initialState$2 = {
-  isInitialised: false
-};
-var slice$2 = createSlice({
-  initialState: initialState$2,
-  name: 'app',
-  reducers: {
-    initialiseApp: function initialiseApp(draft) {
-      draft.isInitialised = true;
-    }
+var getSnackbarStore = function getSnackbarStore(store) {
+  if (store && store.snackbar) {
+    return store.snackbar;
   }
+  return null;
+};
+var _snackbarAdapter$getS = snackbarAdapter.getSelectors(function (state) {
+    var _a;
+    return (_a = state === null || state === void 0 ? void 0 : state.snackbar) !== null && _a !== void 0 ? _a : {
+      entities: {},
+      ids: []
+    };
+  }),
+  getCurrentSnackbarMessages = _snackbarAdapter$getS.selectAll;
+var getFirstSnackbarMessage = createSelector(getCurrentSnackbarMessages, function (currentMessages) {
+  return currentMessages.length > 0 ? currentMessages[0] : undefined;
+});
+
+var selectors$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  getSnackbarStore: getSnackbarStore,
+  getCurrentSnackbarMessages: getCurrentSnackbarMessages,
+  getFirstSnackbarMessage: getFirstSnackbarMessage
 });
-var reducer$2 = slice$2.reducer;
-var appActions = slice$2.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -34185,11 +34994,95 @@ var appActions = slice$2.actions;
  * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * */
-var appModuleConfig = {
-  id: 'app-module',
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+var _marked$5 = /*#__PURE__*/_regeneratorRuntime().mark(openSnackbarSaga),
+  _marked2$4 = /*#__PURE__*/_regeneratorRuntime().mark(rootSaga$4);
+var hideTime = 4000;
+function openSnackbarSaga(capturedAction) {
+  var snackbarMessage, currentSnackbarMessages, id, currentSnackbarMessagesOpen;
+  return _regeneratorRuntime().wrap(function openSnackbarSaga$(_context) {
+    while (1) switch (_context.prev = _context.next) {
+      case 0:
+        snackbarMessage = capturedAction.payload.message;
+        _context.next = 3;
+        return select(getCurrentSnackbarMessages);
+      case 3:
+        currentSnackbarMessages = _context.sent;
+        if (!currentSnackbarMessages.length) {
+          _context.next = 7;
+          break;
+        }
+        _context.next = 7;
+        return put(snackbarActions.closeSnackbar());
+      case 7:
+        // Generate a unique id
+        id = "snackbar".concat(Date.now().toString());
+        _context.next = 10;
+        return put(snackbarActions.triggerOpenSnackbarBySaga({
+          snackbarContent: {
+            message: snackbarMessage,
+            id: id
+          }
+        }));
+      case 10:
+        _context.next = 12;
+        return delay(hideTime);
+      case 12:
+        _context.next = 14;
+        return select(getCurrentSnackbarMessages);
+      case 14:
+        currentSnackbarMessagesOpen = _context.sent;
+        if (!currentSnackbarMessagesOpen.length) {
+          _context.next = 18;
+          break;
+        }
+        _context.next = 18;
+        return put(snackbarActions.closeSnackbar());
+      case 18:
+      case "end":
+        return _context.stop();
+    }
+  }, _marked$5);
+}
+function rootSaga$4() {
+  return _regeneratorRuntime().wrap(function rootSaga$(_context2) {
+    while (1) switch (_context2.prev = _context2.next) {
+      case 0:
+        _context2.next = 2;
+        return takeLatest$1(snackbarActions.openSnackbar.type, openSnackbarSaga);
+      case 2:
+      case "end":
+        return _context2.stop();
+    }
+  }, _marked2$4);
+}
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
+ * */
+var snackbarModuleConfig = {
+  id: 'snackbar-module',
   reducersMap: {
-    app: reducer$2
-  }
+    snackbar: reducer$3
+  },
+  sagas: [rootSaga$4]
 };
 
 /* *
@@ -34208,43 +35101,20 @@ var appModuleConfig = {
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-var drawAdapter$1 = createEntityAdapter({
-  selectId: function selectId(draw) {
-    return draw.mapId;
-  }
-});
-var initialState$1 = drawAdapter$1.getInitialState();
-var slice$1 = createSlice({
-  initialState: initialState$1,
-  name: 'draw',
+var initialState$2 = {};
+var slice$2 = createSlice({
+  initialState: initialState$2,
+  name: 'router',
   reducers: {
-    setDrawValues: function setDrawValues(draft, action) {
-      if (draft.entities[action.payload.mapId]) {
-        drawAdapter$1.setOne(draft, action.payload);
-      }
-    },
-    // action caught in drawings/saga
-    submitDrawValues: function submitDrawValues(
+    navigateToUrl: function navigateToUrl(
     // eslint-disable-next-line no-unused-vars
     draft,
     // eslint-disable-next-line no-unused-vars
     action) {}
-  },
-  extraReducers: function extraReducers(builder) {
-    builder.addCase(mapActions.registerMap, function (draft, action) {
-      drawAdapter$1.addOne(draft, {
-        mapId: action.payload.mapId,
-        area: undefined,
-        areaName: '',
-        id: ''
-      });
-    }).addCase(mapActions.unregisterMap, function (draft, action) {
-      drawAdapter$1.removeOne(draft, action.payload.mapId);
-    });
   }
 });
-var reducer$1 = slice$1.reducer;
-var drawActions = slice$1.actions;
+var reducer$2 = slice$2.reducer;
+var routerActions = slice$2.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -34262,27 +35132,70 @@ var drawActions = slice$1.actions;
  * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
-var getDrawStore = function getDrawStore(store) {
-  if (store && store.drawings) {
-    return store.drawings;
-  }
-  return null;
+// stores navigate hook method to object, so it can be used outside components
+var historyDict = {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  navigate: null
 };
-var _drawAdapter$getSelec$1 = drawAdapter$1.getSelectors(function (state) {
-    var _a;
-    return (_a = state === null || state === void 0 ? void 0 : state.drawings) !== null && _a !== void 0 ? _a : {
-      entities: {},
-      ids: []
-    };
-  }),
-  selectDrawByMapId = _drawAdapter$getSelec$1.selectById;
 
-var selectors$1 = /*#__PURE__*/Object.freeze({
+var utils = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  getDrawStore: getDrawStore,
-  selectDrawByMapId: selectDrawByMapId
+  historyDict: historyDict
 });
 
+var _marked$4 = /*#__PURE__*/_regeneratorRuntime().mark(navigateToUrlSaga),
+  _marked2$3 = /*#__PURE__*/_regeneratorRuntime().mark(rootSaga$3);
+function navigateToUrlSaga(action) {
+  var payload;
+  return _regeneratorRuntime().wrap(function navigateToUrlSaga$(_context) {
+    while (1) switch (_context.prev = _context.next) {
+      case 0:
+        payload = action.payload;
+        _context.next = 3;
+        return call(historyDict.navigate, payload.url);
+      case 3:
+      case "end":
+        return _context.stop();
+    }
+  }, _marked$4);
+}
+function rootSaga$3() {
+  return _regeneratorRuntime().wrap(function rootSaga$(_context2) {
+    while (1) switch (_context2.prev = _context2.next) {
+      case 0:
+        _context2.next = 2;
+        return takeLatest$1(routerActions.navigateToUrl.type, navigateToUrlSaga);
+      case 2:
+      case "end":
+        return _context2.stop();
+    }
+  }, _marked2$3);
+}
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var routerModuleConfig = {
+  id: 'router',
+  reducersMap: {
+    router: reducer$2
+  },
+  sagas: [rootSaga$3]
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -34299,10 +35212,20 @@ var selectors$1 = /*#__PURE__*/Object.freeze({
  * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * */
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
+var initialState$1 = {
+  isInitialised: false
+};
+var slice$1 = createSlice({
+  initialState: initialState$1,
+  name: 'app',
+  reducers: {
+    initialiseApp: function initialiseApp(draft) {
+      draft.isInitialised = true;
+    }
+  }
 });
+var reducer$1 = slice$1.reducer;
+var appActions = slice$1.actions;
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -34317,15 +35240,14 @@ var types = /*#__PURE__*/Object.freeze({
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
  * */
-var drawModuleConfig = {
-  id: 'draw-module',
+var appModuleConfig = {
+  id: 'app-module',
   reducersMap: {
-    drawings: reducer$1
-  },
-  sagas: []
+    app: reducer$1
+  }
 };
 
 /* *
@@ -34350,9 +35272,6 @@ var drawAdapter = createEntityAdapter({
     return draw.drawToolId;
   }
 });
-var getDrawLayerId = function getDrawLayerId(drawToolId) {
-  return "drawlayer-".concat(drawToolId);
-};
 var getDrawToolByLayerId = function getDrawToolByLayerId(draft, layerId) {
   var state = R(draft);
   var drawTool = state.ids.map(function (id) {
@@ -34370,14 +35289,22 @@ var slice = createSlice({
     registerDrawTool: function registerDrawTool(draft, action) {
       var _action$payload = action.payload,
         drawToolId = _action$payload.drawToolId,
-        drawModes = _action$payload.drawModes;
+        drawModes = _action$payload.drawModes,
+        _action$payload$geoJS = _action$payload.geoJSONLayerId,
+        geoJSONLayerId = _action$payload$geoJS === void 0 ? '' : _action$payload$geoJS;
       drawAdapter.addOne(draft, {
         drawToolId: drawToolId,
-        geoJSONLayerId: getDrawLayerId(drawToolId),
+        geoJSONLayerId: geoJSONLayerId,
         activeDrawModeId: '',
         drawModes: drawModes
       });
     },
+    unregisterDrawTool: function unregisterDrawTool(draft, action) {
+      var drawToolId = action.payload.drawToolId;
+      if (draft.entities[drawToolId]) {
+        drawAdapter.removeOne(draft, drawToolId);
+      }
+    },
     changeDrawToolMode: function changeDrawToolMode(draft, action) {
       var _action$payload2 = action.payload,
         drawModeId = _action$payload2.drawModeId,
@@ -34398,6 +35325,16 @@ var slice = createSlice({
       } else {
         drawTool.activeDrawModeId = '';
       }
+    },
+    updateGeoJSONLayerId: function updateGeoJSONLayerId(draft, action) {
+      var _action$payload3 = action.payload,
+        geoJSONLayerId = _action$payload3.geoJSONLayerId,
+        drawToolId = _action$payload3.drawToolId;
+      var drawTool = draft.entities[drawToolId];
+      if (!drawTool) {
+        return;
+      }
+      drawTool.geoJSONLayerId = geoJSONLayerId;
     }
   },
   extraReducers: function extraReducers(builder) {
@@ -34409,9 +35346,9 @@ var slice = createSlice({
       }
     }).addCase(layerActions.updateFeatureProperties, function (draft, action) {
       var _a;
-      var _action$payload3 = action.payload,
-        properties = _action$payload3.properties,
-        layerId = _action$payload3.layerId;
+      var _action$payload4 = action.payload,
+        properties = _action$payload4.properties,
+        layerId = _action$payload4.layerId;
       var drawToolId = getDrawToolByLayerId(draft, layerId);
       var entity = draft.entities[drawToolId];
       if (drawToolId && entity !== undefined) {
@@ -34476,44 +35413,54 @@ var _drawAdapter$getSelec = drawAdapter.getSelectors(function (state) {
       ids: []
     };
   }),
-  selectDrawingToolByMapId = _drawAdapter$getSelec.selectById;
-var getDrawModeById = createSelector(selectDrawingToolByMapId, function (_store, _drawToolId, drawModeId) {
+  selectDrawToolById = _drawAdapter$getSelec.selectById,
+  selectAllDrawingTools = _drawAdapter$getSelec.selectAll;
+var getDrawModeById = createSelector(selectDrawToolById, function (_store, _drawToolId, drawModeId) {
   return drawModeId;
 }, function (draw, drawModeId) {
   return draw === null || draw === void 0 ? void 0 : draw.drawModes.find(function (tool) {
     return tool.drawModeId === drawModeId;
   });
 });
+var getActiveDrawModeId = createSelector(selectDrawToolById, function (drawingTool) {
+  return (drawingTool === null || drawingTool === void 0 ? void 0 : drawingTool.activeDrawModeId) || '';
+});
+var getDrawToolGeoJSONLayerId = createSelector(selectDrawToolById, function (drawingTool) {
+  return (drawingTool === null || drawingTool === void 0 ? void 0 : drawingTool.geoJSONLayerId) || '';
+});
 
 var selectors = /*#__PURE__*/Object.freeze({
   __proto__: null,
   getDrawingtoolStore: getDrawingtoolStore,
-  selectDrawingToolByMapId: selectDrawingToolByMapId,
-  getDrawModeById: getDrawModeById
+  selectDrawToolById: selectDrawToolById,
+  selectAllDrawingTools: selectAllDrawingTools,
+  getDrawModeById: getDrawModeById,
+  getActiveDrawModeId: getActiveDrawModeId,
+  getDrawToolGeoJSONLayerId: getDrawToolGeoJSONLayerId
 });
 
-var _marked$4 = /*#__PURE__*/_regeneratorRuntime().mark(drawingSaga);
+var _marked$3 = /*#__PURE__*/_regeneratorRuntime().mark(drawingSaga);
 function registerDrawToolSaga(_ref) {
   var payload = _ref.payload;
   return /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var drawToolId, mapId, drawLayerId;
+    var mapId, geoJSONLayerId;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          drawToolId = payload.drawToolId, mapId = payload.mapId;
-          drawLayerId = getDrawLayerId(drawToolId); // create for every drawTool a draw layer
+          mapId = payload.mapId, geoJSONLayerId = payload.geoJSONLayerId; // create for every drawTool a draw layer
+          if (!(geoJSONLayerId && mapId)) {
+            _context.next = 4;
+            break;
+          }
           _context.next = 4;
           return put(mapStoreActions.addLayer({
             mapId: mapId,
             layer: {
               // empty geoJSON
-              geojson: {
-                type: 'FeatureCollection',
-                features: []
-              },
+              geojson: emptyGeoJSON,
               layerType: LayerType.featureLayer
             },
-            layerId: drawLayerId,
+            layerId: geoJSONLayerId,
             origin: 'drawings saga:registerDrawToolSaga'
           }));
         case 4:
@@ -34533,7 +35480,7 @@ function changeDrawToolSaga(_ref2) {
           _context2.prev = 0;
           drawModeId = payload.drawModeId, drawToolId = payload.drawToolId;
           _context2.next = 4;
-          return select(selectDrawingToolByMapId, drawToolId);
+          return select(selectDrawToolById, drawToolId);
         case 4:
           drawingTool = _context2.sent;
           _context2.next = 7;
@@ -34621,7 +35568,7 @@ function drawingSaga() {
       case "end":
         return _context3.stop();
     }
-  }, _marked$4);
+  }, _marked$3);
 }
 
 /* *
@@ -34648,6 +35595,42 @@ var drawtoolModuleConfig = {
   sagas: [drawingSaga]
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * */
+var getSingularDrawtoolDrawLayerId = function getSingularDrawtoolDrawLayerId(mapId) {
+  return "drawlayer-".concat(mapId);
+};
+var getGeoJSONPropertyValue = function getGeoJSONPropertyValue(property, properties, polygonDrawMode) {
+  var defaultProperties = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : defaultGeoJSONStyleProperties;
+  // if a shape is set, extract the style from there
+  if (properties[property]) {
+    return properties[property];
+  }
+  // if active polygon tool is preset, retreive style from there
+  if (polygonDrawMode) {
+    var polygonDrawModeProperty = polygonDrawMode.shape.type === 'Feature' && polygonDrawMode.shape.properties[property];
+    if (polygonDrawModeProperty) {
+      return polygonDrawModeProperty;
+    }
+  }
+  // otherwise get values from defaultStyle
+  return defaultProperties[property];
+};
+
 var createLayersState = function createLayersState(layerId) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return {
@@ -34880,496 +35863,6 @@ var storeTestUtils = /*#__PURE__*/Object.freeze({
   testGeoJSON: testGeoJSON
 });
 
-/* *
- * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
- * */
-/**
- * Tries to find the layerId's in the other map based on the payload of the action. It works for all layer actions.
- * @param state
- * @param mapId
- * @param targetMapId
- * @param payload
- * @returns
- */
-var getTargetLayerIdFromPayload = function getTargetLayerIdFromPayload(state, mapId, targetMapId, payload) {
-  if (!payload) {
-    return null;
-  }
-  /* Try to find the layer for the DeleteLayerPayload, it uses layerIndex to reference the layer */
-  if ('layerIndex' in payload) {
-    var targetLayer = getLayerByLayerIndex(state, targetMapId, payload.layerIndex);
-    return !targetLayer ? null : targetLayer.id;
-  }
-  /* Try to find the layer for the LayerActionsWithLayerIds, it uses layerId to reference the layer */
-  if ('layerId' in payload) {
-    var _targetLayer = getLayerByLayerIndex(state, targetMapId, getLayerIndexByLayerId(state, mapId, payload.layerId));
-    return !_targetLayer ? null : _targetLayer.id;
-  }
-  /* This payload probably does not reference to a layerId */
-  return null;
-};
-/**
- * Local helper function used by getLayerDeleteActionsTargets, getLayerActionsTargets, getAddLayerActionsTargets, getTargetLayerIdFromPayload to find the targets
- * @param state
- * @param payload
- * @param actionType
- * @param sourceMapId
- * @returns The found targets
- */
-var findTargets = function findTargets(state, payload, actionType, sourceMapId) {
-  var actionPayloads = [];
-  var targetsInActionPayload = {};
-  var syncronizationGroupStore = syncGroupStore(state);
-  if (syncronizationGroupStore && payload) {
-    syncronizationGroupStore.groups.allIds.forEach(function (id) {
-      var syncronizationGroup = syncronizationGroupStore.groups.byId[id];
-      if (actionType === syncronizationGroup.type) {
-        /* Check if the source is in the target list of the synchonizationGroup */
-        var source = syncronizationGroup.targets.byId[sourceMapId];
-        /* If the source is part of the target list, and is linked, continue syncing the other targets */
-        if (source && source.linked) {
-          syncronizationGroup.targets.allIds.forEach(function (targetId) {
-            var target = syncronizationGroup.targets.byId[targetId];
-            if (targetId !== sourceMapId && target.linked && !targetsInActionPayload[targetId]) {
-              /* Remember that we have already added this target in the action payloads, prevents adding it twice */
-              targetsInActionPayload[targetId] = true;
-              var otherLayerId = getTargetLayerIdFromPayload(state, sourceMapId, targetId, payload);
-              actionPayloads.push({
-                payload: payload,
-                targetId: targetId,
-                layerId: otherLayerId
-              });
-            }
-          });
-        }
-      }
-    });
-  }
-  return actionPayloads;
-};
-/**
- * These targets are found for layer actions that work with a layerId like: SetLayerName, SetLayerEnabled, SetLayerOpacity, SetLayerDimension and SetLayerStyle
- * @param state
- * @param payload
- * @param actionType
- * @returns
- */
-var getLayerActionsTargets = function getLayerActionsTargets(state, payload, actionType) {
-  var mapId = getMapIdFromLayerId(state, payload.layerId);
-  var foundTargets = findTargets(state, payload, actionType, mapId);
-  return foundTargets.map(function (target) {
-    var payload = target.payload;
-    return Object.assign(Object.assign({}, payload), {
-      layerId: target.layerId,
-      origin: SyncGroupActionOrigin.layerActions,
-      mapId: payload.mapId
-    });
-  });
-};
-/**
- * These targets are found for the layer/map action AddLayer. AddLayer does not have a layerId (because it's new)
- * @param state
- * @param payload
- * @param actionType
- * @returns
- */
-var getAddLayerActionsTargets = function getAddLayerActionsTargets(state, payload, actionType) {
-  var foundTargets = findTargets(state, payload, actionType, payload.mapId);
-  return foundTargets.map(function (_ref) {
-    var payload = _ref.payload,
-      targetId = _ref.targetId;
-    var layer = payload.layer;
-    layer.id;
-      var layerWithoutId = __rest(layer, ["id"]);
-    var layerId = webmapUtils.generateLayerId();
-    return Object.assign(Object.assign({}, payload), {
-      layer: layerWithoutId,
-      layerId: layerId,
-      mapId: targetId,
-      origin: SyncGroupActionOrigin.add
-    });
-  });
-};
-/**
- * These targets are found for the layer/map action DeleteLayer. The layer is already gone, so there is no layerId anymore. Using layerIndex instead.
- * @param state
- * @param payload
- * @param actionType
- * @returns
- */
-var getLayerDeleteActionsTargets = function getLayerDeleteActionsTargets(state, payload, actionType) {
-  var foundTargets = findTargets(state, payload, actionType, payload.mapId);
-  return foundTargets.map(function (target) {
-    return Object.assign(Object.assign({}, target.payload), {
-      mapId: target.targetId,
-      layerId: target.layerId,
-      origin: SyncGroupActionOrigin["delete"]
-    });
-  });
-};
-/**
- * These targets are found for the layer/map action MoveLayer. Here layers are referenced by newIndex and oldIndex.
- * @param state
- * @param payload
- * @param actionType
- * @returns
- */
-var getLayerMoveActionsTargets = function getLayerMoveActionsTargets(state, payload, actionType) {
-  var foundTargets = findTargets(state, payload, actionType, payload.mapId);
-  return foundTargets.map(function (target) {
-    return Object.assign(Object.assign({}, target.payload), {
-      mapId: target.targetId,
-      origin: SyncGroupActionOrigin.move
-    });
-  });
-};
-/**
- * These targets are found for the layer/map action SetActiveLayerId. It needs both a target mapId and layerId
- * @param state
- * @param payload
- * @param actionType
- * @returns
- */
-var getSetActiveLayerIdActionsTargets = function getSetActiveLayerIdActionsTargets(state, payload, actionType) {
-  var sourceMapId = getMapIdFromLayerId(state, payload.layerId);
-  var foundTargets = findTargets(state, payload, actionType, sourceMapId);
-  return foundTargets.map(function (target) {
-    return {
-      mapId: target.targetId,
-      layerId: target.layerId,
-      origin: SyncGroupActionOrigin.activateLayerId
-    };
-  });
-};
-/**
- * These targets are found for baselayer actions that work with a mapId like: setBaseLayers
- * @param state
- * @param payload
- * @param actionType
- * @returns
- */
-var getMapBaseLayerActionsTargets = function getMapBaseLayerActionsTargets(state, payload, actionType) {
-  var foundTargets = findTargets(state, payload, actionType, payload.mapId);
-  return foundTargets.map(function (target) {
-    return {
-      layers: payload.layers.map(function (layer) {
-        return Object.assign(Object.assign({}, layer), {
-          id: webmapUtils.generateLayerId()
-        });
-      }),
-      mapId: target.targetId,
-      origin: SyncGroupActionOrigin.layerActions
-    };
-  });
-};
-
-var _marked$3 = /*#__PURE__*/_regeneratorRuntime().mark(rootSaga$3);
-var setBaseLayers = layerActions.setBaseLayers,
-  addLayer = layerActions.addLayer,
-  layerChangeDimension = layerActions.layerChangeDimension,
-  layerChangeEnabled = layerActions.layerChangeEnabled,
-  layerChangeName = layerActions.layerChangeName,
-  layerChangeOpacity = layerActions.layerChangeOpacity,
-  layerChangeStyle = layerActions.layerChangeStyle,
-  layerDelete = layerActions.layerDelete;
-var setTimeValidatorRexexp = /^(19|20)\d\d-(0[1-9]|1[012])-([012]\d|3[01])T([01]\d|2[0-3]):([0-5]\d):([0-5]\d)Z$/;
-function setTimeSaga(_ref) {
-  var payload = _ref.payload;
-  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var value, origin, targets, groups;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          value = payload.value, origin = payload.origin;
-          /* Test if the value is according to the expected time format */
-          if (setTimeValidatorRexexp.test(value)) {
-            _context.next = 5;
-            break;
-          }
-          console.error("setTime value ".concat(value, " does not conform to format [YYYY-MM-DDThh:mm:ssZ]. It was triggered by ").concat(origin));
-          _context.next = 13;
-          break;
-        case 5:
-          _context.next = 7;
-          return select(getTargets, payload, SYNCGROUPS_TYPE_SETTIME);
-        case 7:
-          targets = _context.sent;
-          _context.next = 10;
-          return select(getTargetGroups, payload, SYNCGROUPS_TYPE_SETTIME);
-        case 10:
-          groups = _context.sent;
-          _context.next = 13;
-          return put(setTimeSync(payload, targets, groups));
-        case 13:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })();
-}
-function setBBoxSaga(_ref2) {
-  var payload = _ref2.payload;
-  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-    var targets, groups;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _context2.next = 2;
-          return select(getTargets, payload, SYNCGROUPS_TYPE_SETBBOX);
-        case 2:
-          targets = _context2.sent;
-          _context2.next = 5;
-          return select(getTargetGroups, payload, SYNCGROUPS_TYPE_SETBBOX);
-        case 5:
-          groups = _context2.sent;
-          _context2.next = 8;
-          return put(setBboxSync(payload, targets, groups));
-        case 8:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  })();
-}
-function layerActionsSaga(_ref3) {
-  var payload = _ref3.payload,
-    type = _ref3.type;
-  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-    var targets;
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
-            _context3.next = 2;
-            break;
-          }
-          return _context3.abrupt("return");
-        case 2:
-          _context3.next = 4;
-          return select(getLayerActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS);
-        case 4:
-          targets = _context3.sent;
-          if (!(targets && targets.length > 0)) {
-            _context3.next = 8;
-            break;
-          }
-          _context3.next = 8;
-          return put(setLayerActionSync(payload, targets, type));
-        case 8:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  })();
-}
-function addLayerActionsSaga(_ref4) {
-  var payload = _ref4.payload,
-    type = _ref4.type;
-  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-    var targets;
-    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
-            _context4.next = 2;
-            break;
-          }
-          return _context4.abrupt("return");
-        case 2:
-          _context4.next = 4;
-          return select(getAddLayerActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS);
-        case 4:
-          targets = _context4.sent;
-          if (!(targets && targets.length > 0)) {
-            _context4.next = 8;
-            break;
-          }
-          _context4.next = 8;
-          return put(setLayerActionSync(payload, targets, type));
-        case 8:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  })();
-}
-function deleteLayerActionsSaga(_ref5) {
-  var payload = _ref5.payload,
-    type = _ref5.type;
-  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-    var targets;
-    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
-        case 0:
-          if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
-            _context5.next = 2;
-            break;
-          }
-          return _context5.abrupt("return");
-        case 2:
-          _context5.next = 4;
-          return select(getLayerDeleteActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS);
-        case 4:
-          targets = _context5.sent;
-          if (!(targets && targets.length > 0)) {
-            _context5.next = 8;
-            break;
-          }
-          _context5.next = 8;
-          return put(setLayerActionSync(payload, targets, type));
-        case 8:
-        case "end":
-          return _context5.stop();
-      }
-    }, _callee5);
-  })();
-}
-function moveLayerActionsSaga(_ref6) {
-  var payload = _ref6.payload,
-    type = _ref6.type;
-  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-    var targets;
-    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
-        case 0:
-          if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
-            _context6.next = 2;
-            break;
-          }
-          return _context6.abrupt("return");
-        case 2:
-          _context6.next = 4;
-          return select(getLayerMoveActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS);
-        case 4:
-          targets = _context6.sent;
-          if (!(targets && targets.length > 0)) {
-            _context6.next = 8;
-            break;
-          }
-          _context6.next = 8;
-          return put(setLayerActionSync(payload, targets, type));
-        case 8:
-        case "end":
-          return _context6.stop();
-      }
-    }, _callee6);
-  })();
-}
-function setAutoLayerIdActionsSaga(_ref7) {
-  var payload = _ref7.payload,
-    type = _ref7.type;
-  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
-    var targets;
-    return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-      while (1) switch (_context7.prev = _context7.next) {
-        case 0:
-          _context7.next = 2;
-          return select(getSetActiveLayerIdActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS);
-        case 2:
-          targets = _context7.sent;
-          if (!(targets && targets.length > 0)) {
-            _context7.next = 6;
-            break;
-          }
-          _context7.next = 6;
-          return put(setLayerActionSync(payload, targets, type));
-        case 6:
-        case "end":
-          return _context7.stop();
-      }
-    }, _callee7);
-  })();
-}
-function mapBaseLayerActionsSaga(_ref8) {
-  var payload = _ref8.payload,
-    type = _ref8.type;
-  return /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-    var targets;
-    return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-      while (1) switch (_context8.prev = _context8.next) {
-        case 0:
-          if (!(payload && payload.origin === LayerActionOrigin.ReactMapViewParseLayer)) {
-            _context8.next = 2;
-            break;
-          }
-          return _context8.abrupt("return");
-        case 2:
-          _context8.next = 4;
-          return select(getMapBaseLayerActionsTargets, payload, SYNCGROUPS_TYPE_SETLAYERACTIONS);
-        case 4:
-          targets = _context8.sent;
-          if (!(targets && targets.length > 0)) {
-            _context8.next = 8;
-            break;
-          }
-          _context8.next = 8;
-          return put(setLayerActionSync(payload, targets, type));
-        case 8:
-        case "end":
-          return _context8.stop();
-      }
-    }, _callee8);
-  })();
-}
-function rootSaga$3() {
-  return _regeneratorRuntime().wrap(function rootSaga$(_context9) {
-    while (1) switch (_context9.prev = _context9.next) {
-      case 0:
-        _context9.next = 2;
-        return takeLatest$1(setTime.type, setTimeSaga);
-      case 2:
-        _context9.next = 4;
-        return takeLatest$1(setBbox.type, setBBoxSaga);
-      case 4:
-        _context9.next = 6;
-        return takeLatest$1(layerChangeName.type, layerActionsSaga);
-      case 6:
-        _context9.next = 8;
-        return takeLatest$1(layerChangeEnabled.type, layerActionsSaga);
-      case 8:
-        _context9.next = 10;
-        return takeLatest$1(layerChangeOpacity.type, layerActionsSaga);
-      case 10:
-        _context9.next = 12;
-        return takeLatest$1(layerChangeDimension.type, layerActionsSaga);
-      case 12:
-        _context9.next = 14;
-        return takeLatest$1(layerChangeStyle.type, layerActionsSaga);
-      case 14:
-        _context9.next = 16;
-        return takeLatest$1(layerDelete.type, deleteLayerActionsSaga);
-      case 16:
-        _context9.next = 18;
-        return takeLatest$1(addLayer.type, addLayerActionsSaga);
-      case 18:
-        _context9.next = 20;
-        return takeLatest$1(mapActions.layerMoveLayer.type, moveLayerActionsSaga);
-      case 20:
-        _context9.next = 22;
-        return takeLatest$1(mapActions.setAutoLayerId.type, setAutoLayerIdActionsSaga);
-      case 22:
-        _context9.next = 24;
-        return takeLatest$1(setBaseLayers.type, mapBaseLayerActionsSaga);
-      case 24:
-      case "end":
-        return _context9.stop();
-    }
-  }, _marked$3);
-}
-
 var _marked$2 = /*#__PURE__*/_regeneratorRuntime().mark(updateSourceValueWhenLinkingComponentToGroupSaga),
   _marked2$2 = /*#__PURE__*/_regeneratorRuntime().mark(updateViewStateSaga),
   _marked3$1 = /*#__PURE__*/_regeneratorRuntime().mark(rootSaga$2);
@@ -35527,9 +36020,9 @@ function rootSaga$2() {
 var synchronizationGroupConfig = {
   id: 'syncronizationGroupStore-module',
   reducersMap: {
-    syncronizationGroupStore: reducer$7
+    syncronizationGroupStore: reducer$6
   },
-  sagas: [rootSaga$3, rootSaga$2]
+  sagas: [rootSaga$5, rootSaga$2]
 };
 
 var _marked$1 = /*#__PURE__*/_regeneratorRuntime().mark(layerSelectRemoveServiceSaga),
@@ -35707,7 +36200,7 @@ function rootSaga$1() {
 var layerSelectConfig = {
   id: 'layerSelect-module',
   reducersMap: {
-    layerSelect: reducer$5
+    layerSelect: reducer$4
   },
   sagas: [rootSaga$1]
 };
@@ -35822,7 +36315,7 @@ function rootSaga() {
 var uiModuleConfig = {
   id: 'ui-module',
   reducersMap: {
-    ui: reducer$9
+    ui: reducer$8
   },
   sagas: [rootSaga]
 };
@@ -35843,6 +36336,6 @@ var uiModuleConfig = {
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
-var coreModuleConfig = [mapStoreModuleConfig, synchronizationGroupConfig, uiModuleConfig, layerSelectConfig, snackbarModuleConfig, drawModuleConfig, drawtoolModuleConfig];
+var coreModuleConfig = [mapStoreModuleConfig, synchronizationGroupConfig, uiModuleConfig, layerSelectConfig, snackbarModuleConfig, drawtoolModuleConfig];
 
-export { appActions, appModuleConfig, coreModuleConfig, drawActions, drawModuleConfig, selectors$1 as drawSelectors, types as drawTypes, drawtoolActions, drawtoolModuleConfig, selectors as drawtoolSelectors, filterLayers$1 as filterLayers, genericActions, selectors$6 as genericSelectors, types$4 as genericTypes, getUserAddedServices, initialState$7 as initialState, layerActions, reducer$a as layerReducer, layerSelectActions, initialState$5 as layerSelectInitialState, selectors$3 as layerSelectSelectors, types$2 as layerSelectTypes, selectors$9 as layerSelectors, types$8 as layerTypes, utils$2 as layerUtils, mapActions, constants$1 as mapConstants, enums as mapEnums, selectors$5 as mapSelectors, mapStoreActions, mapStoreModuleConfig, types$7 as mapTypes, mapUtils, routerActions, routerModuleConfig, utils as routerUtils, serviceActions, selectors$4 as serviceSelectors, types$3 as serviceTypes, setUserAddedServices, snackbarActions, snackbarModuleConfig, selectors$2 as snackbarSelectors, types$1 as snackbarTypes, storeTestSettings, storeTestUtils, utils$1 as storeUtils, constants as syncConstants, actions as syncGroupsActions, selector as syncGroupsSelector, selectors$7 as syncGroupsSelectors, types$5 as syncGroupsTypes, types$5 as types, uiActions, uiModuleConfig, reducer$9 as uiReducer, selectors$8 as uiSelectors, types$6 as uiTypes, reducer$8 as webmapReducer };
+export { appActions, appModuleConfig, coreModuleConfig, drawtoolActions, drawtoolModuleConfig, reducer as drawtoolReducer, selectors as drawtoolSelectors, filterLayers$1 as filterLayers, genericActions, rootSaga$5 as genericSaga, selectors$5 as genericSelectors, types$3 as genericTypes, getGeoJSONPropertyValue, getSingularDrawtoolDrawLayerId, getUserAddedServices, initialState$6 as initialState, layerActions, reducer$9 as layerReducer, layerSelectActions, initialState$4 as layerSelectInitialState, selectors$2 as layerSelectSelectors, types$1 as layerSelectTypes, selectors$8 as layerSelectors, types$7 as layerTypes, utils$2 as layerUtils, mapActions, constants$1 as mapConstants, enums as mapEnums, selectors$4 as mapSelectors, mapStoreActions, mapStoreModuleConfig, types$6 as mapTypes, mapUtils, routerActions, routerModuleConfig, utils as routerUtils, serviceActions, selectors$3 as serviceSelectors, types$2 as serviceTypes, setUserAddedServices, snackbarActions, snackbarModuleConfig, selectors$1 as snackbarSelectors, types as snackbarTypes, storeTestSettings, storeTestUtils, utils$1 as storeUtils, constants as syncConstants, actions as syncGroupsActions, reducer$6 as syncGroupsReducer, selector as syncGroupsSelector, selectors$6 as syncGroupsSelectors, types$4 as syncGroupsTypes, types$4 as types, uiActions, uiModuleConfig, reducer$8 as uiReducer, selectors$7 as uiSelectors, types$5 as uiTypes, reducer$7 as webmapReducer };