@nanoporetech-digital/components 5.10.0 → 5.11.0

package/dist/collection/components/slides/lib/js/drag.js

@@ -1,31 +1,23 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
 import Flickity from './flickity';
-import utils from 'fizzy-ui-utils';
-import Unidragger from 'unidragger';
-
-('use strict');
-
+import { utils } from './utils/utils';
+import { Unidragger } from './utils/gestures';
 // ----- defaults ----- //
-
 utils.extend(Flickity.defaults, {
   draggable: '>1',
   dragThreshold: 3,
 });
-
 // ----- create ----- //
-
 Flickity.createMethods.push('_createDrag');
-
 // -------------------------- drag prototype -------------------------- //
-
-var proto = Flickity.prototype;
+const proto = Flickity.prototype;
 utils.extend(proto, Unidragger.prototype);
 proto._touchActionValue = 'pan-y';
-
 // --------------------------  -------------------------- //
-
-var isTouch = 'createTouch' in document;
-var isTouchmoveScrollCanceled = false;
-
+const isTouch = 'createTouch' in document;
+let isTouchmoveScrollCanceled = false;
 proto._createDrag = function () {
   this.on('activate', this.onActivateDrag);
   this.on('uiChange', this._uiChangeDrag);
@@ -35,63 +27,56 @@ proto._createDrag = function () {
   // HACK - add seemingly innocuous handler to fix iOS 10 scroll behavior
   // #457, RubaXa/Sortable#973
   if (isTouch && !isTouchmoveScrollCanceled) {
-    window.addEventListener('touchmove', function () {});
+    window.addEventListener('touchmove', function () { });
     isTouchmoveScrollCanceled = true;
   }
 };
-
 proto.onActivateDrag = function () {
   this.handles = [this.viewport];
   this.bindHandles();
   this.updateDraggable();
 };
-
 proto.onDeactivateDrag = function () {
   this.unbindHandles();
   this.element.classList.remove('is-draggable');
 };
-
 proto.updateDraggable = function () {
   // disable dragging if less than 2 slides. #278
   if (this.options.draggable == '>1') {
     this.isDraggable = this.slides.length > 1;
-  } else {
+  }
+  else {
     this.isDraggable = this.options.draggable;
   }
   if (this.isDraggable) {
     this.element.classList.add('is-draggable');
-  } else {
+  }
+  else {
     this.element.classList.remove('is-draggable');
   }
 };
-
 // backwards compatibility
 proto.bindDrag = function () {
   this.options.draggable = true;
   this.updateDraggable();
 };
-
 proto.unbindDrag = function () {
   this.options.draggable = false;
   this.updateDraggable();
 };
-
 proto._uiChangeDrag = function () {
   delete this.isFreeScrolling;
 };
-
 // -------------------------- pointer events -------------------------- //
-
 proto.pointerDown = function (event, pointer) {
   if (!this.isDraggable) {
     this._pointerDownDefault(event, pointer);
     return;
   }
-  var isOkay = this.okayPointerDown(event);
+  const isOkay = this.okayPointerDown(event);
   if (!isOkay) {
     return;
   }
-
   this._pointerDownPreventDefault(event);
   this.pointerDownFocus(event);
   // blur
@@ -99,17 +84,14 @@ proto.pointerDown = function (event, pointer) {
     // do not blur if already focused
     this.pointerDownBlur();
   }
-
   // stop if it was moving
   this.dragX = this.x;
   this.viewport.classList.add('is-pointer-down');
   // track scrolling
   this.pointerDownScroll = getScrollPosition();
   window.addEventListener('scroll', this);
-
   this._pointerDownDefault(event, pointer);
 };
-
 // default pointerDown logic, used for staticClick
 proto._pointerDownDefault = function (event, pointer) {
   // track start event position
@@ -122,51 +104,41 @@ proto._pointerDownDefault = function (event, pointer) {
   this._bindPostStartEvents(event);
   this.dispatchEvent('pointerDown', event, [pointer]);
 };
-
-var focusNodes = {
+const focusNodes = {
   INPUT: true,
   TEXTAREA: true,
   SELECT: true,
 };
-
 proto.pointerDownFocus = function (event) {
-  var isFocusNode = focusNodes[event.target.nodeName];
+  const isFocusNode = focusNodes[event.target.nodeName];
   if (!isFocusNode) {
     this.focus();
   }
 };
-
 proto._pointerDownPreventDefault = function (event) {
-  var isTouchStart = event.type == 'touchstart';
-  var isTouchPointer = event.pointerType == 'touch';
-  var isFocusNode = focusNodes[event.target.nodeName];
+  const isTouchStart = event.type == 'touchstart';
+  const isTouchPointer = event.pointerType == 'touch';
+  const isFocusNode = focusNodes[event.target.nodeName];
   if (!isTouchStart && !isTouchPointer && !isFocusNode) {
     event.preventDefault();
   }
 };
-
 // ----- move ----- //
-
 proto.hasDragStarted = function (moveVector) {
   return Math.abs(moveVector.x) > this.options.dragThreshold;
 };
-
 // ----- up ----- //
-
 proto.pointerUp = function (event, pointer) {
   delete this.isTouchScrolling;
   this.viewport.classList.remove('is-pointer-down');
   this.dispatchEvent('pointerUp', event, [pointer]);
   this._dragPointerUp(event, pointer);
 };
-
 proto.pointerDone = function () {
   window.removeEventListener('scroll', this);
   delete this.pointerDownScroll;
 };
-
 // -------------------------- dragging -------------------------- //
-
 proto.dragStart = function (event, pointer) {
   if (!this.isDraggable) {
     return;
@@ -176,45 +148,35 @@ proto.dragStart = function (event, pointer) {
   window.removeEventListener('scroll', this);
   this.dispatchEvent('dragStart', event, [pointer]);
 };
-
 proto.pointerMove = function (event, pointer) {
-  var moveVector = this._dragPointerMove(event, pointer);
+  const moveVector = this._dragPointerMove(event, pointer);
   this.dispatchEvent('pointerMove', event, [pointer, moveVector]);
   this._dragMove(event, pointer, moveVector);
 };
-
 proto.dragMove = function (event, pointer, moveVector) {
   if (!this.isDraggable) {
     return;
   }
   event.preventDefault();
-
   this.previousDragX = this.dragX;
   // reverse if right-to-left
-  var direction = this.options.rightToLeft ? -1 : 1;
+  const direction = this.options.rightToLeft ? -1 : 1;
   if (this.options.wrapAround) {
     // wrap around move. #589
     moveVector.x = moveVector.x % this.slideableWidth;
   }
-  var dragX = this.dragStartPosition + moveVector.x * direction;
-
+  let dragX = this.dragStartPosition + moveVector.x * direction;
   if (!this.options.wrapAround && this.slides.length) {
     // slow drag
-    var originBound = Math.max(-this.slides[0].target, this.dragStartPosition);
+    const originBound = Math.max(-this.slides[0].target, this.dragStartPosition);
     dragX = dragX > originBound ? (dragX + originBound) * 0.5 : dragX;
-    var endBound = Math.min(
-      -this.getLastSlide().target,
-      this.dragStartPosition
-    );
+    const endBound = Math.min(-this.getLastSlide().target, this.dragStartPosition);
     dragX = dragX < endBound ? (dragX + endBound) * 0.5 : dragX;
   }
-
   this.dragX = dragX;
-
   this.dragMoveTime = new Date();
   this.dispatchEvent('dragMove', event, [pointer, moveVector]);
 };
-
 proto.dragEnd = function (event, pointer) {
   if (!this.isDraggable) {
     return;
@@ -223,17 +185,17 @@ proto.dragEnd = function (event, pointer) {
     this.isFreeScrolling = true;
   }
   // set selectedIndex based on where flick will end up
-  var index = this.dragEndRestingSelect();
-
+  let index = this.dragEndRestingSelect();
   if (this.options.freeScroll && !this.options.wrapAround) {
     // if free-scroll & not wrap around
     // do not free-scroll if going outside of bounding slides
     // so bounding slides can attract slider, and keep it in bounds
-    var restingX = this.getRestingPosition();
+    const restingX = this.getRestingPosition();
     this.isFreeScrolling =
       -restingX > this.slides[0].target &&
-      -restingX < this.getLastSlide().target;
-  } else if (!this.options.freeScroll && index == this.selectedIndex) {
+        -restingX < this.getLastSlide().target;
+  }
+  else if (!this.options.freeScroll && index == this.selectedIndex) {
     // boost selection if selected index has not changed
     index += this.dragEndBoostSelect();
   }
@@ -246,22 +208,19 @@ proto.dragEnd = function (event, pointer) {
   delete this.isDragSelect;
   this.dispatchEvent('dragEnd', event, [pointer]);
 };
-
 proto.dragEndRestingSelect = function () {
-  var restingX = this.getRestingPosition();
+  const restingX = this.getRestingPosition();
   // how far away from selected slide
-  var distance = Math.abs(this.getSlideDistance(-restingX, this.selectedIndex));
+  const distance = Math.abs(this.getSlideDistance(-restingX, this.selectedIndex));
   // get closet resting going up and going down
-  var positiveResting = this._getClosestResting(restingX, distance, 1);
-  var negativeResting = this._getClosestResting(restingX, distance, -1);
+  const positiveResting = this._getClosestResting(restingX, distance, 1);
+  const negativeResting = this._getClosestResting(restingX, distance, -1);
   // use closer resting for wrap-around
-  var index =
-    positiveResting.distance < negativeResting.distance
-      ? positiveResting.index
-      : negativeResting.index;
+  const index = positiveResting.distance < negativeResting.distance
+    ? positiveResting.index
+    : negativeResting.index;
   return index;
 };
-
 /**
  * given resting X and distance to selected cell
  * get the distance and index of the closest cell
@@ -271,17 +230,16 @@ proto.dragEndRestingSelect = function () {
  * @returns {Object} - { distance: {Number}, index: {Integer} }
  */
 proto._getClosestResting = function (restingX, distance, increment) {
-  var index = this.selectedIndex;
-  var minDistance = Infinity;
-  var condition =
-    this.options.contain && !this.options.wrapAround
-      ? // if contain, keep going if distance is equal to minDistance
-        function (d, md) {
-          return d <= md;
-        }
-      : function (d, md) {
-          return d < md;
-        };
+  let index = this.selectedIndex;
+  let minDistance = Infinity;
+  const condition = this.options.contain && !this.options.wrapAround
+    ? // if contain, keep going if distance is equal to minDistance
+      function (d, md) {
+        return d <= md;
+      }
+    : function (d, md) {
+      return d < md;
+    };
   while (condition(distance, minDistance)) {
     // measure distance to next cell
     index += increment;
@@ -298,78 +256,69 @@ proto._getClosestResting = function (restingX, distance, increment) {
     index: index - increment,
   };
 };
-
 /**
  * measure distance between x and a slide target
  * @param {Number} x
  * @param {Integer} index - slide index
+ * @returns null or distance number
  */
 proto.getSlideDistance = function (x, index) {
-  var len = this.slides.length;
+  const len = this.slides.length;
   // wrap around if at least 2 slides
-  var isWrapAround = this.options.wrapAround && len > 1;
-  var slideIndex = isWrapAround ? utils.modulo(index, len) : index;
-  var slide = this.slides[slideIndex];
+  const isWrapAround = this.options.wrapAround && len > 1;
+  const slideIndex = isWrapAround ? utils.modulo(index, len) : index;
+  const slide = this.slides[slideIndex];
   if (!slide) {
     return null;
   }
   // add distance for wrap-around slides
-  var wrap = isWrapAround ? this.slideableWidth * Math.floor(index / len) : 0;
+  const wrap = isWrapAround ? this.slideableWidth * Math.floor(index / len) : 0;
   return x - (slide.target + wrap);
 };
-
 proto.dragEndBoostSelect = function () {
   // do not boost if no previousDragX or dragMoveTime
-  if (
-    this.previousDragX === undefined ||
+  if (this.previousDragX === undefined ||
     !this.dragMoveTime ||
     // or if drag was held for 100 ms
-    new Date() - this.dragMoveTime > 100
-  ) {
+    new Date() - this.dragMoveTime > 100) {
     return 0;
   }
-
-  var distance = this.getSlideDistance(-this.dragX, this.selectedIndex);
-  var delta = this.previousDragX - this.dragX;
+  const distance = this.getSlideDistance(-this.dragX, this.selectedIndex);
+  const delta = this.previousDragX - this.dragX;
   if (distance > 0 && delta > 0) {
     // boost to next if moving towards the right, and positive velocity
     return 1;
-  } else if (distance < 0 && delta < 0) {
+  }
+  else if (distance < 0 && delta < 0) {
     // boost to previous if moving towards the left, and negative velocity
     return -1;
   }
   return 0;
 };
-
 // ----- staticClick ----- //
-
 proto.staticClick = function (event, pointer) {
   // get clickedCell, if cell was clicked
-  var clickedCell = this.getParentCell(event.target);
-  var cellElem = clickedCell && clickedCell.element;
-  var cellIndex = clickedCell && this.cells.indexOf(clickedCell);
+  const clickedCell = this.getParentCell(event.target);
+  const cellElem = clickedCell && clickedCell.element;
+  const cellIndex = clickedCell && this.cells.indexOf(clickedCell);
   this.dispatchEvent('staticClick', event, [pointer, cellElem, cellIndex]);
 };
-
 // ----- scroll ----- //
-
 proto.onscroll = function () {
-  var scroll = getScrollPosition();
-  var scrollMoveX = this.pointerDownScroll.x - scroll.x;
-  var scrollMoveY = this.pointerDownScroll.y - scroll.y;
+  const scroll = getScrollPosition();
+  const scrollMoveX = this.pointerDownScroll.x - scroll.x;
+  const scrollMoveY = this.pointerDownScroll.y - scroll.y;
   // cancel click/tap if scroll is too much
   if (Math.abs(scrollMoveX) > 3 || Math.abs(scrollMoveY) > 3) {
     this._pointerDone();
   }
 };
-
 // ----- utils ----- //
-
 function getScrollPosition() {
   return {
     x: window.pageXOffset,
     y: window.pageYOffset,
   };
 }
-
 // -----  ----- //
+//# sourceMappingURL=drag.js.map

package/dist/collection/components/slides/lib/js/drag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag.js","sourceRoot":"","sources":["../../../../../src/components/slides/lib/js/drag.ts"],"names":[],"mappings":"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","sourcesContent":["import Flickity from './flickity';\nimport { utils } from './utils/utils';\nimport { Unidragger } from './utils/gestures';\n\n// ----- defaults ----- //\n\nutils.extend(Flickity.defaults, {\n  draggable: '>1',\n  dragThreshold: 3,\n});\n\n// ----- create ----- //\n\nFlickity.createMethods.push('_createDrag');\n\n// -------------------------- drag prototype -------------------------- //\n\nconst proto = Flickity.prototype;\nutils.extend(proto, Unidragger.prototype);\nproto._touchActionValue = 'pan-y';\n\n// --------------------------  -------------------------- //\n\nconst isTouch = 'createTouch' in document;\nlet isTouchmoveScrollCanceled = false;\n\nproto._createDrag = function () {\n  this.on('activate', this.onActivateDrag);\n  this.on('uiChange', this._uiChangeDrag);\n  this.on('deactivate', this.onDeactivateDrag);\n  this.on('cellChange', this.updateDraggable);\n  // TODO updateDraggable on resize? if groupCells & slides change\n  // HACK - add seemingly innocuous handler to fix iOS 10 scroll behavior\n  // #457, RubaXa/Sortable#973\n  if (isTouch && !isTouchmoveScrollCanceled) {\n    window.addEventListener('touchmove', function () {});\n    isTouchmoveScrollCanceled = true;\n  }\n};\n\nproto.onActivateDrag = function () {\n  this.handles = [this.viewport];\n  this.bindHandles();\n  this.updateDraggable();\n};\n\nproto.onDeactivateDrag = function () {\n  this.unbindHandles();\n  this.element.classList.remove('is-draggable');\n};\n\nproto.updateDraggable = function () {\n  // disable dragging if less than 2 slides. #278\n  if (this.options.draggable == '>1') {\n    this.isDraggable = this.slides.length > 1;\n  } else {\n    this.isDraggable = this.options.draggable;\n  }\n  if (this.isDraggable) {\n    this.element.classList.add('is-draggable');\n  } else {\n    this.element.classList.remove('is-draggable');\n  }\n};\n\n// backwards compatibility\nproto.bindDrag = function () {\n  this.options.draggable = true;\n  this.updateDraggable();\n};\n\nproto.unbindDrag = function () {\n  this.options.draggable = false;\n  this.updateDraggable();\n};\n\nproto._uiChangeDrag = function () {\n  delete this.isFreeScrolling;\n};\n\n// -------------------------- pointer events -------------------------- //\n\nproto.pointerDown = function (event, pointer) {\n  if (!this.isDraggable) {\n    this._pointerDownDefault(event, pointer);\n    return;\n  }\n  const isOkay = this.okayPointerDown(event);\n  if (!isOkay) {\n    return;\n  }\n\n  this._pointerDownPreventDefault(event);\n  this.pointerDownFocus(event);\n  // blur\n  if (document.activeElement != this.element) {\n    // do not blur if already focused\n    this.pointerDownBlur();\n  }\n\n  // stop if it was moving\n  this.dragX = this.x;\n  this.viewport.classList.add('is-pointer-down');\n  // track scrolling\n  this.pointerDownScroll = getScrollPosition();\n  window.addEventListener('scroll', this);\n\n  this._pointerDownDefault(event, pointer);\n};\n\n// default pointerDown logic, used for staticClick\nproto._pointerDownDefault = function (event, pointer) {\n  // track start event position\n  // Safari 9 overrides pageX and pageY. These values needs to be copied. #779\n  this.pointerDownPointer = {\n    pageX: pointer.pageX,\n    pageY: pointer.pageY,\n  };\n  // bind move and end events\n  this._bindPostStartEvents(event);\n  this.dispatchEvent('pointerDown', event, [pointer]);\n};\n\nconst focusNodes = {\n  INPUT: true,\n  TEXTAREA: true,\n  SELECT: true,\n};\n\nproto.pointerDownFocus = function (event) {\n  const isFocusNode = focusNodes[event.target.nodeName];\n  if (!isFocusNode) {\n    this.focus();\n  }\n};\n\nproto._pointerDownPreventDefault = function (event) {\n  const isTouchStart = event.type == 'touchstart';\n  const isTouchPointer = event.pointerType == 'touch';\n  const isFocusNode = focusNodes[event.target.nodeName];\n  if (!isTouchStart && !isTouchPointer && !isFocusNode) {\n    event.preventDefault();\n  }\n};\n\n// ----- move ----- //\n\nproto.hasDragStarted = function (moveVector) {\n  return Math.abs(moveVector.x) > this.options.dragThreshold;\n};\n\n// ----- up ----- //\n\nproto.pointerUp = function (event, pointer) {\n  delete this.isTouchScrolling;\n  this.viewport.classList.remove('is-pointer-down');\n  this.dispatchEvent('pointerUp', event, [pointer]);\n  this._dragPointerUp(event, pointer);\n};\n\nproto.pointerDone = function () {\n  window.removeEventListener('scroll', this);\n  delete this.pointerDownScroll;\n};\n\n// -------------------------- dragging -------------------------- //\n\nproto.dragStart = function (event, pointer) {\n  if (!this.isDraggable) {\n    return;\n  }\n  this.dragStartPosition = this.x;\n  this.startAnimation();\n  window.removeEventListener('scroll', this);\n  this.dispatchEvent('dragStart', event, [pointer]);\n};\n\nproto.pointerMove = function (event, pointer) {\n  const moveVector = this._dragPointerMove(event, pointer);\n  this.dispatchEvent('pointerMove', event, [pointer, moveVector]);\n  this._dragMove(event, pointer, moveVector);\n};\n\nproto.dragMove = function (event, pointer, moveVector) {\n  if (!this.isDraggable) {\n    return;\n  }\n  event.preventDefault();\n\n  this.previousDragX = this.dragX;\n  // reverse if right-to-left\n  const direction = this.options.rightToLeft ? -1 : 1;\n  if (this.options.wrapAround) {\n    // wrap around move. #589\n    moveVector.x = moveVector.x % this.slideableWidth;\n  }\n  let dragX = this.dragStartPosition + moveVector.x * direction;\n\n  if (!this.options.wrapAround && this.slides.length) {\n    // slow drag\n    const originBound = Math.max(\n      -this.slides[0].target,\n      this.dragStartPosition\n    );\n    dragX = dragX > originBound ? (dragX + originBound) * 0.5 : dragX;\n    const endBound = Math.min(\n      -this.getLastSlide().target,\n      this.dragStartPosition\n    );\n    dragX = dragX < endBound ? (dragX + endBound) * 0.5 : dragX;\n  }\n\n  this.dragX = dragX;\n\n  this.dragMoveTime = new Date();\n  this.dispatchEvent('dragMove', event, [pointer, moveVector]);\n};\n\nproto.dragEnd = function (event, pointer) {\n  if (!this.isDraggable) {\n    return;\n  }\n  if (this.options.freeScroll) {\n    this.isFreeScrolling = true;\n  }\n  // set selectedIndex based on where flick will end up\n  let index = this.dragEndRestingSelect();\n\n  if (this.options.freeScroll && !this.options.wrapAround) {\n    // if free-scroll & not wrap around\n    // do not free-scroll if going outside of bounding slides\n    // so bounding slides can attract slider, and keep it in bounds\n    const restingX = this.getRestingPosition();\n    this.isFreeScrolling =\n      -restingX > this.slides[0].target &&\n      -restingX < this.getLastSlide().target;\n  } else if (!this.options.freeScroll && index == this.selectedIndex) {\n    // boost selection if selected index has not changed\n    index += this.dragEndBoostSelect();\n  }\n  delete this.previousDragX;\n  // apply selection\n  // TODO refactor this, selecting here feels weird\n  // HACK, set flag so dragging stays in correct direction\n  this.isDragSelect = this.options.wrapAround;\n  this.select(index);\n  delete this.isDragSelect;\n  this.dispatchEvent('dragEnd', event, [pointer]);\n};\n\nproto.dragEndRestingSelect = function () {\n  const restingX = this.getRestingPosition();\n  // how far away from selected slide\n  const distance = Math.abs(\n    this.getSlideDistance(-restingX, this.selectedIndex)\n  );\n  // get closet resting going up and going down\n  const positiveResting = this._getClosestResting(restingX, distance, 1);\n  const negativeResting = this._getClosestResting(restingX, distance, -1);\n  // use closer resting for wrap-around\n  const index =\n    positiveResting.distance < negativeResting.distance\n      ? positiveResting.index\n      : negativeResting.index;\n  return index;\n};\n\n/**\n * given resting X and distance to selected cell\n * get the distance and index of the closest cell\n * @param {Number} restingX - estimated post-flick resting position\n * @param {Number} distance - distance to selected cell\n * @param {Integer} increment - +1 or -1, going up or down\n * @returns {Object} - { distance: {Number}, index: {Integer} }\n */\nproto._getClosestResting = function (restingX, distance, increment) {\n  let index = this.selectedIndex;\n  let minDistance = Infinity;\n  const condition =\n    this.options.contain && !this.options.wrapAround\n      ? // if contain, keep going if distance is equal to minDistance\n        function (d, md) {\n          return d <= md;\n        }\n      : function (d, md) {\n          return d < md;\n        };\n  while (condition(distance, minDistance)) {\n    // measure distance to next cell\n    index += increment;\n    minDistance = distance;\n    distance = this.getSlideDistance(-restingX, index);\n    if (distance === null) {\n      break;\n    }\n    distance = Math.abs(distance);\n  }\n  return {\n    distance: minDistance,\n    // selected was previous index\n    index: index - increment,\n  };\n};\n\n/**\n * measure distance between x and a slide target\n * @param {Number} x\n * @param {Integer} index - slide index\n * @returns null or distance number\n */\nproto.getSlideDistance = function (x, index) {\n  const len = this.slides.length;\n  // wrap around if at least 2 slides\n  const isWrapAround = this.options.wrapAround && len > 1;\n  const slideIndex = isWrapAround ? utils.modulo(index, len) : index;\n  const slide = this.slides[slideIndex];\n  if (!slide) {\n    return null;\n  }\n  // add distance for wrap-around slides\n  const wrap = isWrapAround ? this.slideableWidth * Math.floor(index / len) : 0;\n  return x - (slide.target + wrap);\n};\n\nproto.dragEndBoostSelect = function () {\n  // do not boost if no previousDragX or dragMoveTime\n  if (\n    this.previousDragX === undefined ||\n    !this.dragMoveTime ||\n    // or if drag was held for 100 ms\n    (new Date() as any) - this.dragMoveTime > 100\n  ) {\n    return 0;\n  }\n\n  const distance = this.getSlideDistance(-this.dragX, this.selectedIndex);\n  const delta = this.previousDragX - this.dragX;\n  if (distance > 0 && delta > 0) {\n    // boost to next if moving towards the right, and positive velocity\n    return 1;\n  } else if (distance < 0 && delta < 0) {\n    // boost to previous if moving towards the left, and negative velocity\n    return -1;\n  }\n  return 0;\n};\n\n// ----- staticClick ----- //\n\nproto.staticClick = function (event, pointer) {\n  // get clickedCell, if cell was clicked\n  const clickedCell = this.getParentCell(event.target);\n  const cellElem = clickedCell && clickedCell.element;\n  const cellIndex = clickedCell && this.cells.indexOf(clickedCell);\n  this.dispatchEvent('staticClick', event, [pointer, cellElem, cellIndex]);\n};\n\n// ----- scroll ----- //\n\nproto.onscroll = function () {\n  const scroll = getScrollPosition();\n  const scrollMoveX = this.pointerDownScroll.x - scroll.x;\n  const scrollMoveY = this.pointerDownScroll.y - scroll.y;\n  // cancel click/tap if scroll is too much\n  if (Math.abs(scrollMoveX) > 3 || Math.abs(scrollMoveY) > 3) {\n    this._pointerDone();\n  }\n};\n\n// ----- utils ----- //\n\nfunction getScrollPosition() {\n  return {\n    x: window.pageXOffset,\n    y: window.pageYOffset,\n  };\n}\n\n// -----  ----- //\n"]}