@eeacms/volto-arcgis-block 0.1.394 → 0.1.395

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.395](https://github.com/eea/volto-arcgis-block/compare/0.1.394...0.1.395) - 3 October 2025
+
 ### [0.1.394](https://github.com/eea/volto-arcgis-block/compare/0.1.393...0.1.394) - 2 October 2025
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/components/MapViewer/AreaWidget.jsx

@@ -1328,6 +1328,7 @@ class AreaWidget extends React.Component {
         '</div>';
       this.props.download && this.props.view.ui.add(popup, 'top-right');
     });
+    this.dragElement(document.querySelector('.coordinateWindow'));
   }
 
   async initFMI() {
@@ -1349,6 +1350,38 @@ class AreaWidget extends React.Component {
       //console.error('There was a problem with the fetch operation:', error);
     }
   }
+  dragElement(elmnt) {
+    var pos1 = 0,
+      pos2 = 0,
+      pos3 = 0,
+      pos4 = 0;
+    let header = document.querySelector('.coordinateHeader');
+    const dragMouseDown = (e) => {
+      e.preventDefault();
+      pos3 = e.clientX;
+      pos4 = e.clientY;
+      document.onmouseup = closeDragElement;
+      document.onmousemove = elementDrag;
+    };
+    const elementDrag = (e) => {
+      e.preventDefault();
+      pos1 = pos3 - e.clientX;
+      pos2 = pos4 - e.clientY;
+      pos3 = e.clientX;
+      pos4 = e.clientY;
+      elmnt.style.top = elmnt.offsetTop - pos2 + 'px';
+      elmnt.style.left = elmnt.offsetLeft - pos1 + 'px';
+    };
+    const closeDragElement = () => {
+      document.onmouseup = null;
+      document.onmousemove = null;
+    };
+    if (header) {
+      header.addEventListener('mousedown', dragMouseDown);
+    } else {
+      elmnt.addEventListener('mousedown', dragMouseDown);
+    }
+  }
   /**
    * This method renders the component
    * @returns jsx

package/src/components/MapViewer/css/ArcgisMap.css

@@ -471,8 +471,8 @@ label.ccl-form-radio-label span.nuts-menu-icon {
 
 .coordinateWindow {
   position: absolute;
-  right: 23rem;
-  bottom: 2rem;
+  top: 23rem;
+  left: 47rem;
   display: none;
   width: 23rem;
   height: 13rem;