copper3d 1.15.5 → 1.15.7

package/dist/bundle.umd.js

@@ -45217,9 +45217,9 @@
 
 	const objLoader = new OBJLoader();
 
-	const _changeEvent$3 = { type: "change" };
-	const _startEvent$3 = { type: "start" };
-	const _endEvent$3 = { type: "end" };
+	const _changeEvent$2 = { type: "change" };
+	const _startEvent$2 = { type: "start" };
+	const _endEvent$2 = { type: "end" };
 	class Copper3dTrackballControls extends EventDispatcher {
 	    constructor(object, domElement) {
 	        super();
@@ -45252,7 +45252,7 @@
 	        this.maxDistance = Infinity;
 	        this.minZoom = 0;
 	        this.maxZoom = Infinity;
-	        this.keys = ["KeyA", "KeyS", "KeyD"];
+	        this.keys = ["KeyA" /*A*/, "KeyS" /*S*/, "KeyD" /*D*/];
 	        this.mouseButtons = {
 	            LEFT: MOUSE.ROTATE,
 	            MIDDLE: MOUSE.DOLLY,
@@ -45270,11 +45270,10 @@
 	        this.position0 = this.object.position.clone();
 	        this.up0 = this.object.up.clone();
 	        this.zoom0 = this.object.zoom;
-	        // core methods
+	        // methods
 	        this.handleResize = function () {
 	            const box = scope.domElement.getBoundingClientRect();
-	            // adjustments come from similar code in the jquery offser() function
-	            // get root element
+	            // adjustments come from similar code in the jquery offset() function
 	            const d = scope.domElement.ownerDocument.documentElement;
 	            scope.screen.left = box.left + window.pageXOffset - d.clientLeft;
 	            scope.screen.top = box.top + window.pageYOffset - d.clientTop;
@@ -45289,18 +45288,11 @@
 	            };
 	        })();
 	        const getMouseOnCircle = (function () {
-	            /**
-	             * convert screen coordinates to threejs coordinates ratio
-	             */
 	            const vector = new Vector2();
-	            return function getMouseonCircle(pageX, pageY) {
-	                vector.set(
-	                // the width radius of the circle diameter
-	                (pageX - scope.screen.width * 0.5 - scope.screen.left) /
-	                    (scope.screen.width * 0.5), 
-	                // the height radius of the circle diameter
-	                (scope.screen.height + 2 * (scope.screen.top - pageY)) /
-	                    scope.screen.width //screen.width intentional
+	            return function getMouseOnCircle(pageX, pageY) {
+	                vector.set((pageX - scope.screen.width * 0.5 - scope.screen.left) /
+	                    (scope.screen.width * 0.5), (scope.screen.height + 2 * (scope.screen.top - pageY)) /
+	                    scope.screen.width // screen.width intentional
 	                );
 	                return vector;
 	            };
@@ -45309,26 +45301,20 @@
 	            const axis = new Vector3(), quaternion = new Quaternion(), eyeDirection = new Vector3(), objectUpDirection = new Vector3(), objectSidewaysDirection = new Vector3(), moveDirection = new Vector3();
 	            return function rotateCamera() {
 	                moveDirection.set(_moveCurr.x - _movePrev.x, _moveCurr.y - _movePrev.y, 0);
-	                // Computes the Euclidean length (straight-line length) from (0, 0, 0) to (x, y, z).
 	                let angle = moveDirection.length();
 	                if (angle) {
-	                    // .sub Subtracts v from this vector.
 	                    _eye.copy(scope.object.position).sub(scope.target);
-	                    // .normalize() Convert this vector to a unit vector - that is, sets it equal to a vector with the same direction as this one, but length 1.
 	                    eyeDirection.copy(_eye).normalize();
 	                    objectUpDirection.copy(scope.object.up).normalize();
-	                    // .crossVectors Sets this vector to cross product of a and b.
 	                    objectSidewaysDirection
 	                        .crossVectors(objectUpDirection, eyeDirection)
 	                        .normalize();
-	                    // .setLength Set this vector to a vector with the same direction as this one, but length l.
 	                    objectUpDirection.setLength(_moveCurr.y - _movePrev.y);
 	                    objectSidewaysDirection.setLength(_moveCurr.x - _movePrev.x);
 	                    moveDirection.copy(objectUpDirection.add(objectSidewaysDirection));
 	                    axis.crossVectors(moveDirection, _eye).normalize();
 	                    angle *= scope.rotateSpeed;
 	                    quaternion.setFromAxisAngle(axis, angle);
-	                    // Applies a Quaternion transform to this vector.
 	                    _eye.applyQuaternion(quaternion);
 	                    scope.object.up.applyQuaternion(quaternion);
 	                    _lastAxis.copy(axis);
@@ -45383,15 +45369,15 @@
 	            const mouseChange = new Vector2(), objectUp = new Vector3(), pan = new Vector3();
 	            return function panCamera() {
 	                mouseChange.copy(_panEnd).sub(_panStart);
-	                // .lengthSq() Computes the squared length of this vector. If you are comparing the lengths of vectors, you should compare the length squared instead as it is slightly more efficient to calculate.
 	                if (mouseChange.lengthSq()) {
 	                    if (scope.object.isOrthographicCamera) {
-	                        const orth_camera = scope.object;
-	                        const scale_x = (orth_camera.right - orth_camera.left) /
-	                            orth_camera.zoom /
+	                        const scale_x = (scope.object.right -
+	                            scope.object.left) /
+	                            scope.object.zoom /
 	                            scope.domElement.clientWidth;
-	                        const scale_y = (orth_camera.top - orth_camera.bottom) /
-	                            orth_camera.zoom /
+	                        const scale_y = (scope.object.top -
+	                            scope.object.bottom) /
+	                            scope.object.zoom /
 	                            scope.domElement.clientWidth;
 	                        mouseChange.x *= scale_x;
 	                        mouseChange.y *= scale_y;
@@ -45440,7 +45426,7 @@
 	                scope.checkDistances();
 	                scope.object.lookAt(scope.target);
 	                if (lastPosition.distanceToSquared(scope.object.position) > EPS) {
-	                    scope.dispatchEvent(_changeEvent$3);
+	                    scope.dispatchEvent(_changeEvent$2);
 	                    lastPosition.copy(scope.object.position);
 	                }
 	            }
@@ -45448,7 +45434,7 @@
 	                scope.object.lookAt(scope.target);
 	                if (lastPosition.distanceToSquared(scope.object.position) > EPS ||
 	                    lastZoom !== scope.object.zoom) {
-	                    scope.dispatchEvent(_changeEvent$3);
+	                    scope.dispatchEvent(_changeEvent$2);
 	                    lastPosition.copy(scope.object.position);
 	                    lastZoom = scope.object.zoom;
 	                }
@@ -45467,7 +45453,7 @@
 	            scope.object.updateProjectionMatrix();
 	            _eye.subVectors(scope.object.position, scope.target);
 	            scope.object.lookAt(scope.target);
-	            scope.dispatchEvent(_changeEvent$3);
+	            scope.dispatchEvent(_changeEvent$2);
 	            lastPosition.copy(scope.object.position);
 	            lastZoom = scope.object.zoom;
 	        };
@@ -45477,9 +45463,10 @@
 	                return;
 	            if (_pointers.length === 0) {
 	                scope.domElement.setPointerCapture(event.pointerId);
-	                scope.domElement.addEventListener("pointermove", onPointerMove, false);
-	                scope.domElement.addEventListener("pointerup", onPointerUp, false);
+	                scope.domElement.addEventListener("pointermove", onPointerMove);
+	                scope.domElement.addEventListener("pointerup", onPointerUp);
 	            }
+	            //
 	            addPointer(event);
 	            if (event.pointerType === "touch") {
 	                onTouchStart(event);
@@ -45507,11 +45494,12 @@
 	            else {
 	                onMouseUp();
 	            }
+	            //
 	            removePointer(event);
 	            if (_pointers.length === 0) {
 	                scope.domElement.releasePointerCapture(event.pointerId);
-	                scope.domElement.removeEventListener("pointermove", onPointerMove, false);
-	                scope.domElement.removeEventListener("pointerup", onPointerUp, false);
+	                scope.domElement.removeEventListener("pointermove", onPointerMove);
+	                scope.domElement.removeEventListener("pointerup", onPointerUp);
 	            }
 	        }
 	        function onPointerCancel(event) {
@@ -45534,11 +45522,11 @@
 	                _keyState = STATE.PAN;
 	            }
 	        }
-	        function keyup(event) {
+	        function keyup() {
 	            if (scope.enabled === false)
 	                return;
 	            _keyState = STATE.NONE;
-	            window.addEventListener("keydown", keydown, false);
+	            window.addEventListener("keydown", keydown);
 	        }
 	        function onMouseDown(event) {
 	            if (_state === STATE.NONE) {
@@ -45567,7 +45555,7 @@
 	                _panStart.copy(getMouseOnScreen(event.pageX, event.pageY));
 	                _panEnd.copy(_panStart);
 	            }
-	            scope.dispatchEvent(_startEvent$3);
+	            scope.dispatchEvent(_startEvent$2);
 	        }
 	        function onMouseMove(event) {
 	            const state = _keyState !== STATE.NONE ? _keyState : _state;
@@ -45582,9 +45570,9 @@
 	                _panEnd.copy(getMouseOnScreen(event.pageX, event.pageY));
 	            }
 	        }
-	        function onMouseUp(event) {
+	        function onMouseUp() {
 	            _state = STATE.NONE;
-	            scope.dispatchEvent(_endEvent$3);
+	            scope.dispatchEvent(_endEvent$2);
 	        }
 	        function onMouseWheel(event) {
 	            if (scope.enabled === false)
@@ -45606,8 +45594,8 @@
 	                    _zoomStart.y -= event.deltaY * 0.00025;
 	                    break;
 	            }
-	            scope.dispatchEvent(_startEvent$3);
-	            scope.dispatchEvent(_endEvent$3);
+	            scope.dispatchEvent(_startEvent$2);
+	            scope.dispatchEvent(_endEvent$2);
 	        }
 	        function onTouchStart(event) {
 	            trackPointer(event);
@@ -45617,7 +45605,7 @@
 	                    _moveCurr.copy(getMouseOnCircle(_pointers[0].pageX, _pointers[0].pageY));
 	                    _movePrev.copy(_moveCurr);
 	                    break;
-	                default: // 2 or more
+	                case 2:
 	                    _state = STATE.TOUCH_ZOOM_PAN;
 	                    const dx = _pointers[0].pageX - _pointers[1].pageX;
 	                    const dy = _pointers[0].pageY - _pointers[1].pageY;
@@ -45627,25 +45615,47 @@
 	                    _panStart.copy(getMouseOnScreen(x, y));
 	                    _panEnd.copy(_panStart);
 	                    break;
+	                case 3:
+	                    _state = STATE.TOUCH_PAN;
+	                    const centerX = (_pointers[0].pageX + _pointers[1].pageX + _pointers[2].pageX) / 3;
+	                    const centerY = (_pointers[0].pageY + _pointers[1].pageY + _pointers[2].pageY) / 3;
+	                    _panStart.copy(getMouseOnScreen(centerX, centerY));
+	                    _panEnd.copy(_panStart);
+	                    break;
 	            }
-	            scope.dispatchEvent(_startEvent$3);
+	            scope.dispatchEvent(_startEvent$2);
 	        }
 	        function onTouchMove(event) {
 	            trackPointer(event);
+	            let position, x, y;
 	            switch (_pointers.length) {
 	                case 1:
+	                    if (_state != STATE.TOUCH_ROTATE)
+	                        return;
 	                    _movePrev.copy(_moveCurr);
 	                    _moveCurr.copy(getMouseOnCircle(event.pageX, event.pageY));
 	                    break;
-	                default: // 2 or more
-	                    const position = getSecondPointerPosition(event);
+	                case 2:
+	                    if (_state != STATE.TOUCH_ZOOM_PAN)
+	                        return;
+	                    position = getSecondPointerPosition(event);
 	                    const dx = event.pageX - position.x;
 	                    const dy = event.pageY - position.y;
 	                    _touchZoomDistanceEnd = Math.sqrt(dx * dx + dy * dy);
-	                    const x = (event.pageX + position.x) / 2;
-	                    const y = (event.pageY + position.y) / 2;
+	                    x = (event.pageX + position.x) / 2;
+	                    y = (event.pageY + position.y) / 2;
 	                    _panEnd.copy(getMouseOnScreen(x, y));
 	                    break;
+	                case 3:
+	                    if (_state != STATE.TOUCH_PAN)
+	                        return;
+	                    const point_1 = _pointerPositions[_pointers[0].pointerId];
+	                    const point_2 = _pointerPositions[_pointers[1].pointerId];
+	                    const point_3 = _pointerPositions[_pointers[2].pointerId];
+	                    const centerX = (point_1.x + point_2.x + point_3.x) / 3;
+	                    const centerY = (point_1.y + point_2.y + point_3.y) / 3;
+	                    _panEnd.copy(getMouseOnScreen(centerX, centerY));
+	                    break;
 	            }
 	        }
 	        function onTouchEnd(event) {
@@ -45663,114 +45673,26 @@
 	                    for (let i = 0; i < _pointers.length; i++) {
 	                        if (_pointers[i].pointerId !== event.pointerId) {
 	                            const position = _pointerPositions[_pointers[i].pointerId];
-	                            _moveCurr.copy(getMouseOnCircle(position.x, position.y));
+	                            _moveCurr.copy(getMouseOnScreen(position.x, position.y));
+	                            _movePrev.copy(_moveCurr);
+	                            break;
+	                        }
+	                    }
+	                    break;
+	                case 3:
+	                    _state = STATE.TOUCH_PAN;
+	                    for (let i = 0; i < _pointers.length; i++) {
+	                        if (_pointers[i].pointerId !== event.pointerId) {
+	                            const position = _pointerPositions[_pointers[i].pointerId];
+	                            _moveCurr.copy(getMouseOnScreen(position.x, position.y));
 	                            _movePrev.copy(_moveCurr);
 	                            break;
 	                        }
 	                    }
 	                    break;
 	            }
-	            scope.dispatchEvent(_endEvent$3);
+	            scope.dispatchEvent(_endEvent$2);
 	        }
-	        // function onTouchStart(event: PointerEvent) {
-	        //   trackPointer(event);
-	        //   switch (_pointers.length) {
-	        //     case 1:
-	        //       _state = STATE.TOUCH_ROTATE;
-	        //       _moveCurr.copy(
-	        //         getMouseOnCircle(_pointers[0].pageX, _pointers[0].pageY)
-	        //       );
-	        //       _movePrev.copy(_moveCurr);
-	        //       break;
-	        //     case 2:
-	        //       _state = STATE.TOUCH_ZOOM_PAN;
-	        //       const dx: number = _pointers[0].pageX - _pointers[1].pageX;
-	        //       const dy: number = _pointers[0].pageY - _pointers[1].pageY;
-	        //       _touchZoomDistanceEnd = _touchZoomDistanceStart = Math.sqrt(
-	        //         dx * dx + dy * dy
-	        //       );
-	        //       const x = (_pointers[0].pageX + _pointers[1].pageX) / 2;
-	        //       const y = (_pointers[0].pageY + _pointers[1].pageY) / 2;
-	        //       _panStart.copy(getMouseOnScreen(x, y));
-	        //       _panEnd.copy(_panStart);
-	        //       break;
-	        //     case 3:
-	        //       _state = STATE.TOUCH_PAN;
-	        //       const centerX =
-	        //         (_pointers[0].pageX + _pointers[1].pageX + _pointers[2].pageX) / 3;
-	        //       const centerY =
-	        //         (_pointers[0].pageY + _pointers[1].pageY + _pointers[2].pageY) / 3;
-	        //       _panStart.copy(getMouseOnScreen(centerX, centerY));
-	        //       _panEnd.copy(_panStart);
-	        //       break;
-	        //   }
-	        //   scope.dispatchEvent(_startEvent);
-	        // }
-	        // function onTouchMove(event: PointerEvent) {
-	        //   trackPointer(event);
-	        //   let position: Vector2, x: number, y: number;
-	        //   switch (_pointers.length) {
-	        //     case 1:
-	        //       if (_state != STATE.TOUCH_ROTATE) return;
-	        //       _movePrev.copy(_moveCurr);
-	        //       _moveCurr.copy(getMouseOnCircle(event.pageX, event.pageY));
-	        //       break;
-	        //     case 2:
-	        //       if (_state != STATE.TOUCH_ZOOM_PAN) return;
-	        //       position = getSecondPointerPosition(event);
-	        //       const dx: number = event.pageX - position.x;
-	        //       const dy: number = event.pageY - position.y;
-	        //       _touchZoomDistanceEnd = Math.sqrt(dx * dx + dy * dy);
-	        //       x = (event.pageX + position.x) / 2;
-	        //       y = (event.pageY + position.y) / 2;
-	        //       _panEnd.copy(getMouseOnScreen(x, y));
-	        //       break;
-	        //     case 3:
-	        //       if (_state != STATE.TOUCH_PAN) return;
-	        //       const point_1 = _pointerPositions[_pointers[0].pointerId];
-	        //       const point_2 = _pointerPositions[_pointers[1].pointerId];
-	        //       const point_3 = _pointerPositions[_pointers[2].pointerId];
-	        //       const centerX = (point_1.x + point_2.x + point_3.x) / 3;
-	        //       const centerY = (point_1.y + point_2.y + point_3.y) / 3;
-	        //       _panEnd.copy(getMouseOnScreen(centerX, centerY));
-	        //       break;
-	        //   }
-	        // }
-	        // function onTouchEnd(event: PointerEvent) {
-	        //   switch (_pointers.length) {
-	        //     case 0:
-	        //       _state = STATE.NONE;
-	        //       break;
-	        //     case 1:
-	        //       _state = STATE.TOUCH_ROTATE;
-	        //       _moveCurr.copy(getMouseOnCircle(event.pageX, event.pageY));
-	        //       _movePrev.copy(_moveCurr);
-	        //       break;
-	        //     case 2:
-	        //       _state = STATE.TOUCH_ZOOM_PAN;
-	        //       for (let i = 0; i < _pointers.length; i++) {
-	        //         if (_pointers[i].pointerId !== event.pointerId) {
-	        //           const position = _pointerPositions[_pointers[i].pointerId];
-	        //           _moveCurr.copy(getMouseOnScreen(position.x, position.y));
-	        //           _movePrev.copy(_moveCurr);
-	        //           break;
-	        //         }
-	        //       }
-	        //       break;
-	        //     case 3:
-	        //       _state = STATE.TOUCH_PAN;
-	        //       for (let i = 0; i < _pointers.length; i++) {
-	        //         if (_pointers[i].pointerId !== event.pointerId) {
-	        //           const position = _pointerPositions[_pointers[i].pointerId];
-	        //           _moveCurr.copy(getMouseOnScreen(position.x, position.y));
-	        //           _movePrev.copy(_moveCurr);
-	        //           break;
-	        //         }
-	        //       }
-	        //       break;
-	        //   }
-	        //   scope.dispatchEvent(_endEvent);
-	        // }
 	        function contextmenu(event) {
 	            if (scope.enabled === false)
 	                return;
@@ -45782,7 +45704,7 @@
 	        function removePointer(event) {
 	            delete _pointerPositions[event.pointerId];
 	            for (let i = 0; i < _pointers.length; i++) {
-	                if (_pointers[i].pointerId === event.pointerId) {
+	                if (_pointers[i].pointerId == event.pointerId) {
 	                    _pointers.splice(i, 1);
 	                    return;
 	                }
@@ -45794,7 +45716,7 @@
 	                position = new Vector2();
 	                _pointerPositions[event.pointerId] = position;
 	            }
-	            position.set(event.clientX, event.clientY);
+	            position.set(event.pageX, event.pageY);
 	        }
 	        function getSecondPointerPosition(event) {
 	            const pointer = event.pointerId === _pointers[0].pointerId
@@ -45803,21 +45725,21 @@
 	            return _pointerPositions[pointer.pointerId];
 	        }
 	        this.dispose = function () {
-	            scope.domElement.removeEventListener("contextmenu", contextmenu, false);
-	            scope.domElement.removeEventListener("pointerdown", onPointerDown, false);
-	            scope.domElement.removeEventListener("pointercancel", onPointerCancel, false);
-	            scope.domElement.removeEventListener("wheel", onMouseWheel, false);
-	            scope.domElement.removeEventListener("pointermove", onPointerMove, false);
-	            scope.domElement.removeEventListener("pointerup", onPointerUp, false);
-	            window.removeEventListener("keydown", keydown, false);
-	            window.removeEventListener("keyup", keyup, false);
+	            scope.domElement.removeEventListener("contextmenu", contextmenu);
+	            scope.domElement.removeEventListener("pointerdown", onPointerDown);
+	            scope.domElement.removeEventListener("pointercancel", onPointerCancel);
+	            scope.domElement.removeEventListener("wheel", onMouseWheel);
+	            scope.domElement.removeEventListener("pointermove", onPointerMove);
+	            scope.domElement.removeEventListener("pointerup", onPointerUp);
+	            window.removeEventListener("keydown", keydown);
+	            window.removeEventListener("keyup", keyup);
 	        };
-	        this.domElement.addEventListener("contextmenu", contextmenu, false);
-	        this.domElement.addEventListener("pointerdown", onPointerDown, false);
-	        this.domElement.addEventListener("pointercancel", onPointerCancel, false);
+	        this.domElement.addEventListener("contextmenu", contextmenu);
+	        this.domElement.addEventListener("pointerdown", onPointerDown);
+	        this.domElement.addEventListener("pointercancel", onPointerCancel);
 	        this.domElement.addEventListener("wheel", onMouseWheel, { passive: false });
-	        window.addEventListener("keydown", keydown, false);
-	        window.addEventListener("keyup", keyup, false);
+	        window.addEventListener("keydown", keydown);
+	        window.addEventListener("keyup", keyup);
 	        this.handleResize();
 	        // force an update at start
 	        this.update();
@@ -45831,9 +45753,9 @@
 	//    Zoom - middle mouse, or mousewheel / touch: two-finger spread or squish
 	//    Pan - right mouse, or left mouse + ctrl/meta/shiftKey, or arrow keys / touch: two-finger move
 
-	const _changeEvent$2 = { type: 'change' };
-	const _startEvent$2 = { type: 'start' };
-	const _endEvent$2 = { type: 'end' };
+	const _changeEvent$1 = { type: 'change' };
+	const _startEvent$1 = { type: 'start' };
+	const _endEvent$1 = { type: 'end' };
 
 	class OrbitControls extends EventDispatcher {
 
@@ -45962,7 +45884,7 @@
 				scope.object.zoom = scope.zoom0;
 
 				scope.object.updateProjectionMatrix();
-				scope.dispatchEvent( _changeEvent$2 );
+				scope.dispatchEvent( _changeEvent$1 );
 
 				scope.update();
 
@@ -46096,7 +46018,7 @@
 						lastPosition.distanceToSquared( scope.object.position ) > EPS ||
 						8 * ( 1 - lastQuaternion.dot( scope.object.quaternion ) ) > EPS ) {
 
-						scope.dispatchEvent( _changeEvent$2 );
+						scope.dispatchEvent( _changeEvent$1 );
 
 						lastPosition.copy( scope.object.position );
 						lastQuaternion.copy( scope.object.quaternion );
@@ -46710,7 +46632,7 @@
 
 				}
 
-				scope.dispatchEvent( _endEvent$2 );
+				scope.dispatchEvent( _endEvent$1 );
 
 				state = STATE.NONE;
 
@@ -46807,7 +46729,7 @@
 
 				if ( state !== STATE.NONE ) {
 
-					scope.dispatchEvent( _startEvent$2 );
+					scope.dispatchEvent( _startEvent$1 );
 
 				}
 
@@ -46851,11 +46773,11 @@
 
 				event.preventDefault();
 
-				scope.dispatchEvent( _startEvent$2 );
+				scope.dispatchEvent( _startEvent$1 );
 
 				handleMouseWheel( event );
 
-				scope.dispatchEvent( _endEvent$2 );
+				scope.dispatchEvent( _endEvent$1 );
 
 			}
 
@@ -46945,7 +46867,7 @@
 
 				if ( state !== STATE.NONE ) {
 
-					scope.dispatchEvent( _startEvent$2 );
+					scope.dispatchEvent( _startEvent$1 );
 
 				}
 
@@ -48364,543 +48286,6 @@
 	    }
 	}
 
-	const _changeEvent$1 = { type: "change" };
-	const _startEvent$1 = { type: "start" };
-	const _endEvent$1 = { type: "end" };
-	class Copper3dTrackballControls1 extends EventDispatcher {
-	    constructor(object, domElement) {
-	        super();
-	        const scope = this;
-	        const STATE = {
-	            NONE: -1,
-	            ROTATE: 0,
-	            ZOOM: 1,
-	            PAN: 2,
-	            TOUCH_ROTATE: 3,
-	            TOUCH_ZOOM: 4,
-	            TOUCH_PAN: 5,
-	            TOUCH_ZOOM_PAN: 6,
-	        };
-	        this.object = object;
-	        this.domElement = domElement;
-	        this.domElement.style.touchAction = "none"; // disable touch scroll
-	        // API
-	        this.enabled = true;
-	        this.screen = { left: 0, top: 0, width: 0, height: 0 };
-	        this.rotateSpeed = 1.0;
-	        this.zoomSpeed = 1.2;
-	        this.panSpeed = 0.3;
-	        this.noRotate = false;
-	        this.noZoom = false;
-	        this.noPan = false;
-	        this.staticMoving = false;
-	        this.dynamicDampingFactor = 0.2;
-	        this.minDistance = 0;
-	        this.maxDistance = Infinity;
-	        this.minZoom = 0;
-	        this.maxZoom = Infinity;
-	        this.keys = ["KeyA" /*A*/, "KeyS" /*S*/, "KeyD" /*D*/];
-	        this.mouseButtons = {
-	            LEFT: MOUSE.ROTATE,
-	            MIDDLE: MOUSE.DOLLY,
-	            RIGHT: MOUSE.PAN,
-	        };
-	        // internals
-	        this.target = new Vector3();
-	        const EPS = 0.000001;
-	        const lastPosition = new Vector3();
-	        let lastZoom = 1;
-	        let _state = STATE.NONE, _keyState = STATE.NONE, _touchZoomDistanceStart = 0, _touchZoomDistanceEnd = 0, _lastAngle = 0;
-	        const _eye = new Vector3(), _movePrev = new Vector2(), _moveCurr = new Vector2(), _lastAxis = new Vector3(), _zoomStart = new Vector2(), _zoomEnd = new Vector2(), _panStart = new Vector2(), _panEnd = new Vector2(), _pointers = [], _pointerPositions = {};
-	        // for reset
-	        this.target0 = this.target.clone();
-	        this.position0 = this.object.position.clone();
-	        this.up0 = this.object.up.clone();
-	        this.zoom0 = this.object.zoom;
-	        // methods
-	        this.handleResize = function () {
-	            const box = scope.domElement.getBoundingClientRect();
-	            // adjustments come from similar code in the jquery offset() function
-	            const d = scope.domElement.ownerDocument.documentElement;
-	            scope.screen.left = box.left + window.pageXOffset - d.clientLeft;
-	            scope.screen.top = box.top + window.pageYOffset - d.clientTop;
-	            scope.screen.width = box.width;
-	            scope.screen.height = box.height;
-	        };
-	        const getMouseOnScreen = (function () {
-	            const vector = new Vector2();
-	            return function getMouseOnScreen(pageX, pageY) {
-	                vector.set((pageX - scope.screen.left) / scope.screen.width, (pageY - scope.screen.top) / scope.screen.height);
-	                return vector;
-	            };
-	        })();
-	        const getMouseOnCircle = (function () {
-	            const vector = new Vector2();
-	            return function getMouseOnCircle(pageX, pageY) {
-	                vector.set((pageX - scope.screen.width * 0.5 - scope.screen.left) /
-	                    (scope.screen.width * 0.5), (scope.screen.height + 2 * (scope.screen.top - pageY)) /
-	                    scope.screen.width // screen.width intentional
-	                );
-	                return vector;
-	            };
-	        })();
-	        this.rotateCamera = (function () {
-	            const axis = new Vector3(), quaternion = new Quaternion(), eyeDirection = new Vector3(), objectUpDirection = new Vector3(), objectSidewaysDirection = new Vector3(), moveDirection = new Vector3();
-	            return function rotateCamera() {
-	                moveDirection.set(_moveCurr.x - _movePrev.x, _moveCurr.y - _movePrev.y, 0);
-	                let angle = moveDirection.length();
-	                if (angle) {
-	                    _eye.copy(scope.object.position).sub(scope.target);
-	                    eyeDirection.copy(_eye).normalize();
-	                    objectUpDirection.copy(scope.object.up).normalize();
-	                    objectSidewaysDirection
-	                        .crossVectors(objectUpDirection, eyeDirection)
-	                        .normalize();
-	                    objectUpDirection.setLength(_moveCurr.y - _movePrev.y);
-	                    objectSidewaysDirection.setLength(_moveCurr.x - _movePrev.x);
-	                    moveDirection.copy(objectUpDirection.add(objectSidewaysDirection));
-	                    axis.crossVectors(moveDirection, _eye).normalize();
-	                    angle *= scope.rotateSpeed;
-	                    quaternion.setFromAxisAngle(axis, angle);
-	                    _eye.applyQuaternion(quaternion);
-	                    scope.object.up.applyQuaternion(quaternion);
-	                    _lastAxis.copy(axis);
-	                    _lastAngle = angle;
-	                }
-	                else if (!scope.staticMoving && _lastAngle) {
-	                    _lastAngle *= Math.sqrt(1.0 - scope.dynamicDampingFactor);
-	                    _eye.copy(scope.object.position).sub(scope.target);
-	                    quaternion.setFromAxisAngle(_lastAxis, _lastAngle);
-	                    _eye.applyQuaternion(quaternion);
-	                    scope.object.up.applyQuaternion(quaternion);
-	                }
-	                _movePrev.copy(_moveCurr);
-	            };
-	        })();
-	        this.zoomCamera = function () {
-	            let factor;
-	            if (_state === STATE.TOUCH_ZOOM_PAN) {
-	                factor = _touchZoomDistanceStart / _touchZoomDistanceEnd;
-	                _touchZoomDistanceStart = _touchZoomDistanceEnd;
-	                if (scope.object.isPerspectiveCamera) {
-	                    _eye.multiplyScalar(factor);
-	                }
-	                else if (scope.object.isOrthographicCamera) {
-	                    scope.object.zoom = MathUtils.clamp(scope.object.zoom / factor, scope.minZoom, scope.maxZoom);
-	                    if (lastZoom !== scope.object.zoom) {
-	                        scope.object.updateProjectionMatrix();
-	                    }
-	                }
-	                else {
-	                    console.warn("THREE.TrackballControls: Unsupported camera type");
-	                }
-	            }
-	            else {
-	                factor = 1.0 + (_zoomEnd.y - _zoomStart.y) * scope.zoomSpeed;
-	                if (factor !== 1.0 && factor > 0.0) {
-	                    if (scope.object.isPerspectiveCamera) {
-	                        _eye.multiplyScalar(factor);
-	                    }
-	                    else if (scope.object.isOrthographicCamera) {
-	                        scope.object.zoom = MathUtils.clamp(scope.object.zoom / factor, scope.minZoom, scope.maxZoom);
-	                        if (lastZoom !== scope.object.zoom) {
-	                            scope.object.updateProjectionMatrix();
-	                        }
-	                    }
-	                    else {
-	                        console.warn("THREE.TrackballControls: Unsupported camera type");
-	                    }
-	                }
-	                if (scope.staticMoving) {
-	                    _zoomStart.copy(_zoomEnd);
-	                }
-	                else {
-	                    _zoomStart.y +=
-	                        (_zoomEnd.y - _zoomStart.y) * this.dynamicDampingFactor;
-	                }
-	            }
-	        };
-	        this.panCamera = (function () {
-	            const mouseChange = new Vector2(), objectUp = new Vector3(), pan = new Vector3();
-	            return function panCamera() {
-	                mouseChange.copy(_panEnd).sub(_panStart);
-	                if (mouseChange.lengthSq()) {
-	                    if (scope.object.isOrthographicCamera) {
-	                        const scale_x = (scope.object.right -
-	                            scope.object.left) /
-	                            scope.object.zoom /
-	                            scope.domElement.clientWidth;
-	                        const scale_y = (scope.object.top -
-	                            scope.object.bottom) /
-	                            scope.object.zoom /
-	                            scope.domElement.clientWidth;
-	                        mouseChange.x *= scale_x;
-	                        mouseChange.y *= scale_y;
-	                    }
-	                    mouseChange.multiplyScalar(_eye.length() * scope.panSpeed);
-	                    pan.copy(_eye).cross(scope.object.up).setLength(mouseChange.x);
-	                    pan.add(objectUp.copy(scope.object.up).setLength(mouseChange.y));
-	                    scope.object.position.add(pan);
-	                    scope.target.add(pan);
-	                    if (scope.staticMoving) {
-	                        _panStart.copy(_panEnd);
-	                    }
-	                    else {
-	                        _panStart.add(mouseChange
-	                            .subVectors(_panEnd, _panStart)
-	                            .multiplyScalar(scope.dynamicDampingFactor));
-	                    }
-	                }
-	            };
-	        })();
-	        this.checkDistances = function () {
-	            if (!scope.noZoom || !scope.noPan) {
-	                if (_eye.lengthSq() > scope.maxDistance * scope.maxDistance) {
-	                    scope.object.position.addVectors(scope.target, _eye.setLength(scope.maxDistance));
-	                    _zoomStart.copy(_zoomEnd);
-	                }
-	                if (_eye.lengthSq() < scope.minDistance * scope.minDistance) {
-	                    scope.object.position.addVectors(scope.target, _eye.setLength(scope.minDistance));
-	                    _zoomStart.copy(_zoomEnd);
-	                }
-	            }
-	        };
-	        this.update = function () {
-	            _eye.subVectors(scope.object.position, scope.target);
-	            if (!scope.noRotate) {
-	                scope.rotateCamera();
-	            }
-	            if (!scope.noZoom) {
-	                scope.zoomCamera();
-	            }
-	            if (!scope.noPan) {
-	                scope.panCamera();
-	            }
-	            scope.object.position.addVectors(scope.target, _eye);
-	            if (scope.object.isPerspectiveCamera) {
-	                scope.checkDistances();
-	                scope.object.lookAt(scope.target);
-	                if (lastPosition.distanceToSquared(scope.object.position) > EPS) {
-	                    scope.dispatchEvent(_changeEvent$1);
-	                    lastPosition.copy(scope.object.position);
-	                }
-	            }
-	            else if (scope.object.isOrthographicCamera) {
-	                scope.object.lookAt(scope.target);
-	                if (lastPosition.distanceToSquared(scope.object.position) > EPS ||
-	                    lastZoom !== scope.object.zoom) {
-	                    scope.dispatchEvent(_changeEvent$1);
-	                    lastPosition.copy(scope.object.position);
-	                    lastZoom = scope.object.zoom;
-	                }
-	            }
-	            else {
-	                console.warn("THREE.TrackballControls: Unsupported camera type");
-	            }
-	        };
-	        this.reset = function () {
-	            _state = STATE.NONE;
-	            _keyState = STATE.NONE;
-	            scope.target.copy(scope.target0);
-	            scope.object.position.copy(scope.position0);
-	            scope.object.up.copy(scope.up0);
-	            scope.object.zoom = scope.zoom0;
-	            scope.object.updateProjectionMatrix();
-	            _eye.subVectors(scope.object.position, scope.target);
-	            scope.object.lookAt(scope.target);
-	            scope.dispatchEvent(_changeEvent$1);
-	            lastPosition.copy(scope.object.position);
-	            lastZoom = scope.object.zoom;
-	        };
-	        // listeners
-	        function onPointerDown(event) {
-	            if (scope.enabled === false)
-	                return;
-	            if (_pointers.length === 0) {
-	                scope.domElement.setPointerCapture(event.pointerId);
-	                scope.domElement.addEventListener("pointermove", onPointerMove);
-	                scope.domElement.addEventListener("pointerup", onPointerUp);
-	            }
-	            //
-	            addPointer(event);
-	            if (event.pointerType === "touch") {
-	                onTouchStart(event);
-	            }
-	            else {
-	                onMouseDown(event);
-	            }
-	        }
-	        function onPointerMove(event) {
-	            if (scope.enabled === false)
-	                return;
-	            if (event.pointerType === "touch") {
-	                onTouchMove(event);
-	            }
-	            else {
-	                onMouseMove(event);
-	            }
-	        }
-	        function onPointerUp(event) {
-	            if (scope.enabled === false)
-	                return;
-	            if (event.pointerType === "touch") {
-	                onTouchEnd(event);
-	            }
-	            else {
-	                onMouseUp();
-	            }
-	            //
-	            removePointer(event);
-	            if (_pointers.length === 0) {
-	                scope.domElement.releasePointerCapture(event.pointerId);
-	                scope.domElement.removeEventListener("pointermove", onPointerMove);
-	                scope.domElement.removeEventListener("pointerup", onPointerUp);
-	            }
-	        }
-	        function onPointerCancel(event) {
-	            removePointer(event);
-	        }
-	        function keydown(event) {
-	            if (scope.enabled === false)
-	                return;
-	            window.removeEventListener("keydown", keydown);
-	            if (_keyState !== STATE.NONE) {
-	                return;
-	            }
-	            else if (event.code === scope.keys[STATE.ROTATE] && !scope.noRotate) {
-	                _keyState = STATE.ROTATE;
-	            }
-	            else if (event.code === scope.keys[STATE.ZOOM] && !scope.noZoom) {
-	                _keyState = STATE.ZOOM;
-	            }
-	            else if (event.code === scope.keys[STATE.PAN] && !scope.noPan) {
-	                _keyState = STATE.PAN;
-	            }
-	        }
-	        function keyup() {
-	            if (scope.enabled === false)
-	                return;
-	            _keyState = STATE.NONE;
-	            window.addEventListener("keydown", keydown);
-	        }
-	        function onMouseDown(event) {
-	            if (_state === STATE.NONE) {
-	                switch (event.button) {
-	                    case scope.mouseButtons.LEFT:
-	                        _state = STATE.ROTATE;
-	                        break;
-	                    case scope.mouseButtons.MIDDLE:
-	                        _state = STATE.ZOOM;
-	                        break;
-	                    case scope.mouseButtons.RIGHT:
-	                        _state = STATE.PAN;
-	                        break;
-	                }
-	            }
-	            const state = _keyState !== STATE.NONE ? _keyState : _state;
-	            if (state === STATE.ROTATE && !scope.noRotate) {
-	                _moveCurr.copy(getMouseOnCircle(event.pageX, event.pageY));
-	                _movePrev.copy(_moveCurr);
-	            }
-	            else if (state === STATE.ZOOM && !scope.noZoom) {
-	                _zoomStart.copy(getMouseOnScreen(event.pageX, event.pageY));
-	                _zoomEnd.copy(_zoomStart);
-	            }
-	            else if (state === STATE.PAN && !scope.noPan) {
-	                _panStart.copy(getMouseOnScreen(event.pageX, event.pageY));
-	                _panEnd.copy(_panStart);
-	            }
-	            scope.dispatchEvent(_startEvent$1);
-	        }
-	        function onMouseMove(event) {
-	            const state = _keyState !== STATE.NONE ? _keyState : _state;
-	            if (state === STATE.ROTATE && !scope.noRotate) {
-	                _movePrev.copy(_moveCurr);
-	                _moveCurr.copy(getMouseOnCircle(event.pageX, event.pageY));
-	            }
-	            else if (state === STATE.ZOOM && !scope.noZoom) {
-	                _zoomEnd.copy(getMouseOnScreen(event.pageX, event.pageY));
-	            }
-	            else if (state === STATE.PAN && !scope.noPan) {
-	                _panEnd.copy(getMouseOnScreen(event.pageX, event.pageY));
-	            }
-	        }
-	        function onMouseUp() {
-	            _state = STATE.NONE;
-	            scope.dispatchEvent(_endEvent$1);
-	        }
-	        function onMouseWheel(event) {
-	            if (scope.enabled === false)
-	                return;
-	            if (scope.noZoom === true)
-	                return;
-	            event.preventDefault();
-	            switch (event.deltaMode) {
-	                case 2:
-	                    // Zoom in pages
-	                    _zoomStart.y -= event.deltaY * 0.025;
-	                    break;
-	                case 1:
-	                    // Zoom in lines
-	                    _zoomStart.y -= event.deltaY * 0.01;
-	                    break;
-	                default:
-	                    // undefined, 0, assume pixels
-	                    _zoomStart.y -= event.deltaY * 0.00025;
-	                    break;
-	            }
-	            scope.dispatchEvent(_startEvent$1);
-	            scope.dispatchEvent(_endEvent$1);
-	        }
-	        function onTouchStart(event) {
-	            trackPointer(event);
-	            switch (_pointers.length) {
-	                case 1:
-	                    _state = STATE.TOUCH_ROTATE;
-	                    _moveCurr.copy(getMouseOnCircle(_pointers[0].pageX, _pointers[0].pageY));
-	                    _movePrev.copy(_moveCurr);
-	                    break;
-	                case 2:
-	                    _state = STATE.TOUCH_ZOOM_PAN;
-	                    const dx = _pointers[0].pageX - _pointers[1].pageX;
-	                    const dy = _pointers[0].pageY - _pointers[1].pageY;
-	                    _touchZoomDistanceEnd = _touchZoomDistanceStart = Math.sqrt(dx * dx + dy * dy);
-	                    const x = (_pointers[0].pageX + _pointers[1].pageX) / 2;
-	                    const y = (_pointers[0].pageY + _pointers[1].pageY) / 2;
-	                    _panStart.copy(getMouseOnScreen(x, y));
-	                    _panEnd.copy(_panStart);
-	                    break;
-	                case 3:
-	                    _state = STATE.TOUCH_PAN;
-	                    const centerX = (_pointers[0].pageX + _pointers[1].pageX + _pointers[2].pageX) / 3;
-	                    const centerY = (_pointers[0].pageY + _pointers[1].pageY + _pointers[2].pageY) / 3;
-	                    _panStart.copy(getMouseOnScreen(centerX, centerY));
-	                    _panEnd.copy(_panStart);
-	                    break;
-	            }
-	            scope.dispatchEvent(_startEvent$1);
-	        }
-	        function onTouchMove(event) {
-	            trackPointer(event);
-	            let position, x, y;
-	            switch (_pointers.length) {
-	                case 1:
-	                    if (_state != STATE.TOUCH_ROTATE)
-	                        return;
-	                    _movePrev.copy(_moveCurr);
-	                    _moveCurr.copy(getMouseOnCircle(event.pageX, event.pageY));
-	                    break;
-	                case 2:
-	                    if (_state != STATE.TOUCH_ZOOM_PAN)
-	                        return;
-	                    position = getSecondPointerPosition(event);
-	                    const dx = event.pageX - position.x;
-	                    const dy = event.pageY - position.y;
-	                    _touchZoomDistanceEnd = Math.sqrt(dx * dx + dy * dy);
-	                    x = (event.pageX + position.x) / 2;
-	                    y = (event.pageY + position.y) / 2;
-	                    _panEnd.copy(getMouseOnScreen(x, y));
-	                    break;
-	                case 3:
-	                    if (_state != STATE.TOUCH_PAN)
-	                        return;
-	                    const point_1 = _pointerPositions[_pointers[0].pointerId];
-	                    const point_2 = _pointerPositions[_pointers[1].pointerId];
-	                    const point_3 = _pointerPositions[_pointers[2].pointerId];
-	                    const centerX = (point_1.x + point_2.x + point_3.x) / 3;
-	                    const centerY = (point_1.y + point_2.y + point_3.y) / 3;
-	                    _panEnd.copy(getMouseOnScreen(centerX, centerY));
-	                    break;
-	            }
-	        }
-	        function onTouchEnd(event) {
-	            switch (_pointers.length) {
-	                case 0:
-	                    _state = STATE.NONE;
-	                    break;
-	                case 1:
-	                    _state = STATE.TOUCH_ROTATE;
-	                    _moveCurr.copy(getMouseOnCircle(event.pageX, event.pageY));
-	                    _movePrev.copy(_moveCurr);
-	                    break;
-	                case 2:
-	                    _state = STATE.TOUCH_ZOOM_PAN;
-	                    for (let i = 0; i < _pointers.length; i++) {
-	                        if (_pointers[i].pointerId !== event.pointerId) {
-	                            const position = _pointerPositions[_pointers[i].pointerId];
-	                            _moveCurr.copy(getMouseOnScreen(position.x, position.y));
-	                            _movePrev.copy(_moveCurr);
-	                            break;
-	                        }
-	                    }
-	                    break;
-	                case 3:
-	                    _state = STATE.TOUCH_PAN;
-	                    for (let i = 0; i < _pointers.length; i++) {
-	                        if (_pointers[i].pointerId !== event.pointerId) {
-	                            const position = _pointerPositions[_pointers[i].pointerId];
-	                            _moveCurr.copy(getMouseOnScreen(position.x, position.y));
-	                            _movePrev.copy(_moveCurr);
-	                            break;
-	                        }
-	                    }
-	                    break;
-	            }
-	            scope.dispatchEvent(_endEvent$1);
-	        }
-	        function contextmenu(event) {
-	            if (scope.enabled === false)
-	                return;
-	            event.preventDefault();
-	        }
-	        function addPointer(event) {
-	            _pointers.push(event);
-	        }
-	        function removePointer(event) {
-	            delete _pointerPositions[event.pointerId];
-	            for (let i = 0; i < _pointers.length; i++) {
-	                if (_pointers[i].pointerId == event.pointerId) {
-	                    _pointers.splice(i, 1);
-	                    return;
-	                }
-	            }
-	        }
-	        function trackPointer(event) {
-	            let position = _pointerPositions[event.pointerId];
-	            if (position === undefined) {
-	                position = new Vector2();
-	                _pointerPositions[event.pointerId] = position;
-	            }
-	            position.set(event.pageX, event.pageY);
-	        }
-	        function getSecondPointerPosition(event) {
-	            const pointer = event.pointerId === _pointers[0].pointerId
-	                ? _pointers[1]
-	                : _pointers[0];
-	            return _pointerPositions[pointer.pointerId];
-	        }
-	        this.dispose = function () {
-	            scope.domElement.removeEventListener("contextmenu", contextmenu);
-	            scope.domElement.removeEventListener("pointerdown", onPointerDown);
-	            scope.domElement.removeEventListener("pointercancel", onPointerCancel);
-	            scope.domElement.removeEventListener("wheel", onMouseWheel);
-	            scope.domElement.removeEventListener("pointermove", onPointerMove);
-	            scope.domElement.removeEventListener("pointerup", onPointerUp);
-	            window.removeEventListener("keydown", keydown);
-	            window.removeEventListener("keyup", keyup);
-	        };
-	        this.domElement.addEventListener("contextmenu", contextmenu);
-	        this.domElement.addEventListener("pointerdown", onPointerDown);
-	        this.domElement.addEventListener("pointercancel", onPointerCancel);
-	        this.domElement.addEventListener("wheel", onMouseWheel, { passive: false });
-	        window.addEventListener("keydown", keydown);
-	        window.addEventListener("keyup", keyup);
-	        this.handleResize();
-	        // force an update at start
-	        this.update();
-	    }
-	}
-
 	/**
 	 * @param {BufferGeometry} geometry
 	 * @param {number} drawMode
@@ -56879,7 +56264,7 @@
 	            this.controls = new OrbitControls(this.camera, this.renderer.domElement);
 	        }
 	        else {
-	            this.controls = new Copper3dTrackballControls1(this.camera, this.renderer.domElement);
+	            this.controls = new Copper3dTrackballControls(this.camera, this.renderer.domElement);
 	        }
 	        this.controls.panSpeed = 3;
 	        this.controls.rotateSpeed = 3;
@@ -70382,8 +69767,8 @@
 	}
 
 	// import * as kiwrious from "copper3d_plugin_heart_k";
-	const REVISION = "v1.15.3";
-	console.log("%cCopper3D Visualisation %cBeta:v1.15.3", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
+	const REVISION = "v1.15.7";
+	console.log("%cCopper3D Visualisation %cBeta:v1.15.7", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
 
 	exports.CameraViewPoint = CameraViewPoint;
 	exports.Copper3dTrackballControls = Copper3dTrackballControls;