Fix gyroscope false and update to 1.6.1

micku7zu · Dec 28, 2018 · b0cc942 · b0cc942
1 parent c5fab87
commit b0cc942
Show file tree

Hide file tree

Showing 9 changed files with 64 additions and 18 deletions.
diff --git a/dist/vanilla-tilt.babel.js b/dist/vanilla-tilt.babel.js
@@ -11,7 +11,7 @@ var classCallCheck = function (instance, Constructor) {
  * Created by Șandor Sergiu (micku7zu) on 1/27/2017.
  * Original idea: https://github.com/gijsroge/tilt.js
  * MIT License.
- * Version 1.6.0
+ * Version 1.6.1
  */
 
 var VanillaTilt = function () {
@@ -41,6 +41,7 @@ var VanillaTilt = function () {
 
     this.glare = this.isSettingTrue(this.settings.glare);
     this.glarePrerender = this.isSettingTrue(this.settings["glare-prerender"]);
+    this.gyroscope = this.isSettingTrue(this.settings.gyroscope);
 
     if (this.glare) {
       this.prepareGlare();
@@ -93,11 +94,14 @@ var VanillaTilt = function () {
     this.elementListener.addEventListener("mouseenter", this.onMouseEnterBind);
     this.elementListener.addEventListener("mousemove", this.onMouseMoveBind);
     this.elementListener.addEventListener("mouseleave", this.onMouseLeaveBind);
-    window.addEventListener("deviceorientation", this.onDeviceOrientationBind);
 
     if (this.glare) {
       window.addEventListener("resize", this.onWindowResizeBind);
     }
+
+    if (this.gyroscope) {
+      window.addEventListener("deviceorientation", this.onDeviceOrientationBind);
+    }
   };
 
   /**
@@ -109,7 +113,10 @@ var VanillaTilt = function () {
     this.elementListener.removeEventListener("mouseenter", this.onMouseEnterBind);
     this.elementListener.removeEventListener("mousemove", this.onMouseMoveBind);
     this.elementListener.removeEventListener("mouseleave", this.onMouseLeaveBind);
-    window.removeEventListener("deviceorientation", this.onDeviceOrientationBind);
+
+    if (this.gyroscope) {
+      window.removeEventListener("deviceorientation", this.onDeviceOrientationBind);
+    }
 
     if (this.glare) {
       window.removeEventListener("resize", this.onWindowResizeBind);

diff --git a/dist/vanilla-tilt.babel.min.js b/dist/vanilla-tilt.babel.min.js
diff --git a/dist/vanilla-tilt.js b/dist/vanilla-tilt.js
@@ -5,7 +5,7 @@ var VanillaTilt = (function () {
  * Created by Șandor Sergiu (micku7zu) on 1/27/2017.
  * Original idea: https://github.com/gijsroge/tilt.js
  * MIT License.
- * Version 1.6.0
+ * Version 1.6.1
  */
 
 class VanillaTilt {
@@ -32,6 +32,7 @@ class VanillaTilt {
 
     this.glare = this.isSettingTrue(this.settings.glare);
     this.glarePrerender = this.isSettingTrue(this.settings["glare-prerender"]);
+    this.gyroscope = this.isSettingTrue(this.settings.gyroscope);
 
     if (this.glare) {
       this.prepareGlare();
@@ -80,11 +81,14 @@ class VanillaTilt {
     this.elementListener.addEventListener("mouseenter", this.onMouseEnterBind);
     this.elementListener.addEventListener("mousemove", this.onMouseMoveBind);
     this.elementListener.addEventListener("mouseleave", this.onMouseLeaveBind);
-    window.addEventListener("deviceorientation", this.onDeviceOrientationBind);
 
     if (this.glare) {
       window.addEventListener("resize", this.onWindowResizeBind);
     }
+
+    if (this.gyroscope) {
+      window.addEventListener("deviceorientation", this.onDeviceOrientationBind);
+    }
   }
 
   /**
@@ -94,7 +98,10 @@ class VanillaTilt {
     this.elementListener.removeEventListener("mouseenter", this.onMouseEnterBind);
     this.elementListener.removeEventListener("mousemove", this.onMouseMoveBind);
     this.elementListener.removeEventListener("mouseleave", this.onMouseLeaveBind);
-    window.removeEventListener("deviceorientation", this.onDeviceOrientationBind);
+
+    if(this.gyroscope) {
+      window.removeEventListener("deviceorientation", this.onDeviceOrientationBind);
+    }
 
     if (this.glare) {
       window.removeEventListener("resize", this.onWindowResizeBind);