@opengeoweb/store 12.10.0 → 12.12.0

package/index.esm.js

@@ -13,6 +13,9 @@ import { metronome } from '@opengeoweb/metronome';
 import { View, Observable } from 'ol';
 import { boundingExtent, getCenter } from 'ol/extent';
 
+function _OverloadYield(e, d) {
+  this.v = e, this.k = d;
+}
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -233,306 +236,180 @@ function _possibleConstructorReturn(t, e) {
   if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
   return _assertThisInitialized(t);
 }
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function () {
-    return e;
-  };
-  var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
-    },
-    i = "function" == typeof Symbol ? Symbol : {},
-    a = i.iterator || "@@iterator",
-    c = i.asyncIterator || "@@asyncIterator",
-    u = i.toStringTag || "@@toStringTag";
-  function define(t, e, r) {
-    return Object.defineProperty(t, e, {
-      value: r,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    }), t[e];
-  }
-  try {
-    define({}, "");
-  } catch (t) {
-    define = function (t, e, r) {
-      return t[e] = r;
-    };
-  }
-  function wrap(t, e, r, n) {
-    var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype),
-      c = new Context(n || []);
-    return o(a, "_invoke", {
-      value: makeInvokeMethod(t, r, c)
-    }), a;
-  }
-  function tryCatch(t, e, r) {
-    try {
-      return {
-        type: "normal",
-        arg: t.call(e, r)
-      };
-    } catch (t) {
-      return {
-        type: "throw",
-        arg: t
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = false,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function (t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
+          }
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
+        }
+        if (o || r > 1) return a;
+        throw y = true, n;
+      }
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
+          }
+        }
+        return {
+          value: t,
+          done: y
+        };
       };
-    }
+    }(r, o, i), true), u;
   }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
+  var a = {};
   function Generator() {}
   function GeneratorFunction() {}
   function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
     return this;
+  }), _regeneratorDefine(u, "toString", function () {
+    return "[object Generator]";
+  }), (_regenerator = function () {
+    return {
+      w: i,
+      m: f
+    };
+  })();
+}
+function _regeneratorAsync(n, e, r, t, o) {
+  var a = _regeneratorAsyncGen(n, e, r, t, o);
+  return a.next().then(function (n) {
+    return n.done ? n.value : a.next();
   });
-  var d = Object.getPrototypeOf,
-    v = d && d(d(values([])));
-  v && v !== r && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t) {
-    ["next", "throw", "return"].forEach(function (e) {
-      define(t, e, function (t) {
-        return this._invoke(e, t);
+}
+function _regeneratorAsyncGen(r, e, t, o, n) {
+  return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise);
+}
+function _regeneratorAsyncIterator(t, e) {
+  function n(r, o, i, f) {
+    try {
+      var c = t[r](o),
+        u = c.value;
+      return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) {
+        n("next", t, i, f);
+      }, function (t) {
+        n("throw", t, i, f);
+      }) : e.resolve(u).then(function (t) {
+        c.value = t, i(c);
+      }, function (t) {
+        return n("throw", t, i, f);
       });
-    });
+    } catch (t) {
+      f(t);
+    }
   }
-  function AsyncIterator(t, e) {
-    function invoke(r, o, i, a) {
-      var c = tryCatch(t[r], t, o);
-      if ("throw" !== c.type) {
-        var u = c.arg,
-          h = u.value;
-        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-          invoke("next", t, i, a);
-        }, function (t) {
-          invoke("throw", t, i, a);
-        }) : e.resolve(h).then(function (t) {
-          u.value = t, i(u);
-        }, function (t) {
-          return invoke("throw", t, i, a);
+  var r;
+  this.next || (_regeneratorDefine(_regeneratorAsyncIterator.prototype), _regeneratorDefine(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
+    return this;
+  })), _regeneratorDefine(this, "_invoke", function (t, o, i) {
+    function f() {
+      return new e(function (e, r) {
+        n(t, i, e, r);
+      });
+    }
+    return r = r ? r.then(f, f) : f();
+  }, true);
+}
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
+  try {
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
+  }
+  _regeneratorDefine = function (e, r, n, t) {
+    if (r) i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n;else {
+      function o(r, n) {
+        _regeneratorDefine(e, r, function (e) {
+          return this._invoke(r, n, e);
         });
       }
-      a(c.arg);
+      o("next", 0), o("throw", 1), o("return", 2);
     }
-    var r;
-    o(this, "_invoke", {
-      value: function (t, n) {
-        function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
-          });
-        }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-    });
-  }
-  function makeInvokeMethod(e, r, n) {
-    var o = h;
-    return function (i, a) {
-      if (o === f) throw Error("Generator is already running");
-      if (o === s) {
-        if ("throw" === i) throw a;
-        return {
-          value: t,
-          done: true
+  }, _regeneratorDefine(e, r, n, t);
+}
+function _regeneratorKeys(e) {
+  var n = Object(e),
+    r = [];
+  for (var t in n) r.unshift(t);
+  return function e() {
+    for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = false, e;
+    return e.done = true, e;
+  };
+}
+function _regeneratorValues(e) {
+  if (null != e) {
+    var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
+      r = 0;
+    if (t) return t.call(e);
+    if ("function" == typeof e.next) return e;
+    if (!isNaN(e.length)) return {
+      next: function () {
+        return e && r >= e.length && (e = void 0), {
+          value: e && e[r++],
+          done: !e
         };
       }
-      for (n.method = i, n.arg = a;;) {
-        var c = n.delegate;
-        if (c) {
-          var u = maybeInvokeDelegate(c, n);
-          if (u) {
-            if (u === y) continue;
-            return u;
-          }
-        }
-        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-          if (o === h) throw o = s, n.arg;
-          n.dispatchException(n.arg);
-        } else "return" === n.method && n.abrupt("return", n.arg);
-        o = f;
-        var p = tryCatch(e, r, n);
-        if ("normal" === p.type) {
-          if (o = n.done ? s : l, p.arg === y) continue;
-          return {
-            value: p.arg,
-            done: n.done
-          };
-        }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
-      }
     };
   }
-  function maybeInvokeDelegate(e, r) {
-    var n = r.method,
-      o = e.iterator[n];
-    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-    var i = tryCatch(o, e.iterator, r.arg);
-    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
-    var a = i.arg;
-    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
-  }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
-    };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
-  }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
-  }
-  function Context(t) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(true);
-  }
-  function values(e) {
-    if (e || "" === e) {
-      var r = e[a];
-      if (r) return r.call(e);
-      if ("function" == typeof e.next) return e;
-      if (!isNaN(e.length)) {
-        var o = -1,
-          i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = false, next;
-            return next.value = t, next.done = true, next;
-          };
-        return i.next = i;
-      }
-    }
-    throw new TypeError(typeof e + " is not iterable");
-  }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: true
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: true
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-    var e = "function" == typeof t && t.constructor;
-    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-  }, e.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-  }, e.awrap = function (t) {
-    return {
-      __await: t
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
-    return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-    void 0 === i && (i = Promise);
-    var a = new AsyncIterator(wrap(t, r, n, o), i);
-    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
-      return t.done ? t.value : a.next();
-    });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
-    return this;
-  }), define(g, "toString", function () {
-    return "[object Generator]";
-  }), e.keys = function (t) {
-    var e = Object(t),
-      r = [];
-    for (var n in e) r.push(n);
-    return r.reverse(), function next() {
-      for (; r.length;) {
-        var t = r.pop();
-        if (t in e) return next.value = t, next.done = false, next;
-      }
-      return next.done = true, next;
-    };
-  }, e.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = false, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
-    },
-    stop: function () {
-      this.done = true;
-      var t = this.tryEntries[0].completion;
-      if ("throw" === t.type) throw t.arg;
-      return this.rval;
-    },
-    dispatchException: function (e) {
-      if (this.done) throw e;
-      var r = this;
-      function handle(n, o) {
-        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
-      }
-      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
-        var i = this.tryEntries[o],
-          a = i.completion;
-        if ("root" === i.tryLoc) return handle("end");
-        if (i.tryLoc <= this.prev) {
-          var c = n.call(i, "catchLoc"),
-            u = n.call(i, "finallyLoc");
-          if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, true);
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, true);
-          } else {
-            if (!u) throw Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (t, e) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var o = this.tryEntries[r];
-        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-          var i = o;
-          break;
-        }
-      }
-      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-      var a = i ? i.completion : {};
-      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
-    },
-    complete: function (t, e) {
-      if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
-    },
-    finish: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
-      }
-    },
-    catch: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.tryLoc === t) {
-          var n = r.completion;
-          if ("throw" === n.type) {
-            var o = n.arg;
-            resetTryEntry(r);
-          }
-          return o;
-        }
-      }
-      throw Error("illegal catch attempt");
-    },
-    delegateYield: function (e, r, n) {
-      return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
-    }
-  }, e;
+  throw new TypeError(typeof e + " is not iterable");
 }
 function _setPrototypeOf(t, e) {
   return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
@@ -575,6 +452,74 @@ function _unsupportedIterableToArray(r, a) {
     return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
 }
+function _regeneratorRuntime() {
+
+  var r = _regenerator(),
+    e = r.m(_regeneratorRuntime),
+    t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
+  function n(r) {
+    var e = "function" == typeof r && r.constructor;
+    return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
+  }
+  var o = {
+    throw: 1,
+    return: 2,
+    break: 3,
+    continue: 3
+  };
+  function a(r) {
+    var e, t;
+    return function (n) {
+      e || (e = {
+        stop: function () {
+          return t(n.a, 2);
+        },
+        catch: function () {
+          return n.v;
+        },
+        abrupt: function (r, e) {
+          return t(n.a, o[r], e);
+        },
+        delegateYield: function (r, o, a) {
+          return e.resultName = o, t(n.d, _regeneratorValues(r), a);
+        },
+        finish: function (r) {
+          return t(n.f, r);
+        }
+      }, t = function (r, t, o) {
+        n.p = e.prev, n.n = e.next;
+        try {
+          return r(t, o);
+        } finally {
+          e.next = n.n;
+        }
+      }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
+      try {
+        return r.call(this, e);
+      } finally {
+        n.p = e.prev, n.n = e.next;
+      }
+    };
+  }
+  return (_regeneratorRuntime = function () {
+    return {
+      wrap: function (e, t, n, o) {
+        return r.w(a(e), t, n, o && o.reverse());
+      },
+      isGeneratorFunction: n,
+      mark: r.m,
+      awrap: function (r, e) {
+        return new _OverloadYield(r, e);
+      },
+      AsyncIterator: _regeneratorAsyncIterator,
+      async: function (r, e, t, o, u) {
+        return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u);
+      },
+      keys: _regeneratorKeys,
+      values: _regeneratorValues
+    };
+  })();
+}
 
 var initialState$6 = {
   byId: {},
@@ -1611,8 +1556,8 @@ var updateMinMaxValueWhenReferenceTimeChanges = function updateMinMaxValueWhenRe
   if (wmLayer && wmLayer.dimensions.length >= 2) {
     var referenceTimeDimension = wmLayer.getDimension('reference_time');
     var timeDimension = wmLayer.getDimension('time');
-    var reduxTimeDim = draftLayer.dimensions.find(function (d) {
-      return d.name === 'time';
+    var reduxTimeDim = draftLayer.dimensions.find(function (dimension) {
+      return dimension.name === 'time';
     });
     if (reduxTimeDim && timeDimension && referenceTimeDimension) {
       // When the reference time changes, a new set of timevalues needs to be set in the layer.
@@ -1772,9 +1717,9 @@ var slice$6 = createSlice({
       }
     },
     layerSetGeojsonFromLayer: function layerSetGeojsonFromLayer(draft, action) {
-      var _action$payload10 = action.payload,
-        layerId = _action$payload10.layerId,
-        sourceLayerId = _action$payload10.sourceLayerId;
+      var _action$payload0 = action.payload,
+        layerId = _action$payload0.layerId,
+        sourceLayerId = _action$payload0.sourceLayerId;
       if (draft.byId[layerId]) {
         var _draft$byId$sourceLay;
         draft.byId[layerId].geojson = (_draft$byId$sourceLay = draft.byId[sourceLayerId]) === null || _draft$byId$sourceLay === void 0 ? void 0 : _draft$byId$sourceLay.geojson;
@@ -1808,9 +1753,9 @@ var slice$6 = createSlice({
       }
     },
     setLayers: function setLayers(draft, action) {
-      var _action$payload11 = action.payload,
-        layers = _action$payload11.layers,
-        mapId = _action$payload11.mapId;
+      var _action$payload1 = action.payload,
+        layers = _action$payload1.layers,
+        mapId = _action$payload1.mapId;
       if (!checkValidLayersPayload(layers, mapId)) {
         return;
       }
@@ -1838,9 +1783,9 @@ var slice$6 = createSlice({
       });
     },
     setBaseLayers: function setBaseLayers(draft, action) {
-      var _action$payload12 = action.payload,
-        layers = _action$payload12.layers,
-        mapId = _action$payload12.mapId;
+      var _action$payload10 = action.payload,
+        layers = _action$payload10.layers,
+        mapId = _action$payload10.mapId;
       var filtererdBaseLayers = layers.filter(function (layer) {
         return layer.layerType === LayerType.baseLayer || layer.layerType === LayerType.overLayer;
       });
@@ -1886,9 +1831,9 @@ var slice$6 = createSlice({
       }
     },
     layerSetDimensions: function layerSetDimensions(draft, action) {
-      var _action$payload13 = action.payload,
-        dimensions = _action$payload13.dimensions,
-        layerId = _action$payload13.layerId;
+      var _action$payload11 = action.payload,
+        dimensions = _action$payload11.dimensions,
+        layerId = _action$payload11.layerId;
       if (draft.byId[layerId]) {
         draft.byId[layerId].dimensions = dimensions;
       }
@@ -1922,9 +1867,9 @@ var slice$6 = createSlice({
     },
     // Overwrites all baselayer for a certain map
     setAvailableBaseLayers: function setAvailableBaseLayers(draft, action) {
-      var _action$payload14 = action.payload,
-        layers = _action$payload14.layers,
-        mapId = _action$payload14.mapId;
+      var _action$payload12 = action.payload,
+        layers = _action$payload12.layers,
+        mapId = _action$payload12.mapId;
       // remove current baselayers for passed map
       draft.availableBaseLayers.allIds = draft.availableBaseLayers.allIds.filter(function (layerId) {
         if (draft.availableBaseLayers.byId[layerId] && draft.availableBaseLayers.byId[layerId].mapId === mapId) {
@@ -1943,9 +1888,9 @@ var slice$6 = createSlice({
       });
     },
     setUseLatestReferenceTime: function setUseLatestReferenceTime(draft, action) {
-      var _action$payload15 = action.payload,
-        id = _action$payload15.id,
-        useLatestReferenceTime = _action$payload15.useLatestReferenceTime;
+      var _action$payload13 = action.payload,
+        id = _action$payload13.id,
+        useLatestReferenceTime = _action$payload13.useLatestReferenceTime;
       var layer = draft.byId[id];
       if (!layer) {
         return;
@@ -1953,10 +1898,10 @@ var slice$6 = createSlice({
       layer.useLatestReferenceTime = useLatestReferenceTime;
     },
     onUpdateLayerInformation: function onUpdateLayerInformation(draft, action) {
-      var _action$payload16 = action.payload,
-        layerStyle = _action$payload16.layerStyle,
-        layerDimensions = _action$payload16.layerDimensions,
-        error = _action$payload16.error;
+      var _action$payload14 = action.payload,
+        layerStyle = _action$payload14.layerStyle,
+        layerDimensions = _action$payload14.layerDimensions,
+        error = _action$payload14.error;
       if (error) {
         draft.byId[error.layerId].status = LayerStatus.error;
         return;
@@ -2045,25 +1990,25 @@ var slice$6 = createSlice({
     },
     // feature layer actions
     setSelectedFeature: function setSelectedFeature(draft, action) {
-      var _action$payload17 = action.payload,
-        layerId = _action$payload17.layerId,
-        selectedFeatureIndex = _action$payload17.selectedFeatureIndex;
+      var _action$payload15 = action.payload,
+        layerId = _action$payload15.layerId,
+        selectedFeatureIndex = _action$payload15.selectedFeatureIndex;
       if (!draft.byId[layerId]) {
         return;
       }
       draft.byId[layerId].selectedFeatureIndex = selectedFeatureIndex;
     },
     updateFeature: function updateFeature(draft, action) {
-      var _action$payload18 = action.payload,
-        layerId = _action$payload18.layerId,
-        geojson = _action$payload18.geojson,
-        _action$payload18$sho = _action$payload18.shouldAllowMultipleShapes,
-        shouldAllowMultipleShapes = _action$payload18$sho === void 0 ? false : _action$payload18$sho,
-        _action$payload18$rea = _action$payload18.reason,
-        reason = _action$payload18$rea === void 0 ? '' : _action$payload18$rea,
-        geoJSONIntersectionLayerId = _action$payload18.geoJSONIntersectionLayerId,
-        geoJSONIntersectionBoundsLayerId = _action$payload18.geoJSONIntersectionBoundsLayerId,
-        selectionType = _action$payload18.selectionType;
+      var _action$payload16 = action.payload,
+        layerId = _action$payload16.layerId,
+        geojson = _action$payload16.geojson,
+        _action$payload16$sho = _action$payload16.shouldAllowMultipleShapes,
+        shouldAllowMultipleShapes = _action$payload16$sho === void 0 ? false : _action$payload16$sho,
+        _action$payload16$rea = _action$payload16.reason,
+        reason = _action$payload16$rea === void 0 ? '' : _action$payload16$rea,
+        geoJSONIntersectionLayerId = _action$payload16.geoJSONIntersectionLayerId,
+        geoJSONIntersectionBoundsLayerId = _action$payload16.geoJSONIntersectionBoundsLayerId,
+        selectionType = _action$payload16.selectionType;
       var currentLayer = draft.byId[layerId];
       if (!currentLayer) {
         return;
@@ -2092,10 +2037,10 @@ var slice$6 = createSlice({
       }
     },
     updateFeatureProperties: function updateFeatureProperties(draft, action) {
-      var _action$payload19 = action.payload,
-        layerId = _action$payload19.layerId,
-        properties = _action$payload19.properties,
-        selectedFeatureIndex = _action$payload19.selectedFeatureIndex;
+      var _action$payload17 = action.payload,
+        layerId = _action$payload17.layerId,
+        properties = _action$payload17.properties,
+        selectedFeatureIndex = _action$payload17.selectedFeatureIndex;
       var currentLayer = draft.byId[layerId];
       if (!currentLayer) {
         return;
@@ -2111,10 +2056,10 @@ var slice$6 = createSlice({
       }
     },
     toggleFeatureMode: function toggleFeatureMode(draft, action) {
-      var _action$payload20 = action.payload,
-        layerId = _action$payload20.layerId,
-        isInEditMode = _action$payload20.isInEditMode,
-        drawMode = _action$payload20.drawMode;
+      var _action$payload18 = action.payload,
+        layerId = _action$payload18.layerId,
+        isInEditMode = _action$payload18.isInEditMode,
+        drawMode = _action$payload18.drawMode;
       if (!draft.byId[layerId]) {
         return;
       }
@@ -2126,10 +2071,10 @@ var slice$6 = createSlice({
       }
     },
     exitFeatureDrawMode: function exitFeatureDrawMode(draft, action) {
-      var _action$payload21 = action.payload,
-        layerId = _action$payload21.layerId,
-        shouldAllowMultipleShapes = _action$payload21.shouldAllowMultipleShapes,
-        reason = _action$payload21.reason;
+      var _action$payload19 = action.payload,
+        layerId = _action$payload19.layerId,
+        shouldAllowMultipleShapes = _action$payload19.shouldAllowMultipleShapes,
+        reason = _action$payload19.reason;
       if (!draft.byId[layerId]) {
         return;
       }
@@ -2154,9 +2099,9 @@ var slice$6 = createSlice({
     },
     // layer info actions
     showLayerInfo: function showLayerInfo(draft, action) {
-      var _action$payload22 = action.payload,
-        serviceUrl = _action$payload22.serviceUrl,
-        layerName = _action$payload22.layerName;
+      var _action$payload20 = action.payload,
+        serviceUrl = _action$payload20.serviceUrl,
+        layerName = _action$payload20.layerName;
       draft.activeLayerInfo = {
         serviceUrl: serviceUrl,
         layerName: layerName
@@ -2168,9 +2113,9 @@ var slice$6 = createSlice({
   },
   extraReducers: function extraReducers(builder) {
     builder.addCase(setTimeSync, function (draft, action) {
-      var _action$payload23 = action.payload,
-        targetsFromAction = _action$payload23.targets,
-        source = _action$payload23.source;
+      var _action$payload21 = action.payload,
+        targetsFromAction = _action$payload21.targets,
+        source = _action$payload21.source;
       /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
       var targets = [];
       if (source) {
@@ -2197,9 +2142,9 @@ var slice$6 = createSlice({
        * These targets can be used as payloads in new Layer actions.
        * These actions are here handled via the layer reducer, as it is the same logic
        */
-      var _action$payload24 = action.payload,
-        targets = _action$payload24.targets,
-        source = _action$payload24.source;
+      var _action$payload22 = action.payload,
+        targets = _action$payload22.targets,
+        source = _action$payload22.source;
       return targets.reduce(function (prevState, target) {
         var actionType = (source === null || source === void 0 ? void 0 : source.type) || 'GENERIC_SYNC_SETLAYERACTIONS';
         var action = {
@@ -2544,11 +2489,11 @@ var slice$4 = createSlice({
       draft.byId[mapId].mapLayers = moveArrayElements(draft.byId[mapId].mapLayers, oldIndex, newIndex);
     },
     setAutoLayerId: function setAutoLayerId(draft, action) {
-      var _action$payload10 = action.payload,
-        mapId = _action$payload10.mapId,
-        layerId = _action$payload10.layerId,
-        autoTimeStepLayerId = _action$payload10.autoTimeStepLayerId,
-        autoUpdateLayerId = _action$payload10.autoUpdateLayerId;
+      var _action$payload0 = action.payload,
+        mapId = _action$payload0.mapId,
+        layerId = _action$payload0.layerId,
+        autoTimeStepLayerId = _action$payload0.autoTimeStepLayerId,
+        autoUpdateLayerId = _action$payload0.autoUpdateLayerId;
       var map = draft.byId[mapId];
       if (!map) {
         return;
@@ -2565,9 +2510,9 @@ var slice$4 = createSlice({
       }
     },
     setAutoTimestepLayerId: function setAutoTimestepLayerId(draft, action) {
-      var _action$payload11 = action.payload,
-        mapId = _action$payload11.mapId,
-        autoTimestepLayerId = _action$payload11.autoTimestepLayerId;
+      var _action$payload1 = action.payload,
+        mapId = _action$payload1.mapId,
+        autoTimestepLayerId = _action$payload1.autoTimestepLayerId;
       var map = draft.byId[mapId];
       if (!map) {
         return;
@@ -2575,9 +2520,9 @@ var slice$4 = createSlice({
       map.autoTimeStepLayerId = autoTimestepLayerId;
     },
     setAutoUpdateLayerId: function setAutoUpdateLayerId(draft, action) {
-      var _action$payload12 = action.payload,
-        mapId = _action$payload12.mapId,
-        autoUpdateLayerId = _action$payload12.autoUpdateLayerId;
+      var _action$payload10 = action.payload,
+        mapId = _action$payload10.mapId,
+        autoUpdateLayerId = _action$payload10.autoUpdateLayerId;
       var map = draft.byId[mapId];
       if (!map) {
         return;
@@ -2585,135 +2530,135 @@ var slice$4 = createSlice({
       map.autoUpdateLayerId = autoUpdateLayerId;
     },
     setTimeSliderWidth: function setTimeSliderWidth(draft, action) {
-      var _action$payload13 = action.payload,
-        mapId = _action$payload13.mapId,
-        timeSliderWidth = _action$payload13.timeSliderWidth;
+      var _action$payload11 = action.payload,
+        mapId = _action$payload11.mapId,
+        timeSliderWidth = _action$payload11.timeSliderWidth;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].timeSliderWidth = timeSliderWidth;
     },
     setTimeSliderCenterTime: function setTimeSliderCenterTime(draft, action) {
-      var _action$payload14 = action.payload,
-        mapId = _action$payload14.mapId,
-        timeSliderCenterTime = _action$payload14.timeSliderCenterTime;
+      var _action$payload12 = action.payload,
+        mapId = _action$payload12.mapId,
+        timeSliderCenterTime = _action$payload12.timeSliderCenterTime;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].timeSliderCenterTime = timeSliderCenterTime;
     },
     setTimeSliderSecondsPerPx: function setTimeSliderSecondsPerPx(draft, action) {
-      var _action$payload15 = action.payload,
-        mapId = _action$payload15.mapId,
-        timeSliderSecondsPerPx = _action$payload15.timeSliderSecondsPerPx;
+      var _action$payload13 = action.payload,
+        mapId = _action$payload13.mapId,
+        timeSliderSecondsPerPx = _action$payload13.timeSliderSecondsPerPx;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].timeSliderSecondsPerPx = timeSliderSecondsPerPx;
     },
     toggleAutoUpdate: function toggleAutoUpdate(draft, action) {
-      var _action$payload16 = action.payload,
-        mapId = _action$payload16.mapId,
-        shouldAutoUpdate = _action$payload16.shouldAutoUpdate;
+      var _action$payload14 = action.payload,
+        mapId = _action$payload14.mapId,
+        shouldAutoUpdate = _action$payload14.shouldAutoUpdate;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].isAutoUpdating = shouldAutoUpdate;
     },
     setEndTimeOverriding: function setEndTimeOverriding(draft, action) {
-      var _action$payload17 = action.payload,
-        mapId = _action$payload17.mapId,
-        shouldEndtimeOverride = _action$payload17.shouldEndtimeOverride;
+      var _action$payload15 = action.payload,
+        mapId = _action$payload15.mapId,
+        shouldEndtimeOverride = _action$payload15.shouldEndtimeOverride;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].shouldEndtimeOverride = shouldEndtimeOverride;
     },
     toggleTimestepAuto: function toggleTimestepAuto(draft, action) {
-      var _action$payload18 = action.payload,
-        mapId = _action$payload18.mapId,
-        timestepAuto = _action$payload18.timestepAuto;
+      var _action$payload16 = action.payload,
+        mapId = _action$payload16.mapId,
+        timestepAuto = _action$payload16.timestepAuto;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].isTimestepAuto = timestepAuto;
     },
     toggleTimeSpanAuto: function toggleTimeSpanAuto(draft, action) {
-      var _action$payload19 = action.payload,
-        mapId = _action$payload19.mapId,
-        timeSpanAuto = _action$payload19.timeSpanAuto;
+      var _action$payload17 = action.payload,
+        mapId = _action$payload17.mapId,
+        timeSpanAuto = _action$payload17.timeSpanAuto;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].isTimeSpanAuto = timeSpanAuto;
     },
     toggleAnimationLengthAuto: function toggleAnimationLengthAuto(draft, action) {
-      var _action$payload20 = action.payload,
-        mapId = _action$payload20.mapId,
-        autoAnimationLength = _action$payload20.autoAnimationLength;
+      var _action$payload18 = action.payload,
+        mapId = _action$payload18.mapId,
+        autoAnimationLength = _action$payload18.autoAnimationLength;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].isAnimationLengthAuto = autoAnimationLength;
     },
     toggleTimeSliderHover: function toggleTimeSliderHover(draft, action) {
-      var _action$payload21 = action.payload,
-        mapId = _action$payload21.mapId,
-        isTimeSliderHoverOn = _action$payload21.isTimeSliderHoverOn;
+      var _action$payload19 = action.payload,
+        mapId = _action$payload19.mapId,
+        isTimeSliderHoverOn = _action$payload19.isTimeSliderHoverOn;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].isTimeSliderHoverOn = isTimeSliderHoverOn;
     },
     toggleTimeSliderIsVisible: function toggleTimeSliderIsVisible(draft, action) {
-      var _action$payload22 = action.payload,
-        mapId = _action$payload22.mapId,
-        isTimeSliderVisible = _action$payload22.isTimeSliderVisible;
+      var _action$payload20 = action.payload,
+        mapId = _action$payload20.mapId,
+        isTimeSliderVisible = _action$payload20.isTimeSliderVisible;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].isTimeSliderVisible = isTimeSliderVisible;
     },
     toggleZoomControls: function toggleZoomControls(draft, action) {
-      var _action$payload23 = action.payload,
-        mapId = _action$payload23.mapId,
-        shouldShowZoomControls = _action$payload23.shouldShowZoomControls;
+      var _action$payload21 = action.payload,
+        mapId = _action$payload21.mapId,
+        shouldShowZoomControls = _action$payload21.shouldShowZoomControls;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].shouldShowZoomControls = shouldShowZoomControls;
     },
     setMapPinLocation: function setMapPinLocation(draft, action) {
-      var _action$payload24 = action.payload,
-        mapId = _action$payload24.mapId,
-        mapPinLocation = _action$payload24.mapPinLocation;
+      var _action$payload22 = action.payload,
+        mapId = _action$payload22.mapId,
+        mapPinLocation = _action$payload22.mapPinLocation;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].mapPinLocation = mapPinLocation;
     },
     setDisableMapPin: function setDisableMapPin(draft, action) {
-      var _action$payload25 = action.payload,
-        mapId = _action$payload25.mapId,
-        disableMapPin = _action$payload25.disableMapPin;
+      var _action$payload23 = action.payload,
+        mapId = _action$payload23.mapId,
+        disableMapPin = _action$payload23.disableMapPin;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].disableMapPin = disableMapPin;
     },
     toggleMapPinIsVisible: function toggleMapPinIsVisible(draft, action) {
-      var _action$payload26 = action.payload,
-        mapId = _action$payload26.mapId,
-        displayMapPin = _action$payload26.displayMapPin;
+      var _action$payload24 = action.payload,
+        mapId = _action$payload24.mapId,
+        displayMapPin = _action$payload24.displayMapPin;
       if (!draft.byId[mapId]) {
         return;
       }
       draft.byId[mapId].displayMapPin = displayMapPin;
     },
     setDockedLayerManagerSize: function setDockedLayerManagerSize(draft, action) {
-      var _action$payload27 = action.payload,
-        mapId = _action$payload27.mapId,
-        dockedLayerManagerSize = _action$payload27.dockedLayerManagerSize;
+      var _action$payload25 = action.payload,
+        mapId = _action$payload25.mapId,
+        dockedLayerManagerSize = _action$payload25.dockedLayerManagerSize;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2726,14 +2671,23 @@ var slice$4 = createSlice({
     action) {},
     setDefaultMapSettings: function setDefaultMapSettings(draft, action) {
       draft.defaultMapSettings = action.payload.preset;
+    },
+    changeOverlayer: function changeOverlayer(draft, action) {
+      var _action$payload26 = action.payload,
+        mapId = _action$payload26.mapId,
+        selectedOverlayer = _action$payload26.selectedOverlayer;
+      if (!draft.byId[mapId]) {
+        return;
+      }
+      draft.byId[mapId].overLayers = [selectedOverlayer];
     }
   },
   extraReducers: function extraReducers(builder) {
     builder.addCase(layerActions.addLayer, function (draft, action) {
-      var _action$payload28 = action.payload,
-        layerId = _action$payload28.layerId,
-        mapId = _action$payload28.mapId,
-        layer = _action$payload28.layer;
+      var _action$payload27 = action.payload,
+        layerId = _action$payload27.layerId,
+        mapId = _action$payload27.mapId,
+        layer = _action$payload27.layer;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2752,9 +2706,9 @@ var slice$4 = createSlice({
         draft.byId[mapId].mapLayers.unshift(layerId);
       }
     }).addCase(layerActions.duplicateMapLayer, function (draft, action) {
-      var _action$payload29 = action.payload,
-        newLayerId = _action$payload29.newLayerId,
-        mapId = _action$payload29.mapId;
+      var _action$payload28 = action.payload,
+        newLayerId = _action$payload28.newLayerId,
+        mapId = _action$payload28.mapId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2764,10 +2718,10 @@ var slice$4 = createSlice({
       }
       draft.byId[mapId].mapLayers.unshift(newLayerId);
     }).addCase(layerActions.addBaseLayer, function (draft, action) {
-      var _action$payload30 = action.payload,
-        layer = _action$payload30.layer,
-        layerId = _action$payload30.layerId,
-        mapId = _action$payload30.mapId;
+      var _action$payload29 = action.payload,
+        layer = _action$payload29.layer,
+        layerId = _action$payload29.layerId,
+        mapId = _action$payload29.mapId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2797,9 +2751,9 @@ var slice$4 = createSlice({
         draft.byId[mapId].autoTimeStepLayerId = activeLayerId;
       }
     }).addCase(layerActions.setBaseLayers, function (draft, action) {
-      var _action$payload31 = action.payload,
-        layers = _action$payload31.layers,
-        mapId = _action$payload31.mapId;
+      var _action$payload30 = action.payload,
+        layers = _action$payload30.layers,
+        mapId = _action$payload30.mapId;
       // Split into base and overlayers
       var baseLayers = [];
       var overLayers = [];
@@ -2829,9 +2783,9 @@ var slice$4 = createSlice({
         }
       }
     }).addCase(layerActions.layerDelete, function (draft, action) {
-      var _action$payload32 = action.payload,
-        mapId = _action$payload32.mapId,
-        layerId = _action$payload32.layerId;
+      var _action$payload31 = action.payload,
+        mapId = _action$payload31.mapId,
+        layerId = _action$payload31.layerId;
       var map = draft.byId[mapId];
       if (!map) {
         return;
@@ -2857,9 +2811,9 @@ var slice$4 = createSlice({
         return id !== layerId;
       });
     }).addCase(layerActions.baseLayerDelete, function (draft, action) {
-      var _action$payload33 = action.payload,
-        mapId = _action$payload33.mapId,
-        layerId = _action$payload33.layerId;
+      var _action$payload32 = action.payload,
+        mapId = _action$payload32.mapId,
+        layerId = _action$payload32.layerId;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -2870,14 +2824,14 @@ var slice$4 = createSlice({
         return id !== layerId;
       });
     }).addCase(layerActions.layerChangeDimension, function (draft, action) {
-      var _action$payload34 = action.payload,
-        layerId = _action$payload34.layerId,
-        dimension = _action$payload34.dimension;
+      var _action$payload33 = action.payload,
+        layerId = _action$payload33.layerId,
+        dimension = _action$payload33.dimension;
       produceDraftStateSetMapDimensionFromLayerChangeDimension(draft, layerId, dimension);
     }).addCase(setTimeSync, function (draft, action) {
-      var _action$payload35 = action.payload,
-        targetsFromAction = _action$payload35.targets,
-        source = _action$payload35.source;
+      var _action$payload34 = action.payload,
+        targetsFromAction = _action$payload34.targets,
+        source = _action$payload34.source;
       /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
       var targets = [];
       if (source) {
@@ -2901,9 +2855,9 @@ var slice$4 = createSlice({
         }
       });
     }).addCase(setBboxSync, function (draft, action) {
-      var _action$payload36 = action.payload,
-        targetsFromAction = _action$payload36.targets,
-        source = _action$payload36.source;
+      var _action$payload35 = action.payload,
+        targetsFromAction = _action$payload35.targets,
+        source = _action$payload35.source;
       /* Because we want backwards compatibility with the previous code, we also need to listen to the original source action */
       var targets = [];
       if (source) {
@@ -2935,9 +2889,9 @@ var slice$4 = createSlice({
        * These targets can be used as payloads in new Layer actions.
        * These actions are here handled via the layer reducer, as it is the same logic
        */
-      var _action$payload37 = action.payload,
-        targets = _action$payload37.targets,
-        source = _action$payload37.source;
+      var _action$payload36 = action.payload,
+        targets = _action$payload36.targets,
+        source = _action$payload36.source;
       return targets.reduce(function (prevState, target) {
         var actionType = (source === null || source === void 0 ? void 0 : source.type) || 'GENERIC_SYNC_SETLAYERACTIONS';
         var action = {
@@ -2959,9 +2913,9 @@ var slice$4 = createSlice({
       });
       return draft;
     }).addCase(mapChangeDimension, function (draft, action) {
-      var _action$payload38 = action.payload,
-        mapId = _action$payload38.mapId,
-        dimensionFromAction = _action$payload38.dimension;
+      var _action$payload37 = action.payload,
+        mapId = _action$payload37.mapId,
+        dimensionFromAction = _action$payload37.dimension;
       produceDraftStateSetWebMapDimension(draft, mapId, dimensionFromAction, true);
     }).addCase(setMapPreset, function (draft, action) {
       var mapId = action.payload.mapId;
@@ -2981,9 +2935,9 @@ var slice$4 = createSlice({
       draft.byId[mapId].animationDelay = defaultAnimationDelayAtStart;
       draft.byId[mapId].dockedLayerManagerSize = '';
     }).addCase(uiActions.registerDialog, function (draft, action) {
-      var _action$payload39 = action.payload,
-        mapId = _action$payload39.mapId,
-        type = _action$payload39.type;
+      var _action$payload38 = action.payload,
+        mapId = _action$payload38.mapId,
+        type = _action$payload38.type;
       if (!draft.byId[mapId]) {
         return;
       }
@@ -3417,6 +3371,27 @@ var getTimeStepForLayerId = createSelector(getLayerTimeDimension, function (time
 var getActiveLayerInfo = createSelector(layerStore, function (store) {
   return store === null || store === void 0 ? void 0 : store.activeLayerInfo;
 });
+/**
+ * Gets all overlayers for a given mapId
+ * Example: overlayers = getOverlayersForMapId(store, 'mapId123')
+ * @param {CoreAppStore} store - The Redux store from which the layers state will be extracted.
+ * @param {string} mapId - The ID of the map for which to retrieve the overlayers.
+ * @returns {Array<{ id: string; name: string }>} - An array of overlayers containing layer information (id and name).
+ */
+var getOverlayersForMapId = createSelector([layerStore, function (_store, mapId) {
+  return mapId;
+}], function (store, mapId) {
+  var overLayers = [];
+  (store === null || store === void 0 ? void 0 : store.byId) && Object.values(store.byId).forEach(function (layer) {
+    if (layer.layerType === LayerType.overLayer && layer.mapId === mapId) {
+      overLayers.push({
+        id: layer.id || '',
+        name: layer.name || ''
+      });
+    }
+  });
+  return overLayers;
+}, selectorMemoizationOptions);
 
 var selectors$6 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -3452,6 +3427,7 @@ var selectors$6 = /*#__PURE__*/Object.freeze({
   getLayersByMapId: getLayersByMapId,
   getLayersIds: getLayersIds,
   getOverLayers: getOverLayers,
+  getOverlayersForMapId: getOverlayersForMapId,
   getSelectedFeatureIndex: getSelectedFeatureIndex,
   getTimeStepForLayerId: getTimeStepForLayerId,
   getUseLatestReferenceTime: getUseLatestReferenceTime
@@ -3827,18 +3803,18 @@ var constants$2 = /*#__PURE__*/Object.freeze({
  * @param condition Function to check each element in the array
  */
 var removeInPlace = function removeInPlace(inDraftArray, condition) {
-  var j = 0;
+  var index = 0;
   inDraftArray.forEach(function (e, i) {
     if (!condition(e)) {
-      if (i !== j) {
+      if (i !== index) {
         // eslint-disable-next-line no-param-reassign
-        inDraftArray[j] = e;
+        inDraftArray[index] = e;
       }
-      j += 1;
+      index += 1;
     }
   });
   // eslint-disable-next-line no-param-reassign
-  inDraftArray.length = j;
+  inDraftArray.length = index;
 };
 
 var initialState$2 = {
@@ -4384,7 +4360,7 @@ var syncGroupsListener = createListenerMiddleware();
 syncGroupsListener.startListening({
   matcher: isAnyOf(syncGroupsActions.syncGroupAddTarget, syncGroupsActions.syncGroupLinkTarget),
   effect: function () {
-    var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
       var payload, groupId, linked, targetToUpdate, group;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -4442,7 +4418,7 @@ syncGroupsListener.startListening({
 syncGroupsListener.startListening({
   matcher: isAnyOf(syncGroupsActions.syncGroupAddGroup, syncGroupsActions.syncGroupRemoveGroup, syncGroupsActions.syncGroupAddSource, syncGroupsActions.syncGroupRemoveSource, syncGroupsActions.syncGroupAddTarget, syncGroupsActions.syncGroupRemoveTarget, syncGroupsActions.syncGroupLinkTarget),
   effect: function () {
-    var _effect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_, listenerApi) {
+    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_, listenerApi) {
       var viewState;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -5571,7 +5547,9 @@ 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, getAnimationStartTime, getAnimationEndTime, getMapTimeSliderSpan, isTimestepAuto, isTimeSpanAuto, getLegendId, getUiStore, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, animationStartTime, animationEndTime, timeSliderSpan, isTimestepAuto, isTimeSpanAuto, legendId, uiStore) {
+var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLayers, getBbox, getSrs, getActiveLayerId, getAutoTimeStepLayerId, getAutoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, getDisplayMapPin, isZoomControlsVisible, getMapTimeStep, getMapAnimationDelay, getAnimationStartTime, getAnimationEndTime, getMapTimeSliderSpan, isTimestepAuto, isTimeSpanAuto, getLegendId, getUiStore, function (_store, mapId) {
+  return mapId;
+}, function (mapLayers, baseLayers, overLayers, bbox, srs, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, isAnimating, isAutoUpdating, isTimeSliderVisible, displayMapPin, isZoomControlsVisible, mapTimeStep, mapAnimationDelay, animationStartTime, animationEndTime, timeSliderSpan, isTimestepAuto, isTimeSpanAuto, legendId, uiStore, mapId) {
   var _uiStore$dialogs$lege;
   var allLayers = [].concat(_toConsumableArray(baseLayers), _toConsumableArray(overLayers), _toConsumableArray(mapLayers)).map(function (_ref3) {
     _ref3.mapId;
@@ -5593,6 +5571,8 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
     duration: getAnimationDuration(animationEndTime, animationStartTime)
   };
   var shouldShowLegend = legendId ? uiStore === null || uiStore === void 0 || (_uiStore$dialogs$lege = uiStore.dialogs[legendId]) === null || _uiStore$dialogs$lege === void 0 ? void 0 : _uiStore$dialogs$lege.isOpen : false;
+  var dataExplorerDialog = uiStore === null || uiStore === void 0 ? void 0 : uiStore.dialogs[DialogTypes.DataExplorer];
+  var shouldShowDataExplorer = (dataExplorerDialog === null || dataExplorerDialog === void 0 ? void 0 : dataExplorerDialog.isOpen) && (dataExplorerDialog === null || dataExplorerDialog === void 0 ? void 0 : dataExplorerDialog.activeMapId) === mapId || false;
   return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
     layers: allLayers
   }, activeLayerId !== undefined && {
@@ -5615,7 +5595,8 @@ var getMapPreset = createSelector(getMapLayers, getMapBaseLayers, getMapOverLaye
     toggleTimestepAuto: isTimestepAuto,
     toggleTimeSpanAuto: isTimeSpanAuto,
     shouldShowLegend: shouldShowLegend,
-    timeSliderSpan: timeSliderSpan
+    timeSliderSpan: timeSliderSpan,
+    shouldShowDataExplorer: shouldShowDataExplorer
   });
 }, selectorMemoizationOptions);
 /**
@@ -5738,6 +5719,15 @@ var getdefaultMapSettings = createSelector(getMapStore, function (state) {
 var getdefaultMapSettingsLayers = createSelector(getdefaultMapSettings, function (state) {
   return state && state.layers;
 }, selectorMemoizationOptions);
+/**
+ * Gets the selected overlayer from webmap state
+ *
+ * @param {CoreAppStore} store - The Redux store from which the layers state will be extracted.
+ * @returns {string | null} returnType: string | null
+ */
+var getSelectedOverlayerByMapId = createSelector(getMapById, function (store) {
+  return (store === null || store === void 0 ? void 0 : store.overLayers[0]) || null;
+}, selectorMemoizationOptions);
 
 var selectors$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -5788,6 +5778,7 @@ var selectors$1 = /*#__PURE__*/Object.freeze({
   getMapTimeStep: getMapTimeStep,
   getMapTimeStepWithoutDefault: getMapTimeStepWithoutDefault,
   getPinLocation: getPinLocation,
+  getSelectedOverlayerByMapId: getSelectedOverlayerByMapId,
   getSelectedTime: getSelectedTime,
   getSrs: getSrs,
   getdefaultMapSettings: getdefaultMapSettings,
@@ -5867,7 +5858,7 @@ var filterLayers = function filterLayers() {
         overLayers: overLayers
       };
     }
-    if (layer.layerType === LayerType.mapLayer) {
+    if (layer.layerType === LayerType.mapLayer || layer.layerType === LayerType.edrLayer) {
       return {
         mapLayers: mapLayers.concat(parsedLayer),
         baseLayers: baseLayers,
@@ -6283,7 +6274,7 @@ var genericListener = createListenerMiddleware();
 genericListener.startListening({
   actionCreator: setTime,
   effect: function () {
-    var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
       var payload, value, origin, targets, groups;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -6314,7 +6305,7 @@ genericListener.startListening({
 genericListener.startListening({
   actionCreator: setBbox,
   effect: function () {
-    var _effect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
+    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
       var payload, targets, groups;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -6339,7 +6330,7 @@ genericListener.startListening({
 genericListener.startListening({
   matcher: isAnyOf(layerActions.layerChangeName, layerActions.layerChangeEnabled, layerActions.layerChangeOpacity, layerActions.layerChangeDimension, layerActions.layerChangeStyle),
   effect: function () {
-    var _effect3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref3, listenerApi) {
+    var _effect3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref3, listenerApi) {
       var payload, type, targets;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -6372,7 +6363,7 @@ genericListener.startListening({
 genericListener.startListening({
   actionCreator: layerActions.addLayer,
   effect: function () {
-    var _effect4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref4, listenerApi) {
+    var _effect4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref4, listenerApi) {
       var payload, type, targets;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -6405,7 +6396,7 @@ genericListener.startListening({
 genericListener.startListening({
   actionCreator: layerActions.duplicateMapLayer,
   effect: function () {
-    var _effect5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref5, listenerApi) {
+    var _effect5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(_ref5, listenerApi) {
       var payload, sourceLayer, newPayload, targets;
       return _regeneratorRuntime().wrap(function _callee5$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
@@ -6428,7 +6419,7 @@ genericListener.startListening({
         }
       }, _callee5);
     }));
-    function effect(_x9, _x10) {
+    function effect(_x9, _x0) {
       return _effect5.apply(this, arguments);
     }
     return effect;
@@ -6437,7 +6428,7 @@ genericListener.startListening({
 genericListener.startListening({
   actionCreator: mapActions.layerMoveLayer,
   effect: function () {
-    var _effect6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(_ref6, listenerApi) {
+    var _effect6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(_ref6, listenerApi) {
       var payload, type, targets;
       return _regeneratorRuntime().wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
@@ -6461,7 +6452,7 @@ genericListener.startListening({
         }
       }, _callee6);
     }));
-    function effect(_x11, _x12) {
+    function effect(_x1, _x10) {
       return _effect6.apply(this, arguments);
     }
     return effect;
@@ -6470,7 +6461,7 @@ genericListener.startListening({
 genericListener.startListening({
   matcher: isAnyOf(mapActions.setAutoLayerId, mapActions.setAutoUpdateLayerId, mapActions.setAutoTimestepLayerId),
   effect: function () {
-    var _effect7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(_ref7, listenerApi) {
+    var _effect7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(_ref7, listenerApi) {
       var payload, type, targets;
       return _regeneratorRuntime().wrap(function _callee7$(_context7) {
         while (1) switch (_context7.prev = _context7.next) {
@@ -6487,7 +6478,7 @@ genericListener.startListening({
         }
       }, _callee7);
     }));
-    function effect(_x13, _x14) {
+    function effect(_x11, _x12) {
       return _effect7.apply(this, arguments);
     }
     return effect;
@@ -6496,7 +6487,7 @@ genericListener.startListening({
 genericListener.startListening({
   actionCreator: layerActions.setBaseLayers,
   effect: function () {
-    var _effect8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(_ref8, listenerApi) {
+    var _effect8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(_ref8, listenerApi) {
       var payload, type, targets;
       return _regeneratorRuntime().wrap(function _callee8$(_context8) {
         while (1) switch (_context8.prev = _context8.next) {
@@ -6520,7 +6511,7 @@ genericListener.startListening({
         }
       }, _callee8);
     }));
-    function effect(_x15, _x16) {
+    function effect(_x13, _x14) {
       return _effect8.apply(this, arguments);
     }
     return effect;
@@ -6529,7 +6520,7 @@ genericListener.startListening({
 genericListener.startListening({
   actionCreator: layerActions.layerDelete,
   effect: function () {
-    var _effect9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(_ref9, listenerApi) {
+    var _effect9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(_ref9, listenerApi) {
       var payload, type, targets;
       return _regeneratorRuntime().wrap(function _callee9$(_context9) {
         while (1) switch (_context9.prev = _context9.next) {
@@ -6553,7 +6544,7 @@ genericListener.startListening({
         }
       }, _callee9);
     }));
-    function effect(_x17, _x18) {
+    function effect(_x15, _x16) {
       return _effect9.apply(this, arguments);
     }
     return effect;
@@ -6629,27 +6620,27 @@ var isNextStepAvailable = function isNextStepAvailable(reduxLayers, nextTimeStri
   // Get all wmLayers for the found id's
   var wmLayers = reduxLayers.map(function (reduxLayer) {
     return reduxLayer.id && getWMLayerById(reduxLayer.id);
-  }).filter(function (l) {
-    return !!l;
+  }).filter(function (layer) {
+    return !!layer;
   });
   // Returns a layer which could have an image for the requested time, but which isn't loaded yet.
-  var isThereSomethingNotAvailable = wmLayers.map(function (l) {
-    var _l$getDimension;
-    if (!l || !l.olSource) {
+  var isThereSomethingNotAvailable = wmLayers.map(function (layer) {
+    var _layer$getDimension;
+    if (!layer || !layer.olSource) {
       // No OpenLayers source, do nothing, so do not flag that something is not available
       return {
         status: true
       };
     }
     // Check if there is a timevalue available
-    var closestValue = (_l$getDimension = l.getDimension('time')) === null || _l$getDimension === void 0 ? void 0 : _l$getDimension.getClosestValue(nextTimeString);
+    var closestValue = (_layer$getDimension = layer.getDimension('time')) === null || _layer$getDimension === void 0 ? void 0 : _layer$getDimension.getClosestValue(nextTimeString);
     if (!closestValue || WMInvalidDateValues.has(closestValue)) {
       // No value available, so do not flag that something is not available
       return {
         status: true
       };
     }
-    var olSource = l.olSource;
+    var olSource = layer.olSource;
     var hasImageAvailableForRequestedTimeStep = olSource.hasImageForTimeValue(closestValue);
     // If there is no image available for requested timestep, return true and flag that this thing is not ready yet.
     if (hasImageAvailableForRequestedTimeStep) {
@@ -6662,8 +6653,8 @@ var isNextStepAvailable = function isNextStepAvailable(reduxLayers, nextTimeStri
       status: false
     };
   });
-  var nextStepIsAvailable = isThereSomethingNotAvailable.filter(function (d) {
-    return d.status === true;
+  var nextStepIsAvailable = isThereSomethingNotAvailable.filter(function (step) {
+    return step.status === true;
   }).length === wmLayers.length;
   return nextStepIsAvailable;
 };
@@ -6700,8 +6691,8 @@ var olMetronomeHandler = function olMetronomeHandler(timerIds, listenerApi) {
       // Collect all layers for this syncgroups target
       var reduxLayers = [];
       targets.forEach(function (target) {
-        reduxLayers.push.apply(reduxLayers, _toConsumableArray(getLayersByMapId(listenerApi.getState(), target.targetId).filter(function (l) {
-          return l.layerType === LayerType.mapLayer;
+        reduxLayers.push.apply(reduxLayers, _toConsumableArray(getLayersByMapId(listenerApi.getState(), target.targetId).filter(function (layer) {
+          return layer.layerType === LayerType.mapLayer;
         })));
       });
       var nextStep = getNextStep(timerId, animationListValues.length, 1);
@@ -6856,7 +6847,7 @@ var updateAnimation = function updateAnimation(mapId, maxValue, listenerApi) {
 mapListener.startListening({
   actionCreator: mapActions.toggleAutoUpdate,
   effect: function () {
-    var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref3, listenerApi) {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref3, listenerApi) {
       var payload, shouldAutoUpdate, mapId, autoUpdateLayerId, timeDimension, syncedMapIds, payloads;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -7002,8 +6993,8 @@ var handleBaseLayers = function handleBaseLayers(mapId, baseLayers, listenerApi)
 mapListener.startListening({
   actionCreator: mapActions.setMapPreset,
   effect: function () {
-    var _effect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref6, listenerApi) {
-      var payload, mapId, initialProps, mapPreset, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, dockedLayerManagerSize, timeSliderSpan, toggleTimeSpanAuto, _filterLayers, mapLayers, baseLayers, overLayers, _newLayerIds$layers$f, _newLayerIds$layers$f2, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, newAutoTimeStepLayerId, newAutoUpdateLayerId, customLayers, customBaseLayer, customOverLayer, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, checkIsprojectionSupported, animationLength, animationEndTime, shouldEndtimeOverride, interval, endTime, startTime, centerTimeInSeconds, animationEnd, _startTime, duration, _animationEnd, animationStart, shouldOpenLegend, legendId, fiveMinuteDelayForAnimation, _animationEnd2, _animationStart;
+    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref6, listenerApi) {
+      var payload, mapId, initialProps, mapPreset, layers, activeLayerId, autoTimeStepLayerId, autoUpdateLayerId, proj, shouldAutoUpdate, shouldAnimate, animationPayload, toggleTimestepAuto, showTimeSlider, displayMapPin, shouldShowZoomControls, shouldShowLegend, shouldShowDataExplorer, dockedLayerManagerSize, timeSliderSpan, toggleTimeSpanAuto, _filterLayers, mapLayers, baseLayers, overLayers, _newLayerIds$layers$f, _newLayerIds$layers$f2, autoTimeStepLayerIdNew, autoUpdateLayerIdNew, onlyActiveLayerIdIsSet, newLayerIds, newAutoTimeStepLayerId, newAutoUpdateLayerId, customLayers, customBaseLayer, customOverLayer, baseLayersWithDefaultLayer, overLayersWithDefaultLayer, allBaseLayers, checkIsprojectionSupported, animationLength, animationEndTime, shouldEndtimeOverride, interval, endTime, startTime, centerTimeInSeconds, animationEnd, _startTime, duration, _animationEnd, animationStart, shouldOpenLegend, legendId, fiveMinuteDelayForAnimation, _animationEnd2, _animationStart;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -7012,10 +7003,10 @@ mapListener.startListening({
             mapId = payload.mapId, initialProps = payload.initialProps;
             mapPreset = initialProps.mapPreset;
             if (!mapPreset) {
-              _context2.next = 50;
+              _context2.next = 51;
               break;
             }
-            layers = mapPreset.layers, activeLayerId = mapPreset.activeLayerId, autoTimeStepLayerId = mapPreset.autoTimeStepLayerId, autoUpdateLayerId = mapPreset.autoUpdateLayerId, proj = mapPreset.proj, shouldAutoUpdate = mapPreset.shouldAutoUpdate, shouldAnimate = mapPreset.shouldAnimate, animationPayload = mapPreset.animationPayload, toggleTimestepAuto = mapPreset.toggleTimestepAuto, showTimeSlider = mapPreset.showTimeSlider, displayMapPin = mapPreset.displayMapPin, shouldShowZoomControls = mapPreset.shouldShowZoomControls, shouldShowLegend = mapPreset.shouldShowLegend, dockedLayerManagerSize = mapPreset.dockedLayerManagerSize, timeSliderSpan = mapPreset.timeSliderSpan, toggleTimeSpanAuto = mapPreset.toggleTimeSpanAuto;
+            layers = mapPreset.layers, activeLayerId = mapPreset.activeLayerId, autoTimeStepLayerId = mapPreset.autoTimeStepLayerId, autoUpdateLayerId = mapPreset.autoUpdateLayerId, proj = mapPreset.proj, shouldAutoUpdate = mapPreset.shouldAutoUpdate, shouldAnimate = mapPreset.shouldAnimate, animationPayload = mapPreset.animationPayload, toggleTimestepAuto = mapPreset.toggleTimestepAuto, showTimeSlider = mapPreset.showTimeSlider, displayMapPin = mapPreset.displayMapPin, shouldShowZoomControls = mapPreset.shouldShowZoomControls, shouldShowLegend = mapPreset.shouldShowLegend, shouldShowDataExplorer = mapPreset.shouldShowDataExplorer, dockedLayerManagerSize = mapPreset.dockedLayerManagerSize, timeSliderSpan = mapPreset.timeSliderSpan, toggleTimeSpanAuto = mapPreset.toggleTimeSpanAuto;
             _filterLayers = filterLayers(layers), mapLayers = _filterLayers.mapLayers, baseLayers = _filterLayers.baseLayers, overLayers = _filterLayers.overLayers;
             if (layers) {
               //  make sure all layers have a unique id before going forward
@@ -7222,21 +7213,30 @@ mapListener.startListening({
                 setOpen: shouldOpenLegend
               }));
             }
+            // show data explorer
+            if (shouldShowDataExplorer) {
+              listenerApi.dispatch(uiActions.setActiveMapIdForDialog({
+                type: DialogTypes.DataExplorer,
+                setOpen: true,
+                source: 'app',
+                mapId: mapId
+              }));
+            }
             if (dockedLayerManagerSize) {
               listenerApi.dispatch(mapActions.setDockedLayerManagerSize({
                 mapId: mapId,
                 dockedLayerManagerSize: dockedLayerManagerSize
               }));
             }
-          case 40:
+          case 41:
             if (!(animationEndTime && (shouldEndtimeOverride || !(shouldAutoUpdate || shouldAnimate)))) {
-              _context2.next = 50;
+              _context2.next = 51;
               break;
             }
             fiveMinuteDelayForAnimation = 1000 * 60 * 5; // eslint-disable-next-line no-await-in-loop
-            _context2.next = 44;
+            _context2.next = 45;
             return listenerApi.delay(fiveMinuteDelayForAnimation);
-          case 44:
+          case 45:
             _animationEnd2 = getAnimationEndTime(listenerApi.getState(), mapId);
             listenerApi.dispatch(mapActions.setAnimationEndTime({
               mapId: mapId,
@@ -7251,13 +7251,13 @@ mapListener.startListening({
                 minutes: 5
               }).toISOString()
             }));
-            _context2.next = 40;
+            _context2.next = 41;
             break;
-          case 50:
-            _context2.next = 55;
+          case 51:
+            _context2.next = 56;
             break;
-          case 52:
-            _context2.prev = 52;
+          case 53:
+            _context2.prev = 53;
             _context2.t0 = _context2["catch"](1);
             if (_context2.t0 instanceof Error) {
               listenerApi.dispatch(mapActions.setMapPresetError({
@@ -7265,11 +7265,11 @@ mapListener.startListening({
                 error: _context2.t0.message
               }));
             }
-          case 55:
+          case 56:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[1, 52]]);
+      }, _callee2, null, [[1, 53]]);
     }));
     function effect(_x3, _x4) {
       return _effect2.apply(this, arguments);
@@ -7527,7 +7527,7 @@ openlayersListener.startListening({
 var _excluded = ["url"];
 var serviceListener = createListenerMiddleware();
 var fetchService = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(service, listenerApi) {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(service, listenerApi) {
     var layers;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
@@ -7559,7 +7559,7 @@ var fetchService = /*#__PURE__*/function () {
   };
 }();
 var fetchInitialServices = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(payload, listenerApi) {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(payload, listenerApi) {
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -7599,7 +7599,7 @@ var fetchInitialServices = /*#__PURE__*/function () {
 serviceListener.startListening({
   actionCreator: serviceActions.fetchInitialServices,
   effect: function () {
-    var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref4, listenerApi) {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref4, listenerApi) {
       var payload;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -7684,7 +7684,7 @@ var routerListener = createListenerMiddleware();
 routerListener.startListening({
   actionCreator: routerActions.navigateToUrl,
   effect: function () {
-    var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
       var payload;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -7954,7 +7954,7 @@ var registerOrigin = 'drawings listener:registerDrawToolListener';
 drawingToolListener.startListening({
   actionCreator: drawingToolActions.registerDrawTool,
   effect: function () {
-    var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
       var payload, mapId, geoJSONLayerId, geoJSONIntersectionLayerId, geoJSONIntersectionBoundsLayerId, _payload$defaultGeoJS, defaultGeoJSON, _payload$defaultGeoJS2, defaultGeoJSONIntersection, defaultGeoJSONIntersectionBounds, _payload$defaultGeoJS3, defaultGeoJSONIntersectionProperties, existingBoundsLayer;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -8021,7 +8021,7 @@ drawingToolListener.startListening({
 drawingToolListener.startListening({
   actionCreator: drawingToolActions.changeDrawToolMode,
   effect: function () {
-    var _effect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
+    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
       var payload, _currentGeoJSON$featu, _currentGeoJSON$featu2, drawModeId, drawToolId, _payload$shouldUpdate, shouldUpdateShape, drawingTool, _drawingTool$shouldAl, shouldAllowMultipleShapes, geoJSONIntersectionLayerId, geoJSONIntersectionBoundsLayerId, newDrawMode, geoJSONLayer, geoJSON, lastFeatureIndex, newGeoJSON, currentGeoJSONLayer, _ref3, currentGeoJSON, _ref3$selectedFeature, selectedFeatureIndex, currentSelectionType, newSelectionType, isNewToolSelected, shouldUpdateNewShape, shapeWithSelectionType, geoJSONFeatureCollection, _newGeoJSON;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -8145,7 +8145,7 @@ drawingToolListener.startListening({
 drawingToolListener.startListening({
   actionCreator: drawingToolActions.changeIntersectionBounds,
   effect: function () {
-    var _effect3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref4, listenerApi) {
+    var _effect3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref4, listenerApi) {
       var payload, drawToolId, geoJSON, drawtool;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -8189,7 +8189,7 @@ var layersListener = createListenerMiddleware();
 layersListener.startListening({
   actionCreator: layerActions.showLayerInfo,
   effect: function () {
-    var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref, listenerApi) {
       var payload, mapId, source, currentActiveMapId, isOpenInStore;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -8221,7 +8221,7 @@ layersListener.startListening({
 layersListener.startListening({
   actionCreator: uiActions.setToggleOpenDialog,
   effect: function () {
-    var _effect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
+    var _effect2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, listenerApi) {
       var payload, setOpen, type, isOpenInStore;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -8251,7 +8251,7 @@ var metronomeListener = createListenerMiddleware();
 metronomeListener.startListening({
   actionCreator: mapActions.mapStartAnimation,
   effect: function () {
-    var _effect = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_, listenerApi) {
+    var _effect = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_, listenerApi) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0: