diff --git a/src/viewer.js b/src/viewer.js
index 83ceac2..14e9047 100644
--- a/src/viewer.js
+++ b/src/viewer.js
@@ -230,7 +230,6 @@ class SkinViewer {
 
 class MouseControl {
 	constructor(skinViewer) {
-		this.enableMouseControl = true;
 		this.skinViewer = skinViewer;
 
 		this.orbitControls = new OrbitControls(skinViewer.camera, skinViewer.renderer.domElement);
@@ -241,12 +240,16 @@ class MouseControl {
 		this.orbitControls.update();
 	}
 
-	enable() {
-		this.enableMouseControl = this.orbitControls.enableRotate = this.orbitControls.enableZoom = true;
+	togglePan(value) {
+		this.orbitControls.enablePan = (typeof value === "boolean") ? value : !this.orbitControls.enablePan;
 	}
 
-	disable() {
-		this.enableMouseControl = this.orbitControls.enableRotate = this.orbitControls.enableZoom = false;
+	toggleZoom(value) {
+		this.orbitControls.enableZoom  = (typeof value === "boolean") ? value : !this.orbitControls.enableZoom;
+	}
+
+	toggleRotate(value) {
+		this.orbitControls.enableRotate = (typeof value === "boolean") ? value : !this.orbitControls.enableRotate;
 	}
 
 	dispose() {
diff --git a/types/viewer.d.ts b/types/viewer.d.ts
index c0d8929..3d7c66e 100644
--- a/types/viewer.d.ts
+++ b/types/viewer.d.ts
@@ -40,7 +40,8 @@ export class MouseControl {
 
 	constructor(skinViewer: SkinViewer);
 
-	public enable(): void;
-	public disable(): void;
+	public togglePan(): void;
+	public toggleZoom(): void;
+	public toggleRotate(): void;
 	public dispose(): void;
 }