@interactjs/auto-scroll - npm Package Compare versions

Comparing version 1.4.0-alpha.17 to 1.4.0-alpha.18

index.js

@@ -1,207 +0,170 @@
-import raf            from '@interactjs/utils/raf';
-import { getWindow }  from '@interactjs/utils/window';
-import * as is        from '@interactjs/utils/is';
-import * as domUtils  from '@interactjs/utils/domUtils';
+import * as domUtils from '@interactjs/utils/domUtils';
+import * as is from '@interactjs/utils/is';
+import raf from '@interactjs/utils/raf';
 import { getStringOptionResult } from '@interactjs/utils/rect';
-
-function install (scope) {
-  const {
-    interactions,
-    defaults,
-    actions,
-  } = scope;
-
-  const autoScroll = scope.autoScroll = {
+import { getWindow } from '@interactjs/utils/window';
+function install(scope) {
+    const { interactions, defaults, actions, } = scope;
+    scope.autoScroll = autoScroll;
+    interactions.signals.on('new', function (interaction) {
+        interaction.autoScroll = null;
+    });
+    interactions.signals.on('stop', autoScroll.stop);
+    interactions.signals.on('action-move', autoScroll.onInteractionMove);
+    actions.eventTypes.push('autoscroll');
+    defaults.perAction.autoScroll = autoScroll.defaults;
+}
+const autoScroll = {
     defaults: {
-      enabled  : false,
-      container: null,     // the item that is scrolled (Window or HTMLElement)
-      margin   : 60,
-      speed    : 300,      // the scroll speed in pixels per second
+        enabled: false,
+        margin: 60,
+        // the item that is scrolled (Window or HTMLElement)
+        container: null,
+        // the scroll speed in pixels per second
+        speed: 300,
     },
-
     interaction: null,
-    i: null,    // the handle returned by window.setInterval
-    x: 0, y: 0, // Direction each pulse is to scroll in
-
+    i: null,
+    x: 0, y: 0,
     isScrolling: false,
     prevTime: 0,
-
+    margin: 0,
+    speed: 0,
     start: function (interaction) {
-      autoScroll.isScrolling = true;
-      raf.cancel(autoScroll.i);
-
-      interaction.autoScroll = autoScroll;
-      autoScroll.interaction = interaction;
-      autoScroll.prevTime = new Date().getTime();
-      autoScroll.i = raf.request(autoScroll.scroll);
+        autoScroll.isScrolling = true;
+        raf.cancel(autoScroll.i);
+        interaction.autoScroll = autoScroll;
+        autoScroll.interaction = interaction;
+        autoScroll.prevTime = new Date().getTime();
+        autoScroll.i = raf.request(autoScroll.scroll);
     },
-
     stop: function () {
-      autoScroll.isScrolling = false;
-      if (autoScroll.interaction) {
-        autoScroll.interaction.autoScroll = null;
-      }
-      raf.cancel(autoScroll.i);
+        autoScroll.isScrolling = false;
+        if (autoScroll.interaction) {
+            autoScroll.interaction.autoScroll = null;
+        }
+        raf.cancel(autoScroll.i);
     },
-
     // scroll the window by the values in scroll.x/y
     scroll: function () {
-      const { interaction } = autoScroll;
-      const { target: interactable, element } = interaction;
-      const options = interactable.options[autoScroll.interaction.prepared.name].autoScroll;
-      const container = getContainer(options.container, interactable, element);
-      const now = new Date().getTime();
-      // change in time in seconds
-      const dt = (now - autoScroll.prevTime) / 1000;
-      // displacement
-      const s = options.speed * dt;
-
-      if (s >= 1) {
-        const scrollBy = {
-          x: autoScroll.x * s,
-          y: autoScroll.y * s,
-        };
-
-        if (scrollBy.x || scrollBy.y) {
-          const prevScroll = getScroll(container);
-
-          if (is.window(container)) {
-            container.scrollBy(scrollBy.x, scrollBy.y);
-          }
-          else if (container) {
-            container.scrollLeft += scrollBy.x;
-            container.scrollTop  += scrollBy.y;
-          }
-
-          const curScroll = getScroll(container);
-          const delta = {
-            x: curScroll.x - prevScroll.x,
-            y: curScroll.y - prevScroll.y,
-          };
-
-          if (delta.x || delta.y) {
-            interactable.fire({
-              type: 'autoscroll',
-              target: element,
-              interactable,
-              delta,
-              interaction,
-              container,
-            });
-          }
+        const { interaction } = autoScroll;
+        const { target: interactable, element } = interaction;
+        const options = interactable.options[autoScroll.interaction.prepared.name].autoScroll;
+        const container = getContainer(options.container, interactable, element);
+        const now = new Date().getTime();
+        // change in time in seconds
+        const dt = (now - autoScroll.prevTime) / 1000;
+        // displacement
+        const s = options.speed * dt;
+        if (s >= 1) {
+            const scrollBy = {
+                x: autoScroll.x * s,
+                y: autoScroll.y * s,
+            };
+            if (scrollBy.x || scrollBy.y) {
+                const prevScroll = getScroll(container);
+                if (is.window(container)) {
+                    container.scrollBy(scrollBy.x, scrollBy.y);
+                }
+                else if (container) {
+                    container.scrollLeft += scrollBy.x;
+                    container.scrollTop += scrollBy.y;
+                }
+                const curScroll = getScroll(container);
+                const delta = {
+                    x: curScroll.x - prevScroll.x,
+                    y: curScroll.y - prevScroll.y,
+                };
+                if (delta.x || delta.y) {
+                    interactable.fire({
+                        type: 'autoscroll',
+                        target: element,
+                        interactable,
+                        delta,
+                        interaction,
+                        container,
+                    });
+                }
+            }
+            autoScroll.prevTime = now;
         }
-
-        autoScroll.prevTime = now;
-      }
-
-      if (autoScroll.isScrolling) {
-        raf.cancel(autoScroll.i);
-        autoScroll.i = raf.request(autoScroll.scroll);
-      }
+        if (autoScroll.isScrolling) {
+            raf.cancel(autoScroll.i);
+            autoScroll.i = raf.request(autoScroll.scroll);
+        }
     },
     check: function (interactable, actionName) {
-      const options = interactable.options;
-
-      return options[actionName].autoScroll && options[actionName].autoScroll.enabled;
+        const options = interactable.options;
+        return options[actionName].autoScroll && options[actionName].autoScroll.enabled;
     },
     onInteractionMove: function ({ interaction, pointer }) {
-      if (!(interaction.interacting()
+        if (!(interaction.interacting()
             && autoScroll.check(interaction.target, interaction.prepared.name))) {
-        return;
-      }
-
-      if (interaction.simulation) {
-        autoScroll.x = autoScroll.y = 0;
-        return;
-      }
-
-      let top;
-      let right;
-      let bottom;
-      let left;
-
-      const { target: interactable, element } = interaction;
-      const options = interactable.options[interaction.prepared.name].autoScroll;
-      const container = getContainer(options.container, interactable, element);
-
-      if (is.window(container)) {
-        left   = pointer.clientX < autoScroll.margin;
-        top    = pointer.clientY < autoScroll.margin;
-        right  = pointer.clientX > container.innerWidth  - autoScroll.margin;
-        bottom = pointer.clientY > container.innerHeight - autoScroll.margin;
-      }
-      else {
-        const rect = domUtils.getElementClientRect(container);
-
-        left   = pointer.clientX < rect.left   + autoScroll.margin;
-        top    = pointer.clientY < rect.top    + autoScroll.margin;
-        right  = pointer.clientX > rect.right  - autoScroll.margin;
-        bottom = pointer.clientY > rect.bottom - autoScroll.margin;
-      }
-
-      autoScroll.x = (right ? 1: left? -1: 0);
-      autoScroll.y = (bottom? 1:  top? -1: 0);
-
-      if (!autoScroll.isScrolling) {
-        // set the autoScroll properties to those of the target
-        autoScroll.margin = options.margin;
-        autoScroll.speed  = options.speed;
-
-        autoScroll.start(interaction);
-      }
+            return;
+        }
+        if (interaction.simulation) {
+            autoScroll.x = autoScroll.y = 0;
+            return;
+        }
+        let top;
+        let right;
+        let bottom;
+        let left;
+        const { target: interactable, element } = interaction;
+        const options = interactable.options[interaction.prepared.name].autoScroll;
+        const container = getContainer(options.container, interactable, element);
+        if (is.window(container)) {
+            left = pointer.clientX < autoScroll.margin;
+            top = pointer.clientY < autoScroll.margin;
+            right = pointer.clientX > container.innerWidth - autoScroll.margin;
+            bottom = pointer.clientY > container.innerHeight - autoScroll.margin;
+        }
+        else {
+            const rect = domUtils.getElementClientRect(container);
+            left = pointer.clientX < rect.left + autoScroll.margin;
+            top = pointer.clientY < rect.top + autoScroll.margin;
+            right = pointer.clientX > rect.right - autoScroll.margin;
+            bottom = pointer.clientY > rect.bottom - autoScroll.margin;
+        }
+        autoScroll.x = (right ? 1 : left ? -1 : 0);
+        autoScroll.y = (bottom ? 1 : top ? -1 : 0);
+        if (!autoScroll.isScrolling) {
+            // set the autoScroll properties to those of the target
+            autoScroll.margin = options.margin;
+            autoScroll.speed = options.speed;
+            autoScroll.start(interaction);
+        }
     },
-  };
-
-  interactions.signals.on('new', function (interaction) {
-    interaction.autoScroll = null;
-  });
-
-  interactions.signals.on('stop', autoScroll.stop);
-
-  interactions.signals.on('action-move', autoScroll.onInteractionMove);
-
-  actions.eventTypes.push('autoscroll');
-  defaults.perAction.autoScroll = autoScroll.defaults;
+};
+export function getContainer(value, interactable, element) {
+    return (is.string(value) ? getStringOptionResult(value, interactable, element) : value) || getWindow(element);
 }
-
-export function getContainer (value, interactable, element) {
-  return (is.string(value) ? getStringOptionResult(value, interactable, element) : value) || getWindow(element);
+export function getScroll(container) {
+    if (is.window(container)) {
+        container = window.document.body;
+    }
+    return { x: container.scrollLeft, y: container.scrollTop };
 }
-
-export function getScroll (container) {
-  if (is.window(container)) { container = window.document.body; }
-
-  return { x: container.scrollLeft, y: container.scrollTop };
+export function getScrollSize(container) {
+    if (is.window(container)) {
+        container = window.document.body;
+    }
+    return { x: container.scrollWidth, y: container.scrollHeight };
 }
-
-export function getScrollSize (container) {
-  if (is.window(container)) { container = window.document.body; }
-
-  return { x: container.scrollWidth, y: container.scrollHeight };
-}
-
-export function getScrollSizeDelta ({ interaction, element }, func) {
-  const scrollOptions = interaction && interaction.target.options[interaction.prepared.name].autoScroll;
-
-  if (!scrollOptions || !scrollOptions.enabled) {
+export function getScrollSizeDelta({ interaction, element }, func) {
+    const scrollOptions = interaction && interaction.target.options[interaction.prepared.name].autoScroll;
+    if (!scrollOptions || !scrollOptions.enabled) {
+        func();
+        return { x: 0, y: 0 };
+    }
+    const scrollContainer = getContainer(scrollOptions.container, interaction.target, element);
+    const prevSize = getScroll(scrollContainer);
     func();
-    return { x: 0, y: 0 };
-  }
-
-  const scrollContainer = getContainer(
-    scrollOptions.container,
-    interaction.target,
-    element
-  );
-
-  const prevSize = getScroll(scrollContainer);
-  func();
-  const curSize = getScroll(scrollContainer);
-
-  return {
-    x: curSize.x - prevSize.x,
-    y: curSize.y - prevSize.y,
-  };
+    const curSize = getScroll(scrollContainer);
+    return {
+        x: curSize.x - prevSize.x,
+        y: curSize.y - prevSize.y,
+    };
 }
-
 export default { install };
+//# sourceMappingURL=index.js.map

package.json

 {
   "name": "@interactjs/auto-scroll",
-  "version": "1.4.0-alpha.17+sha.793e5fa",
+  "version": "1.4.0-alpha.18+sha.a8adfbf",
   "peerDependencies": {
-    "@interactjs/utils": "1.4.0-alpha.17+sha.793e5fa"
+    "@interactjs/utils": "1.4.0-alpha.18+sha.a8adfbf"
   },
   "devDependencies": {
-    "@interactjs/_dev": "1.4.0-alpha.17+sha.793e5fa",
-    "@interactjs/utils": "1.4.0-alpha.17+sha.793e5fa"
+    "@interactjs/_dev": "1.4.0-alpha.18+sha.a8adfbf",
+    "@interactjs/utils": "1.4.0-alpha.18+sha.a8adfbf"
   },
@@ -11,0 +11,0 @@ "publishConfig": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

21921

increased by186.92%

Number of package files

7

increased by133.33%

Lines of code

402

increased by139.29%

Worsened metrics

Number of medium supply chain risk alerts

2

increased by100%

No dependency changes