@opengeoweb/webmap 9.8.0 → 9.10.0

package/index.esm.js

@@ -1,7 +1,6 @@
 import { debounce, throttle } from 'throttle-debounce';
 import { compact, range } from 'lodash';
 import { dateUtils } from '@opengeoweb/shared';
-import { parseISO, isValid, add, sub, isWithinInterval } from 'date-fns';
 import moment from 'moment';
 import proj4 from 'proj4';
 
@@ -1177,7 +1176,9 @@ var WMImage = /*#__PURE__*/function () {
   }, {
     key: "load",
     value: function load() {
-      this._load();
+      if (!this._isLoading) {
+        this._load();
+      }
     }
   }, {
     key: "forceReload",
@@ -1193,8 +1194,17 @@ var WMImage = /*#__PURE__*/function () {
       var _this2 = this;
       var fetchHeaders = new Headers();
       if (headers && headers.length > 0) {
-        for (var j = 0; j < headers.length; j += 1) {
-          fetchHeaders.append(headers[j].name, headers[j].value);
+        var _iterator = _createForOfIteratorHelper(headers),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var header = _step.value;
+            fetchHeaders.append(header.name, header.value);
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
         }
       }
       var options = {
@@ -1346,8 +1356,17 @@ var WMImageStore = /*#__PURE__*/function () {
   }, {
     key: "imageLoadEventCallback",
     value: function imageLoadEventCallback(_img, imageEventType) {
-      for (var j = 0; j < this._loadEventCallbackList.length; j += 1) {
-        this._loadEventCallbackList[j].callback(_img, this._loadEventCallbackList[j].id, imageEventType);
+      var _iterator = _createForOfIteratorHelper(this._loadEventCallbackList),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var eventCallback = _step.value;
+          eventCallback.callback(_img, eventCallback.id, imageEventType);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
     }
     /**
@@ -1657,16 +1676,25 @@ var WMListener = /*#__PURE__*/function () {
   }, {
     key: "removeEvents",
     value: function removeEvents(name, f) {
-      for (var j = 0; j < this._callBacks.length; j += 1) {
-        if (this._callBacks[j].finished === 0) {
-          if (this._callBacks[j].name === name) {
-            if (!f) {
-              this._callBacks[j].finished = 1;
-            } else if (this._callBacks[j].functionpointer === f) {
-              this._callBacks[j].finished = 1;
+      var _iterator = _createForOfIteratorHelper(this._callBacks),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var callBack = _step.value;
+          if (callBack.finished === 0) {
+            if (callBack.name === name) {
+              if (!f) {
+                callBack.finished = 1;
+              } else if (callBack.functionpointer === f) {
+                callBack.finished = 1;
+              }
             }
           }
         }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
     }
   }, {
@@ -1706,19 +1734,28 @@ var WMListener = /*#__PURE__*/function () {
         return [];
       }
       var returnList = [];
-      for (var j = 0; j < this._callBacks.length; j += 1) {
-        if (this._callBacks[j].finished === 0) {
-          if (this._callBacks[j].name === name) {
-            if (this._callBacks[j].keepOnCall === false) {
-              this._callBacks[j].finished = 1;
-            }
-            try {
-              returnList.push(this._callBacks[j].functionpointer(param, this));
-            } catch (e) {
-              debugLogger(DebugType.Error);
+      var _iterator2 = _createForOfIteratorHelper(this._callBacks),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var callBack = _step2.value;
+          if (callBack.finished === 0) {
+            if (callBack.name === name) {
+              if (callBack.keepOnCall === false) {
+                callBack.finished = 1;
+              }
+              try {
+                returnList.push(callBack.functionpointer(param, this));
+              } catch (e) {
+                debugLogger(DebugType.Error, "Error for event [".concat(name, "]: "), param, e);
+              }
             }
           }
         }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
       }
       return returnList;
     }
@@ -1897,11 +1934,20 @@ var WMCanvasBuffer = /*#__PURE__*/function () {
   }, {
     key: "_statDivBufferImageLoaded",
     value: function _statDivBufferImageLoaded() {
-      for (var j = 0; j < this.layers.length; j += 1) {
-        var image = this._imageStore.getImageForSrc(this.layers[j].imageSource);
-        if (!image || image.isLoaded() === false) {
-          return;
+      var _iterator = _createForOfIteratorHelper(this.layers),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var layer = _step.value;
+          var image = this._imageStore.getImageForSrc(layer.imageSource);
+          if (!image || image.isLoaded() === false) {
+            return;
+          }
         }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
       this.finishedLoading();
     }
@@ -2016,11 +2062,20 @@ var WMCanvasBuffer = /*#__PURE__*/function () {
         return;
       }
       this.ready = true;
-      for (var j = 0; j < this.layers.length; j += 1) {
-        var image = this._imageStore.getImageForSrc(this.layers[j].imageSource);
-        if (image && image.hasError()) {
-          debugLogger(DebugType.Error, "image error: ".concat(image.getSrc()));
+      var _iterator2 = _createForOfIteratorHelper(this.layers),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var layer = _step2.value;
+          var image = this._imageStore.getImageForSrc(layer.imageSource);
+          if (image && image.hasError()) {
+            debugLogger(DebugType.Error, "image error: ".concat(image.getSrc()));
+          }
         }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
       }
       try {
         if (isDefined(this.onLoadReadyFunction)) {
@@ -2196,8 +2251,8 @@ function prefetchImagesForNonAnimation(wmMap) {
   }
   var currentValue = timeDimension.currentValue;
   var currentTimeIsoString = timeDimension.getClosestValue(currentValue);
-  var currentTime = parseISO(currentTimeIsoString);
-  if (!isValid(currentTime)) {
+  var currentTime = dateUtils.parseISO(currentTimeIsoString);
+  if (!dateUtils.isValid(currentTime)) {
     return;
   }
   var maxTimesToPrefetchIfOneLayer = maxImagesToPrefetch / 2;
@@ -2205,8 +2260,8 @@ function prefetchImagesForNonAnimation(wmMap) {
     var duration = {
       minutes: timestepInMinutes * offset
     };
-    var nextTime = add(currentTime, duration).toISOString();
-    var previousTime = sub(currentTime, duration).toISOString();
+    var nextTime = dateUtils.add(currentTime, duration).toISOString();
+    var previousTime = dateUtils.sub(currentTime, duration).toISOString();
     return [nextTime, previousTime];
   });
   prefetchLayerImagesInOrder(wmMap, timesToPrefetchInOrder, maxImagesToPrefetch);
@@ -2664,8 +2719,8 @@ var WMTileRenderer = /*#__PURE__*/function () {
         }
         return 0;
       });
-      for (var i = 0; i < imagesToRender.length; i += 1) {
-        var image = imagesToRender[i];
+      for (var _i = 0, _imagesToRender = imagesToRender; _i < _imagesToRender.length; _i++) {
+        var image = _imagesToRender[_i];
         if (image.image.isLoaded() && !image.image.hasError()) {
           try {
             ctx.drawImage(image.i, image.x, image.y, image.w, image.h);
@@ -2683,22 +2738,6 @@ var WMTileRenderer = /*#__PURE__*/function () {
   return WMTileRenderer;
 }();
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
- * */
 var legendImageStore = new WMImageStore(legendImageStoreLength, {
   id: 'legendImageStore'
 });
@@ -2738,41 +2777,50 @@ var drawLegend = function drawLegend(canvasContext, width, height, layers) {
   /* Draw legends */
   var ctx = canvasContext;
   var legendPosX = 0;
-  for (var j = 0; j < layers.length; j += 1) {
-    if (layers[j].enabled !== false) {
-      var legendUrl = getLegendGraphicURLForLayer(layers[j]);
-      if (isDefined(legendUrl)) {
-        var image = legendImageStore.getImage(legendUrl, {
-          headers: layers[j].headers
-        });
-        if (image.hasError() === false) {
-          if (image.isLoaded() === false && image.isLoading() === false) {
-            image.load();
-          } else {
-            var el = image.getElement();
-            var legendW = Math.trunc(el.width) + 4;
-            var legendH = Math.trunc(el.height) + 4;
-            legendPosX += legendW + 4;
-            var legendX = width - legendPosX + 2;
-            var legendY = height - legendH - 2 - 13;
-            ctx.beginPath();
-            ctx.fillStyle = '#FFFFFF';
-            ctx.lineWidth = 0.3;
-            ctx.globalAlpha = 0.5;
-            ctx.strokeStyle = '#000000';
-            ctx.rect(legendX + 0.5, legendY + 0.5, legendW, legendH);
-            ctx.fill();
-            ctx.stroke();
-            ctx.globalAlpha = 1.0;
-            try {
-              ctx.drawImage(el, legendX, legendY);
-            } catch (e) {
-              debugLogger(DebugType.Error);
+  var _iterator = _createForOfIteratorHelper(layers),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var layer = _step.value;
+      if (layer.enabled !== false) {
+        var legendUrl = getLegendGraphicURLForLayer(layer);
+        if (isDefined(legendUrl)) {
+          var image = legendImageStore.getImage(legendUrl, {
+            headers: layer.headers
+          });
+          if (image.hasError() === false) {
+            if (image.isLoaded() === false && image.isLoading() === false) {
+              image.load();
+            } else {
+              var el = image.getElement();
+              var legendW = Math.trunc(el.width) + 4;
+              var legendH = Math.trunc(el.height) + 4;
+              legendPosX += legendW + 4;
+              var legendX = width - legendPosX + 2;
+              var legendY = height - legendH - 2 - 13;
+              ctx.beginPath();
+              ctx.fillStyle = '#FFFFFF';
+              ctx.lineWidth = 0.3;
+              ctx.globalAlpha = 0.5;
+              ctx.strokeStyle = '#000000';
+              ctx.rect(legendX + 0.5, legendY + 0.5, legendW, legendH);
+              ctx.fill();
+              ctx.stroke();
+              ctx.globalAlpha = 1.0;
+              try {
+                ctx.drawImage(el, legendX, legendY);
+              } catch (e) {
+                debugLogger(DebugType.Error, "Unable to draw legend image ".concat(legendUrl));
+              }
             }
           }
         }
       }
     }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
 };
 
@@ -3241,7 +3289,7 @@ var ParseISOTimeRangeDuration = /*#__PURE__*/function () {
           var currentTime = next.getTime();
           next.add(this.timeInterval);
           var nextTime = next.getTime();
-          if (isWithinInterval(wantedTime, {
+          if (dateUtils.isWithinInterval(wantedTime, {
             start: currentTime,
             end: nextTime
           })) {
@@ -3277,6 +3325,20 @@ var ParseISOTimeRangeDuration = /*#__PURE__*/function () {
   }]);
   return ParseISOTimeRangeDuration;
 }();
+function calculateTimeIntervalFromList(dateStrings) {
+  if (dateStrings.length < 2) {
+    throw new Error('Need at least two dates to calculate an interval.');
+  }
+  var firstDate = parseISO8601DateToDate(dateStrings[0]);
+  var secondDate = parseISO8601DateToDate(dateStrings[1]);
+  var years = dateUtils.differenceInYears(secondDate, firstDate);
+  var months = dateUtils.differenceInMonths(secondDate, firstDate) % 12;
+  var days = dateUtils.differenceInDays(secondDate, firstDate) % 30;
+  var hours = dateUtils.differenceInHours(secondDate, firstDate) % 24;
+  var minutes = dateUtils.differenceInMinutes(secondDate, firstDate) % 60;
+  var seconds = dateUtils.differenceInSeconds(secondDate, firstDate) % 60;
+  return new DateInterval(years.toString(), months.toString(), days.toString(), hours.toString(), minutes.toString(), seconds.toString());
+}
 /* Example:
 function init(){
   let isodate="1999-01-01T00:00:00Z/2009-12-01T00:00:00Z/PT60S";
@@ -3530,6 +3592,12 @@ var WMJSDimension = /*#__PURE__*/function () {
           this._allValues.forEach(function (value) {
             _this._allDates.push(parseISO8601DateToDate(value));
           });
+          var isRangeFormat = this._allValues.some(function (value) {
+            return value.includes('/');
+          });
+          if (!isRangeFormat && this._allValues.length > 1) {
+            this.calculatedTimeInterval = calculateTimeIntervalFromList(this._allValues);
+          }
         }
       }
       /* If no default value is given, take the last / most recent one */
@@ -3563,7 +3631,7 @@ var WMJSDimension = /*#__PURE__*/function () {
       if (this._timeRangeDurationDate) {
         this.dimTimeInterval = this._timeRangeDurationDate.timeInterval;
       } else {
-        this.dimTimeInterval = null;
+        this.dimTimeInterval = this.calculatedTimeInterval;
       }
     }
     /**
@@ -4650,28 +4718,37 @@ var WMJSMap = /*#__PURE__*/function () {
     key: "_adagucBeforeDraw",
     value: function _adagucBeforeDraw(ctx) {
       if (this.baseLayers) {
-        for (var l = 0; l < this.baseLayers.length; l += 1) {
-          if (this.baseLayers[l].enabled && this.baseLayers[l].keepOnTop === false && this.baseLayers[l].type && this.baseLayers[l].type === 'twms' && this.tileRenderSettings) {
-            ctx.globalAlpha = this.baseLayers[l].opacity;
-            var _this$wmTileRenderer$ = this.wmTileRenderer.render(this.bbox, this.updateBBOX, this.srs, this.width, this.height, ctx, bgMapImageStore, this.tileRenderSettings, this.baseLayers[l].name),
-              attributionText = _this$wmTileRenderer$.attributionText;
-            ctx.globalAlpha = 1.0;
-            var adagucAttribution = "ADAGUC webmapjs ".concat(this.WebMapJSMapVersion);
-            var txt = attributionText ? "".concat(adagucAttribution, " | ").concat(attributionText) : adagucAttribution;
-            var x = this.width - 8;
-            var y = this.height - 8;
-            ctx.font = '10px Arial';
-            ctx.textAlign = 'right';
-            ctx.textBaseline = 'middle';
-            ctx.fillStyle = '#FFF';
-            ctx.globalAlpha = 0.75;
-            var _ctx$measureText = ctx.measureText(txt),
-              width = _ctx$measureText.width;
-            ctx.fillRect(x - width, y - 6, width + 8, 14);
-            ctx.fillStyle = '#444';
-            ctx.globalAlpha = 1.0;
-            ctx.fillText(txt, x + 4, y + 2);
+        var _iterator = _createForOfIteratorHelper(this.baseLayers),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var baseLayer = _step.value;
+            if (baseLayer.enabled && baseLayer.keepOnTop === false && baseLayer.type && baseLayer.type === 'twms' && this.tileRenderSettings) {
+              ctx.globalAlpha = baseLayer.opacity;
+              var _this$wmTileRenderer$ = this.wmTileRenderer.render(this.bbox, this.updateBBOX, this.srs, this.width, this.height, ctx, bgMapImageStore, this.tileRenderSettings, baseLayer.name),
+                attributionText = _this$wmTileRenderer$.attributionText;
+              ctx.globalAlpha = 1.0;
+              var adagucAttribution = "ADAGUC webmapjs ".concat(this.WebMapJSMapVersion);
+              var txt = attributionText ? "".concat(adagucAttribution, " | ").concat(attributionText) : adagucAttribution;
+              var x = this.width - 8;
+              var y = this.height - 8;
+              ctx.font = '10px Arial';
+              ctx.textAlign = 'right';
+              ctx.textBaseline = 'middle';
+              ctx.fillStyle = '#FFF';
+              ctx.globalAlpha = 0.75;
+              var _ctx$measureText = ctx.measureText(txt),
+                width = _ctx$measureText.width;
+              ctx.fillRect(x - width, y - 6, width + 8, 14);
+              ctx.fillStyle = '#444';
+              ctx.globalAlpha = 1.0;
+              ctx.fillText(txt, x + 4, y + 2);
+            }
           }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
         }
       }
     }
@@ -4714,33 +4791,51 @@ var WMJSMap = /*#__PURE__*/function () {
         ctx.globalAlpha = 1;
       }
       /* Gather errors */
-      for (var i = 0; i < this.layers.length; i += 1) {
-        for (var j = 0; j < this.layers[i].dimensions.length; j += 1) {
-          if (this.layers[i].dimensions[j].currentValue === WMDateOutSideRange) {
-            this.canvasErrors.push({
-              linkedInfo: {
-                layer: this.layers[i],
-                message: 'Time outside range'
-              }
-            });
-          } else if (this.layers[i].dimensions[j].currentValue === WMDateTooEarlyString) {
-            this.canvasErrors.push({
-              linkedInfo: {
-                layer: this.layers[i],
-                message: 'Time too early'
-              }
-            });
-          } else if (this.layers[i].dimensions[j].currentValue === WMDateTooLateString) {
-            this.canvasErrors.push({
-              linkedInfo: {
-                layer: this.layers[i],
-                message: 'Time too late'
+      var _iterator2 = _createForOfIteratorHelper(this.layers),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var _layer2 = _step2.value;
+          var _iterator3 = _createForOfIteratorHelper(_layer2.dimensions),
+            _step3;
+          try {
+            for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+              var _dimension = _step3.value;
+              if (_dimension.currentValue === WMDateOutSideRange) {
+                this.canvasErrors.push({
+                  linkedInfo: {
+                    layer: _layer2,
+                    message: 'Time outside range'
+                  }
+                });
+              } else if (_dimension.currentValue === WMDateTooEarlyString) {
+                this.canvasErrors.push({
+                  linkedInfo: {
+                    layer: _layer2,
+                    message: 'Time too early'
+                  }
+                });
+              } else if (_dimension.currentValue === WMDateTooLateString) {
+                this.canvasErrors.push({
+                  linkedInfo: {
+                    layer: _layer2,
+                    message: 'Time too late'
+                  }
+                });
               }
-            });
+            }
+          } catch (err) {
+            _iterator3.e(err);
+          } finally {
+            _iterator3.f();
           }
         }
+        /* Display errors found during drawing canvas */
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
       }
-      /* Display errors found during drawing canvas */
       if (this.canvasErrors && this.canvasErrors.length > 0) {
         var errorsToDisplay = getErrorsToDisplay(this.canvasErrors, this.getLayerByServiceAndName);
         this.canvasErrors = [];
@@ -4842,15 +4937,15 @@ var WMJSMap = /*#__PURE__*/function () {
           ctx.font = '9px Helvetica';
           ctx.textBaseline = 'middle';
           ctx.textAlign = 'left';
-          for (var _j = 0; _j < 2; _j += 1) {
-            ctx.moveTo(offsetX, scaleBarHeight - 2 - _j + offsetY);
-            ctx.lineTo(scaleBarProps.width * 2 + offsetX + 1, scaleBarHeight - 2 - _j + offsetY);
+          for (var j = 0; j < 2; j += 1) {
+            ctx.moveTo(offsetX, scaleBarHeight - 2 - j + offsetY);
+            ctx.lineTo(scaleBarProps.width * 2 + offsetX + 1, scaleBarHeight - 2 - j + offsetY);
           }
           var subDivXW = parseInt(Math.round(scaleBarProps.width / 5), 10);
           ctx.lineWidth = 0.5;
-          for (var _j2 = 1; _j2 < 5; _j2 += 1) {
-            ctx.moveTo(offsetX + subDivXW * _j2, scaleBarHeight - 2 + offsetY);
-            ctx.lineTo(offsetX + subDivXW * _j2, scaleBarHeight - 2 - 5 + offsetY);
+          for (var _j = 1; _j < 5; _j += 1) {
+            ctx.moveTo(offsetX + subDivXW * _j, scaleBarHeight - 2 + offsetY);
+            ctx.lineTo(offsetX + subDivXW * _j, scaleBarHeight - 2 - 5 + offsetY);
           }
           ctx.lineWidth = 1.0;
           ctx.moveTo(offsetX, scaleBarHeight - 2 + offsetY);
@@ -4945,9 +5040,9 @@ var WMJSMap = /*#__PURE__*/function () {
         drawTextBG(ctx, 'Layer name', metadataX, metadataY + rowNumber * rowHeight, 10);
         drawTextBG(ctx, 'Dimensions', metadataX + dimStartX, metadataY + rowNumber * rowHeight, 10);
         rowNumber += 1;
-        for (var _j3 = 0; _j3 < this.layers.length; _j3 += 1) {
-          var layer = this.layers[_j3];
-          drawTextBG(ctx, "#".concat(_j3, ":").concat(layer.name), metadataX, metadataY + rowNumber * rowHeight, 10);
+        for (var _j2 = 0; _j2 < this.layers.length; _j2 += 1) {
+          var layer = this.layers[_j2];
+          drawTextBG(ctx, "#".concat(_j2, ":").concat(layer.name), metadataX, metadataY + rowNumber * rowHeight, 10);
           for (var d = 0; d < layer.dimensions.length; d += 1) {
             var dimension = layer.dimensions[d];
             drawTextBG(ctx, "".concat(dimension.name, " = ").concat(dimension.currentValue), metadataX + d * 200 + dimStartX, metadataY + rowNumber * rowHeight, 10);
@@ -5138,8 +5233,17 @@ var WMJSMap = /*#__PURE__*/function () {
   }, {
     key: "setActiveLayer",
     value: function setActiveLayer(layer) {
-      for (var j = 0; j < this.layers.length; j += 1) {
-        this.layers[j].active = false;
+      var _iterator4 = _createForOfIteratorHelper(this.layers),
+        _step4;
+      try {
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+          var _layer3 = _step4.value;
+          _layer3.active = false;
+        }
+      } catch (err) {
+        _iterator4.e(err);
+      } finally {
+        _iterator4.f();
       }
       this.activeLayer = layer;
       this.activeLayer.active = true;
@@ -5152,12 +5256,21 @@ var WMJSMap = /*#__PURE__*/function () {
     value: function calculateNumBaseLayers() {
       this.numBaseLayers = 0;
       if (this.baseLayers) {
-        for (var l = 0; l < this.baseLayers.length; l += 1) {
-          if (this.baseLayers[l].enabled) {
-            if (this.baseLayers[l].keepOnTop === false) {
-              this.numBaseLayers += 1;
+        var _iterator5 = _createForOfIteratorHelper(this.baseLayers),
+          _step5;
+        try {
+          for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+            var baseLayer = _step5.value;
+            if (baseLayer.enabled) {
+              if (baseLayer.keepOnTop === false) {
+                this.numBaseLayers += 1;
+              }
             }
           }
+        } catch (err) {
+          _iterator5.e(err);
+        } finally {
+          _iterator5.f();
         }
       }
     }
@@ -5209,8 +5322,17 @@ var WMJSMap = /*#__PURE__*/function () {
   }, {
     key: "removeAllLayers",
     value: function removeAllLayers() {
-      for (var i = 0; i < this.layers.length; i += 1) {
-        this.layers[i].setAutoUpdate(false);
+      var _iterator6 = _createForOfIteratorHelper(this.layers),
+        _step6;
+      try {
+        for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+          var layer = _step6.value;
+          layer.setAutoUpdate(false);
+        }
+      } catch (err) {
+        _iterator6.e(err);
+      } finally {
+        _iterator6.f();
       }
       this.layers.length = 0;
       this.mapdimensions.length = 0;
@@ -5530,15 +5652,33 @@ var WMJSMap = /*#__PURE__*/function () {
         // Make first a header with 'Layer' and the dimensions
         infoHTML += '<tr><th>Layer</th>';
         if (this.mapdimensions) {
-          for (var d = 0; d < this.mapdimensions.length; d += 1) {
-            infoHTML += "<th>".concat(this.mapdimensions[d].name, "</th>");
+          var _iterator7 = _createForOfIteratorHelper(this.mapdimensions),
+            _step7;
+          try {
+            for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
+              var mapDim = _step7.value;
+              infoHTML += "<th>".concat(mapDim.name, "</th>");
+            }
+          } catch (err) {
+            _iterator7.e(err);
+          } finally {
+            _iterator7.f();
           }
         }
         infoHTML += '</tr>';
         infoHTML += '<tr><td>Map</tdh>';
         if (this.mapdimensions) {
-          for (var _d = 0; _d < this.mapdimensions.length; _d += 1) {
-            infoHTML += "<td>".concat(this.mapdimensions[_d].currentValue, "</td>");
+          var _iterator8 = _createForOfIteratorHelper(this.mapdimensions),
+            _step8;
+          try {
+            for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
+              var _mapDim = _step8.value;
+              infoHTML += "<td>".concat(_mapDim.currentValue, "</td>");
+            }
+          } catch (err) {
+            _iterator8.e(err);
+          } finally {
+            _iterator8.f();
           }
         }
         infoHTML += '</tr>';
@@ -5551,19 +5691,37 @@ var WMJSMap = /*#__PURE__*/function () {
               var layerTitle = '';
               layerTitle += this.layers[j].title;
               infoHTML += "<tr><td>".concat(layerTitle, "</td>");
-              for (var mapdim = 0; mapdim < this.mapdimensions.length; mapdim += 1) {
-                var foundDim = false;
-                for (var layerdim = 0; layerdim < layerDimensionsObject.length; layerdim += 1) {
-                  if (layerDimensionsObject[layerdim].name.toUpperCase() === this.mapdimensions[mapdim].name.toUpperCase()) {
-                    infoHTML += "<td>".concat(layerDimensionsObject[layerdim].currentValue, "</td>");
-                    foundDim = true;
-                    infoHTMLHasValidContent = true;
-                    break;
+              var _iterator9 = _createForOfIteratorHelper(this.mapdimensions),
+                _step9;
+              try {
+                for (_iterator9.s(); !(_step9 = _iterator9.n()).done;) {
+                  var _mapDim2 = _step9.value;
+                  var foundDim = false;
+                  var _iterator10 = _createForOfIteratorHelper(layerDimensionsObject),
+                    _step10;
+                  try {
+                    for (_iterator10.s(); !(_step10 = _iterator10.n()).done;) {
+                      var layerDim = _step10.value;
+                      if (layerDim.name.toUpperCase() === _mapDim2.name.toUpperCase()) {
+                        infoHTML += "<td>".concat(layerDim.currentValue, "</td>");
+                        foundDim = true;
+                        infoHTMLHasValidContent = true;
+                        break;
+                      }
+                    }
+                  } catch (err) {
+                    _iterator10.e(err);
+                  } finally {
+                    _iterator10.f();
+                  }
+                  if (foundDim === false) {
+                    infoHTML += '<td>-</td>';
                   }
                 }
-                if (foundDim === false) {
-                  infoHTML += '<td>-</td>';
-                }
+              } catch (err) {
+                _iterator9.e(err);
+              } finally {
+                _iterator9.f();
               }
               infoHTML += '</tr>';
             }
@@ -5816,10 +5974,19 @@ var WMJSMap = /*#__PURE__*/function () {
       if (layer) {
         this.numBaseLayers = 0;
         this.baseLayers.push(layer);
-        for (var j = 0; j < this.baseLayers.length; j += 1) {
-          if (this.baseLayers[j].keepOnTop === true) {
-            this.numBaseLayers += 1;
+        var _iterator11 = _createForOfIteratorHelper(this.baseLayers),
+          _step11;
+        try {
+          for (_iterator11.s(); !(_step11 = _iterator11.n()).done;) {
+            var baseLayer = _step11.value;
+            if (baseLayer.keepOnTop === true) {
+              this.numBaseLayers += 1;
+            }
           }
+        } catch (err) {
+          _iterator11.e(err);
+        } finally {
+          _iterator11.f();
         }
         this.callBack.triggerEvent('onlayeradd');
       } else {
@@ -5832,11 +5999,20 @@ var WMJSMap = /*#__PURE__*/function () {
       if (layer) {
         this.numBaseLayers = 0;
         this.baseLayers = layer;
-        for (var j = 0; j < this.baseLayers.length; j += 1) {
-          this.baseLayers[j].parentMap = this;
-          if (this.baseLayers[j].keepOnTop !== true) {
-            this.numBaseLayers += 1;
+        var _iterator12 = _createForOfIteratorHelper(this.baseLayers),
+          _step12;
+        try {
+          for (_iterator12.s(); !(_step12 = _iterator12.n()).done;) {
+            var baseLayer = _step12.value;
+            baseLayer.parentMap = this;
+            if (baseLayer.keepOnTop !== true) {
+              this.numBaseLayers += 1;
+            }
           }
+        } catch (err) {
+          _iterator12.e(err);
+        } finally {
+          _iterator12.f();
         }
         this.callBack.triggerEvent('onlayerchange');
       } else {
@@ -6137,10 +6313,19 @@ var WMJSMap = /*#__PURE__*/function () {
             rightButton: detectRightButton(event),
             shiftKey: shiftKey
           });
-          for (var j = 0; j < triggerResults.length; j += 1) {
-            if (triggerResults[j] === false) {
-              return;
+          var _iterator13 = _createForOfIteratorHelper(triggerResults),
+            _step13;
+          try {
+            for (_iterator13.s(); !(_step13 = _iterator13.n()).done;) {
+              var triggerResult = _step13.value;
+              if (triggerResult === false) {
+                return;
+              }
             }
+          } catch (err) {
+            _iterator13.e(err);
+          } finally {
+            _iterator13.f();
           }
         }
       }
@@ -6266,10 +6451,19 @@ var WMJSMap = /*#__PURE__*/function () {
           leftButton: detectLeftButton(event),
           rightButton: detectRightButton(event)
         });
-        for (var j = 0; j < triggerResults.length; j += 1) {
-          if (triggerResults[j] === false) {
-            return;
+        var _iterator14 = _createForOfIteratorHelper(triggerResults),
+          _step14;
+        try {
+          for (_iterator14.s(); !(_step14 = _iterator14.n()).done;) {
+            var triggerResult = _step14.value;
+            if (triggerResult === false) {
+              return;
+            }
           }
+        } catch (err) {
+          _iterator14.e(err);
+        } finally {
+          _iterator14.f();
         }
       }
       if (this.divBoundingBox.displayed === true && this.mapPanning === 0) {
@@ -6427,11 +6621,20 @@ var WMJSMap = /*#__PURE__*/function () {
             mouseDown: false,
             event: e
           });
-          for (var j = 0; j < triggerResults.length; j += 1) {
-            if (triggerResults[j] === false) {
-              this.mouseDownPressed = 0;
-              return;
+          var _iterator15 = _createForOfIteratorHelper(triggerResults),
+            _step15;
+          try {
+            for (_iterator15.s(); !(_step15 = _iterator15.n()).done;) {
+              var triggerResult = _step15.value;
+              if (triggerResult === false) {
+                this.mouseDownPressed = 0;
+                return;
+              }
             }
+          } catch (err) {
+            _iterator15.e(err);
+          } finally {
+            _iterator15.f();
           }
         }
       }
@@ -6523,9 +6726,18 @@ var WMJSMap = /*#__PURE__*/function () {
       this.zoomTo(this.updateBBOX);
       this.wMFlyToBBox.flyZoomToBBOXStop();
       this.baseDiv.style.cursor = 'move';
-      for (var j = 0; j < this.gfiDialogList.length; j += 1) {
-        this.gfiDialogList[j].origX = this.gfiDialogList[j].x;
-        this.gfiDialogList[j].origY = this.gfiDialogList[j].y;
+      var _iterator16 = _createForOfIteratorHelper(this.gfiDialogList),
+        _step16;
+      try {
+        for (_iterator16.s(); !(_step16 = _iterator16.n()).done;) {
+          var gfiDialog = _step16.value;
+          gfiDialog.origX = gfiDialog.x;
+          gfiDialog.origY = gfiDialog.y;
+        }
+      } catch (err) {
+        _iterator16.e(err);
+      } finally {
+        _iterator16.f();
       }
       this.mapPanning = 1;
       debugLogger(DebugType.Log);
@@ -6751,16 +6963,25 @@ var WMJSMap = /*#__PURE__*/function () {
       this._updateBoundingBox(this.bbox);
       this.drawnBBOX.setBBOX(this.bbox);
       var resetMapPinAndDialogs = function resetMapPinAndDialogs() {
-        for (var j = 0; j < _this12.gfiDialogList.length; j += 1) {
-          var newpos = _this12.getPixelCoordFromGeoCoord({
-            x: _this12.gfiDialogList[j].geoPosX,
-            y: _this12.gfiDialogList[j].geoPosY
-          });
-          if (_this12.gfiDialogList[j].hasBeenDragged === false) {
-            if (_this12.gfiDialogList[j].moveToMouseCursor === true) {
-              _this12.gfiDialogList[j].setXY(_this12.gfiDialogList[j].origX + newpos.x, _this12.gfiDialogList[j].origY + newpos.y);
+        var _iterator17 = _createForOfIteratorHelper(_this12.gfiDialogList),
+          _step17;
+        try {
+          for (_iterator17.s(); !(_step17 = _iterator17.n()).done;) {
+            var gfiDialog = _step17.value;
+            var newpos = _this12.getPixelCoordFromGeoCoord({
+              x: gfiDialog.geoPosX,
+              y: gfiDialog.geoPosY
+            });
+            if (gfiDialog.hasBeenDragged === false) {
+              if (gfiDialog.moveToMouseCursor === true) {
+                gfiDialog.setXY(gfiDialog.origX + newpos.x, gfiDialog.origY + newpos.y);
+              }
             }
           }
+        } catch (err) {
+          _iterator17.e(err);
+        } finally {
+          _iterator17.f();
         }
       };
       resetMapPinAndDialogs();
@@ -6949,10 +7170,19 @@ var WMJSMap = /*#__PURE__*/function () {
   }, {
     key: "getDimension",
     value: function getDimension(name) {
-      for (var i = 0; i < this.mapdimensions.length; i += 1) {
-        if (this.mapdimensions[i].name === name) {
-          return this.mapdimensions[i];
+      var _iterator18 = _createForOfIteratorHelper(this.mapdimensions),
+        _step18;
+      try {
+        for (_iterator18.s(); !(_step18 = _iterator18.n()).done;) {
+          var mapDimension = _step18.value;
+          if (mapDimension.name === name) {
+            return mapDimension;
+          }
         }
+      } catch (err) {
+        _iterator18.e(err);
+      } finally {
+        _iterator18.f();
       }
       return undefined;
     }
@@ -7003,19 +7233,28 @@ var WMJSMap = /*#__PURE__*/function () {
         this.draw('zoomTolayer');
         return;
       }
-      for (var j = 0; j < layer.projectionProperties.length; j += 1) {
-        if (layer.projectionProperties[j].srs === this.srs) {
-          var w = layer.projectionProperties[j].bbox.right - layer.projectionProperties[j].bbox.left;
-          var h = layer.projectionProperties[j].bbox.top - layer.projectionProperties[j].bbox.bottom;
-          var newBBOX = layer.projectionProperties[j].bbox.clone();
-          newBBOX.left -= w / 100;
-          newBBOX.right += w / 100;
-          newBBOX.bottom -= h / 100;
-          newBBOX.top += h / 100;
-          this.zoomTo(newBBOX);
-          this.draw('zoomTolayer');
-          return;
+      var _iterator19 = _createForOfIteratorHelper(layer.projectionProperties),
+        _step19;
+      try {
+        for (_iterator19.s(); !(_step19 = _iterator19.n()).done;) {
+          var layerProjProp = _step19.value;
+          if (layerProjProp.srs === this.srs) {
+            var w = layerProjProp.bbox.right - layerProjProp.bbox.left;
+            var h = layerProjProp.bbox.top - layerProjProp.bbox.bottom;
+            var newBBOX = layerProjProp.bbox.clone();
+            newBBOX.left -= w / 100;
+            newBBOX.right += w / 100;
+            newBBOX.bottom -= h / 100;
+            newBBOX.top += h / 100;
+            this.zoomTo(newBBOX);
+            this.draw('zoomTolayer');
+            return;
+          }
         }
+      } catch (err) {
+        _iterator19.e(err);
+      } finally {
+        _iterator19.f();
       }
       debugLogger(DebugType.Error, "WebMapJS: Unable to find the correct bbox with current map projection ".concat(this.srs, " for layer ").concat(layer.title, ". Using default bbox instead."));
       this.zoomTo(this.defaultBBOX);
@@ -7058,14 +7297,14 @@ var WMJSMap = /*#__PURE__*/function () {
           for (var j = 0; j <= this.UndoPointer; j += 1) {
             this.WMProjectionTempUndo[j] = this.WMProjectionUndo[j];
           }
-          for (var _j4 = 0; _j4 <= this.UndoPointer; _j4 += 1) {
-            this.WMProjectionUndo[_j4] = this.WMProjectionTempUndo[this.UndoPointer - _j4];
+          for (var _j3 = 0; _j3 <= this.UndoPointer; _j3 += 1) {
+            this.WMProjectionUndo[_j3] = this.WMProjectionTempUndo[this.UndoPointer - _j3];
           }
           this.UndoPointer = 0;
         }
-        for (var _j5 = this.MaxUndos - 1; _j5 > 0; _j5 -= 1) {
-          this.WMProjectionUndo[_j5].bbox.setBBOX(this.WMProjectionUndo[_j5 - 1].bbox);
-          this.WMProjectionUndo[_j5].srs = this.WMProjectionUndo[_j5 - 1].srs;
+        for (var _j4 = this.MaxUndos - 1; _j4 > 0; _j4 -= 1) {
+          this.WMProjectionUndo[_j4].bbox.setBBOX(this.WMProjectionUndo[_j4 - 1].bbox);
+          this.WMProjectionUndo[_j4].srs = this.WMProjectionUndo[_j4 - 1].srs;
         }
         this.WMProjectionUndo[0].bbox.setBBOX(this.bbox);
         this.WMProjectionUndo[0].srs = this.srs;
@@ -7605,46 +7844,63 @@ var WMXMLtoJSON = function WMXMLtoJSON(xmlDocument) {
   // eslint-disable-next-line no-shadow
   var traverse = function traverse(data, path, json) {
     if (data.children && data.children.length) {
-      for (var childc = 0; childc < data.children.length; childc += 1) {
-        var child = data.children[childc];
-        var newPath = "".concat(path, "->").concat(child.nodeName);
-        var newJson = null;
-        var nodeName = child.nodeName;
-        if (json[nodeName]) {
-          newJson = {
-            attr: {}
-          };
-          // eslint-disable-next-line no-empty
-          if (json[nodeName] instanceof Array) ; else {
-            var obj = Object.assign({}, json[nodeName]);
+      var _iterator = _createForOfIteratorHelper(data.children),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var child = _step.value;
+          var newPath = "".concat(path, "->").concat(child.nodeName);
+          var newJson = null;
+          var nodeName = child.nodeName;
+          if (json[nodeName]) {
+            newJson = {
+              attr: {}
+            };
+            // eslint-disable-next-line no-empty
+            if (json[nodeName] instanceof Array) {} else {
+              var obj = Object.assign({}, json[nodeName]);
+              // eslint-disable-next-line no-param-reassign
+              json[nodeName] = [];
+              json[nodeName].push(obj);
+            }
+            json[nodeName].push(newJson);
+          } else {
             // eslint-disable-next-line no-param-reassign
-            json[nodeName] = [];
-            json[nodeName].push(obj);
+            json[nodeName] = {
+              attr: {}
+            };
+            newJson = json[nodeName];
           }
-          json[nodeName].push(newJson);
-        } else {
-          // eslint-disable-next-line no-param-reassign
-          json[nodeName] = {
-            attr: {}
-          };
-          newJson = json[nodeName];
-        }
-        // Value
-        if (child.childNodes && child.childNodes.length > 0) {
-          if (child.childNodes[0].nodeValue) {
-            var value = child.childNodes[0].nodeValue.trim();
-            if (value !== '\n' && value.length > 0) {
-              newJson.value = value;
+          // Value
+          if (child.childNodes && child.childNodes.length > 0) {
+            if (child.childNodes[0].nodeValue) {
+              var value = child.childNodes[0].nodeValue.trim();
+              if (value !== '\n' && value.length > 0) {
+                newJson.value = value;
+              }
             }
           }
-        }
-        // Attributes
-        if (child.attributes && child.attributes.length > 0) {
-          for (var attrc = 0; attrc < child.attributes.length; attrc += 1) {
-            newJson.attr[child.attributes[attrc].name] = child.attributes[attrc].value;
+          // Attributes
+          if (child.attributes && child.attributes.length > 0) {
+            var _iterator2 = _createForOfIteratorHelper(child.attributes),
+              _step2;
+            try {
+              for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                var childAttribute = _step2.value;
+                newJson.attr[childAttribute.name] = childAttribute.value;
+              }
+            } catch (err) {
+              _iterator2.e(err);
+            } finally {
+              _iterator2.f();
+            }
           }
+          traverse(child, newPath, newJson);
         }
-        traverse(child, newPath, newJson);
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
     }
   };
@@ -7659,8 +7915,17 @@ var WMXMLParser = function WMXMLParser(url, headers) {
   return new Promise(function (resolve, reject) {
     var fetchHeaders = new Headers();
     if (headers && headers.length > 0) {
-      for (var j = 0; j < headers.length; j += 1) {
-        fetchHeaders.append(headers[j].name, headers[j].value);
+      var _iterator3 = _createForOfIteratorHelper(headers),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var header = _step3.value;
+          fetchHeaders.append(header.name, header.value);
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
       }
     }
     fetch(url, {
@@ -8087,27 +8352,20 @@ var WMJSService = /*#__PURE__*/function () {
   return WMJSService;
 }();
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
- * */
 var WMGetServiceFromStore = function WMGetServiceFromStore(serviceName) {
-  for (var j = 0; j < WMServiceStore.length; j += 1) {
-    if (WMServiceStore[j].service === serviceName) {
-      return WMServiceStore[j];
+  var _iterator = _createForOfIteratorHelper(WMServiceStore),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var WMService = _step.value;
+      if (WMService.service === serviceName) {
+        return WMService;
+      }
     }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
   var service = new WMJSService({
     service: serviceName
@@ -8223,10 +8481,19 @@ var configureDimensions = function configureDimensions(layerProps, wmLayer) {
   */
   /* Flag dimensions which are currently in use for this layer, it is possible that the update will remove dimensions from this layer; keep track of the current ones */
   var layerDimNamesToRemove = new Set();
-  for (var d = 0; d < wmLayer.dimensions.length; d += 1) {
-    layerDimNamesToRemove.add(wmLayer.dimensions[d].name);
+  var _iterator = _createForOfIteratorHelper(wmLayer.dimensions),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var layerDim = _step.value;
+      layerDimNamesToRemove.add(layerDim.name);
+    }
+    /* Now start adding all dimensions starting with the parent layer. Layers more deeply nested will inherit Dimension info */
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
-  /* Now start adding all dimensions starting with the parent layer. Layers more deeply nested will inherit Dimension info */
   addDimsForLayer(layerProps, wmLayer, layerDimNamesToRemove);
   /* The list with dimensions to remove is now complete, remove the unneeded dimensions from the layer */
   layerDimNamesToRemove.forEach(function (dimName) {
@@ -8555,13 +8822,22 @@ var WMLayer = /*#__PURE__*/function () {
       // Get the optimal image format for this layer
       try {
         var serverFormats = capabilityObject.Request.GetMap.Format;
-        for (var f = 0; f < serverFormats.length; f += 1) {
-          if (serverFormats[f].value.indexOf('24') > 0) {
-            this.optimalFormat = serverFormats[f].value;
-          }
-          if (serverFormats[f].value.indexOf('32') > 0) {
-            this.optimalFormat = serverFormats[f].value;
+        var _iterator2 = _createForOfIteratorHelper(serverFormats),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var serverFormat = _step2.value;
+            if (serverFormat.value.indexOf('24') > 0) {
+              this.optimalFormat = serverFormat.value;
+            }
+            if (serverFormat.value.indexOf('32') > 0) {
+              this.optimalFormat = serverFormat.value;
+            }
           }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
         }
       } catch (e) {
         debugLogger(DebugType.Error);
@@ -8778,12 +9054,21 @@ var WMLayer = /*#__PURE__*/function () {
         return;
       }
       var styleFound = false;
-      for (var j = 0; j < this.styles.length; j += 1) {
-        if (this.styles[j].name === styleName) {
-          this.legendGraphic = this.styles[j].legendURL;
-          this.currentStyle = this.styles[j].name;
-          styleFound = true;
+      var _iterator3 = _createForOfIteratorHelper(this.styles),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var style = _step3.value;
+          if (style.name === styleName) {
+            this.legendGraphic = style.legendURL;
+            this.currentStyle = style.name;
+            styleFound = true;
+          }
         }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
       }
       if (!styleFound) {
         debugLogger(DebugType.Log, "WMLayer::setStyle: Style ".concat(styleName, " not found, setting style ").concat(this.styles[0].name));
@@ -8854,17 +9139,25 @@ var WMLayer = /*#__PURE__*/function () {
     key: "getCRS",
     value: function getCRS() {
       var crs = [];
-      for (var j = 0; j < this.projectionProperties.length; j += 1) {
-        var projectionProperty = this.projectionProperties[j];
-        if (projectionProperty) {
-          var bbox = projectionProperty.bbox;
-          if (bbox) {
-            crs.push({
-              srs: "".concat(projectionProperty.srs),
-              bbox: new WMBBOX(bbox.left, bbox.bottom, bbox.right, bbox.top)
-            });
+      var _iterator4 = _createForOfIteratorHelper(this.projectionProperties),
+        _step4;
+      try {
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+          var projectionProperty = _step4.value;
+          if (projectionProperty) {
+            var bbox = projectionProperty.bbox;
+            if (bbox) {
+              crs.push({
+                srs: "".concat(projectionProperty.srs),
+                bbox: new WMBBOX(bbox.left, bbox.bottom, bbox.right, bbox.top)
+              });
+            }
           }
         }
+      } catch (err) {
+        _iterator4.e(err);
+      } finally {
+        _iterator4.f();
       }
       return crs;
     }
@@ -8877,16 +9170,25 @@ var WMLayer = /*#__PURE__*/function () {
   }, {
     key: "getCRSByName",
     value: function getCRSByName(srsName) {
-      for (var j = 0; j < this.projectionProperties.length; j += 1) {
-        if (this.projectionProperties[j].srs === srsName) {
-          var returnSRS = {
-            srs: '',
-            bbox: new WMBBOX(undefined, undefined, undefined, undefined)
-          };
-          returnSRS.srs = "".concat(this.projectionProperties[j].srs);
-          returnSRS.bbox = new WMBBOX(this.projectionProperties[j].bbox.left, this.projectionProperties[j].bbox.bottom, this.projectionProperties[j].bbox.right, this.projectionProperties[j].bbox.top);
-          return returnSRS;
+      var _iterator5 = _createForOfIteratorHelper(this.projectionProperties),
+        _step5;
+      try {
+        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+          var projProps = _step5.value;
+          if (projProps.srs === srsName) {
+            var returnSRS = {
+              srs: '',
+              bbox: new WMBBOX(undefined, undefined, undefined, undefined)
+            };
+            returnSRS.srs = "".concat(projProps.srs);
+            returnSRS.bbox = new WMBBOX(projProps.bbox.left, projProps.bbox.bottom, projProps.bbox.right, projProps.bbox.top);
+            return returnSRS;
+          }
         }
+      } catch (err) {
+        _iterator5.e(err);
+      } finally {
+        _iterator5.f();
       }
       return undefined;
     }
@@ -9105,7 +9407,7 @@ var defaultReduxLayerRadarColor = {
   dimensions: [],
   id: generateLayerId()
 };
-var multiDimensionLayer = {
+var multiDimensionLayer$1 = {
   service: 'https://testservice',
   id: 'multiDimensionLayerMock',
   name: 'MULTI_DIMENSION_LAYER',
@@ -9143,7 +9445,7 @@ var WmdefaultReduxLayerRadarKNMI = new WMLayer({
   }],
   id: 'layerid_3'
 });
-var defaultReduxLayerRadarKNMI = {
+var defaultReduxLayerRadarKNMI$1 = {
   service: 'https://testservice',
   name: 'RADNL_OPER_R___25PCPRR_L3_KNMI',
   title: 'RADNL_OPER_R___25PCPRR_L3_KNMI',
@@ -9455,9 +9757,9 @@ var multiDimensionLayer3 = {
 var testSettings = /*#__PURE__*/Object.freeze({
   __proto__: null,
   defaultReduxLayerRadarColor: defaultReduxLayerRadarColor,
-  multiDimensionLayer: multiDimensionLayer,
+  multiDimensionLayer: multiDimensionLayer$1,
   WmdefaultReduxLayerRadarKNMI: WmdefaultReduxLayerRadarKNMI,
-  defaultReduxLayerRadarKNMI: defaultReduxLayerRadarKNMI,
+  defaultReduxLayerRadarKNMI: defaultReduxLayerRadarKNMI$1,
   makeGeoservicesRadarLayer: makeGeoservicesRadarLayer,
   WmMultiDimensionLayer: WmMultiDimensionLayer,
   layerWithoutTimeDimension: layerWithoutTimeDimension,
@@ -9846,6 +10148,61 @@ var tilesettings = {
   }
 };
 
+/* *
+ * 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)
+ * */
+var defaultReduxLayerRadarKNMI = {
+  service: 'https://testservice',
+  name: 'RADNL_OPER_R___25PCPRR_L3_KNMI',
+  title: 'RADNL_OPER_R___25PCPRR_L3_KNMI',
+  format: 'image/png',
+  style: 'knmiradar/nearest',
+  enabled: true,
+  layerType: LayerType.mapLayer,
+  dimensions: [{
+    name: 'time',
+    units: 'ISO8601',
+    currentValue: '2020-03-13T13:30:00Z'
+  }],
+  id: 'layerid_2'
+};
+var multiDimensionLayer = {
+  service: 'https://testservice',
+  id: 'multiDimensionLayerMock',
+  name: 'MULTI_DIMENSION_LAYER',
+  title: 'MULTI_DIMENSION_LAYER',
+  layerType: LayerType.mapLayer,
+  enabled: true,
+  dimensions: [{
+    name: 'flight level',
+    units: 'hft',
+    currentValue: '625',
+    values: '25,325,625'
+  }, {
+    name: 'elevation',
+    units: 'meters',
+    currentValue: '9000',
+    values: '1000,5000,9000'
+  }, {
+    name: 'time',
+    units: 'ISO8601',
+    currentValue: '2020-03-13T14:40:00Z'
+  }]
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -10104,22 +10461,6 @@ var mockGetCapabilities = Object.assign(Object.assign({}, getCapabilities$1), {
   WMS111GetCapabilitiesGeoServicesRADAR: WMS111GetCapabilitiesGeoServicesRADAR
 });
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2020 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2020 - Finnish Meteorological Institute (FMI)
- * */
 /**
  * Converts webmapjs node structure to LayerTree
  * @param nodesToRecur THe WebMapJS node structure from service.getNodes();
@@ -10138,8 +10479,17 @@ var recurseNodes = function recurseNodes(nodesToRecur) {
     geographicBoundingBox: nodesToRecur.geographicBoundingBox || null
   };
   if (nodesToRecur.children) {
-    for (var j = 0; j < nodesToRecur.children.length; j += 1) {
-      newLayerTreeObj.children.push(recurseNodes(nodesToRecur.children[j]));
+    var _iterator = _createForOfIteratorHelper(nodesToRecur.children),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var childNodesToRecur = _step.value;
+        newLayerTreeObj.children.push(recurseNodes(childNodesToRecur));
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
   }
   return newLayerTreeObj;
@@ -10186,4 +10536,4 @@ var getCapabilities = /*#__PURE__*/Object.freeze({
   getLayersFlattenedFromService: getLayersFlattenedFromService
 });
 
-export { DateInterval, DebugType, EPSGCode, I18n, LayerType, ParseISOTimeRangeDuration, URLDecode, URLEncode, WMBBOX, WMDateOutSideRange, WMDateTooEarlyString, WMDateTooLateString, WMEmptyLayerName, WMEmptyLayerTitle, WMGetServiceFromStore, WMImage, WMImageEventType, WMJSDimension, WMJSMap, WMJSService, WMJScheckURL, WMLayer, WMProj4Defs, WMSVersion, bgImageStoreLength, buildWMSGetMapRequest, clearImageCache, debugLogger, epsgDescriptionLookup, generateLayerId, generateMapId, generateTimesliderId, getBBOXandProjString, getCapabilities, getLegendGraphicURLForLayer, getMapImageStore, getUriWithParam, getWMJSDimensionForLayerAndDimension, getWMJSMapById, getWMJSMapIds, getWMJSTimeDimensionForLayerId, getWMLayerById, handleMomentISOString, isDefined, isProjectionSupported, legendImageStore, legendImageStoreLength, mapImageStoreLength, mockGetCapabilities, parseISO8601DateToDate, parseISO8601IntervalToDateInterval, registerWMJSMap, registerWMLayer, tilesettings, toArray, unRegisterAllWMJSLayersAndMaps, unRegisterWMJSLayer, unRegisterWMJSMap, testSettings as webmapTestSettings, utils as webmapUtils };
+export { DateInterval, DebugType, EPSGCode, I18n, LayerType, ParseISOTimeRangeDuration, URLDecode, URLEncode, WMBBOX, WMDateOutSideRange, WMDateTooEarlyString, WMDateTooLateString, WMEmptyLayerName, WMEmptyLayerTitle, WMGetServiceFromStore, WMImage, WMImageEventType, WMJSDimension, WMJSMap, WMJSService, WMJScheckURL, WMLayer, WMProj4Defs, WMSVersion, bgImageStoreLength, buildWMSGetMapRequest, clearImageCache, debugLogger, defaultReduxLayerRadarKNMI, epsgDescriptionLookup, generateLayerId, generateMapId, generateTimesliderId, getAlternativeImage, getBBOXandProjString, getCapabilities, getLegendGraphicURLForLayer, getMapImageStore, getUriWithParam, getWMJSDimensionForLayerAndDimension, getWMJSMapById, getWMJSMapIds, getWMJSTimeDimensionForLayerId, getWMLayerById, handleMomentISOString, isDefined, isProjectionSupported, legendImageStore, legendImageStoreLength, mapImageStoreLength, mockGetCapabilities, multiDimensionLayer, parseISO8601DateToDate, parseISO8601IntervalToDateInterval, registerWMJSMap, registerWMLayer, tilesettings, toArray, unRegisterAllWMJSLayersAndMaps, unRegisterWMJSLayer, unRegisterWMJSMap, testSettings as webmapTestSettings, utils as webmapUtils };