@eeacms/volto-arcgis-block 0.1.214 → 0.1.215

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.215](https://github.com/eea/volto-arcgis-block/compare/0.1.214...0.1.215) - 9 October 2023
+
 ### [0.1.214](https://github.com/eea/volto-arcgis-block/compare/0.1.213...0.1.214) - 5 October 2023
 
 ### [0.1.213](https://github.com/eea/volto-arcgis-block/compare/0.1.212...0.1.213) - 4 October 2023

package/package.json

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

package/src/components/MapViewer/SwipeWidget.jsx

@@ -151,33 +151,51 @@ class SwipeWidget extends React.Component {
     this.swipe.leadingLayers.removeAll();
     this.swipe.trailingLayers.removeAll();
     this.swipe.direction = selectedSwipeDirection;
+    let vl = JSON.parse(sessionStorage.getItem('visibleLayers'));
     this.map.layers.forEach((layer) => {
       layer.visible = false;
       if (layer.id === selectedLeadingLayer) {
         layer.visible = true;
+        if (vl) {
+          for (const key in vl) {
+            if (this.layers[key].id === layer.id) {
+              if (vl[key][1] === 'eye-slash') {
+                layer.visible = false;
+              }
+            }
+          }
+        }
         this.swipe.leadingLayers.add(layer);
       }
       if (layer.id === selectedTrailingLayer) {
         layer.visible = true;
+        if (vl) {
+          for (const key in vl) {
+            if (this.layers[key].id === layer.id) {
+              if (vl[key][1] === 'eye-slash') {
+                layer.visible = false;
+              }
+            }
+          }
+        }
         this.swipe.trailingLayers.add(layer);
       }
     });
   }
   loadVisibleLayers() {
     let vl = JSON.parse(sessionStorage.getItem('visibleLayers'));
-    if (vl) {
-      for (const key in vl) {
-        if (vl[key][1] === 'eye') {
-          this.layers[key].visible = true;
-        } else {
-          this.layers[key].visible = false;
+    this.map.layers.forEach((layer) => {
+      layer.visible = true;
+      if (vl) {
+        for (const key in vl) {
+          if (this.layers[key].id === layer.id) {
+            if (vl[key][1] === 'eye-slash') {
+              layer.visible = false;
+            }
+          }
         }
       }
-    } else {
-      this.map.layers.forEach((layer) => {
-        layer.visible = true;
-      });
-    }
+    });
   }
   /**
    * This method renders the component