qwc2 2025.10.9 → 2025.10.14

package/components/map3d/SearchField3D.js

@@ -1,16 +1,188 @@
-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 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 ColorLayer from"@giro3d/giro3d/core/layer/ColorLayer";import VectorSource from"@giro3d/giro3d/sources/VectorSource";import ol from"openlayers";import PropTypes from"prop-types";import{Group}from"three";import{GLTFLoader}from"three/addons/loaders/GLTFLoader";import{CSS2DObject}from"three/addons/renderers/CSS2DRenderer";import pinModel from"../../resources/pin.glb";import CoordinatesUtils from"../../utils/CoordinatesUtils";import FeatureStyles from"../../utils/FeatureStyles";import{collectSearchProviders}from"../../utils/SearchProviders";import VectorLayerUtils from"../../utils/VectorLayerUtils";import SearchWidget from"../widgets/SearchWidget";var SearchField3D=/*#__PURE__*/function(_React$Component){function SearchField3D(){var _this;_classCallCheck(this,SearchField3D);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_callSuper(this,SearchField3D,[].concat(args));_defineProperty(_this,"state",{searchProviders:{}});_defineProperty(_this,"searchResultSelected",function(result){var _result$crs,_result$feature,_result$crs3;var sceneContext=_this.props.sceneContext;sceneContext.removeLayer("__searchHighlight");sceneContext.removeSceneObject("__searchMarker");if(!result){return}var mapCrs=sceneContext.mapCrs;var scenePos=CoordinatesUtils.reproject([result.x,result.y],(_result$crs=result.crs)!==null&&_result$crs!==void 0?_result$crs:mapCrs,mapCrs);// Add highlight geometry
-if(result.feature&&((_result$feature=result.feature)===null||_result$feature===void 0||(_result$feature=_result$feature.geometry)===null||_result$feature===void 0?void 0:_result$feature.type)!=="Point"){var _result$crs2;var format=new ol.format.GeoJSON;var olFeatures=format.readFeatures(result.feature,{dataProjection:(_result$crs2=result.crs)!==null&&_result$crs2!==void 0?_result$crs2:mapCrs,featureProjection:mapCrs});var highlightLayer=new ColorLayer({source:new VectorSource({data:olFeatures,format:format,style:function style(feat){return FeatureStyles["default"](feat,{})}})});sceneContext.addLayer("__searchHighlight",highlightLayer)}// Zoom to bounds
-var bounds=result.feature?VectorLayerUtils.computeFeatureBBox(result.feature):CoordinatesUtils.reprojectBbox(result.bbox,(_result$crs3=result.crs)!==null&&_result$crs3!==void 0?_result$crs3:mapCrs,mapCrs);// Adjust bounds so that we do not zoom further than 1:searchMinScaleDenom
-var bbWidth=bounds[2]-bounds[0];var bbHeight=bounds[3]-bounds[1];var sceneRect=_this.props.sceneContext.scene.viewport.getBoundingClientRect();// Compute maximum allowed dimensions at the given scale
-var px2m=0.0254/96;var minWidth=sceneRect.width*px2m*_this.props.searchOptions.minScaleDenom;var minHeight=sceneRect.height*px2m*_this.props.searchOptions.minScaleDenom;var scaleFactor=Math.max(bbWidth/minWidth,bbHeight/minHeight);if(scaleFactor<1){var bbCenterX=0.5*(bounds[0]+bounds[2]);var bbCenterY=0.5*(bounds[1]+bounds[3]);bounds=[bbCenterX-minWidth/2,bbCenterY-minHeight/2,bbCenterX+minWidth/2,bbCenterY+minHeight/2]}sceneContext.setViewToExtent(bounds,0);// Add pin and label at result position above terrain
-sceneContext.getTerrainHeightFromDTM(scenePos).then(function(terrainHeight){var loader=new GLTFLoader;loader.load(pinModel,function(gltf){var _result$label;var searchMarker=new Group;// Add pin
-var pin=gltf.scene;pin.position.x=scenePos[0];pin.position.y=scenePos[1];pin.position.z=terrainHeight;pin.rotation.x=Math.PI/2;pin.updateMatrixWorld();searchMarker.add(pin);// Add label
-var labelEl=document.createElement("span");labelEl.innerText=(_result$label=result.label)!==null&&_result$label!==void 0?_result$label:result.text;labelEl.className="map3d-search-label";var label=new CSS2DObject(labelEl);label.position.set(scenePos[0],scenePos[1],terrainHeight+2);label.updateMatrixWorld();searchMarker.add(label);sceneContext.addSceneObject("__searchMarker",searchMarker);// Scale search marker with distance
-var scaleSearchMarker=function scaleSearchMarker(){var distance=sceneContext.scene.view.camera.position.distanceTo(pin.position)/30;var scale=Math.max(20,distance);label.position.z=terrainHeight+2*scale;label.updateMatrixWorld();pin.scale.set(scale,scale,scale);pin.updateMatrixWorld()};sceneContext.scene.view.controls.addEventListener("change",scaleSearchMarker);searchMarker.addEventListener("removed",function(){var _labelEl$parentNode,_labelEl$parentNode$r;sceneContext.scene.view.controls.removeEventListener("change",scaleSearchMarker);// The label DOM element is not removed when the searchMarker group is removed from the instance
-(_labelEl$parentNode=labelEl.parentNode)===null||_labelEl$parentNode===void 0||(_labelEl$parentNode$r=_labelEl$parentNode.removeChild)===null||_labelEl$parentNode$r===void 0||_labelEl$parentNode$r.call(_labelEl$parentNode,labelEl)})})})});return _this}_inherits(SearchField3D,_React$Component);return _createClass(SearchField3D,[{key:"componentDidMount",value:function componentDidMount(){this.componentDidUpdate({})}},{key:"componentDidUpdate",value:function componentDidUpdate(prevProps){var _this$props$sceneCont,_prevProps$sceneConte;if(((_this$props$sceneCont=this.props.sceneContext)===null||_this$props$sceneCont===void 0?void 0:_this$props$sceneCont.colorLayers)!==((_prevProps$sceneConte=prevProps.sceneContext)===null||_prevProps$sceneConte===void 0?void 0:_prevProps$sceneConte.colorLayers)){var layers=Object.values(this.props.sceneContext.colorLayers);this.setState({searchProviders:collectSearchProviders(this.props.theme,layers)})}}},{key:"render",value:function render(){return/*#__PURE__*/React.createElement(SearchWidget,{queryGeometries:true,resultSelected:this.searchResultSelected,searchParams:{mapcrs:this.props.sceneContext.mapCrs,displaycrs:this.props.sceneContext.mapCrs},searchProviders:Object.values(this.state.searchProviders),value:""})}}])}(React.Component);_defineProperty(SearchField3D,"propTypes",{sceneContext:PropTypes.object,searchOptions:PropTypes.shape({minScaleDenom:PropTypes.number}),theme:PropTypes.object});export default connect(function(state){return{theme:state.theme.current}})(SearchField3D);
+ */
+
+import React from 'react';
+import { connect } from 'react-redux';
+import ColorLayer from '@giro3d/giro3d/core/layer/ColorLayer';
+import VectorSource from '@giro3d/giro3d/sources/VectorSource';
+import ol from 'openlayers';
+import PropTypes from 'prop-types';
+import { Group } from 'three';
+import { GLTFLoader } from 'three/addons/loaders/GLTFLoader';
+import { CSS2DObject } from 'three/addons/renderers/CSS2DRenderer';
+import pinModel from '../../resources/pin.glb';
+import CoordinatesUtils from '../../utils/CoordinatesUtils';
+import FeatureStyles from '../../utils/FeatureStyles';
+import { collectSearchProviders } from '../../utils/SearchProviders';
+import VectorLayerUtils from '../../utils/VectorLayerUtils';
+import SearchWidget from '../widgets/SearchWidget';
+var SearchField3D = /*#__PURE__*/function (_React$Component) {
+  function SearchField3D() {
+    var _this;
+    _classCallCheck(this, SearchField3D);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, SearchField3D, [].concat(args));
+    _defineProperty(_this, "state", {
+      searchProviders: {}
+    });
+    _defineProperty(_this, "searchResultSelected", function (result) {
+      var _result$crs, _result$feature, _result$crs3;
+      var sceneContext = _this.props.sceneContext;
+      sceneContext.removeLayer("__searchHighlight");
+      sceneContext.removeSceneObject("__searchMarker");
+      if (!result) {
+        return;
+      }
+      var mapCrs = sceneContext.mapCrs;
+      var scenePos = CoordinatesUtils.reproject([result.x, result.y], (_result$crs = result.crs) !== null && _result$crs !== void 0 ? _result$crs : mapCrs, mapCrs);
+
+      // Add highlight geometry
+      if (result.feature && ((_result$feature = result.feature) === null || _result$feature === void 0 || (_result$feature = _result$feature.geometry) === null || _result$feature === void 0 ? void 0 : _result$feature.type) !== "Point") {
+        var _result$crs2;
+        var format = new ol.format.GeoJSON();
+        var olFeatures = format.readFeatures(result.feature, {
+          dataProjection: (_result$crs2 = result.crs) !== null && _result$crs2 !== void 0 ? _result$crs2 : mapCrs,
+          featureProjection: mapCrs
+        });
+        var highlightLayer = new ColorLayer({
+          source: new VectorSource({
+            data: olFeatures,
+            format: format,
+            style: function style(feat) {
+              return FeatureStyles["default"](feat, {});
+            }
+          })
+        });
+        sceneContext.addLayer("__searchHighlight", highlightLayer);
+      }
+
+      // Zoom to bounds
+      var bounds = result.feature ? VectorLayerUtils.computeFeatureBBox(result.feature) : CoordinatesUtils.reprojectBbox(result.bbox, (_result$crs3 = result.crs) !== null && _result$crs3 !== void 0 ? _result$crs3 : mapCrs, mapCrs);
+      // Adjust bounds so that we do not zoom further than 1:searchMinScaleDenom
+      var bbWidth = bounds[2] - bounds[0];
+      var bbHeight = bounds[3] - bounds[1];
+      var sceneRect = _this.props.sceneContext.scene.viewport.getBoundingClientRect();
+      // Compute maximum allowed dimensions at the given scale
+      var px2m = 0.0254 / 96;
+      var minWidth = sceneRect.width * px2m * _this.props.searchOptions.minScaleDenom;
+      var minHeight = sceneRect.height * px2m * _this.props.searchOptions.minScaleDenom;
+      var scaleFactor = Math.max(bbWidth / minWidth, bbHeight / minHeight);
+      if (scaleFactor < 1) {
+        var bbCenterX = 0.5 * (bounds[0] + bounds[2]);
+        var bbCenterY = 0.5 * (bounds[1] + bounds[3]);
+        bounds = [bbCenterX - minWidth / 2, bbCenterY - minHeight / 2, bbCenterX + minWidth / 2, bbCenterY + minHeight / 2];
+      }
+      sceneContext.setViewToExtent(bounds, 0);
+      // Add pin and label at result position above terrain
+      sceneContext.getTerrainHeightFromDTM(scenePos).then(function (terrainHeight) {
+        var loader = new GLTFLoader();
+        loader.load(pinModel, function (gltf) {
+          var _result$label;
+          var searchMarker = new Group();
+
+          // Add pin
+          var pin = gltf.scene;
+          pin.position.x = scenePos[0];
+          pin.position.y = scenePos[1];
+          pin.position.z = terrainHeight;
+          pin.rotation.x = Math.PI / 2;
+          pin.updateMatrixWorld();
+          searchMarker.add(pin);
+
+          // Add label
+          var labelEl = document.createElement("span");
+          labelEl.innerText = (_result$label = result.label) !== null && _result$label !== void 0 ? _result$label : result.text;
+          labelEl.className = "map3d-search-label";
+          var label = new CSS2DObject(labelEl);
+          label.position.set(scenePos[0], scenePos[1], terrainHeight + 2);
+          label.updateMatrixWorld();
+          searchMarker.add(label);
+          sceneContext.addSceneObject("__searchMarker", searchMarker);
+
+          // Scale search marker with distance
+          var scaleSearchMarker = function scaleSearchMarker() {
+            var distance = sceneContext.scene.view.camera.position.distanceTo(pin.position) / 30;
+            var scale = Math.max(20, distance);
+            label.position.z = terrainHeight + 2 * scale;
+            label.updateMatrixWorld();
+            pin.scale.set(scale, scale, scale);
+            pin.updateMatrixWorld();
+          };
+          sceneContext.scene.view.controls.addEventListener('change', scaleSearchMarker);
+          searchMarker.addEventListener('removed', function () {
+            var _labelEl$parentNode, _labelEl$parentNode$r;
+            sceneContext.scene.view.controls.removeEventListener('change', scaleSearchMarker);
+            // The label DOM element is not removed when the searchMarker group is removed from the instance
+            (_labelEl$parentNode = labelEl.parentNode) === null || _labelEl$parentNode === void 0 || (_labelEl$parentNode$r = _labelEl$parentNode.removeChild) === null || _labelEl$parentNode$r === void 0 || _labelEl$parentNode$r.call(_labelEl$parentNode, labelEl);
+          });
+        });
+      });
+    });
+    return _this;
+  }
+  _inherits(SearchField3D, _React$Component);
+  return _createClass(SearchField3D, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.componentDidUpdate({});
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this$props$sceneCont, _prevProps$sceneConte;
+      if (((_this$props$sceneCont = this.props.sceneContext) === null || _this$props$sceneCont === void 0 ? void 0 : _this$props$sceneCont.colorLayers) !== ((_prevProps$sceneConte = prevProps.sceneContext) === null || _prevProps$sceneConte === void 0 ? void 0 : _prevProps$sceneConte.colorLayers)) {
+        var layers = Object.values(this.props.sceneContext.colorLayers);
+        this.setState({
+          searchProviders: collectSearchProviders(this.props.theme, layers)
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(SearchWidget, {
+        queryGeometries: true,
+        resultSelected: this.searchResultSelected,
+        searchParams: {
+          mapcrs: this.props.sceneContext.mapCrs,
+          displaycrs: this.props.sceneContext.mapCrs
+        },
+        searchProviders: Object.values(this.state.searchProviders),
+        value: ""
+      });
+    }
+  }]);
+}(React.Component);
+_defineProperty(SearchField3D, "propTypes", {
+  sceneContext: PropTypes.object,
+  searchOptions: PropTypes.shape({
+    minScaleDenom: PropTypes.number
+  }),
+  theme: PropTypes.object
+});
+export default connect(function (state) {
+  return {
+    theme: state.theme.current
+  };
+})(SearchField3D);

package/components/map3d/View3DSwitcher.js

@@ -1,7 +1,103 @@
-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 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{setView3dMode,View3DMode}from"../../actions/display";import Icon from"../Icon";import MapButton from"../MapButton";import"./style/View3DSwitcher.css";var View3DSwitcher=/*#__PURE__*/function(_React$Component){function View3DSwitcher(){var _this;_classCallCheck(this,View3DSwitcher);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_callSuper(this,View3DSwitcher,[].concat(args));_defineProperty(_this,"state",{expanded:false});_defineProperty(_this,"render",function(){var buttons=[{mode:View3DMode.DISABLED,icon:"2d"},{mode:View3DMode.FULLSCREEN,icon:"3d"},{mode:View3DMode.SPLITSCREEN,icon:"3d2d"}];return/*#__PURE__*/React.createElement(MapButton,{active:_this.state.expanded,busy:_this.props.view3dMode===View3DMode.DISABLING,icon:"view",iconSize:"xlarge",onClick:function onClick(){return _this.setState(function(state){return{expanded:!state.expanded}})},position:_this.props.position},/*#__PURE__*/React.createElement("div",{className:"view3d-switcher-buttons"+(_this.state.expanded?" view3d-switcher-buttons-expanded":"")},buttons.map(function(button){return/*#__PURE__*/React.createElement("button",{className:"map-button"+(button.mode===_this.props.view3dMode?" map-button-active":""),key:button.icon,onClick:function onClick(){return _this.switchMode(button.mode)}},/*#__PURE__*/React.createElement(Icon,{icon:button.icon,size:"xlarge"}))})))});_defineProperty(_this,"switchMode",function(mode){_this.props.setView3dMode(mode===View3DMode.DISABLED?View3DMode.DISABLING:mode);_this.setState({expanded:false})});return _this}_inherits(View3DSwitcher,_React$Component);return _createClass(View3DSwitcher)}(React.Component);_defineProperty(View3DSwitcher,"propTypes",{position:PropTypes.number,setView3dMode:PropTypes.func,switchTo:PropTypes.string,view3dMode:PropTypes.number});export default connect(function(state){return{view3dMode:state.display.view3dMode}},{setView3dMode:setView3dMode})(View3DSwitcher);
+ */
+
+import React from 'react';
+import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
+import { setView3dMode, View3DMode } from '../../actions/display';
+import Icon from '../Icon';
+import MapButton from '../MapButton';
+import './style/View3DSwitcher.css';
+var View3DSwitcher = /*#__PURE__*/function (_React$Component) {
+  function View3DSwitcher() {
+    var _this;
+    _classCallCheck(this, View3DSwitcher);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, View3DSwitcher, [].concat(args));
+    _defineProperty(_this, "state", {
+      expanded: false
+    });
+    _defineProperty(_this, "render", function () {
+      var buttons = [{
+        mode: View3DMode.DISABLED,
+        icon: "2d"
+      }, {
+        mode: View3DMode.FULLSCREEN,
+        icon: "3d"
+      }, {
+        mode: View3DMode.SPLITSCREEN,
+        icon: "3d2d"
+      }];
+      return /*#__PURE__*/React.createElement(MapButton, {
+        active: _this.state.expanded,
+        busy: _this.props.view3dMode === View3DMode.DISABLING,
+        icon: "view",
+        iconSize: "xlarge",
+        onClick: function onClick() {
+          return _this.setState(function (state) {
+            return {
+              expanded: !state.expanded
+            };
+          });
+        },
+        position: _this.props.position
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "view3d-switcher-buttons" + (_this.state.expanded ? " view3d-switcher-buttons-expanded" : "")
+      }, buttons.map(function (button) {
+        return /*#__PURE__*/React.createElement("button", {
+          className: "map-button" + (button.mode === _this.props.view3dMode ? " map-button-active" : ""),
+          key: button.icon,
+          onClick: function onClick() {
+            return _this.switchMode(button.mode);
+          }
+        }, /*#__PURE__*/React.createElement(Icon, {
+          icon: button.icon,
+          size: "xlarge"
+        }));
+      })));
+    });
+    _defineProperty(_this, "switchMode", function (mode) {
+      _this.props.setView3dMode(mode === View3DMode.DISABLED ? View3DMode.DISABLING : mode);
+      _this.setState({
+        expanded: false
+      });
+    });
+    return _this;
+  }
+  _inherits(View3DSwitcher, _React$Component);
+  return _createClass(View3DSwitcher);
+}(React.Component);
+_defineProperty(View3DSwitcher, "propTypes", {
+  position: PropTypes.number,
+  setView3dMode: PropTypes.func,
+  switchTo: PropTypes.string,
+  view3dMode: PropTypes.number
+});
+export default connect(function (state) {
+  return {
+    view3dMode: state.display.view3dMode
+  };
+}, {
+  setView3dMode: setView3dMode
+})(View3DSwitcher);

package/components/map3d/drawtool/CreateTool3D.js

@@ -1,9 +1,179 @@
-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 _construct(t,e,r){if(_isNativeReflectConstruct())return Reflect.construct.apply(null,arguments);var o=[null];o.push.apply(o,e);var p=new(t.bind.apply(t,o));return r&&_setPrototypeOf(p,r.prototype),p}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread 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 _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}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 _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 _construct(t, e, r) { if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments); var o = [null]; o.push.apply(o, e); var p = new (t.bind.apply(t, o))(); return r && _setPrototypeOf(p, r.prototype), p; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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 _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{default as GiroShape}from"@giro3d/giro3d/entities/Shape";import PropTypes from"prop-types";import{BoxGeometry,Color,ConeGeometry,CylinderGeometry,DoubleSide,ExtrudeGeometry,Mesh,MeshStandardMaterial,Shape,SphereGeometry,Vector3}from"three";import LocaleUtils from"../../../utils/LocaleUtils";import Icon from"../../Icon";import ColorButton from"../../widgets/ColorButton";import NumberInput from"../../widgets/NumberInput";var CreateTool3D=/*#__PURE__*/function(_React$Component){function CreateTool3D(){var _this;_classCallCheck(this,CreateTool3D);for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key]}_this=_callSuper(this,CreateTool3D,[].concat(args));_defineProperty(_this,"moveDrawCursor",function(ev){var rect=ev.target.getBoundingClientRect();var x=(ev.clientX-rect.left)/rect.width*2-1;var y=-((ev.clientY-rect.top)/rect.height)*2+1;var intersection=_this.props.sceneContext.getSceneIntersection(x,y);if(intersection){var p=intersection.point;_this.drawCursor.setPoints([p])}else{_this.drawCursor.setPoints([])}_this.props.sceneContext.scene.notifyChange()});_defineProperty(_this,"drawShapeOnRelease",function(ev){if(ev.button===0){var renderer=_this.props.sceneContext.scene.renderer;renderer.domElement.addEventListener("pointerup",_this.drawShape,{once:true});renderer.domElement.addEventListener("pointermove",function(){renderer.domElement.removeEventListener("pointerup",_this.drawShape)})}});_defineProperty(_this,"drawShape",function(){var drawGroup=_this.props.sceneContext.getSceneObject(_this.props.drawGroupId);if(_this.drawCursor.points.length===0||!drawGroup){return}var geometry=null;var s=_this.props.baseSize;if(_this.props.geomType==="Cuboid"){geometry=new BoxGeometry(s,s,s)}else if(_this.props.geomType==="Wedge"){var shape=new Shape;shape.moveTo(-0.5*s,-0.5*s);shape.lineTo(0.5*s,-0.5*s);shape.lineTo(0.5*s,0.5*s);shape.lineTo(-0.5*s,-0.5*s);geometry=new ExtrudeGeometry(shape,{depth:s})}else if(_this.props.geomType==="Cylinder"){geometry=new CylinderGeometry(0.5*s,0.5*s,s)}else if(_this.props.geomType==="Pyramid"){geometry=new ConeGeometry(0.5*s*Math.sqrt(2),s,4,1,false,Math.PI/4);// Ensure flat normals (pointing from faces, not edges)
-geometry=geometry.toNonIndexed();geometry.computeVertexNormals()}else if(_this.props.geomType==="Sphere"){geometry=new SphereGeometry(0.5*s)}else if(_this.props.geomType==="Cone"){geometry=new ConeGeometry(0.5*s,s)}if(geometry){geometry.rotateX(Math.PI/2);// Z-up
-var material=new MeshStandardMaterial({color:_construct(Color,_toConsumableArray(_this.props.color.map(function(c){return c/255})))});material.side=DoubleSide;var mesh=new Mesh(geometry,material);mesh.castShadow=true;mesh.receiveShadow=true;drawGroup.add(mesh);var pos=_this.drawCursor.points[0];mesh.position.copy(new Vector3(Math.round(pos.x),Math.round(pos.y),Math.floor(pos.z+0.5*s)));mesh.updateMatrixWorld();_this.props.sceneContext.scene.notifyChange();_this.props.objectCreated(mesh)}});return _this}_inherits(CreateTool3D,_React$Component);return _createClass(CreateTool3D,[{key:"componentDidMount",value:function componentDidMount(){this.drawCursor=new GiroShape({showVertices:true});this.props.sceneContext.scene.add(this.drawCursor);var renderer=this.props.sceneContext.scene.renderer;renderer.domElement.addEventListener("pointermove",this.moveDrawCursor);renderer.domElement.addEventListener("pointerdown",this.drawShapeOnRelease)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.props.sceneContext.scene.remove(this.drawCursor);this.drawCursor=null;var renderer=this.props.sceneContext.scene.renderer;renderer.domElement.removeEventListener("pointermove",this.moveDrawCursor);renderer.domElement.removeEventListener("pointerdown",this.drawShapeOnRelease)}},{key:"render",value:function render(){return/*#__PURE__*/React.createElement("div",{className:"redlining-controlsbar"},/*#__PURE__*/React.createElement("div",{className:"redlining-control"},/*#__PURE__*/React.createElement(Icon,{className:"redlining-control-icon",icon:"pen",size:"large"}),/*#__PURE__*/React.createElement(ColorButton,{alpha:false,color:this.props.color,onColorChanged:this.props.colorChanged})),/*#__PURE__*/React.createElement("div",{className:"redlining-control"},/*#__PURE__*/React.createElement("span",null,LocaleUtils.tr("redlining.size"),":\xA0"),/*#__PURE__*/React.createElement(NumberInput,{max:99,min:1,mobile:true,onChange:this.props.baseSizeChanged,value:this.props.baseSize})))}}])}(React.Component);_defineProperty(CreateTool3D,"propTypes",{baseSize:PropTypes.number,baseSizeChanged:PropTypes.func,color:PropTypes.array,colorChanged:PropTypes.func,drawGroupId:PropTypes.string,geomType:PropTypes.string,objectCreated:PropTypes.func,sceneContext:PropTypes.object});export{CreateTool3D as default};
+ */
+
+import React from 'react';
+import { default as GiroShape } from '@giro3d/giro3d/entities/Shape';
+import PropTypes from 'prop-types';
+import { BoxGeometry, Color, ConeGeometry, CylinderGeometry, DoubleSide, ExtrudeGeometry, Mesh, MeshStandardMaterial, Shape, SphereGeometry, Vector3 } from 'three';
+import LocaleUtils from '../../../utils/LocaleUtils';
+import Icon from '../../Icon';
+import ColorButton from '../../widgets/ColorButton';
+import NumberInput from '../../widgets/NumberInput';
+var CreateTool3D = /*#__PURE__*/function (_React$Component) {
+  function CreateTool3D() {
+    var _this;
+    _classCallCheck(this, CreateTool3D);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, CreateTool3D, [].concat(args));
+    _defineProperty(_this, "moveDrawCursor", function (ev) {
+      var rect = ev.target.getBoundingClientRect();
+      var x = (ev.clientX - rect.left) / rect.width * 2 - 1;
+      var y = -((ev.clientY - rect.top) / rect.height) * 2 + 1;
+      var intersection = _this.props.sceneContext.getSceneIntersection(x, y);
+      if (intersection) {
+        var p = intersection.point;
+        _this.drawCursor.setPoints([p]);
+      } else {
+        _this.drawCursor.setPoints([]);
+      }
+      _this.props.sceneContext.scene.notifyChange();
+    });
+    _defineProperty(_this, "drawShapeOnRelease", function (ev) {
+      if (ev.button === 0) {
+        var renderer = _this.props.sceneContext.scene.renderer;
+        renderer.domElement.addEventListener("pointerup", _this.drawShape, {
+          once: true
+        });
+        renderer.domElement.addEventListener("pointermove", function () {
+          renderer.domElement.removeEventListener("pointerup", _this.drawShape);
+        });
+      }
+    });
+    _defineProperty(_this, "drawShape", function () {
+      var drawGroup = _this.props.sceneContext.getSceneObject(_this.props.drawGroupId);
+      if (_this.drawCursor.points.length === 0 || !drawGroup) {
+        return;
+      }
+      var geometry = null;
+      var s = _this.props.baseSize;
+      if (_this.props.geomType === "Cuboid") {
+        geometry = new BoxGeometry(s, s, s);
+      } else if (_this.props.geomType === "Wedge") {
+        var shape = new Shape();
+        shape.moveTo(-0.5 * s, -0.5 * s);
+        shape.lineTo(0.5 * s, -0.5 * s);
+        shape.lineTo(0.5 * s, 0.5 * s);
+        shape.lineTo(-0.5 * s, -0.5 * s);
+        geometry = new ExtrudeGeometry(shape, {
+          depth: s
+        });
+      } else if (_this.props.geomType === "Cylinder") {
+        geometry = new CylinderGeometry(0.5 * s, 0.5 * s, s);
+      } else if (_this.props.geomType === "Pyramid") {
+        geometry = new ConeGeometry(0.5 * s * Math.sqrt(2), s, 4, 1, false, Math.PI / 4);
+        // Ensure flat normals (pointing from faces, not edges)
+        geometry = geometry.toNonIndexed();
+        geometry.computeVertexNormals();
+      } else if (_this.props.geomType === "Sphere") {
+        geometry = new SphereGeometry(0.5 * s);
+      } else if (_this.props.geomType === "Cone") {
+        geometry = new ConeGeometry(0.5 * s, s);
+      }
+      if (geometry) {
+        geometry.rotateX(Math.PI / 2); // Z-up
+        var material = new MeshStandardMaterial({
+          color: _construct(Color, _toConsumableArray(_this.props.color.map(function (c) {
+            return c / 255;
+          })))
+        });
+        material.side = DoubleSide;
+        var mesh = new Mesh(geometry, material);
+        mesh.castShadow = true;
+        mesh.receiveShadow = true;
+        drawGroup.add(mesh);
+        var pos = _this.drawCursor.points[0];
+        mesh.position.copy(new Vector3(Math.round(pos.x), Math.round(pos.y), Math.floor(pos.z + 0.5 * s)));
+        mesh.updateMatrixWorld();
+        _this.props.sceneContext.scene.notifyChange();
+        _this.props.objectCreated(mesh);
+      }
+    });
+    return _this;
+  }
+  _inherits(CreateTool3D, _React$Component);
+  return _createClass(CreateTool3D, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.drawCursor = new GiroShape({
+        showVertices: true
+      });
+      this.props.sceneContext.scene.add(this.drawCursor);
+      var renderer = this.props.sceneContext.scene.renderer;
+      renderer.domElement.addEventListener("pointermove", this.moveDrawCursor);
+      renderer.domElement.addEventListener("pointerdown", this.drawShapeOnRelease);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.props.sceneContext.scene.remove(this.drawCursor);
+      this.drawCursor = null;
+      var renderer = this.props.sceneContext.scene.renderer;
+      renderer.domElement.removeEventListener("pointermove", this.moveDrawCursor);
+      renderer.domElement.removeEventListener("pointerdown", this.drawShapeOnRelease);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "redlining-controlsbar"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "redlining-control"
+      }, /*#__PURE__*/React.createElement(Icon, {
+        className: "redlining-control-icon",
+        icon: "pen",
+        size: "large"
+      }), /*#__PURE__*/React.createElement(ColorButton, {
+        alpha: false,
+        color: this.props.color,
+        onColorChanged: this.props.colorChanged
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "redlining-control"
+      }, /*#__PURE__*/React.createElement("span", null, LocaleUtils.tr("redlining.size"), ":\xA0"), /*#__PURE__*/React.createElement(NumberInput, {
+        max: 99,
+        min: 1,
+        mobile: true,
+        onChange: this.props.baseSizeChanged,
+        value: this.props.baseSize
+      })));
+    }
+  }]);
+}(React.Component);
+_defineProperty(CreateTool3D, "propTypes", {
+  baseSize: PropTypes.number,
+  baseSizeChanged: PropTypes.func,
+  color: PropTypes.array,
+  colorChanged: PropTypes.func,
+  drawGroupId: PropTypes.string,
+  geomType: PropTypes.string,
+  objectCreated: PropTypes.func,
+  sceneContext: PropTypes.object
+});
+export { CreateTool3D as default };