qwc2 2025.12.4 → 2025.12.17

package/components/widgets/SearchWidget.js

@@ -34,11 +34,11 @@ import isEmpty from 'lodash.isempty';
 import PropTypes from 'prop-types';
 import { v4 as uuidv4 } from 'uuid';
 import LocaleUtils from '../../utils/LocaleUtils';
-import MiscUtils from '../../utils/MiscUtils';
 import { SearchResultType } from '../../utils/SearchProviders';
 import VectorLayerUtils from '../../utils/VectorLayerUtils';
 import Icon from '../Icon';
 import InputContainer from './InputContainer';
+import PopupMenu from './PopupMenu';
 import Spinner from './Spinner';
 import './style/SearchWidget.css';
 var SearchWidget = /*#__PURE__*/function (_React$Component) {
@@ -51,42 +51,40 @@ var SearchWidget = /*#__PURE__*/function (_React$Component) {
       reqId: null,
       results: [],
       pending: 0,
-      active: false
+      resultsVisible: false
     });
     _defineProperty(_this, "renderResults", function () {
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React.createElement(PopupMenu, {
+        anchor: _this.input,
         className: "search-widget-results",
-        onMouseDown: _this.setPreventBlur
+        onClose: function onClose() {
+          return _this.setState({
+            resultsVisible: false
+          });
+        },
+        setMaxWidth: true,
+        spaceKeyActivation: false
       }, _this.state.results.filter(function (group) {
         var _group$type;
         return _this.props.resultTypeFilter.includes((_group$type = group.type) !== null && _group$type !== void 0 ? _group$type : SearchResultType.PLACE);
       }).map(function (group) {
         var _group$title;
-        return /*#__PURE__*/React.createElement("div", {
-          className: "search-widget-results-group",
-          key: group.id,
-          onMouseDown: MiscUtils.killEvent
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "search-widget-results-group-title"
+        return [/*#__PURE__*/React.createElement("div", {
+          className: "search-widget-results-group-title",
+          disabled: true,
+          key: group.id
         }, /*#__PURE__*/React.createElement("span", null, (_group$title = group.title) !== null && _group$title !== void 0 ? _group$title : LocaleUtils.tr(group.titlemsgid))), group.items.map(function (item) {
           item.text = (item.label !== undefined ? item.label : item.text || '').replace(/<\/?\w+\s*\/?>/g, '');
           return /*#__PURE__*/React.createElement("div", {
-            className: "search-widget-results-group-item",
-            key: item.id,
+            className: "search-widget-results-item",
+            key: group.id + ":" + item.id,
             onClick: function onClick() {
               return _this.resultSelected(group, item);
             },
             title: item.text
           }, item.text);
-        }));
-      }));
-    });
-    _defineProperty(_this, "setPreventBlur", function () {
-      _this.preventBlur = true;
-      setTimeout(function () {
-        _this.preventBlur = false;
-        return false;
-      }, 100);
+        })];
+      }).flat());
     });
     _defineProperty(_this, "textChanged", function (ev) {
       _this.setState({
@@ -102,27 +100,19 @@ var SearchWidget = /*#__PURE__*/function (_React$Component) {
         _this.searchTimeout = setTimeout(_this.startSearch, 250);
       }
     });
-    _defineProperty(_this, "onBlur", function () {
-      if (!_this.preventBlur) {
-        clearTimeout(_this.searchTimeout);
-        _this.props.onBlur();
-        _this.setState({
-          active: false
-        });
-      }
-    });
     _defineProperty(_this, "onFocus", function (ev) {
-      ev.target.select();
-      _this.props.onFocus();
-      _this.setState({
-        active: true
-      });
+      if (_this.input && !_this.state.resultsVisible) {
+        ev.target.select();
+      }
     });
     _defineProperty(_this, "onKeyDown", function (ev) {
       if (ev.key === 'Enter') {
         _this.startSearch();
-      } else if (ev.key === 'Escape') {
-        ev.target.blur();
+      } else if (ev.key === 'ArrowDown' || ev.key === 'ArrowUp') {
+        ev.preventDefault();
+        _this.setState({
+          resultsVisible: true
+        });
       }
     });
     _defineProperty(_this, "startSearch", function () {
@@ -149,7 +139,8 @@ var SearchWidget = /*#__PURE__*/function (_React$Component) {
                   provider: provider
                 });
               }))),
-              pending: state.pending - 1
+              pending: state.pending - 1,
+              resultsVisible: true
             };
           });
         }, axios);
@@ -174,14 +165,12 @@ var SearchWidget = /*#__PURE__*/function (_React$Component) {
           } : null
         }));
       }
-      if (_this.input) {
-        _this.input.blur();
-      }
     });
     _defineProperty(_this, "clear", function () {
       _this.setState({
         results: [],
-        text: ""
+        text: "",
+        resultsVisible: false
       });
       _this.props.resultSelected(null);
     });
@@ -209,13 +198,17 @@ var SearchWidget = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this$props$placehold,
-        _this2 = this;
+      var _this2 = this,
+        _this$props$placehold;
       return /*#__PURE__*/React.createElement("div", {
         className: "search-widget-container"
       }, /*#__PURE__*/React.createElement(InputContainer, null, /*#__PURE__*/React.createElement("input", {
-        onBlur: this.onBlur,
         onChange: this.textChanged,
+        onClick: function onClick() {
+          return _this2.setState({
+            resultsVisible: true
+          });
+        },
         onFocus: this.onFocus,
         onKeyDown: this.onKeyDown,
         placeholder: (_this$props$placehold = this.props.placeholder) !== null && _this$props$placehold !== void 0 ? _this$props$placehold : LocaleUtils.tr("search.search"),
@@ -231,14 +224,12 @@ var SearchWidget = /*#__PURE__*/function (_React$Component) {
         icon: "clear",
         onClick: this.clear,
         role: "suffix"
-      })), (!isEmpty(this.state.results) || this.state.pending > 0) && this.state.active ? this.renderResults() : null);
+      })), (!isEmpty(this.state.results) || this.state.pending > 0) && this.state.resultsVisible ? this.renderResults() : null);
     }
   }]);
 }(React.Component);
 _defineProperty(SearchWidget, "propTypes", {
   className: PropTypes.string,
-  onBlur: PropTypes.func,
-  onFocus: PropTypes.func,
   placeholder: PropTypes.string,
   queryGeometries: PropTypes.bool,
   resultSelected: PropTypes.func.isRequired,
@@ -251,8 +242,6 @@ _defineProperty(SearchWidget, "propTypes", {
   value: PropTypes.string
 });
 _defineProperty(SearchWidget, "defaultProps", {
-  onBlur: function onBlur() {},
-  onFocus: function onFocus() {},
   resultTypeFilter: [SearchResultType.PLACE],
   searchParams: {},
   searchProviders: []

package/components/widgets/style/SearchWidget.css

@@ -11,31 +11,15 @@ div.search-widget-container > div.input-container > div.spinner {
     height: 2em;
 }
 
-div.search-widget-results {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 100%;
-    border: 1px solid var(--border-color);
-    background-color: var(--list-bg-color);
-    max-height: 10em;
-    overflow-y: auto;
-    z-index: 1;
-    box-shadow: 0px 2px 4px rgba(136, 136, 136, 0.5);
-}
 
 div.search-widget-results-group-title {
     background-color: var(--list-section-bg-color);
     color: var(--list-section-text-color);
-    font-weight: bold;;
-}
-
-div.search-widget-results-group-item:hover {
-    background-color: var(--list-item-bg-color-hover);
-    color: var(--list-item-text-color-hover);
+    font-weight: bold;
+    padding: 0.25em;
 }
 
-div.search-widget-results-group div {
+div.search-widget-results-item {
     padding: 0.25em;
     white-space: nowrap;
     overflow: hidden;

package/icons/oblique.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="oblique.svg"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <inkscape:path-effect
+       effect="perspective-envelope"
+       up_left_point="31.84,8.235"
+       up_right_point="118.21,8.235"
+       down_left_point="6.84,117.332"
+       down_right_point="143.209,117.332"
+       id="path-effect1"
+       is_visible="true"
+       lpeversion="1"
+       deform_type="perspective"
+       horizontal_mirror="false"
+       vertical_mirror="false"
+       overflow_perspective="false" />
+  </defs>
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="3.59479"
+     inkscape:cx="50.211556"
+     inkscape:cy="55.775164"
+     inkscape:window-width="1600"
+     inkscape:window-height="842"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="m 139.33138,100.40986 c 2.07628,9.061 -1.23538,16.92214 -7.48538,16.92214 H 18.203 c -6.25,0 -9.5619324,-7.85964 -7.485227,-16.92214 L 30.125343,15.717557 C 31.084946,11.529963 35.078345,8.235 39.036814,8.235 h 71.976376 c 3.95847,0 7.95183,3.294963 8.9114,7.482557 z M 37.902612,14.17429 c -0.788552,0 -1.627148,0.722405 -1.790034,1.542582 L 19.292985,100.40846 c -0.338692,1.70541 0.375285,3.22606 1.525768,3.22606 H 129.23037 c 1.14762,0 1.86732,-1.52065 1.52863,-3.22606 L 113.93933,15.716872 c -0.16289,-0.820177 -1.00606,-1.542582 -1.792,-1.542582 z m 9.9385,28.041591 c -5.628345,0 -9.313113,-5.26189 -8.279299,-11.413497 0.976861,-5.812713 5.854252,-10.301547 10.933143,-10.301547 5.076868,0 8.852895,4.488834 8.40881,10.301547 -0.469976,6.151607 -5.435804,11.413497 -11.062654,11.413497 z M 120.62564,91.150498 H 29.419956 L 32.243929,74.346727 53.872491,50.541182 62.079678,61.858035 89.407567,29.014214 114.54115,54.940506 Z"
+     id="path1"
+     inkscape:path-effect="#path-effect1"
+     inkscape:original-d="m 143.209,105.968 c 0,6.25 -5.113,11.364 -11.363,11.364 H 18.203 c -6.25,0 -11.363,-5.113 -11.363,-11.364 v -86.37 c 0,-6.25 5.113,-11.363 11.363,-11.363 h 113.643 c 6.25,0 11.363,5.113 11.363,11.363 z M 18.203,17.326 c -1.207,0 -2.271,1.068 -2.271,2.271 v 86.37 c 0,1.207 1.065,2.271 2.271,2.271 h 113.643 c 1.203,0 2.274,-1.064 2.274,-2.271 v -86.37 c 0,-1.203 -1.071,-2.271 -2.274,-2.271 H 18.203 Z m 20.458,36.365 c -7.529,0 -13.641,-6.108 -13.641,-13.635 0,-7.527 6.112,-13.638 13.641,-13.638 7.526,0 13.632,6.111 13.632,13.638 0,7.527 -6.105,13.635 -13.632,13.635 z M 125.025,99.15 H 25.02 V 85.51 l 22.73,-22.724 11.363,11.36 36.365,-36.361 29.547,29.547 z"
+     transform="matrix(0.16942427,0,0,0.16942427,-0.71096897,1.3629513)" />
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "qwc2",
-    "version": "2025.12.04",
+    "version": "2025.12.17",
     "description": "QGIS Web Client",
     "author": "Sourcepole AG",
     "license": "BSD-2-Clause",
@@ -17,7 +17,6 @@
     ],
     "dependencies": {
         "@furkot/webfonts-generator": "^2.0.2",
-        "@sourcepole/qwc-giro3d": "^0.44.0-dev",
         "@kayahr/text-encoding": "^2.0.0",
         "@loaders.gl/core": "^4.3.3",
         "@loaders.gl/shapefile": "^4.3.3",
@@ -26,7 +25,9 @@
         "@norbulcz/num-parse": "^0.1.0",
         "@panoramax/web-viewer": "^4.0.1",
         "@reduxjs/toolkit": "^2.4.0",
+        "@sourcepole/qwc-giro3d": "^0.44.0-dev",
         "@turf/buffer": "^6.5.0",
+        "@turf/clean-coords": "^7.3.1",
         "@turf/helpers": "^6.5.0",
         "@vtaits/react-color-picker": "^2.0.0",
         "any-date-parser": "^1.5.4",

package/plugins/Cyclomedia.js

@@ -173,6 +173,7 @@ var Cyclomedia = /*#__PURE__*/function (_React$Component) {
       }
     });
     _defineProperty(_this, "cyclomediaIndexHtml", function () {
+      var _window$__CSP_NONCE__, _window$__CSP_NONCE__2, _window$__CSP_NONCE__3, _window$__CSP_NONCE__4;
       var supportedLang = ["de", "en-GB", "en-US", "fi", "fr", "nl", "tr", "pl"];
       var lang = LocaleUtils.lang();
       if (supportedLang.indexOf(lang) < 0) {
@@ -182,7 +183,7 @@ var Cyclomedia = /*#__PURE__*/function (_React$Component) {
         }
       }
       var loginOauth = !!_this.props.clientId && !_this.state.loginFailed;
-      return "\n            <!DOCTYPE html>\n            <html>\n            <head>\n            <script type=\"text/javascript\" src=\"https://unpkg.com/react@18.3.1/umd/react.production.min.js\"></script>\n            <script type=\"text/javascript\" src=\"https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js\"></script>\n            <script type=\"text/javascript\" src=\"https://streetsmart.cyclomedia.com/api/v".concat(_this.props.cyclomediaVersion, "/StreetSmartApi.js\"></script>\n            <script type=\"text/javascript\">\n            let apiInitialized = false;\n            let initCallback = null;\n            let posCallback = null;\n            let measureCallback = null;\n\n            function initApi() {\n                StreetSmartApi.init({\n                    targetElement: document.getElementById(\"streetsmartApi\"),\n                    username: \"").concat(_this.state.username || undefined, "\",\n                    password: \"").concat(_this.state.password || undefined, "\",\n                    apiKey: \"").concat(_this.props.apikey, "\",\n                    clientId: \"").concat(_this.props.clientId, "\",\n                    loginOauth: ").concat(loginOauth, ",\n                    loginRedirectUri: \"").concat(_this.props.loginRedirectUri, "\",\n                    logoutRedirectUri: \"").concat(_this.props.logoutRedirectUri, "\",\n                    srs: \"").concat(_this.props.projection, "\",\n                    locale: \"").concat(lang, "\",\n                    configurationUrl: 'https://atlas.cyclomedia.com/configuration',\n                    addressSettings: {\n                        locale: \"us\",\n                        database: \"Nokia\"\n                    }\n                }).then(() => {\n                    apiInitialized = true;\n                    if (initCallback) {\n                        initCallback(true);\n                    }\n                }, (e) => {\n                    apiInitialized = false;\n                    if (initCallback) {\n                        initCallback(false, e.message);\n                    }\n                });\n            }\n            function openImage(posStr, crs) {\n                if (!apiInitialized) {\n                    return;\n                }\n                StreetSmartApi.open(posStr, {\n                    viewerType: StreetSmartApi.ViewerType.PANORAMA,\n                    srs: crs,\n                    panoramaViewer: {\n                         closable: false,\n                         maximizable: true,\n                         replace: true,\n                         recordingsVisible: true,\n                         navbarVisible: true,\n                         timeTravelVisible: true,\n                         measureTypeButtonVisible: true,\n                         measureTypeButtonStart: true,\n                         measureTypeButtonToggle: true,\n                     },\n                }).then((result) => {\n                    if (result && result[0]){\n                        window.panoramaViewer = result[0];\n                        window.panoramaViewer.on(StreetSmartApi.Events.panoramaViewer.IMAGE_CHANGE, changeView);\n                        window.panoramaViewer.on(StreetSmartApi.Events.panoramaViewer.VIEW_CHANGE, changeView);\n                        StreetSmartApi.on(StreetSmartApi.Events.measurement.MEASUREMENT_CHANGED, changeMeasurement);\n                        StreetSmartApi.on(StreetSmartApi.Events.measurement.MEASUREMENT_STOPPED, stopMeasurement);\n                    }\n                }).catch((reason) => {\n                    console.log('Failed to create component(s) through API: ' + reason);\n                });\n            }\n            function changeView() {\n                if (posCallback) {\n                    const recording = window.panoramaViewer.getRecording();\n                    const orientation = window.panoramaViewer.getOrientation();\n                    const pos = recording.xyz;\n                    const posData = {\n                        pos: [pos[0], pos[1]],\n                        crs: recording.srs,\n                        yaw: orientation.yaw * Math.PI / 180,\n                        hFov: orientation.hFov * Math.PI / 180.0\n                    }\n                    posCallback(posData);\n                }\n            }\n            function changeMeasurement(e) {\n                measureCallback(e.detail.activeMeasurement);\n            }\n            function stopMeasurement() {\n                measureCallback(null);\n            }\n            function registerCallbacks(_initCallback, _posCallback, _measureCallback) {\n                initCallback = _initCallback;\n                posCallback = _posCallback;\n                measureCallback = _measureCallback;\n            }\n            </script>\n            <style>\n              html, body, #streetsmartApi {height: 100%;}\n            </style>\n            </head>\n            <body style=\"margin: 0\">\n            <div id=\"streetsmartApi\">\n            </div>\n            </body>\n            </html>\n        ");
+      return "\n            <!DOCTYPE html>\n            <html>\n            <head>\n            <script nonce=\"".concat((_window$__CSP_NONCE__ = window.__CSP_NONCE__) !== null && _window$__CSP_NONCE__ !== void 0 ? _window$__CSP_NONCE__ : '', "\" type=\"text/javascript\" src=\"https://unpkg.com/react@18.3.1/umd/react.production.min.js\"></script>\n            <script nonce=\"").concat((_window$__CSP_NONCE__2 = window.__CSP_NONCE__) !== null && _window$__CSP_NONCE__2 !== void 0 ? _window$__CSP_NONCE__2 : '', "\" type=\"text/javascript\" src=\"https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js\"></script>\n            <script nonce=\"").concat((_window$__CSP_NONCE__3 = window.__CSP_NONCE__) !== null && _window$__CSP_NONCE__3 !== void 0 ? _window$__CSP_NONCE__3 : '', "\" type=\"text/javascript\" src=\"https://streetsmart.cyclomedia.com/api/v").concat(_this.props.cyclomediaVersion, "/StreetSmartApi.js\"></script>\n            <script nonce=\"").concat((_window$__CSP_NONCE__4 = window.__CSP_NONCE__) !== null && _window$__CSP_NONCE__4 !== void 0 ? _window$__CSP_NONCE__4 : '', "\" type=\"text/javascript\">\n            let apiInitialized = false;\n            let initCallback = null;\n            let posCallback = null;\n            let measureCallback = null;\n\n            function initApi() {\n                StreetSmartApi.init({\n                    targetElement: document.getElementById(\"streetsmartApi\"),\n                    username: \"").concat(_this.state.username || undefined, "\",\n                    password: \"").concat(_this.state.password || undefined, "\",\n                    apiKey: \"").concat(_this.props.apikey, "\",\n                    clientId: \"").concat(_this.props.clientId, "\",\n                    loginOauth: ").concat(loginOauth, ",\n                    loginRedirectUri: \"").concat(_this.props.loginRedirectUri, "\",\n                    logoutRedirectUri: \"").concat(_this.props.logoutRedirectUri, "\",\n                    srs: \"").concat(_this.props.projection, "\",\n                    locale: \"").concat(lang, "\",\n                    configurationUrl: 'https://atlas.cyclomedia.com/configuration',\n                    addressSettings: {\n                        locale: \"us\",\n                        database: \"Nokia\"\n                    }\n                }).then(() => {\n                    apiInitialized = true;\n                    if (initCallback) {\n                        initCallback(true);\n                    }\n                }, (e) => {\n                    apiInitialized = false;\n                    if (initCallback) {\n                        initCallback(false, e.message);\n                    }\n                });\n            }\n            function openImage(posStr, crs) {\n                if (!apiInitialized) {\n                    return;\n                }\n                StreetSmartApi.open(posStr, {\n                    viewerType: StreetSmartApi.ViewerType.PANORAMA,\n                    srs: crs,\n                    panoramaViewer: {\n                         closable: false,\n                         maximizable: true,\n                         replace: true,\n                         recordingsVisible: true,\n                         navbarVisible: true,\n                         timeTravelVisible: true,\n                         measureTypeButtonVisible: true,\n                         measureTypeButtonStart: true,\n                         measureTypeButtonToggle: true,\n                     },\n                }).then((result) => {\n                    if (result && result[0]){\n                        window.panoramaViewer = result[0];\n                        window.panoramaViewer.on(StreetSmartApi.Events.panoramaViewer.IMAGE_CHANGE, changeView);\n                        window.panoramaViewer.on(StreetSmartApi.Events.panoramaViewer.VIEW_CHANGE, changeView);\n                        StreetSmartApi.on(StreetSmartApi.Events.measurement.MEASUREMENT_CHANGED, changeMeasurement);\n                        StreetSmartApi.on(StreetSmartApi.Events.measurement.MEASUREMENT_STOPPED, stopMeasurement);\n                    }\n                }).catch((reason) => {\n                    console.log('Failed to create component(s) through API: ' + reason);\n                });\n            }\n            function changeView() {\n                if (posCallback) {\n                    const recording = window.panoramaViewer.getRecording();\n                    const orientation = window.panoramaViewer.getOrientation();\n                    const pos = recording.xyz;\n                    const posData = {\n                        pos: [pos[0], pos[1]],\n                        crs: recording.srs,\n                        yaw: orientation.yaw * Math.PI / 180,\n                        hFov: orientation.hFov * Math.PI / 180.0\n                    }\n                    posCallback(posData);\n                }\n            }\n            function changeMeasurement(e) {\n                measureCallback(e.detail.activeMeasurement);\n            }\n            function stopMeasurement() {\n                measureCallback(null);\n            }\n            function registerCallbacks(_initCallback, _posCallback, _measureCallback) {\n                initCallback = _initCallback;\n                posCallback = _posCallback;\n                measureCallback = _measureCallback;\n            }\n            </script>\n            <style>\n              html, body, #streetsmartApi {height: 100%;}\n            </style>\n            </head>\n            <body style=\"margin: 0\">\n            <div id=\"streetsmartApi\">\n            </div>\n            </body>\n            </html>\n        ");
     });
     _defineProperty(_this, "addRecordingsWFS", function () {
       var layer = {

package/plugins/HeightProfile.js

@@ -124,7 +124,8 @@ var HeightProfilePrintDialog_ = /*#__PURE__*/function (_React$PureComponent) {
             strokeWidth: 4,
             strokeDash: [],
             headmarker: _this.props.measurement.lineHeadMarker,
-            tailmarker: _this.props.measurement.lineTailMarker
+            tailmarker: _this.props.measurement.lineTailMarker,
+            markerscale: _this.props.measurement.markerScale
           },
           properties: {
             segment_labels: measurement.segment_lengths.map(function (length) {
@@ -147,6 +148,8 @@ var HeightProfilePrintDialog_ = /*#__PURE__*/function (_React$PureComponent) {
         REQUEST: 'GetMap',
         TRANSPARENT: 'true',
         TILED: 'false',
+        filename: 'heightprofile.png',
+        // To make the ogc-service treat this as a raster export
         CRS: _this.props.map.projection,
         BBOX: bounds,
         WIDTH: _this.props.map.size.width,

package/plugins/Identify.js

@@ -415,6 +415,7 @@ var Identify = /*#__PURE__*/function (_React$Component) {
             longAttributesDisplay: this.props.longAttributesDisplay,
             replaceImageUrls: this.props.replaceImageUrls,
             resultDisplayMode: this.props.resultDisplayMode,
+            resultGridSize: this.props.resultGridSize,
             showLayerSelector: this.props.showLayerSelector
           });
         }
@@ -507,6 +508,8 @@ _defineProperty(Identify, "propTypes", {
   replaceImageUrls: PropTypes.bool,
   /** Result display mode, one of `tree`, `flat`, `paginated`. */
   resultDisplayMode: PropTypes.string,
+  /** Target cell size of the result grid in comparison mode. */
+  resultGridSize: PropTypes.number,
   selection: PropTypes.object,
   setCurrentTask: PropTypes.func,
   /** Whether to show a layer selector to filter the identify results by layer. */
@@ -522,6 +525,7 @@ _defineProperty(Identify, "defaultProps", {
   customExporters: [],
   longAttributesDisplay: 'ellipsis',
   resultDisplayMode: 'flat',
+  resultGridSize: 200,
   replaceImageUrls: true,
   featureInfoReturnsLayerName: true,
   geometry: {

package/plugins/LayerTree.js

@@ -441,7 +441,8 @@ var LayerTree = /*#__PURE__*/function (_React$Component) {
           icon: "tree",
           onClick: function onClick() {
             return _this.props.changeLayerProperty(layer.id, "visibility", subtreevisibility !== 1, path, "children");
-          }
+          },
+          title: LocaleUtils.tr("layertree.togglegroup")
         });
       }
       var infoButton = null;
@@ -689,18 +690,21 @@ var LayerTree = /*#__PURE__*/function (_React$Component) {
       }), _this.state.visibilityMenu ? /*#__PURE__*/React.createElement(PopupMenu, {
         anchor: _this.visibilityButton,
         className: "layertree-visibility-menu",
+        keepMenuOpen: true,
         onClose: function onClose() {
           return _this.setState({
             visibilityMenu: false
           });
         }
       }, _this.props.showToggleAllLayersCheckbox ? /*#__PURE__*/React.createElement("div", {
+        key: "hidealllayers",
         onClick: function onClick() {
           return _this.toggleLayerTreeVisibility(vis === 0);
         }
       }, /*#__PURE__*/React.createElement(Icon, {
         icon: vis === 0 ? "checked" : "unchecked"
       }), " ", LocaleUtils.tr("layertree.hidealllayers")) : null, _this.props.enableVisibleFilter ? /*#__PURE__*/React.createElement("div", {
+        key: "filtervisible",
         onClick: function onClick() {
           return _this.setState(function (state) {
             return {

package/plugins/Measure.js

@@ -52,7 +52,8 @@ var Measure = /*#__PURE__*/function (_React$Component) {
         bearingHeadMarker: _this.props.bearingHeadMarker,
         bearingTailMarker: _this.props.bearingTailMarker,
         lineHeadMarker: _this.props.lineHeadMarker,
-        lineTailMarker: _this.props.lineTailMarker
+        lineTailMarker: _this.props.lineTailMarker,
+        markerScale: _this.props.markerScale
       });
       _this.props.setSnappingConfig(_this.props.snapping, _this.props.snappingActive);
     });
@@ -199,6 +200,8 @@ _defineProperty(Measure, "propTypes", {
   /** Tail marker of distance line measurement geometry. Can be one of `OUTARROW`, `INARROW`, `LINE`. */
   lineTailMarker: PropTypes.string,
   mapCrs: PropTypes.string,
+  /** Scale factor for all heade/tail markers. */
+  markerScale: PropTypes.number,
   measureState: PropTypes.object,
   setSnappingConfig: PropTypes.func,
   /** Whether to show the widget to switch between measure modes. */
@@ -210,6 +213,7 @@ _defineProperty(Measure, "propTypes", {
   snappingActive: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
 });
 _defineProperty(Measure, "defaultProps", {
+  markerScale: 1,
   showMeasureModeSwitcher: true,
   snapping: true,
   snappingActive: true