copper3d 1.15.5 → 1.15.7

package/dist/bundle.esm.js

@@ -45209,9 +45209,9 @@ class OBJLoader extends Loader {
 
 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();
@@ -45244,7 +45244,7 @@ class Copper3dTrackballControls extends EventDispatcher {
         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,
@@ -45262,11 +45262,10 @@ class Copper3dTrackballControls extends EventDispatcher {
         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;
@@ -45281,18 +45280,11 @@ class Copper3dTrackballControls extends EventDispatcher {
             };
         })();
         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;
             };
@@ -45301,26 +45293,20 @@ class Copper3dTrackballControls extends EventDispatcher {
             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);
@@ -45375,15 +45361,15 @@ class Copper3dTrackballControls extends EventDispatcher {
             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;
@@ -45432,7 +45418,7 @@ class Copper3dTrackballControls extends EventDispatcher {
                 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);
                 }
             }
@@ -45440,7 +45426,7 @@ class Copper3dTrackballControls extends EventDispatcher {
                 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;
                 }
@@ -45459,7 +45445,7 @@ class Copper3dTrackballControls extends EventDispatcher {
             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;
         };
@@ -45469,9 +45455,10 @@ class Copper3dTrackballControls extends EventDispatcher {
                 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);
@@ -45499,11 +45486,12 @@ class Copper3dTrackballControls extends EventDispatcher {
             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) {
@@ -45526,11 +45514,11 @@ class Copper3dTrackballControls extends EventDispatcher {
                 _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) {
@@ -45559,7 +45547,7 @@ class Copper3dTrackballControls extends EventDispatcher {
                 _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;
@@ -45574,9 +45562,9 @@ class Copper3dTrackballControls extends EventDispatcher {
                 _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)
@@ -45598,8 +45586,8 @@ class Copper3dTrackballControls extends EventDispatcher {
                     _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);
@@ -45609,7 +45597,7 @@ class Copper3dTrackballControls extends EventDispatcher {
                     _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;
@@ -45619,25 +45607,47 @@ class Copper3dTrackballControls extends EventDispatcher {
                     _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) {
@@ -45655,114 +45665,26 @@ class Copper3dTrackballControls extends EventDispatcher {
                     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;
@@ -45774,7 +45696,7 @@ class Copper3dTrackballControls extends EventDispatcher {
         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;
                 }
@@ -45786,7 +45708,7 @@ class Copper3dTrackballControls extends EventDispatcher {
                 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
@@ -45795,21 +45717,21 @@ class Copper3dTrackballControls extends EventDispatcher {
             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();
@@ -45823,9 +45745,9 @@ class Copper3dTrackballControls extends EventDispatcher {
 //    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 {
 
@@ -45954,7 +45876,7 @@ class OrbitControls extends EventDispatcher {
 			scope.object.zoom = scope.zoom0;
 
 			scope.object.updateProjectionMatrix();
-			scope.dispatchEvent( _changeEvent$2 );
+			scope.dispatchEvent( _changeEvent$1 );
 
 			scope.update();
 
@@ -46088,7 +46010,7 @@ class OrbitControls extends EventDispatcher {
 					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 );
@@ -46702,7 +46624,7 @@ class OrbitControls extends EventDispatcher {
 
 			}
 
-			scope.dispatchEvent( _endEvent$2 );
+			scope.dispatchEvent( _endEvent$1 );
 
 			state = STATE.NONE;
 
@@ -46799,7 +46721,7 @@ class OrbitControls extends EventDispatcher {
 
 			if ( state !== STATE.NONE ) {
 
-				scope.dispatchEvent( _startEvent$2 );
+				scope.dispatchEvent( _startEvent$1 );
 
 			}
 
@@ -46843,11 +46765,11 @@ class OrbitControls extends EventDispatcher {
 
 			event.preventDefault();
 
-			scope.dispatchEvent( _startEvent$2 );
+			scope.dispatchEvent( _startEvent$1 );
 
 			handleMouseWheel( event );
 
-			scope.dispatchEvent( _endEvent$2 );
+			scope.dispatchEvent( _endEvent$1 );
 
 		}
 
@@ -46937,7 +46859,7 @@ class OrbitControls extends EventDispatcher {
 
 			if ( state !== STATE.NONE ) {
 
-				scope.dispatchEvent( _startEvent$2 );
+				scope.dispatchEvent( _startEvent$1 );
 
 			}
 
@@ -48356,543 +48278,6 @@ class baseRenderer {
     }
 }
 
-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
@@ -56871,7 +56256,7 @@ class copperScene extends baseScene {
             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;
@@ -70374,7 +69759,7 @@ class nrrd_tools {
 }
 
 // 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");
 
 export { CameraViewPoint, Copper3dTrackballControls, REVISION, addBoxHelper, addLabelToScene, configKiwriousHeart, convert3DPostoScreenPos, convertScreenPosto3DPos, copperMScene, copperMSceneRenderer, copperRenderer, copperRendererOnDemond, copperScene, copperSceneOnDemond, createTexture2D_NRRD, fullScreenListenner, kiwrious, loading, nrrd_tools, setHDRFilePath };