@thinkpixellab-public/px-vue 3.0.44 → 3.0.46

package/components/PxSlides.vue

@@ -82,7 +82,26 @@ export default {
             scrollPreview: 0,
         };
     },
-    computed: {},
+    computed: {
+        lethargyOverrides() {
+            const stability = parseFloat(this.$route.query?.scrollStability);
+            const sensitivity = parseFloat(this.$route.query?.scrollSensitivity);
+            const tolerance = parseFloat(this.$route.query?.scrollTolerance);
+
+            if (stability || sensitivity || tolerance) {
+                console.log('[Custom scroll values enabled.]');
+                console.log(`stability: ${stability || 8}`);
+                console.log(`sensitivity: ${sensitivity || 100}`);
+                console.log(`tolerance: ${tolerance || 1.1}`);
+                return {
+                    stability: stability || 8,
+                    sensitivity: sensitivity || 100,
+                    tolerance: tolerance || 1.1,
+                };
+            }
+            return null;
+        },
+    },
     watch: {
         syncSelected(nv, ov) {
             let newIndex = this.itemKeys.indexOf(nv);
@@ -122,6 +141,20 @@ export default {
         });
 
         if (this.scrollEnabled) {
+            let overrides = this.lethargyOverrides;
+
+            if (overrides) {
+                this.lethargy = new Lethargy(
+                    overrides.stability,
+                    overrides.sensitivity,
+                    overrides.tolerance
+                );
+            } else {
+                this.lethargy = new Lethargy();
+            }
+
+            this.lethargyPrevCheck = false;
+
             this.$el.addEventListener('wheel', this.onWheel);
         }
     },
@@ -180,11 +213,6 @@ export default {
         },
 
         onWheel(e) {
-            if (typeof this.lethargy == 'undefined') {
-                this.lethargy = new Lethargy();
-                this.lethargyPrevCheck = false;
-            }
-
             if (this.scrollPreviewEnabled) {
                 const delta = (e.deltaY + e.deltaX) / 2;
                 if (Math.abs(delta) > 5) {
@@ -202,22 +230,25 @@ export default {
             if (check !== this.lethargyPrevCheck) {
                 if (check) {
                     if (check > 0) {
-                        this.previous();
+                        this.previous(false);
                     } else {
-                        this.next();
+                        this.next(false);
                     }
                 }
             }
 
             this.lethargyPrevCheck = check;
+
+            e.stopPropagation();
+            e.preventDefault();
         },
 
-        next() {
-            this.selectOffsetSafe(1, this.loop);
+        next(loopOverride = null) {
+            this.selectOffsetSafe(1, loopOverride === null ? this.loop : loopOverride);
         },
 
-        previous() {
-            this.selectOffsetSafe(-1, this.loop);
+        previous(loopOverride = null) {
+            this.selectOffsetSafe(-1, loopOverride === null ? this.loop : loopOverride);
         },
 
         // returns the index of the item relative to the selected item, if looped

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thinkpixellab-public/px-vue",
-    "version": "3.0.44",
+    "version": "3.0.46",
     "description": "General purpose Vue components and helpers that can be used across projects.",
     "author": "Pixel Lab",
     "license": "MIT",