@opengeoweb/webmap 9.28.1 → 9.29.0

package/index.esm.js

@@ -5165,22 +5165,22 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 const WMEmptyLayerName = 'empty_layer';
 const WMEmptyLayerTitle = 'empty layer';
@@ -5212,10 +5212,10 @@ var DebugType;
 })(DebugType || (DebugType = {}));
 const debugLogger = (type, message, ...optionalParam) => {
 };
-/**
- * Checks if variable is defined or not
- * @param variable The variable to check
- * @returns true if variable is indeed defined, otherwise false.
+/**
+ * Checks if variable is defined or not
+ * @param variable The variable to check
+ * @returns true if variable is indeed defined, otherwise false.
  */
 const isDefined = variable => {
   if (variable === null) {
@@ -5226,10 +5226,10 @@ const isDefined = variable => {
   }
   return true;
 };
-/**
- * Converts a variable to an array. If the variable is not an array it will be pushed as the first entry in a new array. If the variable is already an array, nothing will  be done.
- * @param array The variable to convert
- * @returns Always an array
+/**
+ * Converts a variable to an array. If the variable is not an array it will be pushed as the first entry in a new array. If the variable is already an array, nothing will  be done.
+ * @param array The variable to convert
+ * @returns Always an array
  */
 const toArray = array => {
   if (array === null || typeof array === 'undefined') {
@@ -5242,11 +5242,11 @@ const toArray = array => {
   newArray[0] = array;
   return newArray;
 };
-/**
- * Function which checks wether URL contains a ? token. If not, it is assumed that this token was not provided by the user,
- * manually add the token later.
- * @param url The URL to check
- * @return the fixed URL
+/**
+ * Function which checks wether URL contains a ? token. If not, it is assumed that this token was not provided by the user,
+ * manually add the token later.
+ * @param url The URL to check
+ * @return the fixed URL
  */
 const WMJScheckURL = url => {
   if (!isDefined(url)) {
@@ -5258,14 +5258,9 @@ const WMJScheckURL = url => {
   }
   return trimmedUrl;
 };
-const preventdefaultEvent = e => {
-  const event = e || window.event;
+const preventdefaultEvent = event => {
   if (event.preventDefault) {
-    // Firefox
     event.preventDefault();
-  } else {
-    // IE
-    event.returnValue = false;
   }
 };
 const getMouseXCoordinate = event => {
@@ -5350,11 +5345,11 @@ const getMapDimURL = (layer, dimensionOverride) => {
   });
   return request;
 };
-/**
- * Parses url and then it it allows for setting / changing key value pairs in that URL (From https://stackoverflow.com/questions/5999118/how-can-i-add-or-update-a-query-string-parameter)
- * @param baseUrl
- * @param params
- * @returns
+/**
+ * Parses url and then it it allows for setting / changing key value pairs in that URL (From https://stackoverflow.com/questions/5999118/how-can-i-add-or-update-a-query-string-parameter)
+ * @param baseUrl
+ * @param params
+ * @returns
  */
 const getUriWithParam = (baseUrl,
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -5369,11 +5364,11 @@ params) => {
   Url.search = urlParams.toString();
   return Url.toString();
 };
-/**
- * Parses url and then it it allows for setting additional key value pairs in that URL (From https://stackoverflow.com/questions/5999118/how-can-i-add-or-update-a-query-string-parameter)
- * @param baseUrl
- * @param params
- * @returns
+/**
+ * Parses url and then it it allows for setting additional key value pairs in that URL (From https://stackoverflow.com/questions/5999118/how-can-i-add-or-update-a-query-string-parameter)
+ * @param baseUrl
+ * @param params
+ * @returns
  */
 const getUriAddParam = (baseUrl,
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -5393,10 +5388,10 @@ params) => {
   Url.search = urlParams.toString();
   return Url.toString();
 };
-/**
- * Converts a JS date to a ISO8601 string
- * @param date
- * @returns ISO8601 string
+/**
+ * Converts a JS date to a ISO8601 string
+ * @param date
+ * @returns ISO8601 string
  */
 const dateToISO8601 = date => {
   const prf = (input, width) => {
@@ -5414,10 +5409,10 @@ const dateToISO8601 = date => {
   const iso = `${prf(date.getUTCFullYear(), 4)}-${prf(date.getUTCMonth() + 1, 2)}-${prf(date.getUTCDate(), 2)}T${prf(date.getUTCHours(), 2)}:${prf(date.getUTCMinutes(), 2)}:${prf(date.getUTCSeconds(), 2)}Z`;
   return iso;
 };
-/**
- * Helper function to figure out the styles from the WMS layer object from the WMS GetCapabilities document
- * @param layerObjectFromWMS The layer object from the WMS GetCapabilities JSON document
- * @returns Style[] Array of style objects.
+/**
+ * Helper function to figure out the styles from the WMS layer object from the WMS GetCapabilities document
+ * @param layerObjectFromWMS The layer object from the WMS GetCapabilities JSON document
+ * @returns Style[] Array of style objects.
  */
 const addStylesForLayer = layerObjectFromWMS => {
   /* Get the Style object */
@@ -5504,12 +5499,12 @@ const addBoundingBoxForLayer = layerObjectFromWMS => {
   }
   return undefined;
 };
-/**
- * Sorts an array with objects by object key.
- *
- * @param array Array of objects
- * @param key The key of the object to use for sorting
- * @returns Sorted array.
+/**
+ * Sorts an array with objects by object key.
+ *
+ * @param array Array of objects
+ * @param key The key of the object to use for sorting
+ * @returns Sorted array.
  */
 function sortArrayOfObjectsByKey(array, key) {
   const spreadArray = [...array];
@@ -5527,10 +5522,10 @@ function sortArrayOfObjectsByKey(array, key) {
     return 0;
   });
 }
-/**
- * A LayerTree with deeply nested children will be flattened into a 1D array. Children properties are removed and result is sorted alphabetically by the layers title.
- * @param layerTree a WMS LayerTree
- * @returns Flat array of layers as LayerProps[]
+/**
+ * A LayerTree with deeply nested children will be flattened into a 1D array. Children properties are removed and result is sorted alphabetically by the layers title.
+ * @param layerTree a WMS LayerTree
+ * @returns Flat array of layers as LayerProps[]
  */
 const flattenLayerTree = layerTree => {
   const omit = (prop, _a) => {
@@ -5549,13 +5544,13 @@ const flattenLayerTree = layerTree => {
   const flatLayerObject = recurseLayerTree(layerTree.children);
   return sortArrayOfObjectsByKey(flatLayerObject, 'title');
 };
-/**
- * Makes a LayerProps object from the WMSLayerFromGetCapabilities and nestedLayerPath
- * @param layer WMSLayerFromGetCapabilities
- * @param path The path of the layer in the WMS GetCapabilities tree (Array of strings)
- * @param isleaf Is this a group layer or an actual layer
- * @param nestedLayerPath The path of the layer in the WMS GetCapabilities, in this case array of LayerProps
- * @returns
+/**
+ * Makes a LayerProps object from the WMSLayerFromGetCapabilities and nestedLayerPath
+ * @param layer WMSLayerFromGetCapabilities
+ * @param path The path of the layer in the WMS GetCapabilities tree (Array of strings)
+ * @param isleaf Is this a group layer or an actual layer
+ * @param nestedLayerPath The path of the layer in the WMS GetCapabilities, in this case array of LayerProps
+ * @returns
  */
 const makeNodeLayerFromWMSGetCapabilityLayer = (layer, path = [], isleaf = false, nestedLayerPath = []) => {
   var _a, _b;
@@ -5606,12 +5601,12 @@ const makeNodeLayerFromWMSGetCapabilityLayer = (layer, path = [], isleaf = false
     crs
   };
 };
-/**
- * Builds a standardized LayerTree object based on WMSLayerFromGetCapabilities object.
- * @param wmsLayer The WMSLayerFromGetCapabilities object
- * @param nestedPath - Optional, only to be used by buildLayerTreeFromNestedWMSLayer
- * @param nestedLayerPath - Optional, only to be used by buildLayerTreeFromNestedWMSLayer
- * @returns A LayerTree object.
+/**
+ * Builds a standardized LayerTree object based on WMSLayerFromGetCapabilities object.
+ * @param wmsLayer The WMSLayerFromGetCapabilities object
+ * @param nestedPath - Optional, only to be used by buildLayerTreeFromNestedWMSLayer
+ * @param nestedLayerPath - Optional, only to be used by buildLayerTreeFromNestedWMSLayer
+ * @returns A LayerTree object.
  */
 const buildLayerTreeFromNestedWMSLayer = (wmsLayer, nestedPath = [], nestedLayerPath = []) => {
   const isleaf = wmsLayer.Name && !wmsLayer.Layer;
@@ -5629,25 +5624,25 @@ const buildLayerTreeFromNestedWMSLayer = (wmsLayer, nestedPath = [], nestedLayer
   return layerTree;
 };
 
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-/**
- * Global service store for re-use of services
+/**
+ * Global service store for re-use of services
  */
 const WMServiceStore = [];
 const WMServiceStoreXML2JSONRequest = {
@@ -6637,22 +6632,22 @@ $$b({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG && !CORRECT_IS_RE
   }
 });
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 const consoleErrorMessages = {
   noCapabilityElementFound: 'No Capability element found in service',
@@ -6683,28 +6678,28 @@ class WMListener {
     this.registeredEvents = new Map();
     this._suspendedEvents = new Map();
   }
-  /**
-   * Remove events by name and function.
-   * @param name Event name
-   * @param f  Function pointer to check
+  /**
+   * Remove events by name and function.
+   * @param name Event name
+   * @param f  Function pointer to check
    */
   removeEventListener(name, f) {
     return this.removeEvents(name, f);
   }
-  /**
-   * Remove all events by name
-   * @param name Event name
+  /**
+   * Remove all events by name
+   * @param name Event name
    */
   removeEventListeners(name) {
     return this.removeEvents(name);
   }
-  /**
-   * Add multiple functions which will be called after the event with the same name is triggered
-   * @param name: The name of the event to register
-   * @param function: The function to trigger
-   * @param keepOnCall: When false, this event name and function combination is removed once triggered.
-   *                    When true Otherwise keep the event and allow it to be triggered multiple times
-   * @return: true if the event is registerd, false if it already was registered
+  /**
+   * Add multiple functions which will be called after the event with the same name is triggered
+   * @param name: The name of the event to register
+   * @param function: The function to trigger
+   * @param keepOnCall: When false, this event name and function combination is removed once triggered.
+   *                    When true Otherwise keep the event and allow it to be triggered multiple times
+   * @return: true if the event is registerd, false if it already was registered
    */
   addEventListener(name, functionpointer, keepOnCall = true) {
     const events = this.registeredEvents.get(name);
@@ -6730,43 +6725,43 @@ class WMListener {
     });
     return true;
   }
-  /**
-   * Destroys this listener, deregistering all events
+  /**
+   * Destroys this listener, deregistering all events
    */
   destroy() {
     this.registeredEvents.clear();
   }
-  /**
-   * Suspend a specific event by name, triggers will not be called
-   * @param name
+  /**
+   * Suspend a specific event by name, triggers will not be called
+   * @param name
    */
   suspendEvent(name) {
     this._suspendedEvents.set(name, true);
   }
-  /**
-   * Resume a specific event by name, resuming normal operation
-   * @param name
+  /**
+   * Resume a specific event by name, resuming normal operation
+   * @param name
    */
   resumeEvent(name) {
     this._suspendedEvents.set(name, false);
   }
-  /**
-   * This listener will not listen to any triggers
+  /**
+   * This listener will not listen to any triggers
    */
   suspendEvents() {
     this._suspendAllEvents = true;
   }
-  /**
-   * Resume event listening
+  /**
+   * Resume event listening
    */
   resumeEvents() {
     this._suspendAllEvents = false;
   }
-  /**
-   * Trigger an event with custom parameters
-   * @param name The name of the event to trigger
-   * @param param The parameters to provide to the associated function
-   * @returns The results of the function.
+  /**
+   * Trigger an event with custom parameters
+   * @param name The name of the event to trigger
+   * @param param The parameters to provide to the associated function
+   * @returns The results of the function.
    */
   triggerEvent(name, param) {
     if (this._suspendAllEvents === true || this._suspendedEvents.get(name) === true) {
@@ -6862,22 +6857,22 @@ $$9({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }
   }
 });
 
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 const WMXMLStringToXMLDocument = xmlString => {
   const xmlData = new DOMParser().parseFromString(xmlString, 'text/xml');
@@ -6992,8 +6987,8 @@ const getWMSUrl = (service = '', additionalParams = {}) => getUriAddParam(servic
   service: 'WMS',
   request: 'GetCapabilities'
 }, additionalParams));
-/**
- * Global getcapabilities function
+/**
+ * Global getcapabilities function
  */
 const WMJSGetCapabilities = (service, succes, fail, options, disableCache = false) => {
   /* Make the getCapabilitiesJSONrequest */
@@ -7048,12 +7043,12 @@ const generateWMJSServiceId = () => {
   generatedServiceIds += 1;
   return `serviceid_${generatedServiceIds}`;
 };
-/**
- * WMJSService Class
- *
- * options:
- *   service
- *   title (optional)
+/**
+ * WMJSService Class
+ *
+ * options:
+ *   service
+ *   title (optional)
  */
 class WMJSService {
   constructor(options) {
@@ -7176,12 +7171,12 @@ class WMJSService {
     }
     return WMSVersion.version111;
   }
-  /**
-   * Does getcapabilities for a service.
-   * When multple getCapabilities for the same service are made,
-   * this method makes one get request and fires all callbacks with the same result.
-   * @param succescallback Function called upon succes, cannot be left blank
-   * @param failcallback Function called upon failure, cannot be left blank
+  /**
+   * Does getcapabilities for a service.
+   * When multple getCapabilities for the same service are made,
+   * this method makes one get request and fires all callbacks with the same result.
+   * @param succescallback Function called upon succes, cannot be left blank
+   * @param failcallback Function called upon failure, cannot be left blank
    */
   getCapabilities(succescallback, failcallback, forceReload,
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
@@ -7293,9 +7288,9 @@ class WMJSService {
     }
     return undefined;
   }
-  /**
-   * Calls succes with a hierarchical node structure
-   * Calls failure with a string when someting goes wrong
+  /**
+   * Calls succes with a hierarchical node structure
+   * Calls failure with a string when someting goes wrong
    */
   getNodes(succes, failure, forceReload, options) {
     if (!failure) {
@@ -7323,8 +7318,8 @@ class WMJSService {
     };
     this.getCapabilities(callback, fail, forceReload, options);
   }
-  /** Calls succes with an array of all layerobjects
-   * Calls failure when something goes wrong
+  /** Calls succes with an array of all layerobjects
+   * Calls failure when something goes wrong
    */
   getLayerObjectsFlat(succes, failure, forceReload, options = this._options) {
     if (isDefined(this._flatLayerObject) && forceReload !== true) {
@@ -7483,7 +7478,7 @@ class DateInterval {
   }
   getTime() {
     let timeres = 0;
-    /* Months and years are unequally distributed in time
+    /* Months and years are unequally distributed in time
        So get time is not possible */
     if (this.month !== 0) {
       throw new Error('month !== 0');
@@ -7541,16 +7536,16 @@ const getTimeValues = isotime => isotime.split(/\D+/).map(parseTimeValue);
 /* Parses ISO8601 times to a Javascript Date Object */
 /** ************************************************* */
 const parseISO8601DateToDate = unvalidatedIsotime => {
-  /*
-  The following functions are added to the standard Date object:
-    - add(dateInterval) adds a DateInterval time to this time
-    - substract(dateInterval) substracts a DateInterval time to this time
-    - toISO8601() returns the date object as iso8601 string
-    - clone() creates a copy of this object
+  /*
+  The following functions are added to the standard Date object:
+    - add(dateInterval) adds a DateInterval time to this time
+    - substract(dateInterval) substracts a DateInterval time to this time
+    - toISO8601() returns the date object as iso8601 string
+    - clone() creates a copy of this object
   */
-  /** Timeformats according to:
-   * https://portal.ogc.org/files/?artifact_id=14416 / 06-042_OpenGIS_Web_Map_Service_WMS_Implementation_Specification.pdf,
-   * chapter D2.1 are supported
+  /** Timeformats according to:
+   * https://portal.ogc.org/files/?artifact_id=14416 / 06-042_OpenGIS_Web_Map_Service_WMS_Implementation_Specification.pdf,
+   * chapter D2.1 are supported
    */
   const makeISO8601StringFromFlexibleWMSDateString = isoString => {
     // Datestring starting with a - token are not supported.
@@ -7914,12 +7909,12 @@ class ParseISOTimeRangeDuration {
       return timeStep;
     }
   }
-  /* Returns the timestep at the currentDate, if currentdate is outside the range,
+  /* Returns the timestep at the currentDate, if currentdate is outside the range,
   a exception is thrown.  */
   getTimeStepFromDateWithinRange(currentDate) {
     return this.getTimeStepFromDate(currentDate, true);
   }
-  /* Returns the timestep at the currentDate, if currentdate is outside the range,
+  /* Returns the timestep at the currentDate, if currentdate is outside the range,
   a minimum or maximum step which lies within the time range is returned.  */
   getTimeStepFromDateClipped(currentDate) {
     return this.getTimeStepFromDate(currentDate, false);
@@ -7939,20 +7934,20 @@ function calculateTimeIntervalFromList(dateStrings) {
   const 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";
-  //Split on '/'
-  let times=isodate.split('/');
-  //Some safety checks
-  if(times[1]==undefined){times[1]=times[0];times[2]='PT1M';}
-  //Convert the dates
-  starttime=parseISO8601DateToDate(times[0]);
-  stoptime=parseISO8601DateToDate(times[1]);
-  interval=parseISO8601IntervalToDateInterval(times[2]);
-  //Calculate the number if steps
-  steps=getNumberOfTimeSteps(starttime,stoptime,interval);
-}
+/* Example:
+function init(){
+  let isodate="1999-01-01T00:00:00Z/2009-12-01T00:00:00Z/PT60S";
+  //Split on '/'
+  let times=isodate.split('/');
+  //Some safety checks
+  if(times[1]==undefined){times[1]=times[0];times[2]='PT1M';}
+  //Convert the dates
+  starttime=parseISO8601DateToDate(times[0]);
+  stoptime=parseISO8601DateToDate(times[1]);
+  interval=parseISO8601IntervalToDateInterval(times[2]);
+  //Calculate the number if steps
+  steps=getNumberOfTimeSteps(starttime,stoptime,interval);
+}
 */
 
 // eslint-disable-next-line es/no-typed-arrays -- safe
@@ -10086,22 +10081,22 @@ var DOM_EXCEPTION = 'DOMException';
 // `DOMException.prototype[@@toStringTag]` property
 setToStringTag(getBuiltIn(DOM_EXCEPTION), DOM_EXCEPTION);
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 const fakeMaxAgeResponsesByLayer = {
   'observation:wis2_air_temperature': 600,
@@ -10116,22 +10111,22 @@ const fakeMaxAgeResponsesByLayer = {
   'fmi:observation:cloudceiling_foreign': 3600
 };
 
-/**
- * Returns the current time in ms
- * @returns the current time in ms
+/**
+ * Returns the current time in ms
+ * @returns the current time in ms
  */
 const getCurrentImageTime = () => {
   return new Date().getTime();
 };
-/**
- * WMImage provides an API to the HTML image element. It is used for caching and easier access to images.
+/**
+ * WMImage provides an API to the HTML image element. It is used for caching and easier access to images.
  */
 class WMImage {
-  /**
-   *
-   * @param src Optionally set the source URL to load
-   * @param callback Optionally set the callback function to trigger once image has loaded
-   * @param options Additional options to the image. You can set { randomizer: true } to force unique url's and prevent caching.
+  /**
+   *
+   * @param src Optionally set the source URL to load
+   * @param callback Optionally set the callback function to trigger once image has loaded
+   * @param options Additional options to the image. You can set { randomizer: true } to force unique url's and prevent caching.
    */
   constructor(src, callback, options) {
     this._loadDuration = undefined;
@@ -10193,8 +10188,8 @@ class WMImage {
     this._numFailedAttempts = 0;
     this._imageTimeStampAtError = getCurrentImageTime();
   }
-  /**
-   * Returns true if the image has been loaded
+  /**
+   * Returns true if the image has been loaded
    */
   isLoaded() {
     if (this._isLoading) {
@@ -10230,29 +10225,29 @@ class WMImage {
     const maxAge = this._fakeMaxAge * 1000;
     return imageAge > maxAge;
   }
-  /**
-   * Returns true if the image is still loading
+  /**
+   * Returns true if the image is still loading
    */
   isLoading() {
     return this._isLoading;
   }
-  /**
-   * Get the amount of milliseconds since the image experienced an image load.
-   * @returns milliseconds since the image had an error
+  /**
+   * Get the amount of milliseconds since the image experienced an image load.
+   * @returns milliseconds since the image had an error
    */
   getLastErrorMSecondsAgo() {
     return getCurrentImageTime() - this._imageTimeStampAtError;
   }
-  /**
-   * @returns The number of failed attempts for this image
+  /**
+   * @returns The number of failed attempts for this image
    */
   getNumFailedAttempts() {
     return this._numFailedAttempts;
   }
-  /**
-   * Set source of image, but it will not load the image yet.
-   * @param src URL of the image to load
-   * @param options WMImageOptions to give to the image
+  /**
+   * Set source of image, but it will not load the image yet.
+   * @param src URL of the image to load
+   * @param options WMImageOptions to give to the image
    */
   setSource(src, options) {
     if (this._isLoading) {
@@ -10271,26 +10266,26 @@ class WMImage {
     this._imageTimeStampAtError = getCurrentImageTime();
     this._isLoaded = false;
   }
-  /**
-   * Re-intialize the image
+  /**
+   * Re-intialize the image
    */
   clear() {
     this.init();
   }
-  /**
-   * Get the URL of the image
+  /**
+   * Get the URL of the image
    */
   getSrc() {
     return this.srcToLoad;
   }
-  /**
-   * Check if the image has an error
+  /**
+   * Check if the image has an error
    */
   hasError() {
     return this._hasError;
   }
-  /**
-   * Start loading the image
+  /**
+   * Start loading the image
    */
   load() {
     if (!this._isLoading) {
@@ -10361,8 +10356,8 @@ class WMImage {
       const hostName = `${splittedHREF[0]}//${splittedHREF[1]}/`;
       this.srcToLoad = hostName + this.srcToLoad;
     }
-    /*
-     * If the image has already loaded this source succesfully (without error), simply trigger the loadevent.
+    /*
+     * If the image has already loaded this source succesfully (without error), simply trigger the loadevent.
      */
     if (this.srcToLoad === this._srcLoaded && !this._hasError) {
       this._loadEvent(false);
@@ -10404,20 +10399,20 @@ class WMImage {
   getLoadDuration() {
     return this._loadDuration;
   }
-  /**
-   * Get the width of the current image
+  /**
+   * Get the width of the current image
    */
   getWidth() {
     return this.el.width;
   }
-  /**
-   * Get the height of the current image
+  /**
+   * Get the height of the current image
    */
   getHeight() {
     return this.el.height;
   }
-  /**
-   * Get the HTMLImageElement behind the WMImage
+  /**
+   * Get the HTMLImageElement behind the WMImage
    */
   getElement() {
     return this.el;
@@ -10430,10 +10425,10 @@ var WMImageEventType;
   WMImageEventType[WMImageEventType["Deleted"] = 1] = "Deleted";
 })(WMImageEventType || (WMImageEventType = {}));
 class WMImageStore {
-  /**
-   * Constructs a new WMImageStore with given amount of image cache.
-   * @param {*} maxNumberOfImages
-   * @param {*} options
+  /**
+   * Constructs a new WMImageStore with given amount of image cache.
+   * @param {*} maxNumberOfImages
+   * @param {*} options
    */
   constructor(maxNumberOfImages, options) {
     this.imagesbysrc = new Map();
@@ -10460,8 +10455,8 @@ class WMImageStore {
       eventCallback.callback(_img, eventCallback.id, imageEventType);
     }
   }
-  /**
-   * Check if we have similar images with the same source in the pipeline
+  /**
+   * Check if we have similar images with the same source in the pipeline
    */
   getImageForSrc(src) {
     return this.imagesbysrc.get(src);
@@ -10505,10 +10500,10 @@ class WMImageStore {
     });
     return numLoading;
   }
-  /**
-   * Get an WMImage object for given URL
-   * @param {*} src The url for the image
-   * @returns WMImage object
+  /**
+   * Get an WMImage object for given URL
+   * @param {*} src The url for the image
+   * @returns WMImage object
    */
   getImage(src, loadOptions) {
     if (!src) {
@@ -10790,22 +10785,22 @@ $({ target: 'Number', proto: true, forced: FORCED }, {
   }
 });
 
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 class WMBBOX {
   constructor(left, bottom, right, top) {
@@ -10820,8 +10815,8 @@ class WMBBOX {
     this.toString = this.toString.bind(this);
     this.setBBOX(left, bottom, right, top);
   }
-  /**
-   * Clone an existing BBOX
+  /**
+   * Clone an existing BBOX
    */
   clone() {
     return new WMBBOX(this.left, this.bottom, this.right, this.top);
@@ -10832,12 +10827,12 @@ class WMBBOX {
     this.right = bbox.right;
     this.top = bbox.top;
   }
-  /**
-   * setBBOX method
-   * Creates a WebMapJS bounding box based on 4 numeric values
-   * Creates a WebMapJS bounding box based on 1 string with commaseparated numeric values
-   * Creates a WebMapJS bounding box based on an exisiting WebMapJS bounding box.
-   * When no parameters are given, a global latlon bbox is generated.
+  /**
+   * setBBOX method
+   * Creates a WebMapJS bounding box based on 4 numeric values
+   * Creates a WebMapJS bounding box based on 1 string with commaseparated numeric values
+   * Creates a WebMapJS bounding box based on an exisiting WebMapJS bounding box.
+   * When no parameters are given, a global latlon bbox is generated.
    */
   setBBOX(left, bottom, right, top) {
     /* Check if we recieve more than one parameter by checking the second bottom parameter. */
@@ -10887,14 +10882,14 @@ class WMBBOX {
       this.top = 90;
     }
   }
-  /*
-   * Compares two boundingboxes and returns true if they are equal
+  /*
+   * Compares two boundingboxes and returns true if they are equal
    */
   equals(left, bottom, right, top) {
     return left === this.left && bottom === this.bottom && right === this.right && top === this.top;
   }
-  /**
-   * Returns the current BBOX as a string, useful for generating WMS requests.
+  /**
+   * Returns the current BBOX as a string, useful for generating WMS requests.
    */
   toString() {
     return `${this.left},${this.bottom},${this.right},${this.top}`;
@@ -10903,10 +10898,10 @@ class WMBBOX {
 
 const ANIMATIONFRAMEREQUEST_DONE = -1;
 const MIN_FRACTION_OF_OVERLAP = 0.75;
-/**
- * Function to find image url's which are similar to other images, without taking width, height and bbox into account
- * @param imageSource The source / url of the image to check
- * @returns A signature for this image, which is the same for images with different bbox and or width/height
+/**
+ * Function to find image url's which are similar to other images, without taking width, height and bbox into account
+ * @param imageSource The source / url of the image to check
+ * @returns A signature for this image, which is the same for images with different bbox and or width/height
  */
 const makeQueryStringWithoutGeoInfo = imageSource => {
   if (imageSource.indexOf('GFI%3ATIME_ELEVATION') !== -1) {
@@ -10924,12 +10919,12 @@ const makeQueryStringWithoutGeoInfo = imageSource => {
     HEIGHT: ''
   });
 };
-/**
- * Function which returns how much two bbox areas have the same area and do overlap.
- * See test in WMCanvasBuffer.spec.ts for details
- * @param boxA
- * @param boxB
- * @returns
+/**
+ * Function which returns how much two bbox areas have the same area and do overlap.
+ * See test in WMCanvasBuffer.spec.ts for details
+ * @param boxA
+ * @param boxB
+ * @returns
  */
 const getOverlappingAreaRatio = (boxA, boxB) => {
   const area1 = Math.abs(boxA.left - boxA.right) * Math.abs(boxA.bottom - boxA.top);
@@ -10942,10 +10937,10 @@ const getOverlappingAreaRatio = (boxA, boxB) => {
   const intersectingFraction = intersectingArea / area1;
   return [areaFraction, intersectingFraction];
 };
-/**
- * Sort the imageslist
- * @param imagesList
- * @returns
+/**
+ * Sort the imageslist
+ * @param imagesList
+ * @returns
  */
 const getSortedListOfImages = (imagesList, bbox) => {
   if (!(imagesList === null || imagesList === void 0 ? void 0 : imagesList.length)) {
@@ -11034,9 +11029,9 @@ class WMCanvasBuffer {
     this._animationFrameRequest = ANIMATIONFRAMEREQUEST_DONE;
     this._isBufferLoading = false;
   }
-  /**
-   * Triggered by the WMImageStore when an image completes loading
-   * @param image
+  /**
+   * Triggered by the WMImageStore when an image completes loading
+   * @param image
    */
   _imageLoadComplete(image) {
     if (!this._webMapJS) {
@@ -11118,9 +11113,9 @@ class WMCanvasBuffer {
         // Draw this image, it is loaded and OK
         this._drawCanvasGeoLayer(layer);
       } else {
-        /**
-         * Check if this image has an error.
-         * If the error has occured some time ago, and the amount of retries is low, just retry to load the image.
+        /**
+         * Check if this image has an error.
+         * If the error has occured some time ago, and the amount of retries is low, just retry to load the image.
          */
         if ((imageToDisplay === null || imageToDisplay === void 0 ? void 0 : imageToDisplay.hasError()) && imageToDisplay.isLoading() === false && imageToDisplay.getLastErrorMSecondsAgo() > 5000 && imageToDisplay.getNumFailedAttempts() < 10) {
           imageToDisplay.forceReload();
@@ -11185,20 +11180,20 @@ class WMCanvasBuffer {
       y
     };
   }
-  /**
-   * Made accessible for testing purposes
-   * @returns
+  /**
+   * Made accessible for testing purposes
+   * @returns
    */
   getSharedImagesList() {
     return this.sharedImagesList;
   }
-  /**
-   * Function to find the an alternative available image for an image url that is not yet loaded
-   * @param imageUrl The image source / url to find an alternative for
-   * @param imageStore The imagestore where the other images are located
-   * @param bbox The boundingbox to search this image for
-   * @param filterUnsuitableAlternatives When true, images which have an overlap or ratio less then given threshold will be discarded as alternative
-   * @returns A canvasLayer, containing the new image source with its geo properties
+  /**
+   * Function to find the an alternative available image for an image url that is not yet loaded
+   * @param imageUrl The image source / url to find an alternative for
+   * @param imageStore The imagestore where the other images are located
+   * @param bbox The boundingbox to search this image for
+   * @param filterUnsuitableAlternatives When true, images which have an overlap or ratio less then given threshold will be discarded as alternative
+   * @returns A canvasLayer, containing the new image source with its geo properties
    */
   getAlternativeImage(imageUrl, bbox, filterUnsuitableAlternatives = false) {
     const sigImageUrl = makeQueryStringWithoutGeoInfo(imageUrl);
@@ -11218,9 +11213,9 @@ class WMCanvasBuffer {
     });
     return foundAltImages;
   }
-  /**
-   * Removes the image from the alternative imageslist (in case imagestore cache gets cleaned), this used when the imagestore triggers a delete event for an image
-   * @param imageUrl The url for the image to remove
+  /**
+   * Removes the image from the alternative imageslist (in case imagestore cache gets cleaned), this used when the imagestore triggers a delete event for an image
+   * @param imageUrl The url for the image to remove
    */
   removeAlternativeImage(imageUrl) {
     const sigImageUrl = makeQueryStringWithoutGeoInfo(imageUrl);
@@ -11236,9 +11231,9 @@ class WMCanvasBuffer {
       delete this.sharedImagesList[sigImageUrl];
     }
   }
-  /**
-   * Add an image to the sharedimages list
-   * @param newLayer A canvaslayer object to add.
+  /**
+   * Add an image to the sharedimages list
+   * @param newLayer A canvaslayer object to add.
    */
   addAlternativeImage(newLayer) {
     var _a;
@@ -11256,11 +11251,11 @@ class WMCanvasBuffer {
       imagesForUrl[indexForExisting] = newLayer;
     }
   }
-  /**
-   * Used to tell the canvas that the map is resized,
-   * @param w
-   * @param h
-   * @returns
+  /**
+   * Used to tell the canvas that the map is resized,
+   * @param w
+   * @param h
+   * @returns
    */
   resize(w, h) {
     const width = parseInt(w, 10);
@@ -11275,21 +11270,21 @@ class WMCanvasBuffer {
     this._ctx.canvas.height = height;
     this._ctx.canvas.width = width;
   }
-  /**
-   * Reset when a new set of layers have been added
+  /**
+   * Reset when a new set of layers have been added
    */
   initCanvasLayers() {
     this._canvasLayers.length = 0;
   }
-  /**
-   * Set's a layer inside the canvasbuffer with given index and imagesource.
-   * The image is directly loaded, but if loading is not complete when drawing, an alternative image is search in the alternative images list
-   * @param layerIndex The layer index, similar to z-Index, 0 drawn on the bottom, higher numbers on top
-   * @param imageSource The url of the image, usually a GetMap url
-   * @param linkedInfo A linkedinfo object to track properties for the image and layer, like errors
-   * @param opacity Opacity of this layer
-   * @param bbox The boundingbox for this layer
-   * @returns Void
+  /**
+   * Set's a layer inside the canvasbuffer with given index and imagesource.
+   * The image is directly loaded, but if loading is not complete when drawing, an alternative image is search in the alternative images list
+   * @param layerIndex The layer index, similar to z-Index, 0 drawn on the bottom, higher numbers on top
+   * @param imageSource The url of the image, usually a GetMap url
+   * @param linkedInfo A linkedinfo object to track properties for the image and layer, like errors
+   * @param opacity Opacity of this layer
+   * @param bbox The boundingbox for this layer
+   * @returns Void
    */
   addLayerToCanvas(layerIndex, imageSource, linkedInfo, opacity, bbox) {
     var _a, _b;
@@ -11357,8 +11352,8 @@ class WMCanvasBuffer {
     this._currentnewbbox = newbbox;
     this.display();
   }
-  /**
-   * Used when the map is destroyed
+  /**
+   * Used when the map is destroyed
    */
   destroy() {
     this.sharedImagesList = null;
@@ -11394,9 +11389,9 @@ i18n.init({
     }
   }
 });
-const translateKeyOutsideComponents = (key, params = undefined) => i18n.t(key, Object.assign({
+const translateKeyOutsideComponents = (t, key, params = undefined) => t ? t(key, Object.assign({
   ns: WEBMAP_NAMESPACE
-}, params));
+}, params)) : key;
 
 const getBBOXandProjString = (layer, projection) => {
   let request = '';
@@ -11546,13 +11541,13 @@ const buildMapLayerDims = map => {
     });
   });
 };
-/**
- *  Makes a valid getfeatureinfoURL for each layer
- * @param layer
- * @param x
- * @param y
- * @param format
- * @returns
+/**
+ *  Makes a valid getfeatureinfoURL for each layer
+ * @param layer
+ * @param x
+ * @param y
+ * @param format
+ * @returns
  */
 const getWMSGetFeatureInfoRequestURL = (layer, x, y, format = 'text/html') => {
   /* For invalid layers we cannot build an url */
@@ -11694,20 +11689,20 @@ const getPixelCoordFromGeoCoord = (map, coordinates, _bbox, _width, _height) =>
     y
   };
 };
-const getErrorsToDisplay = (canvasErrors, getLayerByServiceAndName) => {
+const getErrorsToDisplay = (canvasErrors, getLayerByServiceAndName, t) => {
   return canvasErrors.reduce((list, error) => {
     if (error.linkedInfo && error.linkedInfo.layer) {
       const layer = getLayerByServiceAndName(error.linkedInfo.layer.service, error.linkedInfo.layer.name);
       // Only show if layer is present and enabled
       if (layer && layer.enabled) {
         const message = error.linkedInfo.message ? `, ${error.linkedInfo.message}` : '';
-        return list.concat(translateKeyOutsideComponents('layer-failed-to-load-message', {
+        return list.concat(translateKeyOutsideComponents(t, 'layer-failed-to-load-message', {
           title: error.linkedInfo.layer.title || '',
           message
         }));
       }
     } else {
-      return list.concat(translateKeyOutsideComponents('layer-failed-to-load'));
+      return list.concat(translateKeyOutsideComponents(t, 'layer-failed-to-load'));
     }
     return list;
   }, []);
@@ -11845,27 +11840,27 @@ function prefetchImagesForNonAnimation(wmMap, maxImagesToPrefetch = MAX_IMAGES_T
   prefetchLayerImagesInOrder(wmMap, timesToPrefetch, maxImagesToPrefetch, batchSize);
 }
 
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-/**
- * Set the length of the timer, in milli seconds, after time has elapsed function is called
- * @param secstime Time in milli seconds
- * @param functionhandler Function to call after time is elapsed
+/**
+ * Set the length of the timer, in milli seconds, after time has elapsed function is called
+ * @param secstime Time in milli seconds
+ * @param functionhandler Function to call after time is elapsed
  */
 class WMTimer {
   constructor() {
@@ -11882,22 +11877,22 @@ class WMTimer {
   }
 }
 
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var _WMJSAnimate_instances, _WMJSAnimate_animate;
 class WMJSAnimate {
@@ -12280,10 +12275,10 @@ class WMTileRenderer {
   }
 }
 
-/**
- * Re-formats isoString to the string that is expected by WMJSDimension (for time).
- * @param dateIn The input date to re-format, usually in the format `YYYY-MM-DDThh:mm:ss.uuuZ`
- * @returns The formated input date in the format `YYYY-MM-DDThh:mm:ssZ`
+/**
+ * Re-formats isoString to the string that is expected by WMJSDimension (for time).
+ * @param dateIn The input date to re-format, usually in the format `YYYY-MM-DDThh:mm:ss.uuuZ`
+ * @returns The formated input date in the format `YYYY-MM-DDThh:mm:ssZ`
  */
 const handleDateUtilsISOString = dateIn => {
   /* Try to fix the timestrings generated by our dateUtils made with dateUtils.dateToIsoString() */
@@ -12300,11 +12295,11 @@ const handleDateUtilsISOString = dateIn => {
   }
   return dateIn;
 };
-/**
- * WMJSDimension Class
- * Keep all information for a single dimension, like time.
- * Author : MaartenPlieger (plieger at knmi.nl)
- * Copyright KNMI
+/**
+ * WMJSDimension Class
+ * Keep all information for a single dimension, like time.
+ * Author : MaartenPlieger (plieger at knmi.nl)
+ * Copyright KNMI
  */
 class WMJSDimension {
   constructor(config) {
@@ -12386,10 +12381,10 @@ class WMJSDimension {
       debugLogger(DebugType.Warning);
       return;
     }
-    /*
-     * Calculate the model run length,
-     * this can be done by looking at the difference between
-     * the last dim_reference_time and last dim_time
+    /*
+     * Calculate the model run length,
+     * this can be done by looking at the difference between
+     * the last dim_reference_time and last dim_time
      */
     /* 1. Get the last value in the list of the referencetime */
     const lastRefTime = new Date(referenceTimeDim.getLastValue());
@@ -12538,9 +12533,9 @@ class WMJSDimension {
       this.dimTimeInterval = this.calculatedTimeInterval;
     }
   }
-  /**
-   * Returns the current value of this dimensions.
-   * If a ISO8601 period is set, the getValue will return a timeRange using addTimeRangeDurationToValue instead of a single value
+  /**
+   * Returns the current value of this dimensions.
+   * If a ISO8601 period is set, the getValue will return a timeRange using addTimeRangeDurationToValue instead of a single value
    */
   getValue() {
     if (!this._initialized) {
@@ -12588,10 +12583,10 @@ class WMJSDimension {
       return null;
     }).filter(dateString => dateString !== null);
   }
-  /**
-   * Set current value of this dimension
-   * @param value The new value for this dimension (string)
-   * @param forceValue When set to false,check if the given value is outside range, and do nothing if this is the case
+  /**
+   * Set current value of this dimension
+   * @param value The new value for this dimension (string)
+   * @param forceValue When set to false,check if the given value is outside range, and do nothing if this is the case
    */
   setValue(value, forceValue = true) {
     if (!this._initialized) {
@@ -12604,9 +12599,9 @@ class WMJSDimension {
     }
     this.currentValue = value;
   }
-  /**
-   * Returns values of the dimension, according to values defined in WMS specification, e.g. 2011-01-01T00:00:00Z/2012-01-01T00:00:00Z/P1M or list of values.
-   * @returns
+  /**
+   * Returns values of the dimension, according to values defined in WMS specification, e.g. 2011-01-01T00:00:00Z/2012-01-01T00:00:00Z/P1M or list of values.
+   * @returns
    */
   getValues() {
     this.initialize();
@@ -12703,8 +12698,8 @@ class WMJSDimension {
     }
     return value;
   }
-  /**
-   * Get dimension value for specified index
+  /**
+   * Get dimension value for specified index
    */
   getValueForIndex(index) {
     this.initialize();
@@ -12733,9 +12728,9 @@ class WMJSDimension {
     }
     return null;
   }
-  /**
-   * Hint about the timestep size / time resolution of this dimension.
-   * @returns The dimTimeInterval
+  /**
+   * Hint about the timestep size / time resolution of this dimension.
+   * @returns The dimTimeInterval
    */
   getDimInterval() {
     this.initialize();
@@ -12761,31 +12756,31 @@ class WMJSDimension {
       isRegularInterval
     };
   }
-  /**
-   * Shorthand functionf or getValueForIndex
+  /**
+   * Shorthand functionf or getValueForIndex
    */
   get(index) {
     return this.getValueForIndex(index);
   }
-  /**
-   * Returns the first dimension value
+  /**
+   * Returns the first dimension value
    */
   getFirstValue() {
     return this.get(0);
   }
-  /**
-   * Returns the last dimension value
+  /**
+   * Returns the last dimension value
    */
   getLastValue() {
     return this.get(this.size() - 1);
   }
-  /**
-   * Get index value for specified value. Returns the index in the store for the given time value, either a date or a iso8601 string can be passes as input.
-   * @param value Either a JS Date object or an ISO8601 String
-   * @return The index of the value.  If outSideOfRangeFlag is false, a valid index will
-   * always be returned. If outSideOfRangeFlag is true:
-   * -1 if the value is not in the store, and is lower than available values,
-   * -2 if the value is not in the store, and is higher than available values
+  /**
+   * Get index value for specified value. Returns the index in the store for the given time value, either a date or a iso8601 string can be passes as input.
+   * @param value Either a JS Date object or an ISO8601 String
+   * @return The index of the value.  If outSideOfRangeFlag is false, a valid index will
+   * always be returned. If outSideOfRangeFlag is true:
+   * -1 if the value is not in the store, and is lower than available values,
+   * -2 if the value is not in the store, and is higher than available values
    */
   getIndexForValue(value, outSideOfRangeFlag = true) {
     this.initialize();
@@ -12854,8 +12849,8 @@ class WMJSDimension {
     }
     return -1;
   }
-  /**
-   * Get number of values
+  /**
+   * Get number of values
    */
   size() {
     this.initialize();
@@ -12867,8 +12862,8 @@ class WMJSDimension {
     }
     return null;
   }
-  /**
-   * Clone this dimension
+  /**
+   * Clone this dimension
    */
   clone() {
     const dim = new WMJSDimension();
@@ -12885,22 +12880,22 @@ class WMJSDimension {
   }
 }
 
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 const WMDrawMarker = (context, coordx, coordy, fillColor = '#FFF') => {
   const ctx = context;
@@ -13163,22 +13158,22 @@ const drawScaleBar = (scaleBarProps, ctx) => {
 };
 /* eslint-enable no-param-reassign */
 
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 const SCALE_DELAY = 10;
 const ZOOMED_CALLBACK_DELAY = 500;
@@ -13286,8 +13281,8 @@ let WebMapJSMapNo = 0;
 const bgMapImageStore = new WMImageStore(bgImageStoreLength, {
   id: 'bgMapImageStore'
 });
-/**
- * WMJSMap class
+/**
+ * WMJSMap class
  */
 class WMJSMap {
   _pixelCoordinatesToXY(coordinates) {
@@ -13359,21 +13354,21 @@ class WMJSMap {
           this.canvasErrors.push({
             linkedInfo: {
               layer,
-              message: translateKeyOutsideComponents('time-outside-range')
+              message: translateKeyOutsideComponents(this.t, 'time-outside-range')
             }
           });
         } else if (dimension.currentValue === WMDateTooEarlyString) {
           this.canvasErrors.push({
             linkedInfo: {
               layer,
-              message: translateKeyOutsideComponents('time-too-early')
+              message: translateKeyOutsideComponents(this.t, 'time-too-early')
             }
           });
         } else if (dimension.currentValue === WMDateTooLateString) {
           this.canvasErrors.push({
             linkedInfo: {
               layer,
-              message: translateKeyOutsideComponents('time-too-late')
+              message: translateKeyOutsideComponents(this.t, 'time-too-late')
             }
           });
         }
@@ -13381,7 +13376,7 @@ class WMJSMap {
     }
     /* Display errors found during drawing canvas */
     if (this.canvasErrors && this.canvasErrors.length > 0) {
-      const errorsToDisplay = getErrorsToDisplay(this.canvasErrors, this.getLayerByServiceAndName);
+      const errorsToDisplay = getErrorsToDisplay(this.canvasErrors, this.getLayerByServiceAndName, this.t);
       this.canvasErrors = [];
       if (errorsToDisplay.length > 0) {
         const mw = this._width / 2;
@@ -13447,7 +13442,7 @@ class WMJSMap {
         }
       }
       ctx.fillStyle = '#000000';
-      ctx.fillText(`${translateKeyOutsideComponents('map-projection')}: ${this._srs}`, 5, this._height - 26);
+      ctx.fillText(`${translateKeyOutsideComponents(this.t, 'map-projection')}: ${this._srs}`, 5, this._height - 26);
     }
     /* Show layer metadata */
     if (this.showLayerInfo === true) {
@@ -13629,9 +13624,9 @@ class WMJSMap {
     this.activeLayer.active = true;
     this._wmEventListener.triggerEvent('onchangeactivelayer');
   }
-  /*
-    Calculates how many baselayers there are.
-    Useful when changing properties for a divbuffer index (for example setLayerOpacity)
+  /*
+    Calculates how many baselayers there are.
+    Useful when changing properties for a divbuffer index (for example setLayerOpacity)
   */
   _calculateNumBaseLayers() {
     this._numBaseLayers = 0;
@@ -14257,7 +14252,7 @@ class WMJSMap {
   }
   _mouseWheelEvent(event) {
     if (this.holdShiftToScroll && !event.shiftKey) {
-      this.setMessageValue = translateKeyOutsideComponents('hold-shift-to-zoom');
+      this.setMessageValue = translateKeyOutsideComponents(this.t, 'hold-shift-to-zoom');
       this.draw();
       // Clear text after 500ms
       setTimeout(() => {
@@ -14586,8 +14581,8 @@ class WMJSMap {
     this._wmEventListener.triggerEvent('onlayerchange');
     this._rebuildMapDimensions();
   }
-  /**
-   * Reorder layers according to an index array with indices on how the layers should be reordered.
+  /**
+   * Reorder layers according to an index array with indices on how the layers should be reordered.
    */
   reorderLayers(order) {
     // The length should be the same
@@ -14647,10 +14642,10 @@ class WMJSMap {
   getActiveLayer() {
     return this.activeLayer;
   }
-  /**
-   * setProjection
-   * Set the projection of the current webmap object
-   *_srs also accepts a projectionProperty object
+  /**
+   * setProjection
+   * Set the projection of the current webmap object
+   *_srs also accepts a projectionProperty object
    */
   setProjection(_srs, _bbox) {
     if (!_srs) {
@@ -15326,26 +15321,26 @@ class WMJSMap {
   }
 }
 
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-/**
- * WMProjection Class
- * Keep all projection information, by a bbox and an srs value.
+/**
+ * WMProjection Class
+ * Keep all projection information, by a bbox and an srs value.
  */
 class WMProjection {
   constructor() {
@@ -15361,11 +15356,11 @@ var LayerType;
   LayerType["overLayer"] = "overLayer";
   LayerType["featureLayer"] = "featureLayer";
 })(LayerType || (LayerType = {}));
-/**
- * Helper function to figure out the dimensions from the WMS layer object (From WMS GetCapabilities). Parses both WMS 1.1.1 and WMS 1.3.0.
- * @param layerObjectFromWMS The corresponding layer object from the WMS GetCapabilities.
- * @param layer THe WMLayer to configure
- * @param layerDimNamesToRemove A set of dimensions names which are flagged for removal, this function removes the dimension from the set if found in the layer.
+/**
+ * Helper function to figure out the dimensions from the WMS layer object (From WMS GetCapabilities). Parses both WMS 1.1.1 and WMS 1.3.0.
+ * @param layerObjectFromWMS The corresponding layer object from the WMS GetCapabilities.
+ * @param layer THe WMLayer to configure
+ * @param layerDimNamesToRemove A set of dimensions names which are flagged for removal, this function removes the dimension from the set if found in the layer.
  */
 const addDimsForLayer = (layerProps, layer, layerDimNamesToRemove) => {
   var _a;
@@ -15379,7 +15374,7 @@ const addDimsForLayer = (layerProps, layer, layerDimNamesToRemove) => {
       unitSymbol: layerDimension.unitSymbol || '',
       value: layerDimension.values || '',
       default: layerDimension.currentValue,
-      /* If presets with other dimensions, like elevation, cause
+      /* If presets with other dimensions, like elevation, cause
       problems, try to add the dimension here */
       linkDimensionToMap: dimName !== 'reference_time' && dimName !== 'interval_start' && dimName !== 'interval_end'
     };
@@ -15421,10 +15416,10 @@ const addDimsForLayer = (layerProps, layer, layerDimNamesToRemove) => {
     }
   });
 };
-/**
- * Helper function to configure the WMS Styles from the WMS GetCapabilities document.
- * @param nestedLayerPath Array of WMS Layers from `[Root WMS Layer] => [Parent(s) WMS Layer] => [This WMS layer]`.
- * @param wmLayer The WMLayer object to configure
+/**
+ * Helper function to configure the WMS Styles from the WMS GetCapabilities document.
+ * @param nestedLayerPath Array of WMS Layers from `[Root WMS Layer] => [Parent(s) WMS Layer] => [This WMS layer]`.
+ * @param wmLayer The WMLayer object to configure
  */
 const configureStyles = (layerProps, wmLayer) => {
   // eslint-disable-next-line no-param-reassign
@@ -15442,18 +15437,18 @@ const configureStyles = (layerProps, wmLayer) => {
     }
   }
 };
-/**
- * Helper function to configure the dimensions for this layer from the WMS GetCapabilities document.
- * @param nestedLayerPath Array of WMS Layers from `[Root WMS Layer] => [Parent(s) WMS Layer] => [This WMS layer]`.
- * @param wmLayer The WMLayer object to configure
+/**
+ * Helper function to configure the dimensions for this layer from the WMS GetCapabilities document.
+ * @param nestedLayerPath Array of WMS Layers from `[Root WMS Layer] => [Parent(s) WMS Layer] => [This WMS layer]`.
+ * @param wmLayer The WMLayer object to configure
  */
 const configureDimensions = (layerProps, wmLayer) => {
-  /*
-  WMS 1.1.1:
-    <Dimension name="time" units="ISO8601"/>
-    <Extent name="time" default="2021-05-14T10:35:00Z" multipleValues="1" nearestValue="0">2021-03-31T09:25:00Z/2021-05-14T10:35:00Z/PT5M</Extent>
-     WMS 1.3.0:
-    <Dimension name="time" units="ISO8601" default="2021-05-14T07:35:00Z" multipleValues="1" nearestValue="0" current="1">2021-03-31T09:25:00Z/2021-05-14T07:35:00Z/PT5M</Dimension>
+  /*
+  WMS 1.1.1:
+    <Dimension name="time" units="ISO8601"/>
+    <Extent name="time" default="2021-05-14T10:35:00Z" multipleValues="1" nearestValue="0">2021-03-31T09:25:00Z/2021-05-14T10:35:00Z/PT5M</Extent>
+     WMS 1.3.0:
+    <Dimension name="time" units="ISO8601" default="2021-05-14T07:35:00Z" multipleValues="1" nearestValue="0" current="1">2021-03-31T09:25:00Z/2021-05-14T07:35:00Z/PT5M</Dimension>
   */
   /* 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 */
   const layerDimNamesToRemove = new Set();
@@ -15861,10 +15856,10 @@ class WMLayer {
     this.isConfigured = true;
     layerDoneCallback(this);
   }
-  /**
-   * Calls success with a configured layer object
-   * Calls options.failure with error message.
-   * Throws string exceptions when someting goes wrong
+  /**
+   * Calls success with a configured layer object
+   * Calls options.failure with error message.
+   * Throws string exceptions when someting goes wrong
    */
   parseLayer(_layerDoneCallback, forceReload,
   // eslint-disable-next-line no-unused-vars
@@ -15907,10 +15902,10 @@ class WMLayer {
       }, requestfail, forceReload, options);
     }
   }
-  /**
-   * A Promise to parse the layer, it will fetch the WMS GetCapabilities document, configure the layer and resolve to a WMLayer object
-   * @param forceReload Do not use the cache of the WMS GetCapabilities document, but instead fetch new data from the server
-   * @returns WMLayer object
+  /**
+   * A Promise to parse the layer, it will fetch the WMS GetCapabilities document, configure the layer and resolve to a WMLayer object
+   * @param forceReload Do not use the cache of the WMS GetCapabilities document, but instead fetch new data from the server
+   * @returns WMLayer object
    */
   parseLayerPromise(forceReload = false) {
     return new Promise((resolve, reject) => {
@@ -15934,18 +15929,18 @@ class WMLayer {
     });
     return newLayer;
   }
-  /**
-   * Set or change the name of this layer. This involves re-parsing the WMS GetCapabilities document and updating the affected layer properties. When done, it resolves the WMLayer
-   * @param name The name of the layer
-   * @returns Promise resolving to a WMLayer object
+  /**
+   * Set or change the name of this layer. This involves re-parsing the WMS GetCapabilities document and updating the affected layer properties. When done, it resolves the WMLayer
+   * @param name The name of the layer
+   * @returns Promise resolving to a WMLayer object
    */
   setName(name) {
     this.name = name;
     return this.parseLayerPromise(false);
   }
-  /**
-   * Sets the style by its name
-   * @param style: The name of the style (not the object)
+  /**
+   * Sets the style by its name
+   * @param style: The name of the style (not the object)
    */
   setStyle(styleName) {
     debugLogger(DebugType.Log);
@@ -15977,10 +15972,10 @@ class WMLayer {
     }
     return [];
   }
-  /**
-   * Get the styleobject by name
-   * @param styleName The name of the style
-   * @param nextPrev, can be -1 or +1 to get the next or previous style object in circular manner.
+  /**
+   * Get the styleobject by name
+   * @param styleName The name of the style
+   * @param nextPrev, can be -1 or +1 to get the next or previous style object in circular manner.
    */
   getStyleObject(styleName, nextPrev) {
     if (isDefined(this.styles) === false) {
@@ -16005,8 +16000,8 @@ class WMLayer {
     }
     return undefined;
   }
-  /*
-   *Get the current stylename as used in the getmap request
+  /*
+   *Get the current stylename as used in the getmap request
    */
   getStyle() {
     return this.currentStyle;
@@ -16014,9 +16009,9 @@ class WMLayer {
   getDimension(name) {
     return this.dimensions.find(dim => dim.name === name);
   }
-  /**
-   * Returns the Coordinate Reference Systems for this layer
-   * @returns List of WMProjection objects
+  /**
+   * Returns the Coordinate Reference Systems for this layer
+   * @returns List of WMProjection objects
    */
   getCRS() {
     const crs = [];
@@ -16035,11 +16030,11 @@ class WMLayer {
     }
     return crs;
   }
-  /**
-   * Get Coordinate reference system by name
-   *
-   * @param srsName Name of the coordinate reference system to get
-   * @returns A WMProjection object if found, otherwise undefined.
+  /**
+   * Get Coordinate reference system by name
+   *
+   * @param srsName Name of the coordinate reference system to get
+   * @returns A WMProjection object if found, otherwise undefined.
    */
   getCRSByName(srsName) {
     for (const projProps of this.projectionProperties) {
@@ -16055,11 +16050,11 @@ class WMLayer {
     }
     return undefined;
   }
-  /**
-   * Get Coordinate reference system by name. Note 2021-05-17: It is more inline with other function names to use the getCRSByName function instead.
-   *
-   * @param srsName Name of the coordinate reference system to get
-   * @returns A WMProjection object if found, otherwise undefined.
+  /**
+   * Get Coordinate reference system by name. Note 2021-05-17: It is more inline with other function names to use the getCRSByName function instead.
+   *
+   * @param srsName Name of the coordinate reference system to get
+   * @returns A WMProjection object if found, otherwise undefined.
    */
   getProjection(srsName) {
     return this.getCRSByName(srsName);
@@ -16081,22 +16076,22 @@ class WMLayer {
   }
 }
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2024 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 const defaultAnimationDelayAtStart = 250;
 const defaultDelay = 1000; // [ms]
@@ -16115,22 +16110,22 @@ var mapConstants = /*#__PURE__*/Object.freeze({
   speedFactors: speedFactors
 });
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 let generatedLayerIds = 0;
 const generateLayerId = () => {
@@ -16147,21 +16142,21 @@ const generateTimesliderId = () => {
   generatedTimesliderIds += 1;
   return `timesliderid_${generatedTimesliderIds}`;
 };
-/**
- * Map for registering wmlayers with their id's
+/**
+ * Map for registering wmlayers with their id's
  */
 const registeredWMLayersForReactLayerId = {};
-/**
- * Registers a WMJSLayer in a lookuptable with a layerId
- * @param {WMLayer} wmLayer
- * @param {string} layerId
+/**
+ * Registers a WMJSLayer in a lookuptable with a layerId
+ * @param {WMLayer} wmLayer
+ * @param {string} layerId
  */
 const registerWMLayer = (wmLayer, layerId) => {
   registeredWMLayersForReactLayerId[layerId] = wmLayer;
 };
-/**
- * Get the WMLayer from the lookuptable with layerId
- * @param {string} layerId
+/**
+ * Get the WMLayer from the lookuptable with layerId
+ * @param {string} layerId
  */
 const getWMLayerById = layerId => {
   return registeredWMLayersForReactLayerId[layerId];
@@ -16182,14 +16177,14 @@ const unRegisterAllWMJSLayersAndMaps = () => {
     unRegisterWMJSMap(mapId);
   });
 };
-/**
- * Map for registering wmlayers with their id's
+/**
+ * Map for registering wmlayers with their id's
  */
 const registeredWMMapForReactMapId = {};
-/**
- * Registers a IWMJSMap in a lookuptable with a wmjsMapId
- * @param {IWMJSMap} wmjsMap
- * @param {string} wmjsMapId
+/**
+ * Registers a IWMJSMap in a lookuptable with a wmjsMapId
+ * @param {IWMJSMap} wmjsMap
+ * @param {string} wmjsMapId
  */
 const registerWMJSMap = (wmjsMap, wmjsMapId) => {
   if (registeredWMMapForReactMapId[wmjsMapId]) {
@@ -16216,24 +16211,24 @@ const unRegisterWMJSMap = wmjsMapId => {
     delete registeredWMMapForReactMapId[wmjsMapId];
   }
 };
-/**
- * Get the wmjsMap from the lookuptable with wmjsMapId
- * @param {string} wmjsMapId
+/**
+ * Get the wmjsMap from the lookuptable with wmjsMapId
+ * @param {string} wmjsMapId
  */
 const getWMJSMapById = wmjsMapId => {
   return registeredWMMapForReactMapId[wmjsMapId];
 };
-/**
- * Get all wmjsMap id's from the lookuptable with wmjsMapId
- * @param {string} wmjsMapId
+/**
+ * Get all wmjsMap id's from the lookuptable with wmjsMapId
+ * @param {string} wmjsMapId
  */
 const getWMJSMapIds = () => {
   return Object.keys(registeredWMMapForReactMapId);
 };
-/**
- * Returns the WMJSDimension object for given layerId and dimension name
- * @param layerId The layerId
- * @param dimensionName The dimension to lookup
+/**
+ * Returns the WMJSDimension object for given layerId and dimension name
+ * @param layerId The layerId
+ * @param dimensionName The dimension to lookup
  */
 const getWMJSDimensionForLayerAndDimension = (layerId, dimensionName) => {
   const wmLayer = getWMLayerById(layerId);
@@ -16246,10 +16241,10 @@ const getWMJSDimensionForLayerAndDimension = (layerId, dimensionName) => {
   }
   return wmjsDimension;
 };
-/**
- * Gets the WMJSTimeDimension for given activeLayerId and dimensions list
- * @param layerId: The layer id to search the WMJSDimension for
- * @return: The WMJSDimension if found, otherwise null
+/**
+ * Gets the WMJSTimeDimension for given activeLayerId and dimensions list
+ * @param layerId: The layer id to search the WMJSDimension for
+ * @return: The WMJSDimension if found, otherwise null
  */
 const getWMJSTimeDimensionForLayerId = layerId => {
   const wmLayer = getWMLayerById(layerId);
@@ -16258,8 +16253,8 @@ const getWMJSTimeDimensionForLayerId = layerId => {
   }
   return wmLayer.getDimension('time');
 };
-/**
- * Clears the image store for all maps
+/**
+ * Clears the image store for all maps
  */
 const clearImageCacheForAllMaps = () => {
   getWMJSMapIds().forEach(id => {
@@ -16282,8 +16277,8 @@ const roundWithTimeStep = (unixTime, timeStep, type) => {
   }
   return undefined;
 };
-/**
- * Returns speed delay for given speedFactor. For options, see defined above in "speedFactors"
+/**
+ * Returns speed delay for given speedFactor. For options, see defined above in "speedFactors"
  */
 const getSpeedDelay = speedFactor => {
   return defaultDelay / speedFactor;
@@ -16309,22 +16304,22 @@ var utils = /*#__PURE__*/Object.freeze({
   unRegisterWMJSMap: unRegisterWMJSMap
 });
 
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 const defaultReduxLayerRadarColor = {
   service: 'https://testservice',
@@ -16699,22 +16694,22 @@ var testSettings = /*#__PURE__*/Object.freeze({
   styleListForRADNL25PCPCMLayer: styleListForRADNL25PCPCMLayer
 });
 
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 const tilesettings = {
   WorldMap_Light_Grey_Canvas: {
@@ -16811,16 +16806,16 @@ const tilesettings = {
       tileServerType: 'osm',
       copyRight: 'Natural Earth II | Ingmapping'
     },
-    /* TODO
-     'EPSG:4326': {
-      home: 'https://geoweb-maps-assets.pmc.knmi.cloud/WorldMap/EPSG4326/',
-      minLevel: 0,
-      maxLevel: 9,
-      origX: -180,
-      origY: 90,
-      resolution: 1.422222,
-      tileServerType: 'osm',
-      copyRight: 'Natural Earth II | Ingmapping',
+    /* TODO
+     'EPSG:4326': {
+      home: 'https://geoweb-maps-assets.pmc.knmi.cloud/WorldMap/EPSG4326/',
+      minLevel: 0,
+      maxLevel: 9,
+      origX: -180,
+      origY: 90,
+      resolution: 1.422222,
+      tileServerType: 'osm',
+      copyRight: 'Natural Earth II | Ingmapping',
     }, */
     'EPSG:3411': {
       home: 'https://geoweb-maps-assets.pmc.knmi.cloud/WorldMap/EPSG3411/',
@@ -17066,22 +17061,22 @@ const 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 const defaultReduxLayerRadarKNMI = {
   service: 'https://testservice',
@@ -17122,22 +17117,22 @@ const multiDimensionLayer = {
   }]
 };
 
-/* *
- * 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)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+/* *
+ * 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)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 const WMS111GetCapabilitiesGeoServicesRADAR = `<?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE WMT_MS_Capabilities SYSTEM "http://schemas.opengis.net/wms/1.1.1/WMS_MS_Capabilities.dtd" [
@@ -17546,9 +17541,9 @@ const mockGetCapabilities = Object.assign(Object.assign({}, getCapabilities$1),
   WMS111GetCapabilitiesGeoServicesRADAR
 });
 
-/**
- * Converts webmapjs node structure to LayerTree
- * @param nodesToRecur THe WebMapJS node structure from service.getNodes();
+/**
+ * Converts webmapjs node structure to LayerTree
+ * @param nodesToRecur THe WebMapJS node structure from service.getNodes();
  */
 const recurseNodes = nodesToRecur => {
   const newLayerTreeObj = {
@@ -17570,10 +17565,10 @@ const recurseNodes = nodesToRecur => {
   }
   return newLayerTreeObj;
 };
-/**
- * Returns a promise with a hierarchical tree of layers from the WMS GetCapabilities document.
- * @param serviceUrl The URL of the WMS service
- * @param {boolean} forceReload **optional** forceReload: boolean, true will force the layers to be reloaded from the service, defaults to false
+/**
+ * Returns a promise with a hierarchical tree of layers from the WMS GetCapabilities document.
+ * @param serviceUrl The URL of the WMS service
+ * @param {boolean} forceReload **optional** forceReload: boolean, true will force the layers to be reloaded from the service, defaults to false
  */
 const getLayersFromService = (serviceUrl, forceReload = false) => {
   return new Promise((resolve, reject) => {
@@ -17587,10 +17582,10 @@ const getLayersFromService = (serviceUrl, forceReload = false) => {
     }, forceReload);
   });
 };
-/**
- * Returns a promise with an array of flattened layerobjects from the WMS GetCapabilities document.
- * @param serviceUrl The URL of the WMS service
- * @param {boolean} forceReload **optional** forceReload: boolean, true will force the layers to be reloaded from the service, defaults to false
+/**
+ * Returns a promise with an array of flattened layerobjects from the WMS GetCapabilities document.
+ * @param serviceUrl The URL of the WMS service
+ * @param {boolean} forceReload **optional** forceReload: boolean, true will force the layers to be reloaded from the service, defaults to false
  */
 const getLayersFlattenedFromService = (serviceUrl, forceReload = false) => {
   return new Promise((resolve, reject) => {