@opengeoweb/webmap-react 20.0.1 → 20.1.0

package/dist/index.esm.js

@@ -420,6 +420,15 @@ function _defineProperty(e, r, t) {
     writable: true
   }) : e[r] = t, e;
 }
+function _get() {
+  return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) {
+    var p = _superPropBase(e, t);
+    if (p) {
+      var n = Object.getOwnPropertyDescriptor(p, t);
+      return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value;
+    }
+  }, _get.apply(null, arguments);
+}
 function _getPrototypeOf(t) {
   return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
     return t.__proto__ || Object.getPrototypeOf(t);
@@ -643,6 +652,16 @@ function _setPrototypeOf(t, e) {
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
+function _superPropBase(t, o) {
+  for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t)););
+  return t;
+}
+function _superPropGet(t, o, e, r) {
+  var p = _get(_getPrototypeOf(t.prototype ), o, e);
+  return "function" == typeof p ? function (t) {
+    return p.apply(e, t);
+  } : p;
+}
 function _toConsumableArray(r) {
   return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
 }
@@ -699,6 +718,7 @@ var MAX_NUMBER_STEPS_IN_TIME_SLIDER_TO_PREFETCH = 10000;
 var NUMBER_PREFETCH_WORKERS = 4;
 var NUM_IMAGES_TO_CACHE = 10000;
 var WMS_EXTENT_RATIO_TO_VIEWPORT = 1.2;
+var FAILED_IMAGE_RETRY_CHECK_INTERVAL_MS = 10000;
 var TIMEAWAREIMAGEWRAPPER_IMAGEDIDNOTLOADSUCCESFULLY = 'Image did not load succesfully';
 // // To debug what dimensions are actually being used in the map, use:
 // export const ADD_SHOW_DIMS_OPTION = true;
@@ -843,6 +863,50 @@ var openLayersGetMapImageStore = new WMImageStore(NUM_IMAGES_TO_CACHE, {
 var clearImageCacheForAllMaps = function clearImageCacheForAllMaps() {
   openLayersGetMapImageStore.clear();
 };
+var splitExtentAtWorldSeams = function splitExtentAtWorldSeams(extent, worldExtent) {
+  var worldWidth = worldExtent[2] - worldExtent[0];
+  if (worldWidth <= 0 || extent[2] <= extent[0]) {
+    return [{
+      requestExtent: extent,
+      displayExtent: extent
+    }];
+  }
+  var segments = [];
+  var segmentStart = extent[0];
+  var worldIndex = Math.floor((segmentStart - worldExtent[0]) / worldWidth);
+  while (segmentStart < extent[2]) {
+    var worldEnd = worldExtent[0] + (worldIndex + 1) * worldWidth;
+    while (worldEnd <= segmentStart) {
+      worldIndex += 1;
+      worldEnd = worldExtent[0] + (worldIndex + 1) * worldWidth;
+    }
+    var segmentEnd = Math.min(extent[2], worldEnd);
+    var worldOffset = worldIndex * worldWidth;
+    segments.push({
+      requestExtent: [segmentStart - worldOffset, extent[1], segmentEnd - worldOffset, extent[3]],
+      displayExtent: [segmentStart, extent[1], segmentEnd, extent[3]]
+    });
+    segmentStart = segmentEnd;
+    worldIndex += 1;
+  }
+  return segments;
+};
+var combineExtents = function combineExtents(extents) {
+  return [Math.min.apply(Math, _toConsumableArray(extents.map(function (extent) {
+    return extent[0];
+  }))), Math.min.apply(Math, _toConsumableArray(extents.map(function (extent) {
+    return extent[1];
+  }))), Math.max.apply(Math, _toConsumableArray(extents.map(function (extent) {
+    return extent[2];
+  }))), Math.max.apply(Math, _toConsumableArray(extents.map(function (extent) {
+    return extent[3];
+  })))];
+};
+var getExtentOverlapArea = function getExtentOverlapArea(extentA, extentB) {
+  var width = Math.max(0, Math.min(extentA[2], extentB[2]) - Math.max(extentA[0], extentB[0]));
+  var height = Math.max(0, Math.min(extentA[3], extentB[3]) - Math.max(extentA[1], extentB[1]));
+  return width * height;
+};
 var TimeAwareImageWrapper = /*#__PURE__*/function (_ImageWrapper) {
   function TimeAwareImageWrapper(extent, resolution, pixelRatio) {
     var _this;
@@ -855,6 +919,8 @@ var TimeAwareImageWrapper = /*#__PURE__*/function (_ImageWrapper) {
     _this._resolvers = [];
     _this._styleName = 'default';
     _this._layerName = null;
+    _this._compositeImageKey = '';
+    _this._compositeImage = null;
     _this.extent = extent;
     _this.resolution = resolution;
     _this.state = ImageState.IDLE;
@@ -907,44 +973,184 @@ var TimeAwareImageWrapper = /*#__PURE__*/function (_ImageWrapper) {
   }, {
     key: "getAlternativeImage",
     value: function getAlternativeImage(extent, resolution, pixelRatio, projection, getMapUrl, params, layerName, styleName, dimsProps) {
-      var _this$getWMSGetMapReq = this.getWMSGetMapRequestURL(extent, resolution, pixelRatio, projection, getMapUrl, params, layerName, styleName, dimsProps),
-        src = _this$getWMSGetMapReq.src,
-        newExtent = _this$getWMSGetMapReq.extent,
-        newResolution = _this$getWMSGetMapReq.resolution;
-      var geoRef = openLayersGetMapImageStore.getAltGeoReferencedImage(src, newExtent, newResolution);
-      if (geoRef) {
+      var requests = this.getWMSGetMapRequestURLs(extent, resolution, pixelRatio, projection, getMapUrl, params, layerName, styleName, dimsProps);
+      var images = requests.map(function (request) {
+        var _candidates$filter$ma;
+        var candidates = openLayersGetMapImageStore.getAltGeoReferencedImages(request.src, request.extent, request.resolution);
+        return (_candidates$filter$ma = candidates.filter(function (image) {
+          return image.isLoadedWithoutErrors() && image.geoReference;
+        }).map(function (image) {
+          return {
+            image: image,
+            overlapArea: getExtentOverlapArea(image.geoReference.extent, request.extent)
+          };
+        }).filter(function (_ref) {
+          var overlapArea = _ref.overlapArea;
+          return overlapArea > 0;
+        }).sort(function (imageA, imageB) {
+          return imageB.overlapArea - imageA.overlapArea;
+        })[0]) === null || _candidates$filter$ma === void 0 ? void 0 : _candidates$filter$ma.image;
+      });
+      if (images.some(function (image) {
+        return !image;
+      })) {
+        return false;
+      }
+      var completeImages = images;
+      if (completeImages.length > 1) {
+        var uniqueImages = _toConsumableArray(new Set(completeImages));
+        if (uniqueImages.length !== completeImages.length) {
+          if (uniqueImages.length !== 1) {
+            return false;
+          }
+          var _uniqueImages = _slicedToArray(uniqueImages, 1),
+            _image = _uniqueImages[0];
+          var imageExtent = _image.geoReference.extent;
+          var requestedExtent = combineExtents(requests.map(function (request) {
+            return request.extent;
+          }));
+          if (imageExtent[0] > requestedExtent[0] || imageExtent[1] > requestedExtent[1] || imageExtent[2] < requestedExtent[2] || imageExtent[3] < requestedExtent[3]) {
+            return false;
+          }
+          return {
+            el: _image.getElement(),
+            extent: imageExtent,
+            resolution: _image.geoReference.resolution,
+            isLoaded: _image.isLoaded(),
+            isLoadedWithoutErrors: _image.isLoadedWithoutErrors(),
+            hasError: _image.hasError(),
+            isLoading: _image.isLoading()
+          };
+        }
+        var imageRequests = completeImages.map(function (image, index) {
+          return _objectSpread2(_objectSpread2({}, requests[index]), {}, {
+            extent: image.geoReference.extent,
+            resolution: image.geoReference.resolution
+          });
+        });
+        var image = this.createCompositeImage(completeImages, imageRequests);
+        if (!image) {
+          return false;
+        }
         return {
-          el: geoRef.getElement(),
-          extent: geoRef.geoReference.extent,
-          resolution: geoRef.geoReference.resolution,
-          isLoaded: geoRef.isLoaded(),
-          isLoadedWithoutErrors: geoRef.isLoadedWithoutErrors(),
-          hasError: geoRef.hasError(),
-          isLoading: geoRef.isLoading()
+          el: image,
+          extent: combineExtents(imageRequests.map(function (request) {
+            return request.extent;
+          })),
+          resolution: imageRequests[0].resolution,
+          isLoaded: completeImages.every(function (loadedImage) {
+            return loadedImage.isLoaded();
+          }),
+          isLoadedWithoutErrors: completeImages.every(function (loadedImage) {
+            return loadedImage.isLoadedWithoutErrors();
+          }),
+          hasError: completeImages.some(function (loadedImage) {
+            return loadedImage.hasError();
+          }),
+          isLoading: completeImages.some(function (loadedImage) {
+            return loadedImage.isLoading();
+          })
         };
       }
-      return false;
+      var _completeImages = _slicedToArray(completeImages, 1),
+        geoRef = _completeImages[0];
+      return {
+        el: geoRef.getElement(),
+        extent: geoRef.geoReference.extent,
+        resolution: geoRef.geoReference.resolution,
+        isLoaded: geoRef.isLoaded(),
+        isLoadedWithoutErrors: geoRef.isLoadedWithoutErrors(),
+        hasError: geoRef.hasError(),
+        isLoading: geoRef.isLoading()
+      };
     }
   }, {
     key: "hasImage",
     value: function hasImage(extent, resolution, pixelRatio, projection, getMapUrl, params, layerName, styleName, dimsProps) {
-      var _this$getWMSGetMapReq2 = this.getWMSGetMapRequestURL(extent, resolution, pixelRatio, projection, getMapUrl, params, layerName, styleName, dimsProps),
-        src = _this$getWMSGetMapReq2.src,
-        newExtent = _this$getWMSGetMapReq2.extent,
-        newResolution = _this$getWMSGetMapReq2.resolution;
-      var imageEl = openLayersGetMapImageStore.getImage(src);
-      if (imageEl) {
+      var requests = this.getWMSGetMapRequestURLs(extent, resolution, pixelRatio, projection, getMapUrl, params, layerName, styleName, dimsProps);
+      var images = requests.map(function (request) {
+        return openLayersGetMapImageStore.getImage(request.src);
+      });
+      if (images.some(function (image) {
+        return !image;
+      })) {
+        return false;
+      }
+      if (images.length === 1) {
+        var _images = _slicedToArray(images, 1),
+          imageEl = _images[0];
         return {
           el: imageEl.getElement(),
-          extent: newExtent,
-          resolution: newResolution,
+          extent: requests[0].extent,
+          resolution: requests[0].resolution,
           isLoaded: imageEl.isLoaded(),
           isLoadedWithoutErrors: imageEl.isLoadedWithoutErrors(),
           hasError: imageEl.hasError(),
           isLoading: imageEl.isLoading()
         };
       }
-      return false;
+      var completeImages = images;
+      if (!completeImages.every(function (image) {
+        return image.isLoaded();
+      })) {
+        return false;
+      }
+      var image = this.createCompositeImage(completeImages, requests);
+      if (!image) {
+        return false;
+      }
+      return {
+        el: image,
+        extent: combineExtents(requests.map(function (request) {
+          return request.extent;
+        })),
+        resolution: requests[0].resolution,
+        isLoaded: true,
+        isLoadedWithoutErrors: completeImages.every(function (loadedImage) {
+          return loadedImage.isLoadedWithoutErrors();
+        }),
+        hasError: completeImages.some(function (loadedImage) {
+          return loadedImage.hasError();
+        }),
+        isLoading: completeImages.some(function (loadedImage) {
+          return loadedImage.isLoading();
+        })
+      };
+    }
+  }, {
+    key: "createCompositeImage",
+    value: function createCompositeImage(images, requests) {
+      var extent = combineExtents(requests.map(function (request) {
+        return request.extent;
+      }));
+      var resolution = requests[0].resolution;
+      var imageKey = JSON.stringify([images.map(function (image) {
+        return image.getElement().src;
+      }), requests.map(function (request) {
+        return request.extent;
+      }), resolution]);
+      if (this._compositeImage && this._compositeImageKey === imageKey) {
+        return this._compositeImage;
+      }
+      var canvas = document.createElement('canvas');
+      canvas.width = Math.ceil((extent[2] - extent[0]) / resolution);
+      canvas.height = Math.ceil((extent[3] - extent[1]) / resolution);
+      var context = canvas.getContext('2d');
+      if (!context) {
+        return false;
+      }
+      images.forEach(function (image, index) {
+        if (image.hasError()) {
+          return;
+        }
+        var imageExtent = requests[index].extent;
+        var overlapsNextSegment = index < images.length - 1;
+        var destinationWidth = (imageExtent[2] - imageExtent[0]) / resolution + (overlapsNextSegment ? 1 : 0);
+        context.drawImage(image.getElement(), (imageExtent[0] - extent[0]) / resolution, (extent[3] - imageExtent[3]) / resolution, destinationWidth, (imageExtent[3] - imageExtent[1]) / resolution);
+      });
+      this._compositeImageKey = imageKey;
+      this._compositeImage = canvas;
+      return canvas;
     }
   }, {
     key: "setGeoReferencedImage",
@@ -960,22 +1166,33 @@ var TimeAwareImageWrapper = /*#__PURE__*/function (_ImageWrapper) {
     key: "load",
     value: function load() {
       var _this2 = this;
-      var _this$getWMSGetMapReq3 = this.getWMSGetMapRequestURL(this._extentToLoad, this._resolutionToLoad, this._pixelRatioToLoad, this.projection, this._getMapUrl, this._paramsToLoad, this._layerName, this._styleName, this._dimPropsToLoad),
-        src = _this$getWMSGetMapReq3.src,
-        newExtent = _this$getWMSGetMapReq3.extent,
-        newResolution = _this$getWMSGetMapReq3.resolution;
-      var imageEl = openLayersGetMapImageStore.getImageAndSetGeoReference(src, {
-        extent: newExtent,
-        resolution: newResolution
+      var requests = this.getWMSGetMapRequestURLs(this._extentToLoad, this._resolutionToLoad, this._pixelRatioToLoad, this.projection, this._getMapUrl, this._paramsToLoad, this._layerName, this._styleName, this._dimPropsToLoad);
+      var images = requests.map(function (request) {
+        return openLayersGetMapImageStore.getImageAndSetGeoReference(request.src, {
+          extent: request.extent,
+          resolution: request.resolution
+        });
       });
-      if (!imageEl) {
+      if (images.some(function (image) {
+        return !image;
+      })) {
         return;
       }
-      if (imageEl.isLoaded()) {
+      if (images.length === 1) {
+        var _images2 = _slicedToArray(images, 1),
+          imageEl = _images2[0];
+        if (!imageEl.isLoaded()) {
+          this.state = ImageState.LOADING;
+          this.changed();
+          void imageEl.loadAwait()["finally"](function () {
+            return _this2.load();
+          });
+          return;
+        }
         this.state = ImageState.LOADED;
         this.setImage(imageEl.getElement());
-        this.extent = newExtent;
-        this.resolution = newResolution;
+        this.extent = requests[0].extent;
+        this.resolution = requests[0].resolution;
         this.changed();
         if (imageEl.hasError()) {
           this._rejectAll(imageEl.getSrc());
@@ -984,10 +1201,50 @@ var TimeAwareImageWrapper = /*#__PURE__*/function (_ImageWrapper) {
         }
         return;
       }
+      var loadedImages = images;
+      if (loadedImages.every(function (image) {
+        return image.isLoaded();
+      })) {
+        this.state = ImageState.LOADED;
+        var image = this.createCompositeImage(loadedImages, requests);
+        if (!image) {
+          this.state = ImageState.ERROR;
+          this.changed();
+          this._rejectAll(loadedImages[0].getSrc());
+          return;
+        }
+        this.setImage(image);
+        this.extent = combineExtents(requests.map(function (request) {
+          return request.extent;
+        }));
+        this.resolution = requests[0].resolution;
+        this.changed();
+        var failedImage = loadedImages.find(function (loadedImage) {
+          return loadedImage.hasError();
+        });
+        if (failedImage) {
+          this._rejectAll(failedImage.getSrc());
+        } else {
+          this._resolveAll(loadedImages[0]);
+        }
+        return;
+      }
       this.state = ImageState.LOADING;
       this.changed();
-      void imageEl.loadAwait()["finally"](function () {
-        _this2.load();
+      void Promise.all(loadedImages.map(/*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(image) {
+          return _regenerator().w(function (_context) {
+            while (1) switch (_context.n) {
+              case 0:
+                return _context.a(2, image.loadAwait());
+            }
+          }, _callee);
+        }));
+        return function (_x) {
+          return _ref2.apply(this, arguments);
+        };
+      }()))["finally"](function () {
+        return _this2.load();
       });
     }
   }, {
@@ -1017,10 +1274,10 @@ var TimeAwareImageWrapper = /*#__PURE__*/function (_ImageWrapper) {
   }, {
     key: "loadAndResolve",
     value: function () {
-      var _loadAndResolve = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(extentToLoad, resolutionToLoad, pixelRatio, projection, getMapUrl, params, layerName, styleName, dimProps) {
+      var _loadAndResolve = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(extentToLoad, resolutionToLoad, pixelRatio, projection, getMapUrl, params, layerName, styleName, dimProps) {
         var _this3 = this;
-        return _regenerator().w(function (_context) {
-          while (1) switch (_context.n) {
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
             case 0:
               this._extentToLoad = _toConsumableArray(extentToLoad || []);
               this._resolutionToLoad = resolutionToLoad;
@@ -1031,7 +1288,7 @@ var TimeAwareImageWrapper = /*#__PURE__*/function (_ImageWrapper) {
               this.projection = projection;
               this._styleName = styleName;
               this._dimPropsToLoad = _objectSpread2({}, dimProps);
-              return _context.a(2, new Promise(function (resolve, reject) {
+              return _context2.a(2, new Promise(function (resolve, reject) {
                 _this3._resolvers.push({
                   resolve: resolve,
                   reject: reject
@@ -1039,13 +1296,41 @@ var TimeAwareImageWrapper = /*#__PURE__*/function (_ImageWrapper) {
                 _this3.load();
               }));
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
-      function loadAndResolve(_x, _x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9) {
+      function loadAndResolve(_x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9, _x0) {
         return _loadAndResolve.apply(this, arguments);
       }
       return loadAndResolve;
     }()
+  }, {
+    key: "getWMSGetMapRequestURLs",
+    value: function getWMSGetMapRequestURLs(extentToLoad, resolutionToLoad, pixelRatio, projection, getMapUrl, params, layerName, styleName, dimProps) {
+      var request = this.getWMSGetMapRequestURL(extentToLoad, resolutionToLoad, pixelRatio, projection, getMapUrl, params, layerName, styleName, dimProps);
+      var worldExtent = projection !== null && projection !== void 0 && projection.canWrapX() ? projection.getExtent() : null;
+      if (!request.src || !worldExtent) {
+        return [request];
+      }
+      var segments = splitExtentAtWorldSeams(request.extent, worldExtent);
+      if (segments.length === 1 && segments[0].requestExtent.every(function (value, index) {
+        return value === request.extent[index];
+      })) {
+        return [request];
+      }
+      var paramsToUse = _objectSpread2({}, params);
+      return segments.map(function (_ref3) {
+        var requestExtent = _ref3.requestExtent,
+          displayExtent = _ref3.displayExtent;
+        return {
+          src: getImageSrc(requestExtent, request.resolution, 1, projection, getMapUrl, getRequestParams(_objectSpread2(_objectSpread2(_objectSpread2({}, paramsToUse), dimProps), {}, {
+            LAYERS: layerName,
+            STYLES: styleName
+          }), 'GetMap'), 'mapserver'),
+          extent: displayExtent,
+          resolution: request.resolution
+        };
+      });
+    }
   }]);
 }(ImageWrapper);
 
@@ -1140,6 +1425,7 @@ var TimeawareImageSource = /*#__PURE__*/function (_ImageSource) {
       visible = _ref.visible;
     _classCallCheck(this, TimeawareImageSource);
     _this = _callSuper(this, TimeawareImageSource, [{}]);
+    _this._failedImageRetryTimer = null;
     _this._wmsUrl = wmsUrl;
     _this._extraWMSParams = _objectSpread2({}, params);
     _this._layerName = layerName;
@@ -1244,8 +1530,7 @@ var TimeawareImageSource = /*#__PURE__*/function (_ImageSource) {
           cancelled: false,
           task: function () {
             var _task = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-              var _openLayersGetMapImag;
-              var jobWrapper, dimPropsWithTime, _jobWrapper$getWMSGet, src;
+              var jobWrapper, dimPropsWithTime, requests;
               return _regenerator().w(function (_context) {
                 while (1) switch (_context.n) {
                   case 0:
@@ -1253,8 +1538,12 @@ var TimeawareImageSource = /*#__PURE__*/function (_ImageSource) {
                     dimPropsWithTime = _objectSpread2(_objectSpread2({}, _this3._dimProperties), {}, {
                       TIME: dimValue
                     });
-                    _jobWrapper$getWMSGet = jobWrapper.getWMSGetMapRequestURL(extent, resolution, pixelRatio, projection, _this3._wmsUrl, _this3._extraWMSParams, _this3._layerName, _this3._styleName, dimPropsWithTime), src = _jobWrapper$getWMSGet.src;
-                    (_openLayersGetMapImag = openLayersGetMapImageStore.getImage(src)) === null || _openLayersGetMapImag === void 0 || _openLayersGetMapImag.clearError();
+                    requests = jobWrapper.getWMSGetMapRequestURLs(extent, resolution, pixelRatio, projection, _this3._wmsUrl, _this3._extraWMSParams, _this3._layerName, _this3._styleName, dimPropsWithTime);
+                    requests.forEach(function (_ref2) {
+                      var _openLayersGetMapImag;
+                      var src = _ref2.src;
+                      (_openLayersGetMapImag = openLayersGetMapImageStore.getImage(src)) === null || _openLayersGetMapImag === void 0 || _openLayersGetMapImag.clearError();
+                    });
                     _context.n = 1;
                     return jobWrapper.loadAndResolve(extent, resolution, pixelRatio, projection, _this3._wmsUrl, _this3._extraWMSParams, _this3._layerName, _this3._styleName, dimPropsWithTime)["catch"](function (e) {
                       // Do not log errors, as they are not very useful and can better be inspected via the network console
@@ -1296,8 +1585,13 @@ var TimeawareImageSource = /*#__PURE__*/function (_ImageSource) {
       var requestedImageHasWantedExtent = (this._loadedExtent && containsExtent$1(this._loadedExtent, requestExtent) || containsExtent$1(this._imWrapperForOlSource.getExtent(), requestExtent)) && (this._loadedResolution && fromResolutionLike(this._loadedResolution) === requestResolution || fromResolutionLike(this._imWrapperForOlSource.getResolution()) === requestResolution);
       var hasExactImage = this._loadedExtent && this._imWrapperForOlSource.hasImage(this._loadedExtent, this._loadedResolution, pixelRatio, projection, this._wmsUrl, this._extraWMSParams, this._layerName, this._styleName, requestDimProperties);
       if (hasExactImage && hasExactImage.isLoaded && requestedImageHasWantedExtent) {
-        this._imWrapperForOlSource.setGeoReferencedImage(hasExactImage);
-        return this._imWrapperForOlSource;
+        if (!hasExactImage.hasError) {
+          this._imWrapperForOlSource.setGeoReferencedImage(hasExactImage);
+          return this._imWrapperForOlSource;
+        }
+        // The image failed to load. Do not display the broken image, but check again later: the image is reloaded once it becomes stale.
+        this._scheduleFailedImageRetry();
+        return this._getAltImageOrEmpty(requestExtent, requestResolution, pixelRatio, projection, requestDimProperties);
       }
       this._lastRequestedExtent = requestExtent;
       this._lastRequestedResolution = requestResolution;
@@ -1305,7 +1599,12 @@ var TimeawareImageSource = /*#__PURE__*/function (_ImageSource) {
       this._lastRequestedProjection = projection;
       this.throttledImageLoad();
       // While we are loading, check if there is an alternative image available
-      var altImage = this._loadedExtent && this._imWrapperForOlSource.getAlternativeImage(this._lastRequestedExtent, this._lastRequestedResolution, this._lastRequestedPixelRatio, this._lastRequestedProjection, this._wmsUrl, this._extraWMSParams, this._layerName, this._styleName, requestDimProperties);
+      return this._getAltImageOrEmpty(this._lastRequestedExtent, this._lastRequestedResolution, this._lastRequestedPixelRatio, this._lastRequestedProjection, requestDimProperties);
+    }
+  }, {
+    key: "_getAltImageOrEmpty",
+    value: function _getAltImageOrEmpty(extent, resolution, pixelRatio, projection, dimProperties) {
+      var altImage = this._loadedExtent && this._imWrapperForOlSource.getAlternativeImage(extent, resolution, pixelRatio, projection, this._wmsUrl, this._extraWMSParams, this._layerName, this._styleName, dimProperties);
       if (altImage && altImage.isLoaded) {
         // A similar image is available for display, show it
         this._imWrapperForAltImage.setGeoReferencedImage(altImage);
@@ -1314,6 +1613,28 @@ var TimeawareImageSource = /*#__PURE__*/function (_ImageSource) {
       // This thing is has nothing to show yet.
       return this._imWrapperEmptyButLoading;
     }
+  }, {
+    key: "_scheduleFailedImageRetry",
+    value: function _scheduleFailedImageRetry() {
+      var _this4 = this;
+      if (this._failedImageRetryTimer) {
+        return;
+      }
+      this._failedImageRetryTimer = setTimeout(function () {
+        _this4._failedImageRetryTimer = null;
+        _this4.changed();
+      }, FAILED_IMAGE_RETRY_CHECK_INTERVAL_MS);
+    }
+  }, {
+    key: "disposeInternal",
+    value: function disposeInternal() {
+      if (this._failedImageRetryTimer) {
+        clearTimeout(this._failedImageRetryTimer);
+        this._failedImageRetryTimer = null;
+      }
+      this.cancelPrefetch();
+      _superPropGet(TimeawareImageSource, "disposeInternal", this)([]);
+    }
   }, {
     key: "setDimProps",
     value: function setDimProps(params) {
@@ -1358,12 +1679,13 @@ var TimeawareImageSource = /*#__PURE__*/function (_ImageSource) {
       }
       var dimPropWithRequestedDate = _objectSpread2({}, this._dimProperties);
       dimPropWithRequestedDate['TIME'] = isoTime;
-      var _this$_imWrapperForOl = this._imWrapperForOlSource.getWMSGetMapRequestURL(this._lastRequestedExtent, this._lastRequestedResolution, this._lastRequestedPixelRatio, this._lastRequestedProjection, this._wmsUrl, this._extraWMSParams, this._layerName, this._styleName, dimPropWithRequestedDate),
-        src = _this$_imWrapperForOl.src,
-        newExtent = _this$_imWrapperForOl.extent,
-        newResolution = _this$_imWrapperForOl.resolution;
-      var geoRefs = openLayersGetMapImageStore.getAltGeoReferencedImages(src, newExtent, newResolution);
-      return geoRefs;
+      var requests = this._imWrapperForOlSource.getWMSGetMapRequestURLs(this._lastRequestedExtent, this._lastRequestedResolution, this._lastRequestedPixelRatio, this._lastRequestedProjection, this._wmsUrl, this._extraWMSParams, this._layerName, this._styleName, dimPropWithRequestedDate);
+      return requests.flatMap(function (_ref3) {
+        var src = _ref3.src,
+          extent = _ref3.extent,
+          resolution = _ref3.resolution;
+        return openLayersGetMapImageStore.getAltGeoReferencedImages(src, extent, resolution);
+      });
     }
     /**
      * This function can be used to determine if the animation can proceed to the next step.
@@ -1727,6 +2049,36 @@ var fetchEDRParameter = /*#__PURE__*/function () {
     return _ref6.apply(this, arguments);
   };
 }();
+var fetchEDRJson = /*#__PURE__*/function () {
+  var _ref7 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7(url) {
+    var response;
+    return _regenerator().w(function (_context7) {
+      while (1) switch (_context7.n) {
+        case 0:
+          _context7.n = 1;
+          return fetch(withJsonFormat(url));
+        case 1:
+          response = _context7.v;
+          return _context7.a(2, handleResponse(response));
+      }
+    }, _callee7);
+  }));
+  return function fetchEDRJson(_x1) {
+    return _ref7.apply(this, arguments);
+  };
+}();
+// EDR labels can be plain strings or language maps (e.g. { en: 'Temperature' }).
+var normalizeEDRLabel = function normalizeEDRLabel(label, fallback) {
+  if (typeof label === 'string' && label) {
+    return label;
+  }
+  if (label && _typeof(label) === 'object' && 'en' in label) {
+    if (typeof label.en === 'string' && label.en) {
+      return label.en;
+    }
+  }
+  return fallback;
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1853,13 +2205,14 @@ var useEDRGetCollectionDetails = function useEDRGetCollectionDetails(edrBaseUrlW
   return useQuery(webmapEDRQueryOptions.getCollectionDetailsQuery(edrBaseUrlWithCollection, enabled, instanceId));
 };
 var useEDRGetParameterData = function useEDRGetParameterData(edrBaseUrlWithCollection, parameterName) {
+  var _datetime$length;
   var datetime = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   var instanceId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
   var _useEDRGetCollectionD = useEDRGetCollectionDetails(edrBaseUrlWithCollection, instanceId),
     collection = _useEDRGetCollectionD.data;
   return useQuery({
     staleTime: DEFAULT_STALE_TIME$1,
-    queryKey: generateWebmapQueryKeys(['get-parameter-data', edrBaseUrlWithCollection, instanceId, parameterName, datetime]),
+    queryKey: generateWebmapQueryKeys(['get-parameter-data', edrBaseUrlWithCollection, instanceId, parameterName, datetime !== null && datetime !== void 0 ? datetime : '']),
     queryFn: function () {
       var _queryFn2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
         var data;
@@ -1867,7 +2220,7 @@ var useEDRGetParameterData = function useEDRGetParameterData(edrBaseUrlWithColle
           while (1) switch (_context2.n) {
             case 0:
               _context2.n = 1;
-              return fetchEDRParameter(collection, edrBaseUrlWithCollection, parameterName, datetime, instanceId);
+              return fetchEDRParameter(collection, edrBaseUrlWithCollection, parameterName, datetime !== null && datetime !== void 0 ? datetime : '', instanceId);
             case 1:
               data = _context2.v;
               return _context2.a(2, coverageCollectionToFeatureCollection(data, parameterName));
@@ -1879,7 +2232,7 @@ var useEDRGetParameterData = function useEDRGetParameterData(edrBaseUrlWithColle
       }
       return queryFn;
     }(),
-    enabled: collection !== undefined && parameterName.length > 0 && datetime.length > 0
+    enabled: collection !== undefined && parameterName.length > 0 && ((_datetime$length = datetime === null || datetime === void 0 ? void 0 : datetime.length) !== null && _datetime$length !== void 0 ? _datetime$length : 0) > 0
   });
 };
 
@@ -3464,7 +3817,7 @@ var getDimensionsList = function getDimensionsList(dimensions) {
 };
 
 var LayerInfoDialog = function LayerInfoDialog(_ref) {
-  var _layer$styles, _layer$styles2, _layer$path, _layer$keywords;
+  var _layer$styles, _layer$styles2, _edrParameterMetadata, _edrParameterMetadata2, _edrParameterMetadata3, _layer$path, _layer$keywords;
   var onClose = _ref.onClose,
     layer = _ref.layer,
     serviceName = _ref.serviceName,
@@ -3484,7 +3837,8 @@ var LayerInfoDialog = function LayerInfoDialog(_ref) {
     } : _ref$startPosition,
     selectedStyle = _ref.selectedStyle,
     showLayerLegend = _ref.showLayerLegend,
-    onToggleLayerLegendVisibility = _ref.onToggleLayerLegendVisibility;
+    onToggleLayerLegendVisibility = _ref.onToggleLayerLegendVisibility,
+    edrParameterMetadata = _ref.edrParameterMetadata;
   var styles = getLayerStyles(layer);
   var dimensions = getDimensionsList(layer.dimensions);
   var _useWebmapReactTransl = useWebmapReactTranslation(),
@@ -3517,6 +3871,17 @@ var LayerInfoDialog = function LayerInfoDialog(_ref) {
       }), jsx(LayerInfoText, {
         label: t('webmap-react-name'),
         value: layer.name
+      }), !!edrParameterMetadata && jsxs(Fragment, {
+        children: [jsx(LayerInfoText, {
+          label: "EDR parameter",
+          value: edrParameterMetadata.id || layer.name
+        }), jsx(LayerInfoText, {
+          label: "Observed property",
+          value: ((_edrParameterMetadata = edrParameterMetadata.observedProperty) === null || _edrParameterMetadata === void 0 ? void 0 : _edrParameterMetadata.label) || '-'
+        }), jsx(LayerInfoText, {
+          label: "Unit",
+          value: ((_edrParameterMetadata2 = edrParameterMetadata.unit) === null || _edrParameterMetadata2 === void 0 || (_edrParameterMetadata2 = _edrParameterMetadata2.symbol) === null || _edrParameterMetadata2 === void 0 ? void 0 : _edrParameterMetadata2.value) || ((_edrParameterMetadata3 = edrParameterMetadata.unit) === null || _edrParameterMetadata3 === void 0 ? void 0 : _edrParameterMetadata3.label) || '-'
+        })]
       }), jsx(LayerInfoText, {
         label: t('webmap-react-service'),
         value: serviceName
@@ -6982,11 +7347,12 @@ var TimeawareImageSourceWMSLayer = function TimeawareImageSourceWMSLayer(_ref) {
     // Assign olSource in wmlayer for metronome
     wmLayer.olSource = olLayer === null || olLayer === void 0 ? void 0 : olLayer.getSource();
     return function () {
-      var _olLayer$getSource;
-      olLayer === null || olLayer === void 0 || (_olLayer$getSource = olLayer.getSource()) === null || _olLayer$getSource === void 0 || _olLayer$getSource.cancelPrefetch();
+      var olSource = olLayer.getSource();
+      olSource === null || olSource === void 0 || olSource.cancelPrefetch();
       wmLayer.olSource = null;
       map.removeLayer(olLayer);
       olLayer.dispose();
+      olSource === null || olSource === void 0 || olSource.dispose();
     };
     // The dependency list should only contain the map, wmLayer, visible and dimensionValues. Other prop changes are handled by other effects.
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -11528,8 +11894,9 @@ var OpenLayersMapDraw = function OpenLayersMapDraw(_ref) {
       }
       // Transform back to orig
       var splitResultAsGeoJson = geojsonFormatter.writeFeaturesObject(geojsonFormatterNoTransform.readFeatures(splitResult));
-      // Only the first part continues as the current feature, the other parts are new features
-      var splitFeatures = keepIdentityOnFirstSplitFeature(splitResultAsGeoJson.features, selectedFeature);
+      // Round like updateFeature does, so a later edit of one part does not
+      // move the shared edge away from the other part.
+      var splitFeatures = keepIdentityOnFirstSplitFeature(splitResultAsGeoJson.features.map(roundFeatureCoordinates), selectedFeature);
       // Assemble the result.
       var newGeoJson = _objectSpread2(_objectSpread2({}, geojson), {}, {
         features: [].concat(_toConsumableArray(geojson.features.slice(0, selectedFeatureIndex)), _toConsumableArray(splitFeatures), _toConsumableArray(geojson.features.slice(selectedFeatureIndex + 1)))
@@ -14470,4 +14837,4 @@ var getLayerUpdateInfo = function getLayerUpdateInfo(wmLayer, mapId) {
   return updateObject;
 };
 
-export { BaseLayerType, CLASSNAME_MAP_MEASURE_TOOLTIP, CONSTRAINED_SELECTION_TYPES, COORDINATE_DECIMALS, ClickOnMapTool, Clock, DEFAULT_GEOJSON_STYLE_FILL_OPACITY, DRAWMODE, DefaultBaseLayers, DimensionSelectButton, DimensionSelectDialog, DimensionSelectSlider, EditModeButton as EditModeButtonField, FEATURE_DRAW_FILL_COLOR, FEATURE_DRAW_FILL_COLOR_TRANSPARENT, FEATURE_DRAW_SECONDARY_FILL_COLOR, FEATURE_DRAW_SECONDARY_STROKE_COLOR, FEATURE_DRAW_STROKE_COLOR, FEATURE_FILL, FEATURE_FILL_SELECTED, FEATURE_STROKE, FEATURE_STROKE_EDIT, FEATURE_STROKE_SELECTED, FEATURE_VERTICES_EDIT_HANDLES, FEATURE_VERTICE_HANDLE_IMAGE, FEATURE_VERTICE_IMAGE, FeatureLayer, FeatureLayers, GeoJSONTextField, IntersectionSelect, LayerInfoButton, LayerInfoDialog, LayerInfoLegend, LayerInfoList, LayerInfoText, Legend, LegendButton, LegendDialog, LegendLayout, MIN_HEIGHT, MIN_WIDTH, MapContext, MapControlButton, MapControls, MapDimensionSelect, MapFeatureClass, MapMeasure, MapTime, MapWarningProperties, NEW_FEATURE_CREATED, NEW_LINESTRING_CREATED, NEW_POINT_CREATED, OpenLayersFeatureLayer, OpenLayersGetFeatureInfo, OpenLayersLayer, OpenLayersMapDraw, OpenLayersMapView, OpenLayersZoomControl, POINTER_CLICK_TOLERANCE_PX, SELECTED_FEATURE_COLOR, SELECTED_POINT_HALO_STYLE, STAC_ASSET_STYLE_PREFIX, STAC_ITEM_PAGE_LIMIT, STAC_ITEM_SEARCH_FIELDS_CONFORMANCE, STAC_TEMPORAL_STEP_SAMPLE_LIMIT, SelectField, StoryLayoutGrid, TRANSIENT_FEATURE_PROPERTIES, TimeAwareEDRLocationLayer, TimeAwareGeoTIFFLayer, TimeAwareWMTSLayer, TimeContext, TimeawareImageSource, TimeawareImageSourceWMSLayer, WEBMAP_REACT_NAMESPACE, WMSLayer, WMTSLayer, XYZLayer, ZoomControls, addFeatureProperties, addGeoJSONProperties, addSelectionTypeToGeoJSON, asNewFeature, basicExampleDrawOptions, basicExampleMultipleShapeDrawOptions, basicExampleMultipleShapeWithValuesDrawOptions, basicExampleSharedVertexDrawOptions, calculateBoxSelection, calculateNewSelection, catmullRomSpline, clearImageCacheForAllMaps, colorMaps, connectSharedVertices, createBoxBasedOnModifiedVertex, createIconStyle, createInterSections, createModifyFeatures, createMoveFeatures, createOval, currentlySupportedDrawModes, defaultBox, defaultCircle, defaultDelete, defaultEdrStyles, defaultFreehandLine, defaultGeoJSONStyleProperties, defaultIntersectionStyleProperties, defaultLayers, defaultLineString, defaultLocation, defaultModes, defaultOval, defaultPoint, defaultPolygon, defaultRotatableBox, defaultSmoothLine, defaultSplit, defaultSquare, defaultTimeFormat, dimensionConfig, drawPolyStoryStyles, drawStyles, emptyGeoJSON, endToolExampleConfig, exampleIntersectionOptions, exampleIntersectionWithShapeOptions, exampleIntersections, exampleIntersectionsMultiDrawTool, featureMultiPoint, featurePoint, featurePolygon, fetchStacCatalogCollections, fetchStacCatalogRoot, fetchStacCollection, fetchStacItem, fetchStacItems, fetchStacItemsPage, fetchStacItemsWithPagination, fillOptions, firSelectionType, formatTime, generateImageFromLegend, genericOpenLayersFeatureStyle, geowebColorToOpenLayersColor, getAffectedIndices, getBoxRotateHandlePoints, getBoxSelectPreviewStyle, getDimensionIcon, getDimensionLabel, getDimensionValue, getDimensionsList, getDoubleControlToolIcon, getDrawModeIdFromSelectionType, getFeatureCollection, getFeatureExtent, getFeaturePointStyle, getFirTitle, getGeoJSONPropertyValue, getGeoJson, getIcon, getIntersectionToolIcon, getIsInsideAcceptanceTime, getLastEmptyFeatureIndex, getLayerBbox, getLayerExtentForProjection, getLayerStyles, getLayerUpdateInfo, getLegendClass, getOlFeatureKey, getProj4, getRendersAsStyles, getStacAssetKeyFromStyle, getStacAssetStyles, getStacCollectionStyles, getStacFrameItemsToRender, getStacItemLookupWindowForTimes, getStacItemSearchUrl, getStacItemsUrl, getTimeDimension, getToolIcon, hasEditableVertices, initializeOpenLayersProjections, inlineFeatureStyle, intersectPointGeoJSONS, intersectPolygonGeoJSONS, intersectionFeatureBE, intersectionFeatureNL, isBrowserReadableGeoTIFFAsset, isClickFromDrag, isDefaultModifiable, isDefaultMovable, isGeoJSONFeatureCreatedByTool, isGeoJSONGeometryEmpty, isGeoTIFFAsset, isPointFeatureCollection, keepIdentityOnFirstSplitFeature, labelOptions, lineString, lineStringCollection, makeFeatureStyleDisc, makeFeatureStyleLoading, makeFeatureStyleMultiParam, makeFeatureStyleMultiParamLoading, makeFeatureStyleWind, makeLegendFromColorMap, makeLegendFromStyleName, makeTimeList, makeView, marksByDimension, measureResultStyle, measureToolStyle, modifyHandleStyle$1 as modifyHandleStyle, modifyStyles, moveFeature, multiLineStringLabelStyle, multiPolygonLabelStyle, opacityOptions, openLayersGetMapImageStore, polygonCleanDangling, polygonCleanDanglingCoords, polygonFeatureCollectionCleanDangling, precipitationMMLegendColorsWoW, projectorCache, publicLayers, publicServices, removeFeatureProperties, removeOverlappingLines, removeTransientFeatureProperties, resolvePreferredStyleName$1 as resolvePreferredStyleName, resolveStacAssetKey, rewindGeometry, roundCoordinates, roundFeatureCoordinates, selectPreferredWMSProjection, setMapCenter, setViewFromExtent, setViewFromFeature, shouldEnterEditMode, shouldExitEditModeForMultiSelect, simpleBoxGeoJSON, simpleBoxGeoJSONWrongOrder, simpleFlightRouteLineStringGeoJSON, simpleFlightRoutePointsGeoJSON, simpleGeometryCollectionGeoJSON, simpleLineStringGeoJSON, simpleMultiPolygon, simplePointsGeojson, simplePolygonGeoJSON, simpleSmallLineStringGeoJSON, splitLine, splitPolygon, splitStyle, stacCatalogCollectionToLayerProps, stacColormapToOlStyle, stacGrayscaleOlStyle, stacNormalizedGrayscaleOlStyle, startToolExampleConfig, strokeWidthOptions, styleNameToStyleLike, temperatureLegendColorsCWK, temperatureLegendColorsWoW, textLabelStyle, textStyle, textStyleWithMargin, toMovedFeatures, updateEditModeButtonsWithFir, useAnimationForLayer, useEDRGetCollectionDetails, useEDRGetParameterData, useEDRWMLayer, useGeoJSON, useGetWMLayerInstance, useGetWMSLayerStyleList, useIconStyle, useMapDrawTool, useModifyFeatures, useMoveFeatures, useProjection, useQueryGetWMSGetCapabilities, useQueryGetWMSLayer, useQueryGetWMSLayers, useQueryGetWMSLayersTree, useQueryGetWMSServiceInfo, useQueryWMTSGetCapabilities, useSetIntervalWhenVisible, useStacCatalogRoot, useStacCollection, useStacItems, useStacOverviewItems, useStacTemporalStepItems, useViewFromLayer, viewUtils, webmapEDRQueryOptions, webmapReactTranslations };
+export { BaseLayerType, CLASSNAME_MAP_MEASURE_TOOLTIP, CONSTRAINED_SELECTION_TYPES, COORDINATE_DECIMALS, ClickOnMapTool, Clock, DEFAULT_GEOJSON_STYLE_FILL_OPACITY, DRAWMODE, DefaultBaseLayers, DimensionSelectButton, DimensionSelectDialog, DimensionSelectSlider, EditModeButton as EditModeButtonField, FEATURE_DRAW_FILL_COLOR, FEATURE_DRAW_FILL_COLOR_TRANSPARENT, FEATURE_DRAW_SECONDARY_FILL_COLOR, FEATURE_DRAW_SECONDARY_STROKE_COLOR, FEATURE_DRAW_STROKE_COLOR, FEATURE_FILL, FEATURE_FILL_SELECTED, FEATURE_STROKE, FEATURE_STROKE_EDIT, FEATURE_STROKE_SELECTED, FEATURE_VERTICES_EDIT_HANDLES, FEATURE_VERTICE_HANDLE_IMAGE, FEATURE_VERTICE_IMAGE, FeatureLayer, FeatureLayers, GeoJSONTextField, IntersectionSelect, LayerInfoButton, LayerInfoDialog, LayerInfoLegend, LayerInfoList, LayerInfoText, Legend, LegendButton, LegendDialog, LegendLayout, MIN_HEIGHT, MIN_WIDTH, MapContext, MapControlButton, MapControls, MapDimensionSelect, MapFeatureClass, MapMeasure, MapTime, MapWarningProperties, NEW_FEATURE_CREATED, NEW_LINESTRING_CREATED, NEW_POINT_CREATED, OpenLayersFeatureLayer, OpenLayersGetFeatureInfo, OpenLayersLayer, OpenLayersMapDraw, OpenLayersMapView, OpenLayersZoomControl, POINTER_CLICK_TOLERANCE_PX, SELECTED_FEATURE_COLOR, SELECTED_POINT_HALO_STYLE, STAC_ASSET_STYLE_PREFIX, STAC_ITEM_PAGE_LIMIT, STAC_ITEM_SEARCH_FIELDS_CONFORMANCE, STAC_TEMPORAL_STEP_SAMPLE_LIMIT, SelectField, StoryLayoutGrid, TRANSIENT_FEATURE_PROPERTIES, TimeAwareEDRLocationLayer, TimeAwareGeoTIFFLayer, TimeAwareWMTSLayer, TimeContext, TimeawareImageSource, TimeawareImageSourceWMSLayer, WEBMAP_REACT_NAMESPACE, WMSLayer, WMTSLayer, XYZLayer, ZoomControls, addFeatureProperties, addGeoJSONProperties, addSelectionTypeToGeoJSON, asNewFeature, basicExampleDrawOptions, basicExampleMultipleShapeDrawOptions, basicExampleMultipleShapeWithValuesDrawOptions, basicExampleSharedVertexDrawOptions, calculateBoxSelection, calculateNewSelection, catmullRomSpline, clearImageCacheForAllMaps, colorMaps, connectSharedVertices, createBoxBasedOnModifiedVertex, createIconStyle, createInterSections, createModifyFeatures, createMoveFeatures, createOval, currentlySupportedDrawModes, defaultBox, defaultCircle, defaultDelete, defaultEdrStyles, defaultFreehandLine, defaultGeoJSONStyleProperties, defaultIntersectionStyleProperties, defaultLayers, defaultLineString, defaultLocation, defaultModes, defaultOval, defaultPoint, defaultPolygon, defaultRotatableBox, defaultSmoothLine, defaultSplit, defaultSquare, defaultTimeFormat, dimensionConfig, drawPolyStoryStyles, drawStyles, emptyGeoJSON, endToolExampleConfig, exampleIntersectionOptions, exampleIntersectionWithShapeOptions, exampleIntersections, exampleIntersectionsMultiDrawTool, featureMultiPoint, featurePoint, featurePolygon, fetchEDRArea, fetchEDRCollectionDetails, fetchEDRCube, fetchEDRJson, fetchEDRParameter, fetchStacCatalogCollections, fetchStacCatalogRoot, fetchStacCollection, fetchStacItem, fetchStacItems, fetchStacItemsPage, fetchStacItemsWithPagination, fillOptions, firSelectionType, formatTime, generateImageFromLegend, genericOpenLayersFeatureStyle, geowebColorToOpenLayersColor, getAffectedIndices, getBoxRotateHandlePoints, getBoxSelectPreviewStyle, getDimensionIcon, getDimensionLabel, getDimensionValue, getDimensionsList, getDoubleControlToolIcon, getDrawModeIdFromSelectionType, getFeatureCollection, getFeatureExtent, getFeaturePointStyle, getFirTitle, getGeoJSONPropertyValue, getGeoJson, getIcon, getIntersectionToolIcon, getIsInsideAcceptanceTime, getLastEmptyFeatureIndex, getLayerBbox, getLayerExtentForProjection, getLayerStyles, getLayerUpdateInfo, getLegendClass, getOlFeatureKey, getProj4, getRendersAsStyles, getStacAssetKeyFromStyle, getStacAssetStyles, getStacCollectionStyles, getStacFrameItemsToRender, getStacItemLookupWindowForTimes, getStacItemSearchUrl, getStacItemsUrl, getTimeDimension, getToolIcon, handleResponse, hasEditableVertices, initializeOpenLayersProjections, inlineFeatureStyle, intersectPointGeoJSONS, intersectPolygonGeoJSONS, intersectionFeatureBE, intersectionFeatureNL, isBrowserReadableGeoTIFFAsset, isClickFromDrag, isDefaultModifiable, isDefaultMovable, isGeoJSONFeatureCreatedByTool, isGeoJSONGeometryEmpty, isGeoTIFFAsset, isPointFeatureCollection, joinUrlParams, keepIdentityOnFirstSplitFeature, labelOptions, lineString, lineStringCollection, makeFeatureStyleDisc, makeFeatureStyleLoading, makeFeatureStyleMultiParam, makeFeatureStyleMultiParamLoading, makeFeatureStyleWind, makeLegendFromColorMap, makeLegendFromStyleName, makeTimeList, makeView, marksByDimension, measureResultStyle, measureToolStyle, modifyHandleStyle$1 as modifyHandleStyle, modifyStyles, moveFeature, multiLineStringLabelStyle, multiPolygonLabelStyle, normalizeEDRLabel, opacityOptions, openLayersGetMapImageStore, polygonCleanDangling, polygonCleanDanglingCoords, polygonFeatureCollectionCleanDangling, precipitationMMLegendColorsWoW, projectorCache, publicLayers, publicServices, removeFeatureProperties, removeOverlappingLines, removeTransientFeatureProperties, resolvePreferredStyleName$1 as resolvePreferredStyleName, resolveStacAssetKey, rewindGeometry, roundCoordinates, roundFeatureCoordinates, selectPreferredWMSProjection, setMapCenter, setViewFromExtent, setViewFromFeature, shouldEnterEditMode, shouldExitEditModeForMultiSelect, simpleBoxGeoJSON, simpleBoxGeoJSONWrongOrder, simpleFlightRouteLineStringGeoJSON, simpleFlightRoutePointsGeoJSON, simpleGeometryCollectionGeoJSON, simpleLineStringGeoJSON, simpleMultiPolygon, simplePointsGeojson, simplePolygonGeoJSON, simpleSmallLineStringGeoJSON, splitLine, splitPolygon, splitStyle, stacCatalogCollectionToLayerProps, stacColormapToOlStyle, stacGrayscaleOlStyle, stacNormalizedGrayscaleOlStyle, startToolExampleConfig, strokeWidthOptions, styleNameToStyleLike, temperatureLegendColorsCWK, temperatureLegendColorsWoW, textLabelStyle, textStyle, textStyleWithMargin, toMovedFeatures, updateEditModeButtonsWithFir, useAnimationForLayer, useEDRGetCollectionDetails, useEDRGetParameterData, useEDRWMLayer, useGeoJSON, useGetWMLayerInstance, useGetWMSLayerStyleList, useIconStyle, useMapDrawTool, useModifyFeatures, useMoveFeatures, useProjection, useQueryGetWMSGetCapabilities, useQueryGetWMSLayer, useQueryGetWMSLayers, useQueryGetWMSLayersTree, useQueryGetWMSServiceInfo, useQueryWMTSGetCapabilities, useSetIntervalWhenVisible, useStacCatalogRoot, useStacCollection, useStacItems, useStacOverviewItems, useStacTemporalStepItems, useViewFromLayer, viewUtils, webmapEDRQueryOptions, webmapReactTranslations };

package/dist/src/lib/components/LayerInfo/LayerInfoDialog.d.ts

@@ -14,5 +14,19 @@ export interface LayerInfoDialogProps {
     selectedStyle?: string;
     showLayerLegend: boolean;
     onToggleLayerLegendVisibility: (showLegend: boolean) => void;
+    edrParameterMetadata?: {
+        id?: string;
+        label?: string;
+        description?: string;
+        observedProperty?: {
+            label?: string;
+        };
+        unit?: {
+            label?: string;
+            symbol?: {
+                value?: string;
+            };
+        };
+    };
 }
 export declare const LayerInfoDialog: React.FC<LayerInfoDialogProps>;

package/dist/src/lib/components/OpenLayers/utils/TimeAwareImageWrapper.d.ts

@@ -11,7 +11,7 @@ interface TimeAwareGeoreferencedImageSrc {
     resolution: number;
 }
 interface TimeAwareGeoreferencedImage {
-    el: HTMLImageElement;
+    el: HTMLImageElement | HTMLCanvasElement;
     extent: Extent;
     resolution: number;
     isLoaded: boolean;
@@ -19,6 +19,7 @@ interface TimeAwareGeoreferencedImage {
     isLoadedWithoutErrors: boolean;
     isLoading: boolean;
 }
+type TimeAwareGeoreferencedImageRequest = TimeAwareGeoreferencedImageSrc;
 declare class TimeAwareImageWrapper extends ImageWrapper {
     private _extentToLoad;
     private _resolutionToLoad;
@@ -30,15 +31,19 @@ declare class TimeAwareImageWrapper extends ImageWrapper {
     private _resolvers;
     private _styleName;
     private _layerName;
+    private _compositeImageKey;
+    private _compositeImage;
     constructor(extent: Extent, resolution: number, pixelRatio: number);
     getWMSGetMapRequestURL(extentToLoad: Extent, resolutionToLoad: number, __pixelRatio: number, projection: Projection | null, getMapUrl: string | null, params: Record<string, string>, layerName: string | null, styleName: string, dimProps: Record<string, string>): TimeAwareGeoreferencedImageSrc;
     getAlternativeImage(extent: Extent, resolution: number, pixelRatio: number, projection: Projection, getMapUrl: string, params: Record<string, string>, layerName: string, styleName: string, dimsProps: Record<string, string>): TimeAwareGeoreferencedImage | false;
     hasImage(extent: Extent, resolution: number, pixelRatio: number, projection: Projection, getMapUrl: string, params: Record<string, string>, layerName: string, styleName: string, dimsProps: Record<string, string>): TimeAwareGeoreferencedImage | false;
+    private createCompositeImage;
     setGeoReferencedImage(image: TimeAwareGeoreferencedImage): void;
     load(): void;
     setState(state: number): void;
     private _rejectAll;
     private _resolveAll;
     loadAndResolve(extentToLoad: Extent, resolutionToLoad: number, pixelRatio: number, projection: Projection, getMapUrl: string, params: Record<string, string>, layerName: string, styleName: string, dimProps: Record<string, string>): Promise<WMImage>;
+    getWMSGetMapRequestURLs(extentToLoad: Extent, resolutionToLoad: number, pixelRatio: number, projection: Projection | null, getMapUrl: string | null, params: Record<string, string>, layerName: string | null, styleName: string, dimProps: Record<string, string>): TimeAwareGeoreferencedImageRequest[];
 }
 export default TimeAwareImageWrapper;

package/dist/src/lib/components/OpenLayers/utils/TimeawareImageSource.d.ts

@@ -38,6 +38,7 @@ export declare class TimeawareImageSource extends ImageSource {
     private throttledPrefetch;
     private throttledImageLoad;
     private _layerId;
+    private _failedImageRetryTimer;
     constructor({ wmsUrl, timeStampsToPrefetch, layerName, layerId, styleName, dimProps, params, visible, }: TimeawareImageSourceOptions);
     private _conditionalPrefetch;
     private _loadImagery;
@@ -45,6 +46,9 @@ export declare class TimeawareImageSource extends ImageSource {
     triggerPrefetch(): void;
     cancelPrefetch(): void;
     getImage(extent: Extent, resolution: number, pixelRatio: number, projection: Projection): ImageWrapper;
+    private _getAltImageOrEmpty;
+    private _scheduleFailedImageRetry;
+    disposeInternal(): void;
     setDimProps(params: Record<string, string>): void;
     /**
      * Check if an image is available and loaded for requested date. Used for showlayerinfo to proceed.

package/dist/src/lib/components/OpenLayers/utils/constants.d.ts

@@ -5,4 +5,5 @@ export declare const ENABLE_PREFETCH = true;
 export declare const ADD_SHOW_DIMS_OPTION = false;
 export declare const NUM_IMAGES_TO_CACHE = 10000;
 export declare const WMS_EXTENT_RATIO_TO_VIEWPORT = 1.2;
+export declare const FAILED_IMAGE_RETRY_CHECK_INTERVAL_MS = 10000;
 export declare const TIMEAWAREIMAGEWRAPPER_IMAGEDIDNOTLOADSUCCESFULLY = "Image did not load succesfully";

package/dist/src/lib/edr-layer-api/api.d.ts

@@ -5,3 +5,5 @@ export declare const fetchEDRCollectionDetails: (edrBaseUrlWithCollection: strin
 export declare const fetchEDRCube: (edrBaseUrlWithCollection: string, parameterName: string, datetime?: string, instanceId?: string, bbox?: string) => Promise<CoverageCollection<PointDomain | PointSeriesDomain> | Coverage<PointDomain | PointSeriesDomain>>;
 export declare const fetchEDRArea: (edrBaseUrlWithCollection: string, parameterName: string, datetime?: string, instanceId?: string, coords?: string) => Promise<CoverageCollection<PointDomain | PointSeriesDomain> | Coverage<PointDomain | PointSeriesDomain>>;
 export declare const fetchEDRParameter: (collection: EDRInstance | undefined, edrBaseUrlWithCollection: string, parameterName: string, datetime?: string, instanceId?: string) => Promise<CoverageCollection<PointDomain | PointSeriesDomain> | Coverage<PointDomain | PointSeriesDomain> | undefined>;
+export declare const fetchEDRJson: <T>(url: string) => Promise<T>;
+export declare const normalizeEDRLabel: (label: unknown, fallback: string) => string;

package/dist/src/lib/edr-layer-api/hooks.d.ts

@@ -11,4 +11,4 @@ export declare const webmapEDRQueryOptions: {
     };
 };
 export declare const useEDRGetCollectionDetails: (edrBaseUrlWithCollection: string, instanceId?: string, enabled?: boolean) => UseQueryResult<EDRInstance>;
-export declare const useEDRGetParameterData: (edrBaseUrlWithCollection: string, parameterName: string, datetime?: string, instanceId?: string) => UseQueryResult<GeoJSON.FeatureCollection | undefined>;
+export declare const useEDRGetParameterData: (edrBaseUrlWithCollection: string, parameterName: string, datetime?: string | null, instanceId?: string) => UseQueryResult<GeoJSON.FeatureCollection | undefined>;

package/dist/src/lib/edr-layer-api/index.d.ts

@@ -1,3 +1,4 @@
 export * from './hooks';
+export * from './api';
 export * from './colormaps';
 export { useEDRWMLayer } from './utils/useEDRWMLayer';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@opengeoweb/webmap-react",
-    "version": "20.0.1",
+    "version": "20.1.0",
     "description": "GeoWeb react wrapper for webmap",
     "license": "Apache-2.0",
     "repository": {
@@ -20,9 +20,9 @@
         }
     },
     "dependencies": {
-        "@opengeoweb/webmap": "20.0.1",
-        "@opengeoweb/theme": "20.0.1",
-        "@opengeoweb/shared": "20.0.1",
+        "@opengeoweb/webmap": "20.1.0",
+        "@opengeoweb/theme": "20.1.0",
+        "@opengeoweb/shared": "20.1.0",
         "lodash": "^4.18.1",
         "ol": "^10.4.0",
         "proj4": "^2.9.2",