qwc2 2025.10.9 → 2025.10.14

package/plugins/LocateButton.js

@@ -1,10 +1,101 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e))}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+""}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}/**
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
  * Copyright 2015-2016 GeoSolutions Sas
  * Copyright 2016-2024 Sourcepole AG
  * All rights reserved.
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree.
- */import React from"react";import{connect}from"react-redux";import PropTypes from"prop-types";import{changeLocateState}from"../actions/locate";import MapButton from"../components/MapButton";import LocaleUtils from"../utils/LocaleUtils";import ThemeUtils from"../utils/ThemeUtils";/**
+ */
+
+import React from 'react';
+import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
+import { changeLocateState } from '../actions/locate';
+import MapButton from '../components/MapButton';
+import LocaleUtils from '../utils/LocaleUtils';
+import ThemeUtils from '../utils/ThemeUtils';
+
+/**
  * Map button for controling the locate (GPS) state.
- */var LocateButton=/*#__PURE__*/function(_React$Component){function LocateButton(){var _this;_classCallCheck(this,LocateButton);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_callSuper(this,LocateButton,[].concat(args));_defineProperty(_this,"onClick",function(){if(_this.props.locateState==="DISABLED"){_this.props.changeLocateState("ENABLED")}else if(_this.props.locateState==="ENABLED"){_this.props.changeLocateState("FOLLOWING")}else{_this.props.changeLocateState("DISABLED")}});_defineProperty(_this,"render",function(){if(!ThemeUtils.themeFlagsAllowed(_this.props.theme,_this.props.themeFlagWhitelist,_this.props.themeFlagBlacklist)){return null}var tooltipMsg={DISABLED:LocaleUtils.tr("locate.statustooltip.DISABLED"),ENABLED:LocaleUtils.tr("locate.statustooltip.ENABLED"),FOLLOWING:LocaleUtils.tr("locate.statustooltip.FOLLOWING"),LOCATING:LocaleUtils.tr("locate.statustooltip.LOCATING"),PERMISSION_DENIED:LocaleUtils.tr("locate.statustooltip.PERMISSION_DENIED")};return/*#__PURE__*/React.createElement(MapButton,{active:["LOCATING","ENABLED"].includes(_this.props.locateState),busy:_this.props.locateState==="LOCATING",className:"locate-button-"+_this.props.locateState,disabled:_this.props.locateState==="PERMISSION_DENIED",engaged:_this.props.locateState==="FOLLOWING",icon:"screenshot",onClick:_this.onClick,position:_this.props.position,title:tooltipMsg[_this.props.locateState]})});return _this}_inherits(LocateButton,_React$Component);return _createClass(LocateButton)}(React.Component);_defineProperty(LocateButton,"propTypes",{changeLocateState:PropTypes.func,locateState:PropTypes.string,/** The position slot index of the map button, from the bottom (0: bottom slot). */position:PropTypes.number,theme:PropTypes.object,/** Omit the button in themes matching one of these flags. */themeFlagBlacklist:PropTypes.arrayOf(PropTypes.string),/** Only show the button in themes matching one of these flags. */themeFlagWhitelist:PropTypes.arrayOf(PropTypes.string)});_defineProperty(LocateButton,"defaultProps",{position:2});export default connect(function(state){return{locateState:state.locate.state,theme:state.theme.current}},{changeLocateState:changeLocateState})(LocateButton);
+ */
+var LocateButton = /*#__PURE__*/function (_React$Component) {
+  function LocateButton() {
+    var _this;
+    _classCallCheck(this, LocateButton);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, LocateButton, [].concat(args));
+    _defineProperty(_this, "onClick", function () {
+      if (_this.props.locateState === "DISABLED") {
+        _this.props.changeLocateState("ENABLED");
+      } else if (_this.props.locateState === "ENABLED") {
+        _this.props.changeLocateState("FOLLOWING");
+      } else {
+        _this.props.changeLocateState("DISABLED");
+      }
+    });
+    _defineProperty(_this, "render", function () {
+      if (!ThemeUtils.themeFlagsAllowed(_this.props.theme, _this.props.themeFlagWhitelist, _this.props.themeFlagBlacklist)) {
+        return null;
+      }
+      var tooltipMsg = {
+        DISABLED: LocaleUtils.tr("locate.statustooltip.DISABLED"),
+        ENABLED: LocaleUtils.tr("locate.statustooltip.ENABLED"),
+        FOLLOWING: LocaleUtils.tr("locate.statustooltip.FOLLOWING"),
+        LOCATING: LocaleUtils.tr("locate.statustooltip.LOCATING"),
+        PERMISSION_DENIED: LocaleUtils.tr("locate.statustooltip.PERMISSION_DENIED")
+      };
+      return /*#__PURE__*/React.createElement(MapButton, {
+        active: ["LOCATING", "ENABLED"].includes(_this.props.locateState),
+        busy: _this.props.locateState === "LOCATING",
+        className: "locate-button-" + _this.props.locateState,
+        disabled: _this.props.locateState === "PERMISSION_DENIED",
+        engaged: _this.props.locateState === "FOLLOWING",
+        icon: "screenshot",
+        onClick: _this.onClick,
+        position: _this.props.position,
+        title: tooltipMsg[_this.props.locateState]
+      });
+    });
+    return _this;
+  }
+  _inherits(LocateButton, _React$Component);
+  return _createClass(LocateButton);
+}(React.Component);
+_defineProperty(LocateButton, "propTypes", {
+  changeLocateState: PropTypes.func,
+  locateState: PropTypes.string,
+  /** The position slot index of the map button, from the bottom (0: bottom slot). */
+  position: PropTypes.number,
+  theme: PropTypes.object,
+  /** Omit the button in themes matching one of these flags. */
+  themeFlagBlacklist: PropTypes.arrayOf(PropTypes.string),
+  /** Only show the button in themes matching one of these flags. */
+  themeFlagWhitelist: PropTypes.arrayOf(PropTypes.string)
+});
+_defineProperty(LocateButton, "defaultProps", {
+  position: 2
+});
+export default connect(function (state) {
+  return {
+    locateState: state.locate.state,
+    theme: state.theme.current
+  };
+}, {
+  changeLocateState: changeLocateState
+})(LocateButton);

package/plugins/Map.js

@@ -1,23 +1,327 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t["return"]&&(u=t["return"](),Object(u)!==u))return}finally{if(o)throw n}}return a}}function _arrayWithHoles(r){if(Array.isArray(r))return r}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e))}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+""}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}/**
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
  * Copyright 2016 GeoSolutions Sas
  * Copyright 2016-2024 Sourcepole AG
  * All rights reserved.
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree.
- */import React from"react";import ReactDOM from"react-dom";import{connect}from"react-redux";import isEmpty from"lodash.isempty";import PropTypes from"prop-types";import{LayerRole}from"../actions/layers";import{MapContainerPortalContext}from"../components/PluginsContainer";import OlLayer from"../components/map/OlLayer";import OlMap from"../components/map/OlMap";import Spinner from"../components/widgets/Spinner";import LayerUtils from"../utils/LayerUtils";import LocaleUtils from"../utils/LocaleUtils";import"./style/Map.css";/**
+ */
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { connect } from 'react-redux';
+import isEmpty from 'lodash.isempty';
+import PropTypes from 'prop-types';
+import { LayerRole } from '../actions/layers';
+import { MapContainerPortalContext } from '../components/PluginsContainer';
+import OlLayer from '../components/map/OlLayer';
+import OlMap from '../components/map/OlMap';
+import Spinner from '../components/widgets/Spinner';
+import LayerUtils from '../utils/LayerUtils';
+import LocaleUtils from '../utils/LocaleUtils';
+import './style/Map.css';
+
+/**
  * The main map component.
- */var Map=/*#__PURE__*/function(_React$Component){function Map(props){var _this;_classCallCheck(this,Map);_this=_callSuper(this,Map,[props]);_defineProperty(_this,"state",{renderLayers:[],swipeLayer:null});_defineProperty(_this,"renderLayers",function(){var zIndex=0;var usedKeys=new Set;return _this.state.renderLayers.map(function(layer){var _layer$zIndex;if(layer.type==="placeholder"){return null}++zIndex;var swipe=_this.props.swipe!==null&&layer===_this.state.swipeLayer;var key=layer.id;for(var i=0;usedKeys.has(key);++i){key=layer.id+":"+i}usedKeys.add(key);return/*#__PURE__*/React.createElement(OlLayer,{key:key,options:layer,swipe:swipe?_this.props.swipe:null,zIndex:(_layer$zIndex=layer.zIndex)!==null&&_layer$zIndex!==void 0?_layer$zIndex:zIndex})})});_defineProperty(_this,"renderSupportTools",function(){return Object.entries(_this.props.tools).map(function(_ref){var _ref2=_slicedToArray(_ref,2),key=_ref2[0],Tool=_ref2[1];var options=_this.props.toolsOptions[key]||{};return/*#__PURE__*/React.createElement(Tool,_extends({key:key},options))})});_this.loadingEl=null;return _this}_inherits(Map,_React$Component);return _createClass(Map,[{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var _this2=this;if(this.props.layers!==prevProps.layers||this.props.swipe!==null!==(prevProps.swipe!==null)){var renderLayers=[];// Inject external layers
-this.props.layers.slice(0).reverse().forEach(function(layer){if(layer.type==="wms"&&layer.role===LayerRole.THEME){var sublayers=layer.params.LAYERS.split(",");var opacities=layer.params.OPACITIES.split(",");var styles=(layer.params.STYLES||"").split(",");for(var i=0;i<sublayers.length;++i){if(layer.externalLayerMap&&layer.externalLayerMap[sublayers[i]]){// Sublayer is mapped to an external layer
-var sublayer=LayerUtils.searchSubLayer(layer,"name",sublayers[i]);if(sublayer.visibility){var extlayer=_objectSpread(_objectSpread({},layer.externalLayerMap[sublayers[i]]),{},{rev:layer.rev,opacity:parseInt(opacities[i],10),visibility:true,role:LayerRole.THEME,minScale:sublayer.minScale,maxScale:sublayer.maxScale});if(extlayer.type==="wms"){extlayer.params=_objectSpread(_objectSpread(_objectSpread({},layer.params),layer.externalLayerMap[sublayers[i]].params),{},{OPACITIES:opacities[i],STYLES:""})}renderLayers.push(extlayer)}}else if(renderLayers.length>0&&renderLayers[renderLayers.length-1].id===layer.id){// Compress with previous renderlayer
-renderLayers[renderLayers.length-1].params.LAYERS+=","+sublayers[i];renderLayers[renderLayers.length-1].params.OPACITIES+=","+opacities[i];renderLayers[renderLayers.length-1].params.STYLES+=","+(styles[i]||"")}else{// Add new renderlayer
-renderLayers.push(_objectSpread(_objectSpread({},layer),{},{params:_objectSpread(_objectSpread({},layer.params),{},{LAYERS:sublayers[i],OPACITIES:opacities[i],STYLES:styles[i]||""})}))}}}else{renderLayers.push(layer)}});// Break out swipe layer if necessary
-var swipeLayer=null;var swipeLayerNameBlacklist=this.props.swipeLayerNameBlacklist.map(function(entry){return new RegExp("^"+entry.split(/\*+/).map(function(s){return s.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&")}).join(".*")+"$")});if(renderLayers.length>0&&this.props.swipe!==null&&renderLayers[renderLayers.length-1].role>LayerRole.BACKGROUND){var _loop=function _loop(){var layer=renderLayers[i];if(layer.role>LayerRole.USERLAYER){return 0;// continue
-}else if(layer.type==="wms"&&layer.params.LAYERS.split(",").length>=1){var paramLayers=layer.params.LAYERS.split(",");var paramOpacities=layer.params.OPACITIES.split(",");var paramStyles=(layer.params.STYLES||"").split(",");var _loop2=function _loop2(){var layerName=paramLayers[j];if(swipeLayerNameBlacklist.find(function(entry){return layerName.match(entry)})){return 0;// continue
-}var sublayer=LayerUtils.searchSubLayer(layer,"name",layerName);if(sublayer&&_this2.props.swipeGeometryTypeBlacklist.includes((sublayer.geometryType||"").replace(/[ZM]+$/,""))){return 0;// continue
-}var newLayers=[];if(j>0){newLayers.push(_objectSpread(_objectSpread({},layer),{},{id:layer.id+":0",params:{LAYERS:paramLayers.slice(0,j).join(","),OPACITIES:paramOpacities.slice(0,j).join(","),STYLES:paramStyles.slice(0,j).join(",")}}))}swipeLayer=_objectSpread(_objectSpread({},layer),{},{id:layer.id+":1",params:{LAYERS:paramLayers[j],OPACITIES:paramOpacities[j],STYLES:paramStyles[j]}});newLayers.push(swipeLayer);if(j<paramLayers.length-1){newLayers.push(_objectSpread(_objectSpread({},layer),{},{id:layer.id+":2",params:{LAYERS:paramLayers.slice(j+1).join(","),OPACITIES:paramOpacities.slice(j+1).join(","),STYLES:paramStyles.slice(j+1).join(",")}}))}renderLayers.splice.apply(renderLayers,[i,1].concat(newLayers));return 1;// break
-},_ret2;for(var j=paramLayers.length-1;j>=0;--j){_ret2=_loop2();if(_ret2===0)continue;if(_ret2===1)break}}else{if(swipeLayerNameBlacklist.find(function(entry){return layer.name.match(entry)})){return 0;// continue
-}if(_this2.props.swipeGeometryTypeBlacklist.includes((layer.geometryType||"").replace(/[ZM]+$/,""))){return 0;// continue
-}swipeLayer=layer}},_ret;// Pick candidate swipe layer according to rules
-for(var i=renderLayers.length-1;swipeLayer===null&&i>=0;--i){_ret=_loop();if(_ret===0)continue}}this.setState({renderLayers:renderLayers,swipeLayer:swipeLayer})}}},{key:"render",value:function render(){var _this3=this,_this$props$theme;var loadingIndicator=null;if(this.props.showLoading&&!isEmpty(this.props.loadingLayers)){loadingIndicator=/*#__PURE__*/React.createElement("span",{className:"map-loading-indicator",key:"map-loading",ref:function ref(el){_this3.loadingEl=el}},/*#__PURE__*/React.createElement(Spinner,{className:"spinner"}),LocaleUtils.tr("map.loading"));setTimeout(function(){if(_this3.loadingEl){_this3.loadingEl.style.opacity=1}},1000)}return/*#__PURE__*/ReactDOM.createPortal([/*#__PURE__*/React.createElement("div",{className:"map-contents",id:"map",key:"map",tabIndex:"0"},/*#__PURE__*/React.createElement(OlMap,_extends({id:"map",key:"map",mapOptions:this.props.mapOptions},this.props.map,{fullExtent:(_this$props$theme=this.props.theme)===null||_this$props$theme===void 0?void 0:_this$props$theme.bbox}),this.renderLayers(),this.renderSupportTools())),loadingIndicator],this.context)}}])}(React.Component);_defineProperty(Map,"contextType",MapContainerPortalContext);_defineProperty(Map,"propTypes",{layers:PropTypes.array,loadingLayers:PropTypes.array,map:PropTypes.object,/** Zoom duration in ms, rotation in degrees, panStepSize and panPageSize as fraction of map width/height. */mapOptions:PropTypes.shape({zoomDuration:PropTypes.number,enableRotation:PropTypes.bool,rotation:PropTypes.number,panStepSize:PropTypes.number,panPageSize:PropTypes.number,constrainExtent:PropTypes.bool,kineticPanParams:PropTypes.object}),/** Whether to display the loading spinner when layers are loading. */showLoading:PropTypes.bool,swipe:PropTypes.number,/** A list of layer geometry types to ignore when determining the top-most layer to compare. */swipeGeometryTypeBlacklist:PropTypes.arrayOf(PropTypes.string),/** A list of layer names to ignore when determining the top-most layer to compare. You can use `*` as a wildcard character. */swipeLayerNameBlacklist:PropTypes.arrayOf(PropTypes.string),theme:PropTypes.object,tools:PropTypes.object,/** Options to pass to the map support plugins, in the form `{"<Name>": {<options>}}`.
-         * Refer to the documentation of the <a href="#mapSupportPlugins">Map support plugins</a> for settable options. */toolsOptions:PropTypes.object});_defineProperty(Map,"defaultProps",{mapOptions:{},showLoading:true,swipeGeometryTypeBlacklist:[],swipeLayerNameBlacklist:[],tools:{},toolsOptions:{}});export default(function(tools){return connect(function(state){return{map:state.map,layers:state.layers.flat,loadingLayers:state.layers.loading,swipe:state.layers.swipe,theme:state.theme.current,tools:tools}})(Map)});
+ */
+var Map = /*#__PURE__*/function (_React$Component) {
+  function Map(props) {
+    var _this;
+    _classCallCheck(this, Map);
+    _this = _callSuper(this, Map, [props]);
+    _defineProperty(_this, "state", {
+      renderLayers: [],
+      swipeLayer: null
+    });
+    _defineProperty(_this, "renderLayers", function () {
+      var zIndex = 0;
+      var usedKeys = new Set();
+      return _this.state.renderLayers.map(function (layer) {
+        var _layer$zIndex;
+        if (layer.type === "placeholder") {
+          return null;
+        }
+        ++zIndex;
+        var swipe = _this.props.swipe !== null && layer === _this.state.swipeLayer;
+        var key = layer.id;
+        for (var i = 0; usedKeys.has(key); ++i) {
+          key = layer.id + ":" + i;
+        }
+        usedKeys.add(key);
+        return /*#__PURE__*/React.createElement(OlLayer, {
+          key: key,
+          options: layer,
+          swipe: swipe ? _this.props.swipe : null,
+          zIndex: (_layer$zIndex = layer.zIndex) !== null && _layer$zIndex !== void 0 ? _layer$zIndex : zIndex
+        });
+      });
+    });
+    _defineProperty(_this, "renderSupportTools", function () {
+      return Object.entries(_this.props.tools).map(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          key = _ref2[0],
+          Tool = _ref2[1];
+        var options = _this.props.toolsOptions[key] || {};
+        return /*#__PURE__*/React.createElement(Tool, _extends({
+          key: key
+        }, options));
+      });
+    });
+    _this.loadingEl = null;
+    return _this;
+  }
+  _inherits(Map, _React$Component);
+  return _createClass(Map, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
+      if (this.props.layers !== prevProps.layers || this.props.swipe !== null !== (prevProps.swipe !== null)) {
+        var renderLayers = [];
+
+        // Inject external layers
+        this.props.layers.slice(0).reverse().forEach(function (layer) {
+          if (layer.type === "wms" && layer.role === LayerRole.THEME) {
+            var sublayers = layer.params.LAYERS.split(",");
+            var opacities = layer.params.OPACITIES.split(",");
+            var styles = (layer.params.STYLES || "").split(",");
+            for (var i = 0; i < sublayers.length; ++i) {
+              if (layer.externalLayerMap && layer.externalLayerMap[sublayers[i]]) {
+                // Sublayer is mapped to an external layer
+                var sublayer = LayerUtils.searchSubLayer(layer, "name", sublayers[i]);
+                if (sublayer.visibility) {
+                  var extlayer = _objectSpread(_objectSpread({}, layer.externalLayerMap[sublayers[i]]), {}, {
+                    rev: layer.rev,
+                    opacity: parseInt(opacities[i], 10),
+                    visibility: true,
+                    role: LayerRole.THEME,
+                    minScale: sublayer.minScale,
+                    maxScale: sublayer.maxScale
+                  });
+                  if (extlayer.type === "wms") {
+                    extlayer.params = _objectSpread(_objectSpread(_objectSpread({}, layer.params), layer.externalLayerMap[sublayers[i]].params), {}, {
+                      OPACITIES: opacities[i],
+                      STYLES: ""
+                    });
+                  }
+                  renderLayers.push(extlayer);
+                }
+              } else if (renderLayers.length > 0 && renderLayers[renderLayers.length - 1].id === layer.id) {
+                // Compress with previous renderlayer
+                renderLayers[renderLayers.length - 1].params.LAYERS += "," + sublayers[i];
+                renderLayers[renderLayers.length - 1].params.OPACITIES += "," + opacities[i];
+                renderLayers[renderLayers.length - 1].params.STYLES += "," + (styles[i] || "");
+              } else {
+                // Add new renderlayer
+                renderLayers.push(_objectSpread(_objectSpread({}, layer), {}, {
+                  params: _objectSpread(_objectSpread({}, layer.params), {}, {
+                    LAYERS: sublayers[i],
+                    OPACITIES: opacities[i],
+                    STYLES: styles[i] || ""
+                  })
+                }));
+              }
+            }
+          } else {
+            renderLayers.push(layer);
+          }
+        });
+
+        // Break out swipe layer if necessary
+        var swipeLayer = null;
+        var swipeLayerNameBlacklist = this.props.swipeLayerNameBlacklist.map(function (entry) {
+          return new RegExp('^' + entry.split(/\*+/).map(function (s) {
+            return s.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&');
+          }).join('.*') + '$');
+        });
+        if (renderLayers.length > 0 && this.props.swipe !== null && renderLayers[renderLayers.length - 1].role > LayerRole.BACKGROUND) {
+          var _loop = function _loop() {
+              var layer = renderLayers[i];
+              if (layer.role > LayerRole.USERLAYER) {
+                return 0; // continue
+              } else if (layer.type === "wms" && layer.params.LAYERS.split(",").length >= 1) {
+                var paramLayers = layer.params.LAYERS.split(",");
+                var paramOpacities = layer.params.OPACITIES.split(",");
+                var paramStyles = (layer.params.STYLES || "").split(",");
+                var _loop2 = function _loop2() {
+                    var layerName = paramLayers[j];
+                    if (swipeLayerNameBlacklist.find(function (entry) {
+                      return layerName.match(entry);
+                    })) {
+                      return 0; // continue
+                    }
+                    var sublayer = LayerUtils.searchSubLayer(layer, "name", layerName);
+                    if (sublayer && _this2.props.swipeGeometryTypeBlacklist.includes((sublayer.geometryType || "").replace(/[ZM]+$/, ""))) {
+                      return 0; // continue
+                    }
+                    var newLayers = [];
+                    if (j > 0) {
+                      newLayers.push(_objectSpread(_objectSpread({}, layer), {}, {
+                        id: layer.id + ":0",
+                        params: {
+                          LAYERS: paramLayers.slice(0, j).join(","),
+                          OPACITIES: paramOpacities.slice(0, j).join(","),
+                          STYLES: paramStyles.slice(0, j).join(",")
+                        }
+                      }));
+                    }
+                    swipeLayer = _objectSpread(_objectSpread({}, layer), {}, {
+                      id: layer.id + ":1",
+                      params: {
+                        LAYERS: paramLayers[j],
+                        OPACITIES: paramOpacities[j],
+                        STYLES: paramStyles[j]
+                      }
+                    });
+                    newLayers.push(swipeLayer);
+                    if (j < paramLayers.length - 1) {
+                      newLayers.push(_objectSpread(_objectSpread({}, layer), {}, {
+                        id: layer.id + ":2",
+                        params: {
+                          LAYERS: paramLayers.slice(j + 1).join(","),
+                          OPACITIES: paramOpacities.slice(j + 1).join(","),
+                          STYLES: paramStyles.slice(j + 1).join(",")
+                        }
+                      }));
+                    }
+                    renderLayers.splice.apply(renderLayers, [i, 1].concat(newLayers));
+                    return 1; // break
+                  },
+                  _ret2;
+                for (var j = paramLayers.length - 1; j >= 0; --j) {
+                  _ret2 = _loop2();
+                  if (_ret2 === 0) continue;
+                  if (_ret2 === 1) break;
+                }
+              } else {
+                if (swipeLayerNameBlacklist.find(function (entry) {
+                  return layer.name.match(entry);
+                })) {
+                  return 0; // continue
+                }
+                if (_this2.props.swipeGeometryTypeBlacklist.includes((layer.geometryType || "").replace(/[ZM]+$/, ""))) {
+                  return 0; // continue
+                }
+                swipeLayer = layer;
+              }
+            },
+            _ret;
+          // Pick candidate swipe layer according to rules
+          for (var i = renderLayers.length - 1; swipeLayer === null && i >= 0; --i) {
+            _ret = _loop();
+            if (_ret === 0) continue;
+          }
+        }
+        this.setState({
+          renderLayers: renderLayers,
+          swipeLayer: swipeLayer
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this,
+        _this$props$theme;
+      var loadingIndicator = null;
+      if (this.props.showLoading && !isEmpty(this.props.loadingLayers)) {
+        loadingIndicator = /*#__PURE__*/React.createElement("span", {
+          className: "map-loading-indicator",
+          key: "map-loading",
+          ref: function ref(el) {
+            _this3.loadingEl = el;
+          }
+        }, /*#__PURE__*/React.createElement(Spinner, {
+          className: "spinner"
+        }), LocaleUtils.tr("map.loading"));
+        setTimeout(function () {
+          if (_this3.loadingEl) {
+            _this3.loadingEl.style.opacity = 1;
+          }
+        }, 1000);
+      }
+      return /*#__PURE__*/ReactDOM.createPortal([/*#__PURE__*/React.createElement("div", {
+        className: "map-contents",
+        id: "map",
+        key: "map",
+        tabIndex: "0"
+      }, /*#__PURE__*/React.createElement(OlMap, _extends({
+        id: "map",
+        key: "map",
+        mapOptions: this.props.mapOptions
+      }, this.props.map, {
+        fullExtent: (_this$props$theme = this.props.theme) === null || _this$props$theme === void 0 ? void 0 : _this$props$theme.bbox
+      }), this.renderLayers(), this.renderSupportTools())), loadingIndicator], this.context);
+    }
+  }]);
+}(React.Component);
+_defineProperty(Map, "contextType", MapContainerPortalContext);
+_defineProperty(Map, "propTypes", {
+  layers: PropTypes.array,
+  loadingLayers: PropTypes.array,
+  map: PropTypes.object,
+  /** Zoom duration in ms, rotation in degrees, panStepSize and panPageSize as fraction of map width/height. */
+  mapOptions: PropTypes.shape({
+    zoomDuration: PropTypes.number,
+    enableRotation: PropTypes.bool,
+    rotation: PropTypes.number,
+    panStepSize: PropTypes.number,
+    panPageSize: PropTypes.number,
+    constrainExtent: PropTypes.bool,
+    kineticPanParams: PropTypes.object
+  }),
+  /** Whether to display the loading spinner when layers are loading. */
+  showLoading: PropTypes.bool,
+  swipe: PropTypes.number,
+  /** A list of layer geometry types to ignore when determining the top-most layer to compare. */
+  swipeGeometryTypeBlacklist: PropTypes.arrayOf(PropTypes.string),
+  /** A list of layer names to ignore when determining the top-most layer to compare. You can use `*` as a wildcard character. */
+  swipeLayerNameBlacklist: PropTypes.arrayOf(PropTypes.string),
+  theme: PropTypes.object,
+  tools: PropTypes.object,
+  /** Options to pass to the map support plugins, in the form `{"<Name>": {<options>}}`.
+   * Refer to the documentation of the <a href="#mapSupportPlugins">Map support plugins</a> for settable options. */
+  toolsOptions: PropTypes.object
+});
+_defineProperty(Map, "defaultProps", {
+  mapOptions: {},
+  showLoading: true,
+  swipeGeometryTypeBlacklist: [],
+  swipeLayerNameBlacklist: [],
+  tools: {},
+  toolsOptions: {}
+});
+export default (function (tools) {
+  return connect(function (state) {
+    return {
+      map: state.map,
+      layers: state.layers.flat,
+      loadingLayers: state.layers.loading,
+      swipe: state.layers.swipe,
+      theme: state.theme.current,
+      tools: tools
+    };
+  })(Map);
+});

package/plugins/MapCompare.js

@@ -1,11 +1,102 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o},_typeof(o)}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o)}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e))}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e)}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},_setPrototypeOf(t,e)}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+""}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}/**
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
  * Copyright 2018-2024 Sourcepole AG
  * All rights reserved.
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree.
- */import React from"react";import ReactDOM from"react-dom";import{connect}from"react-redux";import PropTypes from"prop-types";import{setSwipe}from"../actions/layers";import Icon from"../components/Icon";import{MapContainerPortalContext}from"../components/PluginsContainer";import"./style/MapCompare.css";/**
+ */
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
+import { setSwipe } from '../actions/layers';
+import Icon from '../components/Icon';
+import { MapContainerPortalContext } from '../components/PluginsContainer';
+import './style/MapCompare.css';
+
+/**
  * Allows comparing the top layer with the rest of the map.
  *
  * Activated through a checkbox in the LayerTree.
- */var MapCompare=/*#__PURE__*/function(_React$Component){function MapCompare(){var _this;_classCallCheck(this,MapCompare);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_callSuper(this,MapCompare,[].concat(args));_defineProperty(_this,"startDragHandle",function(ev){var rect=ev.currentTarget.getBoundingClientRect();var parentRect=ev.currentTarget.parentElement.getBoundingClientRect();var clickOffset=ev.clientX-rect.left;var moveHandle=function moveHandle(ev2){var perc=(ev2.clientX-clickOffset-parentRect.left)/parentRect.width*100;perc=Math.min(100,Math.max(0,perc));_this.props.setSwipe(perc)};ev.view.document.body.style.userSelect="none";ev.view.addEventListener("pointermove",moveHandle);ev.view.addEventListener("pointerup",function(){ev.view.document.body.style.userSelect="";ev.view.removeEventListener("pointermove",moveHandle)},{once:true})});return _this}_inherits(MapCompare,_React$Component);return _createClass(MapCompare,[{key:"render",value:function render(){if(this.props.swipe===null){return null}var style={left:this.props.swipe+"%"};return/*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement("div",{id:"MapCompare",onPointerDown:this.startDragHandle,style:style},/*#__PURE__*/React.createElement("div",{className:"map-compare-handle"},/*#__PURE__*/React.createElement(Icon,{className:"map-compare-handle-icon",icon:"triangle-left"}),/*#__PURE__*/React.createElement(Icon,{className:"map-compare-handle-icon",icon:"triangle-right"}))),this.context)}}])}(React.Component);_defineProperty(MapCompare,"contextType",MapContainerPortalContext);_defineProperty(MapCompare,"propTypes",{setSwipe:PropTypes.func,swipe:PropTypes.number});export default connect(function(state){return{swipe:state.layers.swipe}},{setSwipe:setSwipe})(MapCompare);
+ */
+var MapCompare = /*#__PURE__*/function (_React$Component) {
+  function MapCompare() {
+    var _this;
+    _classCallCheck(this, MapCompare);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, MapCompare, [].concat(args));
+    _defineProperty(_this, "startDragHandle", function (ev) {
+      var rect = ev.currentTarget.getBoundingClientRect();
+      var parentRect = ev.currentTarget.parentElement.getBoundingClientRect();
+      var clickOffset = ev.clientX - rect.left;
+      var moveHandle = function moveHandle(ev2) {
+        var perc = (ev2.clientX - clickOffset - parentRect.left) / parentRect.width * 100;
+        perc = Math.min(100, Math.max(0, perc));
+        _this.props.setSwipe(perc);
+      };
+      ev.view.document.body.style.userSelect = 'none';
+      ev.view.addEventListener("pointermove", moveHandle);
+      ev.view.addEventListener("pointerup", function () {
+        ev.view.document.body.style.userSelect = '';
+        ev.view.removeEventListener("pointermove", moveHandle);
+      }, {
+        once: true
+      });
+    });
+    return _this;
+  }
+  _inherits(MapCompare, _React$Component);
+  return _createClass(MapCompare, [{
+    key: "render",
+    value: function render() {
+      if (this.props.swipe === null) {
+        return null;
+      }
+      var style = {
+        left: this.props.swipe + "%"
+      };
+      return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement("div", {
+        id: "MapCompare",
+        onPointerDown: this.startDragHandle,
+        style: style
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "map-compare-handle"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        className: "map-compare-handle-icon",
+        icon: "triangle-left"
+      }), /*#__PURE__*/React.createElement(Icon, {
+        className: "map-compare-handle-icon",
+        icon: "triangle-right"
+      }))), this.context);
+    }
+  }]);
+}(React.Component);
+_defineProperty(MapCompare, "contextType", MapContainerPortalContext);
+_defineProperty(MapCompare, "propTypes", {
+  setSwipe: PropTypes.func,
+  swipe: PropTypes.number
+});
+export default connect(function (state) {
+  return {
+    swipe: state.layers.swipe
+  };
+}, {
+  setSwipe: setSwipe
+})(MapCompare);