qwc2 2025.10.9 → 2025.10.14

package/components/map/layers/WMSLayer.js

@@ -1,12 +1,186 @@
-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 _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 _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 _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 _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 _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; }
+/**
  * Copyright 2015 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 axios from"axios";import ol from"openlayers";import url from"url";import ConfigUtils from"../../../utils/ConfigUtils";import CoordinatesUtils from"../../../utils/CoordinatesUtils";import MiscUtils from"../../../utils/MiscUtils";export function wmsImageLoadFunction(image,src){var maxUrlLength=ConfigUtils.getConfigProp("wmsMaxGetUrlLength",null,2048);var postOrigins=ConfigUtils.getConfigProp("wmsPostOrigins",null,[]);var reqOrigin=new URL(src,location.href).origin;if(src.length>maxUrlLength&&(location.origin===reqOrigin||postOrigins.includes(reqOrigin))){// Switch to POST if url is too long
-var urlParts=src.split("?");urlParts[1]+="&csrf_token="+MiscUtils.getCsrfToken();var options={headers:{"content-type":"application/x-www-form-urlencoded"},responseType:"blob"};axios.post(urlParts[0],urlParts[1],options).then(function(response){var reader=new FileReader;reader.readAsDataURL(response.data);reader.onload=function(){image.src=reader.result}})["catch"](function(){// Fall back to GET
-image.src=src})}else{image.src=src}}export function wmsToOpenlayersOptions(options){var _ref3,_urlParams$TILED;var urlParams=Object.entries(url.parse(options.url,true).query).reduce(function(res,_ref){var _ref2=_slicedToArray(_ref,2),key=_ref2[0],val=_ref2[1];return _objectSpread(_objectSpread({},res),{},_defineProperty({},key.toUpperCase(),val))},{});return _objectSpread(_objectSpread({},urlParams),{},{LAYERS:options.name,STYLES:options.style||"",FORMAT:options.format||"image/png",TRANSPARENT:options.transparent!==undefined?options.transparent:true,SRS:options.projection,CRS:options.projection,TILED:String((_ref3=(_urlParams$TILED=urlParams.TILED)!==null&&_urlParams$TILED!==void 0?_urlParams$TILED:options.tiled)!==null&&_ref3!==void 0?_ref3:false).toLowerCase()==="true",VERSION:options.version,DPI:options.serverType==="qgis"?options.dpi||ConfigUtils.getConfigProp("wmsDpi")||96:undefined},options.params)}export function getClientSideOpacity(options,queryParameters){var _queryParameters$OPAC;// If no OPACITIES in WMS params, just return options.opacity
-if(!queryParameters.OPACITIES){var _options$opacity;return((_options$opacity=options.opacity)!==null&&_options$opacity!==void 0?_options$opacity:255)/255}// If WMS parameters contain only one opacity value, set opacity client side (as some WMS servers don't support opacity)
-var opacities=((_queryParameters$OPAC=queryParameters.OPACITIES)!==null&&_queryParameters$OPAC!==void 0?_queryParameters$OPAC:"255").split(",");if(opacities.length===1){queryParameters.OPACITIES="255";return parseInt(opacities[0],10)/255}return undefined}export default{create:function create(options,map){var queryParameters=_objectSpread(_objectSpread({},wmsToOpenlayersOptions(options)),{},{__t:+new Date});var clientSideOpacity=getClientSideOpacity(options,queryParameters);if(queryParameters.TILED&&!options.bbox){/* eslint-disable-next-line */console.warn("Tiled WMS requested without specifying bounding box, falling back to non-tiled.")}var layer=null;if(!queryParameters.TILED||!options.bbox){layer=new ol.layer.Image(_objectSpread({minResolution:options.minResolution,maxResolution:options.maxResolution,source:new ol.source.ImageWMS(_objectSpread({url:options.url.split("?")[0],serverType:options.serverType,params:queryParameters,ratio:options.ratio||1,hidpi:ConfigUtils.getConfigProp("wmsHidpi")!==false?true:false,imageLoadFunction:function imageLoadFunction(image,src){return wmsImageLoadFunction(image.getImage(),src)}},options.sourceConfig||{}))},options.layerConfig||{}))}else{var extent=CoordinatesUtils.reprojectBbox(options.bbox.bounds,options.bbox.crs,options.projection);var tileGrid=new ol.tilegrid.TileGrid({extent:extent,tileSize:options.tileSize||256,maxZoom:map.getView().getResolutions().length,resolutions:map.getView().getResolutions()});layer=new ol.layer.Tile(_objectSpread({minResolution:options.minResolution,maxResolution:options.maxResolution,preload:ConfigUtils.getConfigProp("tilePreloadLevels",null,0),source:new ol.source.TileWMS(_objectSpread({urls:[options.url.split("?")[0]],params:queryParameters,serverType:options.serverType,tileGrid:tileGrid,hidpi:ConfigUtils.getConfigProp("wmsHidpi")!==false?true:false,tileLoadFunction:function tileLoadFunction(imageTile,src){return wmsImageLoadFunction(imageTile.getImage(),src)}},options.sourceConfig||{}))},options.layerConfig||{}))}layer.setVisible(queryParameters.LAYERS&&options.visibility);layer.setOpacity(clientSideOpacity!==null&&clientSideOpacity!==void 0?clientSideOpacity:100);return layer},update:function update(layer,newOptions,oldOptions){var _layer$getSource;if(oldOptions&&layer!==null&&layer!==void 0&&(_layer$getSource=layer.getSource())!==null&&_layer$getSource!==void 0&&_layer$getSource.updateParams){var changed=(oldOptions.rev||0)!==(newOptions.rev||0);var oldParams=wmsToOpenlayersOptions(oldOptions);getClientSideOpacity(oldOptions,oldParams);var newParams=wmsToOpenlayersOptions(newOptions);var clientSideOpacity=getClientSideOpacity(newOptions,newParams);Object.keys(oldParams).forEach(function(key){if(!(key in newParams)){newParams[key]=undefined}});if(!changed){changed=Object.keys(newParams).find(function(key){return newParams[key]!==oldParams[key]})!==undefined}changed|=newOptions.visibility!==oldOptions.visibility;if(changed){var queryParameters=_objectSpread(_objectSpread({},newParams),{},{__t:+new Date});if(layer.get("updateTimeout")){clearTimeout(layer.get("updateTimeout"))}if(!newOptions.visibility||!queryParameters.LAYERS){layer.setVisible(false)}layer.setOpacity(clientSideOpacity!==null&&clientSideOpacity!==void 0?clientSideOpacity:100);layer.set("updateTimeout",setTimeout(function(){layer.setVisible(queryParameters.LAYERS&&newOptions.visibility);layer.getSource().updateParams(queryParameters);layer.getSource().changed();layer.set("updateTimeout",null)},500))}else{layer.setOpacity(clientSideOpacity!==null&&clientSideOpacity!==void 0?clientSideOpacity:100)}}}};
+ */
+
+import axios from 'axios';
+import ol from 'openlayers';
+import url from 'url';
+import ConfigUtils from '../../../utils/ConfigUtils';
+import CoordinatesUtils from '../../../utils/CoordinatesUtils';
+import MiscUtils from '../../../utils/MiscUtils';
+export function wmsImageLoadFunction(image, src) {
+  var maxUrlLength = ConfigUtils.getConfigProp("wmsMaxGetUrlLength", null, 2048);
+  var postOrigins = ConfigUtils.getConfigProp("wmsPostOrigins", null, []);
+  var reqOrigin = new URL(src, location.href).origin;
+  if (src.length > maxUrlLength && (location.origin === reqOrigin || postOrigins.includes(reqOrigin))) {
+    // Switch to POST if url is too long
+    var urlParts = src.split("?");
+    urlParts[1] += "&csrf_token=" + MiscUtils.getCsrfToken();
+    var options = {
+      headers: {
+        'content-type': 'application/x-www-form-urlencoded'
+      },
+      responseType: "blob"
+    };
+    axios.post(urlParts[0], urlParts[1], options).then(function (response) {
+      var reader = new FileReader();
+      reader.readAsDataURL(response.data);
+      reader.onload = function () {
+        image.src = reader.result;
+      };
+    })["catch"](function () {
+      // Fall back to GET
+      image.src = src;
+    });
+  } else {
+    image.src = src;
+  }
+}
+export function wmsToOpenlayersOptions(options) {
+  var _ref3, _urlParams$TILED;
+  var urlParams = Object.entries(url.parse(options.url, true).query).reduce(function (res, _ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      val = _ref2[1];
+    return _objectSpread(_objectSpread({}, res), {}, _defineProperty({}, key.toUpperCase(), val));
+  }, {});
+  return _objectSpread(_objectSpread({}, urlParams), {}, {
+    LAYERS: options.name,
+    STYLES: options.style || "",
+    FORMAT: options.format || 'image/png',
+    TRANSPARENT: options.transparent !== undefined ? options.transparent : true,
+    SRS: options.projection,
+    CRS: options.projection,
+    TILED: String((_ref3 = (_urlParams$TILED = urlParams.TILED) !== null && _urlParams$TILED !== void 0 ? _urlParams$TILED : options.tiled) !== null && _ref3 !== void 0 ? _ref3 : false).toLowerCase() === "true",
+    VERSION: options.version,
+    DPI: options.serverType === 'qgis' ? options.dpi || ConfigUtils.getConfigProp("wmsDpi") || 96 : undefined
+  }, options.params);
+}
+export function getClientSideOpacity(options, queryParameters) {
+  var _queryParameters$OPAC;
+  // If no OPACITIES in WMS params, just return options.opacity
+  if (!queryParameters.OPACITIES) {
+    var _options$opacity;
+    return ((_options$opacity = options.opacity) !== null && _options$opacity !== void 0 ? _options$opacity : 255) / 255;
+  }
+  // If WMS parameters contain only one opacity value, set opacity client side (as some WMS servers don't support opacity)
+  var opacities = ((_queryParameters$OPAC = queryParameters.OPACITIES) !== null && _queryParameters$OPAC !== void 0 ? _queryParameters$OPAC : "255").split(",");
+  if (opacities.length === 1) {
+    queryParameters.OPACITIES = "255";
+    return parseInt(opacities[0], 10) / 255;
+  }
+  return undefined;
+}
+export default {
+  create: function create(options, map) {
+    var queryParameters = _objectSpread(_objectSpread({}, wmsToOpenlayersOptions(options)), {}, {
+      __t: +new Date()
+    });
+    var clientSideOpacity = getClientSideOpacity(options, queryParameters);
+    if (queryParameters.TILED && !options.bbox) {
+      /* eslint-disable-next-line */
+      console.warn("Tiled WMS requested without specifying bounding box, falling back to non-tiled.");
+    }
+    var layer = null;
+    if (!queryParameters.TILED || !options.bbox) {
+      layer = new ol.layer.Image(_objectSpread({
+        minResolution: options.minResolution,
+        maxResolution: options.maxResolution,
+        source: new ol.source.ImageWMS(_objectSpread({
+          url: options.url.split("?")[0],
+          serverType: options.serverType,
+          params: queryParameters,
+          ratio: options.ratio || 1,
+          hidpi: ConfigUtils.getConfigProp("wmsHidpi") !== false ? true : false,
+          imageLoadFunction: function imageLoadFunction(image, src) {
+            return wmsImageLoadFunction(image.getImage(), src);
+          }
+        }, options.sourceConfig || {}))
+      }, options.layerConfig || {}));
+    } else {
+      var extent = CoordinatesUtils.reprojectBbox(options.bbox.bounds, options.bbox.crs, options.projection);
+      var tileGrid = new ol.tilegrid.TileGrid({
+        extent: extent,
+        tileSize: options.tileSize || 256,
+        maxZoom: map.getView().getResolutions().length,
+        resolutions: map.getView().getResolutions()
+      });
+      layer = new ol.layer.Tile(_objectSpread({
+        minResolution: options.minResolution,
+        maxResolution: options.maxResolution,
+        preload: ConfigUtils.getConfigProp("tilePreloadLevels", null, 0),
+        source: new ol.source.TileWMS(_objectSpread({
+          urls: [options.url.split("?")[0]],
+          params: queryParameters,
+          serverType: options.serverType,
+          tileGrid: tileGrid,
+          hidpi: ConfigUtils.getConfigProp("wmsHidpi") !== false ? true : false,
+          tileLoadFunction: function tileLoadFunction(imageTile, src) {
+            return wmsImageLoadFunction(imageTile.getImage(), src);
+          }
+        }, options.sourceConfig || {}))
+      }, options.layerConfig || {}));
+    }
+    layer.setVisible(queryParameters.LAYERS && options.visibility);
+    layer.setOpacity(clientSideOpacity !== null && clientSideOpacity !== void 0 ? clientSideOpacity : 100);
+    return layer;
+  },
+  update: function update(layer, newOptions, oldOptions) {
+    var _layer$getSource;
+    if (oldOptions && layer !== null && layer !== void 0 && (_layer$getSource = layer.getSource()) !== null && _layer$getSource !== void 0 && _layer$getSource.updateParams) {
+      var changed = (oldOptions.rev || 0) !== (newOptions.rev || 0);
+      var oldParams = wmsToOpenlayersOptions(oldOptions);
+      getClientSideOpacity(oldOptions, oldParams);
+      var newParams = wmsToOpenlayersOptions(newOptions);
+      var clientSideOpacity = getClientSideOpacity(newOptions, newParams);
+      Object.keys(oldParams).forEach(function (key) {
+        if (!(key in newParams)) {
+          newParams[key] = undefined;
+        }
+      });
+      if (!changed) {
+        changed = Object.keys(newParams).find(function (key) {
+          return newParams[key] !== oldParams[key];
+        }) !== undefined;
+      }
+      changed |= newOptions.visibility !== oldOptions.visibility;
+      if (changed) {
+        var queryParameters = _objectSpread(_objectSpread({}, newParams), {}, {
+          __t: +new Date()
+        });
+        if (layer.get("updateTimeout")) {
+          clearTimeout(layer.get("updateTimeout"));
+        }
+        if (!newOptions.visibility || !queryParameters.LAYERS) {
+          layer.setVisible(false);
+        }
+        layer.setOpacity(clientSideOpacity !== null && clientSideOpacity !== void 0 ? clientSideOpacity : 100);
+        layer.set("updateTimeout", setTimeout(function () {
+          layer.setVisible(queryParameters.LAYERS && newOptions.visibility);
+          layer.getSource().updateParams(queryParameters);
+          layer.getSource().changed();
+          layer.set("updateTimeout", null);
+        }, 500));
+      } else {
+        layer.setOpacity(clientSideOpacity !== null && clientSideOpacity !== void 0 ? clientSideOpacity : 100);
+      }
+    }
+  }
+};

package/components/map/layers/WMTSLayer.js

@@ -1,9 +1,73 @@
-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 _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 _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 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 ol from"openlayers";import ConfigUtils from"../../../utils/ConfigUtils";import CoordinatesUtils from"../../../utils/CoordinatesUtils";function getWMSURLs(urls){return urls.map(function(url){return url.split("?")[0]})}export function createWMTSSource(options){var _options$layerName,_options$matrixIds,_options$style,_options$wrapX,_options$requestEncod;var urls=getWMSURLs(Array.isArray(options.url)?options.url:[options.url]).map(function(url){if(options.rev){return url+"?"+options.rev}else{return url}});var projection=ol.proj.get(options.projection);var resolutions=options.resolutions;var matrixIds=new Array(options.resolutions.length);// generate matrixIds arrays for this WMTS
-for(var z=0;z<options.resolutions.length;++z){matrixIds[z]=options.tileMatrixPrefix!==""?options.tileMatrixPrefix+":"+z:z}var extent=options.bbox?CoordinatesUtils.reprojectBbox(options.bbox.bounds,options.bbox.crs,options.projection):null;return new ol.source.WMTS(_objectSpread({urls:urls,layer:(_options$layerName=options.layerName)!==null&&_options$layerName!==void 0?_options$layerName:options.name,format:options.format,projection:projection?projection:null,matrixSet:options.tileMatrixSet,tileGrid:new ol.tilegrid.WMTS({extent:extent,origin:[options.originX,options.originY],resolutions:resolutions,matrixIds:(_options$matrixIds=options.matrixIds)!==null&&_options$matrixIds!==void 0?_options$matrixIds:matrixIds,tileSize:options.tileSize||[256,256]}),style:(_options$style=options.style)!==null&&_options$style!==void 0?_options$style:"",wrapX:(_options$wrapX=options.wrapX)!==null&&_options$wrapX!==void 0?_options$wrapX:false,requestEncoding:(_options$requestEncod=options.requestEncoding)!==null&&_options$requestEncod!==void 0?_options$requestEncod:"REST"},options.sourceConfig||{}))}export default{create:function create(options){return new ol.layer.Tile(_objectSpread({minResolution:options.minResolution,maxResolution:options.maxResolution,preload:ConfigUtils.getConfigProp("tilePreloadLevels",null,0),source:createWMTSSource(options)},options.layerConfig||{}))},update:function update(layer,newOptions,oldOptions){if(newOptions.rev!==oldOptions.rev){layer.setSource(createWMTSSource(newOptions))}}};
+ */
+
+import ol from 'openlayers';
+import ConfigUtils from '../../../utils/ConfigUtils';
+import CoordinatesUtils from '../../../utils/CoordinatesUtils';
+function getWMSURLs(urls) {
+  return urls.map(function (url) {
+    return url.split("?")[0];
+  });
+}
+export function createWMTSSource(options) {
+  var _options$layerName, _options$matrixIds, _options$style, _options$wrapX, _options$requestEncod;
+  var urls = getWMSURLs(Array.isArray(options.url) ? options.url : [options.url]).map(function (url) {
+    if (options.rev) {
+      return url + "?" + options.rev;
+    } else {
+      return url;
+    }
+  });
+  var projection = ol.proj.get(options.projection);
+  var resolutions = options.resolutions;
+  var matrixIds = new Array(options.resolutions.length);
+  // generate matrixIds arrays for this WMTS
+  for (var z = 0; z < options.resolutions.length; ++z) {
+    matrixIds[z] = options.tileMatrixPrefix !== "" ? options.tileMatrixPrefix + ":" + z : z;
+  }
+  var extent = options.bbox ? CoordinatesUtils.reprojectBbox(options.bbox.bounds, options.bbox.crs, options.projection) : null;
+  return new ol.source.WMTS(_objectSpread({
+    urls: urls,
+    layer: (_options$layerName = options.layerName) !== null && _options$layerName !== void 0 ? _options$layerName : options.name,
+    format: options.format,
+    projection: projection ? projection : null,
+    matrixSet: options.tileMatrixSet,
+    tileGrid: new ol.tilegrid.WMTS({
+      extent: extent,
+      origin: [options.originX, options.originY],
+      resolutions: resolutions,
+      matrixIds: (_options$matrixIds = options.matrixIds) !== null && _options$matrixIds !== void 0 ? _options$matrixIds : matrixIds,
+      tileSize: options.tileSize || [256, 256]
+    }),
+    style: (_options$style = options.style) !== null && _options$style !== void 0 ? _options$style : '',
+    wrapX: (_options$wrapX = options.wrapX) !== null && _options$wrapX !== void 0 ? _options$wrapX : false,
+    requestEncoding: (_options$requestEncod = options.requestEncoding) !== null && _options$requestEncod !== void 0 ? _options$requestEncod : "REST"
+  }, options.sourceConfig || {}));
+}
+export default {
+  create: function create(options) {
+    return new ol.layer.Tile(_objectSpread({
+      minResolution: options.minResolution,
+      maxResolution: options.maxResolution,
+      preload: ConfigUtils.getConfigProp("tilePreloadLevels", null, 0),
+      source: createWMTSSource(options)
+    }, options.layerConfig || {}));
+  },
+  update: function update(layer, newOptions, oldOptions) {
+    if (newOptions.rev !== oldOptions.rev) {
+      layer.setSource(createWMTSSource(newOptions));
+    }
+  }
+};

package/components/map/layers/XYZLayer.js

@@ -1,7 +1,29 @@
-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 _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 _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 2021 Oslandia SAS <infos+qwc2@oslandia.com>
  * 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 ol from"openlayers";import ConfigUtils from"../../../utils/ConfigUtils";export default{create:function create(options){return new ol.layer.Tile(_objectSpread({minResolution:options.minResolution,maxResolution:options.maxResolution,preload:ConfigUtils.getConfigProp("tilePreloadLevels",null,0),source:new ol.source.XYZ(_objectSpread({url:options.url,projection:options.projection},options.sourceConfig||{}))},options.layerConfig||{}))}};
+ */
+
+import ol from 'openlayers';
+import ConfigUtils from '../../../utils/ConfigUtils';
+export default {
+  create: function create(options) {
+    return new ol.layer.Tile(_objectSpread({
+      minResolution: options.minResolution,
+      maxResolution: options.maxResolution,
+      preload: ConfigUtils.getConfigProp("tilePreloadLevels", null, 0),
+      source: new ol.source.XYZ(_objectSpread({
+        url: options.url,
+        projection: options.projection
+      }, options.sourceConfig || {}))
+    }, options.layerConfig || {}));
+  }
+};

package/components/map/layers/index.js

@@ -5,4 +5,31 @@
  *
  * This source code is licensed under the BSD-style license found in the
  * LICENSE file in the root directory of this source tree.
- */import bingLayer from"./BingLayer";import googleLayer from"./GoogleLayer";import graticuleLayer from"./GraticuleLayer";import imageLayer from"./ImageLayer";import mvtLayer from"./MVTLayer";import osmLayer from"./OSMLayer";import overlayLayer from"./OverlayLayer";import vectorLayer from"./VectorLayer";import wfsLayer from"./WFSLayer";import wmsLayer from"./WMSLayer";import wmtsLayer from"./WMTSLayer";import xyzLayer from"./XYZLayer";export default{bing:bingLayer,google:googleLayer,graticule:graticuleLayer,image:imageLayer,mvt:mvtLayer,osm:osmLayer,overlay:overlayLayer,vector:vectorLayer,wms:wmsLayer,wmts:wmtsLayer,wfs:wfsLayer,xyz:xyzLayer};
+ */
+
+import bingLayer from './BingLayer';
+import googleLayer from './GoogleLayer';
+import graticuleLayer from './GraticuleLayer';
+import imageLayer from './ImageLayer';
+import mvtLayer from './MVTLayer';
+import osmLayer from './OSMLayer';
+import overlayLayer from './OverlayLayer';
+import vectorLayer from './VectorLayer';
+import wfsLayer from './WFSLayer';
+import wmsLayer from './WMSLayer';
+import wmtsLayer from './WMTSLayer';
+import xyzLayer from './XYZLayer';
+export default {
+  bing: bingLayer,
+  google: googleLayer,
+  graticule: graticuleLayer,
+  image: imageLayer,
+  mvt: mvtLayer,
+  osm: osmLayer,
+  overlay: overlayLayer,
+  vector: vectorLayer,
+  wms: wmsLayer,
+  wmts: wmtsLayer,
+  wfs: wfsLayer,
+  xyz: xyzLayer
+};

package/components/map3d/EditDataset3D.js

@@ -1,8 +1,195 @@
-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 2025 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{TransformControls}from"three/addons/controls/TransformControls";import LocaleUtils from"../../utils/LocaleUtils";import TaskBar from"../TaskBar";import ButtonBar from"../widgets/ButtonBar";import TextInput from"../widgets/TextInput";import{updateObjectLabel}from"./utils/MiscUtils3D";var EditDataset3D=/*#__PURE__*/function(_React$Component){function EditDataset3D(){var _this;_classCallCheck(this,EditDataset3D);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_callSuper(this,EditDataset3D,[].concat(args));_defineProperty(_this,"state",EditDataset3D.defaultState);_defineProperty(_this,"renderBody",function(){var actionButtons=[{key:"zoomto",label:LocaleUtils.tr("editdataset3d.zoomto"),icon:"zoom"},{key:"moveobj",label:LocaleUtils.tr("editdataset3d.moveobj"),icon:"move"}];var editButtons=[{key:"translate",label:LocaleUtils.tr("draw3d.translate")},{key:"scale",label:LocaleUtils.tr("draw3d.scale")},{key:"rotate",label:LocaleUtils.tr("draw3d.rotate")}];return[/*#__PURE__*/React.createElement("div",{className:"redlining-controlsbar",key:"Action"},/*#__PURE__*/React.createElement("div",{className:"redlining-control redlining-control-fill"},/*#__PURE__*/React.createElement(ButtonBar,{buttons:actionButtons,onClick:_this.actionClicked}))),/*#__PURE__*/React.createElement("div",{className:"redlining-controlsbar",key:"Mode"},/*#__PURE__*/React.createElement("div",{className:"redlining-control redlining-control-fill"},/*#__PURE__*/React.createElement(ButtonBar,{active:_this.state.mode,buttons:editButtons,onClick:_this.setMode}))),/*#__PURE__*/React.createElement("div",{className:"redlining-controlsbar",key:"Label"},/*#__PURE__*/React.createElement("div",{className:"redlining-control redlining-control-fill controlgroup"},/*#__PURE__*/React.createElement("span",null,LocaleUtils.tr("draw3d.label"),":\xA0"),/*#__PURE__*/React.createElement(TextInput,{className:"controlgroup-fillitem",onChange:_this.setLabel,value:_this.state.label})))]});_defineProperty(_this,"onShow",function(){var object=_this.props.sceneContext.getSceneObject(_this.props.taskData.objectId);if(object.tiles){object=object.tiles.group.parent}// Setup transform control
-var camera=_this.props.sceneContext.scene.view.camera;var renderer=_this.props.sceneContext.scene.renderer;_this.transformControls=new TransformControls(camera,renderer.domElement);_this.transformControls.setMode(_this.state.mode);_this.transformControls.setSpace("local");_this.props.sceneContext.scene.add(_this.transformControls.getHelper());_this.transformControls.attach(object);_this.transformControls.getHelper().updateMatrixWorld();_this.transformControls.addEventListener("change",_this.toolChanged);_this.transformControls.addEventListener("mouseUp",_this.toolChanged);renderer.domElement.addEventListener("keydown",_this.onKeyDown);_this.transformControls.addEventListener("dragging-changed",function(event){_this.props.sceneContext.scene.view.controls.enabled=!event.value});_this.props.sceneContext.scene.view.controls.addEventListener("change",_this.updateTransformHelper);_this.props.sceneContext.scene.notifyChange()});_defineProperty(_this,"onHide",function(){_this.transformControls.detach();_this.props.sceneContext.scene.remove(_this.transformControls.getHelper());_this.transformControls.dispose();_this.transformControls=null;var domElement=_this.props.sceneContext.scene.renderer.domElement;domElement.removeEventListener("keydown",_this.onKeyDown);_this.props.sceneContext.scene.view.controls.removeEventListener("change",_this.updateTransformHelper);_this.props.sceneContext.scene.notifyChange();_this.setState(EditDataset3D.defaultState)});_defineProperty(_this,"updateTransformHelper",function(){_this.transformControls.getHelper().updateMatrixWorld();_this.props.sceneContext.scene.notifyChange()});_defineProperty(_this,"actionClicked",function(action){if(action==="zoomto"){_this.props.sceneContext.zoomToObject(_this.props.taskData.objectId)}else if(action==="moveobj"){var _this$props$sceneCont;var sceneTarget=_this.props.sceneContext.scene.view.controls.target.clone();sceneTarget.z=(_this$props$sceneCont=_this.props.sceneContext.getTerrainHeightFromMap([sceneTarget.x,sceneTarget.y]))!==null&&_this$props$sceneCont!==void 0?_this$props$sceneCont:0;_this.transformControls.object.position.copy(sceneTarget);_this.transformControls.object.updateMatrix();_this.props.sceneContext.scene.notifyChange()}});_defineProperty(_this,"setMode",function(mode){_this.setState({mode:mode});_this.transformControls.setMode(mode)});_defineProperty(_this,"setLabel",function(label){_this.transformControls.object.userData.label=label;updateObjectLabel(_this.transformControls.object,_this.props.sceneContext);_this.setState({label:label})});_defineProperty(_this,"toolChanged",function(){var _this$updateMatrixWor,_this2;(_this$updateMatrixWor=(_this2=_this).updateMatrixWorld)===null||_this$updateMatrixWor===void 0||_this$updateMatrixWor.call(_this2);_this.transformControls.getHelper().updateMatrixWorld();_this.props.sceneContext.scene.notifyChange()});_defineProperty(_this,"onKeyDown",function(ev){if(ev.key==="Escape"){_this.transformControls.reset()}});return _this}_inherits(EditDataset3D,_React$Component);return _createClass(EditDataset3D,[{key:"render",value:function render(){var _this3=this;return/*#__PURE__*/React.createElement(TaskBar,{onHide:this.onHide,onShow:this.onShow,task:"EditDataset3D"},function(){return{body:_this3.renderBody()}})}}])}(React.Component);_defineProperty(EditDataset3D,"propTypes",{sceneContext:PropTypes.object,taskData:PropTypes.object});_defineProperty(EditDataset3D,"defaultState",{mode:"translate",label:""});export default connect(function(state){return{taskData:state.task.id==="EditDataset3D"?state.task.data:null}})(EditDataset3D);
+ */
+
+import React from 'react';
+import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
+import { TransformControls } from 'three/addons/controls/TransformControls';
+import LocaleUtils from '../../utils/LocaleUtils';
+import TaskBar from '../TaskBar';
+import ButtonBar from '../widgets/ButtonBar';
+import TextInput from '../widgets/TextInput';
+import { updateObjectLabel } from './utils/MiscUtils3D';
+var EditDataset3D = /*#__PURE__*/function (_React$Component) {
+  function EditDataset3D() {
+    var _this;
+    _classCallCheck(this, EditDataset3D);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, EditDataset3D, [].concat(args));
+    _defineProperty(_this, "state", EditDataset3D.defaultState);
+    _defineProperty(_this, "renderBody", function () {
+      var actionButtons = [{
+        key: "zoomto",
+        label: LocaleUtils.tr("editdataset3d.zoomto"),
+        icon: "zoom"
+      }, {
+        key: "moveobj",
+        label: LocaleUtils.tr("editdataset3d.moveobj"),
+        icon: "move"
+      }];
+      var editButtons = [{
+        key: "translate",
+        label: LocaleUtils.tr("draw3d.translate")
+      }, {
+        key: "scale",
+        label: LocaleUtils.tr("draw3d.scale")
+      }, {
+        key: "rotate",
+        label: LocaleUtils.tr("draw3d.rotate")
+      }];
+      return [/*#__PURE__*/React.createElement("div", {
+        className: "redlining-controlsbar",
+        key: "Action"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "redlining-control redlining-control-fill"
+      }, /*#__PURE__*/React.createElement(ButtonBar, {
+        buttons: actionButtons,
+        onClick: _this.actionClicked
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: "redlining-controlsbar",
+        key: "Mode"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "redlining-control redlining-control-fill"
+      }, /*#__PURE__*/React.createElement(ButtonBar, {
+        active: _this.state.mode,
+        buttons: editButtons,
+        onClick: _this.setMode
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: "redlining-controlsbar",
+        key: "Label"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "redlining-control redlining-control-fill controlgroup"
+      }, /*#__PURE__*/React.createElement("span", null, LocaleUtils.tr("draw3d.label"), ":\xA0"), /*#__PURE__*/React.createElement(TextInput, {
+        className: "controlgroup-fillitem",
+        onChange: _this.setLabel,
+        value: _this.state.label
+      })))];
+    });
+    _defineProperty(_this, "onShow", function () {
+      var object = _this.props.sceneContext.getSceneObject(_this.props.taskData.objectId);
+      if (object.tiles) {
+        object = object.tiles.group.parent;
+      }
+
+      // Setup transform control
+      var camera = _this.props.sceneContext.scene.view.camera;
+      var renderer = _this.props.sceneContext.scene.renderer;
+      _this.transformControls = new TransformControls(camera, renderer.domElement);
+      _this.transformControls.setMode(_this.state.mode);
+      _this.transformControls.setSpace('local');
+      _this.props.sceneContext.scene.add(_this.transformControls.getHelper());
+      _this.transformControls.attach(object);
+      _this.transformControls.getHelper().updateMatrixWorld();
+      _this.transformControls.addEventListener('change', _this.toolChanged);
+      _this.transformControls.addEventListener('mouseUp', _this.toolChanged);
+      renderer.domElement.addEventListener('keydown', _this.onKeyDown);
+      _this.transformControls.addEventListener('dragging-changed', function (event) {
+        _this.props.sceneContext.scene.view.controls.enabled = !event.value;
+      });
+      _this.props.sceneContext.scene.view.controls.addEventListener('change', _this.updateTransformHelper);
+      _this.props.sceneContext.scene.notifyChange();
+    });
+    _defineProperty(_this, "onHide", function () {
+      _this.transformControls.detach();
+      _this.props.sceneContext.scene.remove(_this.transformControls.getHelper());
+      _this.transformControls.dispose();
+      _this.transformControls = null;
+      var domElement = _this.props.sceneContext.scene.renderer.domElement;
+      domElement.removeEventListener('keydown', _this.onKeyDown);
+      _this.props.sceneContext.scene.view.controls.removeEventListener('change', _this.updateTransformHelper);
+      _this.props.sceneContext.scene.notifyChange();
+      _this.setState(EditDataset3D.defaultState);
+    });
+    _defineProperty(_this, "updateTransformHelper", function () {
+      _this.transformControls.getHelper().updateMatrixWorld();
+      _this.props.sceneContext.scene.notifyChange();
+    });
+    _defineProperty(_this, "actionClicked", function (action) {
+      if (action === "zoomto") {
+        _this.props.sceneContext.zoomToObject(_this.props.taskData.objectId);
+      } else if (action === "moveobj") {
+        var _this$props$sceneCont;
+        var sceneTarget = _this.props.sceneContext.scene.view.controls.target.clone();
+        sceneTarget.z = (_this$props$sceneCont = _this.props.sceneContext.getTerrainHeightFromMap([sceneTarget.x, sceneTarget.y])) !== null && _this$props$sceneCont !== void 0 ? _this$props$sceneCont : 0;
+        _this.transformControls.object.position.copy(sceneTarget);
+        _this.transformControls.object.updateMatrix();
+        _this.props.sceneContext.scene.notifyChange();
+      }
+    });
+    _defineProperty(_this, "setMode", function (mode) {
+      _this.setState({
+        mode: mode
+      });
+      _this.transformControls.setMode(mode);
+    });
+    _defineProperty(_this, "setLabel", function (label) {
+      _this.transformControls.object.userData.label = label;
+      updateObjectLabel(_this.transformControls.object, _this.props.sceneContext);
+      _this.setState({
+        label: label
+      });
+    });
+    _defineProperty(_this, "toolChanged", function () {
+      var _this$updateMatrixWor, _this2;
+      (_this$updateMatrixWor = (_this2 = _this).updateMatrixWorld) === null || _this$updateMatrixWor === void 0 || _this$updateMatrixWor.call(_this2);
+      _this.transformControls.getHelper().updateMatrixWorld();
+      _this.props.sceneContext.scene.notifyChange();
+    });
+    _defineProperty(_this, "onKeyDown", function (ev) {
+      if (ev.key === "Escape") {
+        _this.transformControls.reset();
+      }
+    });
+    return _this;
+  }
+  _inherits(EditDataset3D, _React$Component);
+  return _createClass(EditDataset3D, [{
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+      return /*#__PURE__*/React.createElement(TaskBar, {
+        onHide: this.onHide,
+        onShow: this.onShow,
+        task: "EditDataset3D"
+      }, function () {
+        return {
+          body: _this3.renderBody()
+        };
+      });
+    }
+  }]);
+}(React.Component);
+_defineProperty(EditDataset3D, "propTypes", {
+  sceneContext: PropTypes.object,
+  taskData: PropTypes.object
+});
+_defineProperty(EditDataset3D, "defaultState", {
+  mode: 'translate',
+  label: ''
+});
+export default connect(function (state) {
+  return {
+    taskData: state.task.id === "EditDataset3D" ? state.task.data : null
+  };
+})(EditDataset3D);