expose properties instead of methods on `MouseControl`

src/viewer.js

@@ -240,16 +240,28 @@ class MouseControl {
 		this.orbitControls.update();
 	}
 
-	togglePan(value) {
+	get rotation() {
-		this.orbitControls.enablePan = (typeof value === "boolean") ? value : !this.orbitControls.enablePan;
+		return this.orbitControls.enableRotate;
 	}
 
-	toggleZoom(value) {
+	set rotation(value) {
-		this.orbitControls.enableZoom  = (typeof value === "boolean") ? value : !this.orbitControls.enableZoom;
+		this.orbitControls.enableRotate = value;
 	}
 
-	toggleRotate(value) {
+	get zoom() {
-		this.orbitControls.enableRotate = (typeof value === "boolean") ? value : !this.orbitControls.enableRotate;
+		return this.orbitControls.enableZoom;
+	}
+
+	set zoom(value) {
+		this.orbitControls.enableZoom = value;
+	}
+
+	get pan() {
+		return this.orbitControls.enablePan;
+	}
+
+	set pan(value) {
+		this.orbitControls.enablePan = value;
 	}
 
 	dispose() {

types/viewer.d.ts

@@ -35,13 +35,12 @@ export class SkinViewer {
 }
 
 export class MouseControl {
-	public enableMouseControl: boolean;
+	public pan: boolean;
+	public zoom: boolean;
+	public rotation: boolean;
 	public readonly skinViewer: SkinViewer;
 
 	constructor(skinViewer: SkinViewer);
 
-	public togglePan(): void;
-	public toggleZoom(): void;
-	public toggleRotate(): void;
 	public dispose(): void;
 }