@eeacms/volto-arcgis-block 0.1.454 → 0.1.455

package/CHANGELOG.md

@@ -4,6 +4,8 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [0.1.455](https://github.com/eea/volto-arcgis-block/compare/0.1.454...0.1.455) - 9 June 2026
+
 ### [0.1.454](https://github.com/eea/volto-arcgis-block/compare/0.1.453...0.1.454) - 8 June 2026
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-arcgis-block",
-  "version": "0.1.454",
+  "version": "0.1.455",
   "description": "volto-arcgis-block: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: CodeSyntax",

package/src/components/MapViewer/MenuWidget.jsx

@@ -7898,13 +7898,61 @@ class MenuWidget extends React.Component {
 
   renderTimeslider(elem, layer, fromDownload, hideCalendar) {
     if (this.props.view && layer) {
-      let elemId;
-      if (elem.id.includes('.')) {
-        elemId = elem.id.replaceAll('.', '\\.');
-      } else {
-        elemId = elem.id;
+      let activeLayer = document.getElementById('active_' + elem.id);
+      if (!activeLayer) {
+        if (!this._pendingTimesliderRender) {
+          this._pendingTimesliderRender = {};
+        }
+        if (!this._pendingTimesliderRenderCount) {
+          this._pendingTimesliderRenderCount = {};
+        }
+        if (!this._pendingTimesliderRender[elem.id]) {
+          this._pendingTimesliderRender[elem.id] = true;
+          setTimeout(() => {
+            if (this._pendingTimesliderRender) {
+              this._pendingTimesliderRender[elem.id] = false;
+            }
+            if (!this._pendingTimesliderRenderCount[elem.id]) {
+              this._pendingTimesliderRenderCount[elem.id] = 0;
+            }
+            this._pendingTimesliderRenderCount[elem.id] += 1;
+            if (
+              this.timeLayers &&
+              this.timeLayers[elem.id] &&
+              this.timeLayers[elem.id][1] === 'stop' &&
+              this._pendingTimesliderRenderCount[elem.id] < 6
+            ) {
+              let sourceElem = document.getElementById(elem.id) || elem;
+              let order =
+                this.activeLayersJSON && this.activeLayersJSON[elem.id]
+                  ? this.activeLayersJSON[elem.id].props['layer-order']
+                  : 0;
+              if (sourceElem && this.activeLayersJSON) {
+                this.activeLayersJSON[elem.id] = this.addActiveLayer(
+                  sourceElem,
+                  order,
+                  fromDownload,
+                  hideCalendar,
+                );
+              }
+              this.setState({});
+            }
+          }, 0);
+        }
+        return null;
+      }
+      if (
+        this._pendingTimesliderRender &&
+        this._pendingTimesliderRender[elem.id]
+      ) {
+        this._pendingTimesliderRender[elem.id] = false;
+      }
+      if (
+        this._pendingTimesliderRenderCount &&
+        this._pendingTimesliderRenderCount[elem.id]
+      ) {
+        this._pendingTimesliderRenderCount[elem.id] = 0;
       }
-      let activeLayer = document.querySelector('#active_' + elemId);
       let time = { elem: activeLayer };
       if (this.props.download) {
         let dataset = document.querySelector('.map-dataset-checkbox input');