@glitchr/transparent 1.0.59 → 1.0.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glitchr/transparent",
-  "version": "1.0.59",
+  "version": "1.0.62",
   "description": "Transparent SPA Application",
   "main": "src/index.js",
   "access": "public",

package/src/js/transparent.js

@@ -1,3 +1,5 @@
+import $ from 'jquery';
+
 // Modern browser: use passive event listeners where appropriate for better performance
 jQuery.event.special.touchstart = { setup: function( _, ns, handle ) { this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") }); } };
 jQuery.event.special.touchmove  = { setup: function( _, ns, handle ) { this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") }); } };
@@ -12,6 +14,7 @@ jQuery.event.special.mousewheel = { setup: function( _, ns, handle ) { this.addE
     } else if (typeof exports === 'object') {
         module.exports = factory();
     } else {
+        root = window;
         root.Transparent = factory();
     }
 
@@ -575,7 +578,7 @@ jQuery.event.special.mousewheel = { setup: function( _, ns, handle ) { this.addE
             }
         }
 
-        closestEl = $(el).closest("a");
+        var closestEl = $(el).closest("a");
         if(!closestEl.length) closestEl = $(el).closest("button");
         if(!closestEl.length) closestEl = $(el).closest("input");
         if (closestEl.length) el = closestEl[0];
@@ -974,19 +977,19 @@ jQuery.event.special.mousewheel = { setup: function( _, ns, handle ) { this.addE
             var maxScrollY = $(el).prop("scrollHeight") - Math.round($(el).prop("clientHeight"));
             if (maxScrollY == 0) maxScrollY = Math.round($(el).prop("clientHeight"));
 
-            scrollTop  = Math.max(0, Math.min(dict["top"] ?? $(el).prop("scrollTop"), maxScrollY));
-            scrollLeft = Math.max(0, Math.min(dict["left"] ?? $(el).prop("scrollLeft"), maxScrollX));
+            var scrollTop  = Math.max(0, Math.min(dict["top"] ?? $(el).prop("scrollTop"), maxScrollY));
+            var scrollLeft = Math.max(0, Math.min(dict["left"] ?? $(el).prop("scrollLeft"), maxScrollX));
 
-            speed    = parseFloat(dict["speed"] ?? 0);
-            easing   = dict["easing"] ?? "swing";
-            debounce = dict["debounce"] ?? 0;
+            var speed    = parseFloat(dict["speed"] ?? 0);
+            var easing   = dict["easing"] ?? "swing";
+            var debounce = dict["debounce"] ?? 0;
 
-            duration  = 1000*Transparent.parseDuration(dict["duration"] ?? 0);
-            durationX = 1000*Transparent.parseDuration(dict["duration-x"] ?? dict["duration"] ?? 0);
-            durationY = 1000*Transparent.parseDuration(dict["duration-y"] ?? dict["duration"] ?? 0);
+            var duration  = 1000*Transparent.parseDuration(dict["duration"] ?? 0);
+            var durationX = 1000*Transparent.parseDuration(dict["duration-x"] ?? dict["duration"] ?? 0);
+            var durationY = 1000*Transparent.parseDuration(dict["duration-y"] ?? dict["duration"] ?? 0);
 
             if(speed) {
-
+ 
                 var currentScrollX = $(el)[0].scrollLeft;
                 if(currentScrollX < scrollLeft || scrollLeft == 0) // Going to the right
                     distanceX = Math.abs(scrollLeft - currentScrollX);
@@ -1319,7 +1322,7 @@ jQuery.event.special.mousewheel = { setup: function( _, ns, handle ) { this.addE
                 var scrollableElements   = Transparent.getScrollableElement();
                 var scrollableElementsXY = Transparent.getResponsePosition(uuid);
 
-                for(i = 0; i < scrollableElements.length; i++) {
+                for(var i = 0; i < scrollableElements.length; i++) {
 
                     var el = scrollableElements[i];
                     var positionXY = undefined;
@@ -1457,7 +1460,7 @@ jQuery.event.special.mousewheel = { setup: function( _, ns, handle ) { this.addE
         var elementsXY = [];
         var elements = Transparent.getScrollableElement();
 
-        for(i = 0; i < elements.length; i++)
+        for(var i = 0; i < elements.length; i++)
             elementsXY.push([$(elements[i]).scrollTop(), $(elements[i]).scrollLeft()]);
 
         return elementsXY;
@@ -1597,7 +1600,7 @@ jQuery.event.special.mousewheel = { setup: function( _, ns, handle ) { this.addE
             var responseURL;
             responseURL = xhr !== null ? xhr.responseURL : url.href;
 
-            responseText  = Transparent.getResponseText(uuid);
+            var responseText  = Transparent.getResponseText(uuid);
 
             var fragmentPos = responseURL.indexOf("#");
             var strippedResponseUrl = (fragmentPos < 0 ? responseURL : responseURL.substring(0, fragmentPos)).trimEnd("/");