@nanoporetech-digital/components 5.10.0 → 5.11.0

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

@@ -1,35 +1,31 @@
+/*!
+ * Web Components for Nanopore digital Web Apps
+ */
 import Flickity from './flickity';
-import utils from 'fizzy-ui-utils';
-
-var Slide = Flickity.Slide;
-
-var slideUpdateTarget = Slide.prototype.updateTarget;
-Slide.prototype.updateTarget = function () {
-  slideUpdateTarget.apply(this, arguments);
+import { utils } from './utils/utils';
+const Slide = Flickity.Slide;
+const slideUpdateTarget = Slide.prototype.updateTarget;
+Slide.prototype.updateTarget = function (...args) {
+  slideUpdateTarget.apply(this, args);
   if (!this.parent.options.fade) {
     return;
   }
   // position cells at selected target
-  var slideTargetX = this.target - this.x;
-  var firstCellX = this.cells[0].x;
+  const slideTargetX = this.target - this.x;
+  const firstCellX = this.cells[0].x;
   this.cells.forEach(function (cell) {
-    var targetX = cell.x - firstCellX - slideTargetX;
+    const targetX = cell.x - firstCellX - slideTargetX;
     cell.renderPosition(targetX);
   });
 };
-
 Slide.prototype.setOpacity = function (alpha) {
   this.cells.forEach(function (cell) {
     cell.element.style.opacity = alpha;
   });
 };
-
 // ---- Flickity ---- //
-
-var proto = Flickity.prototype;
-
+const proto = Flickity.prototype;
 Flickity.createMethods.push('_createFade');
-
 proto._createFade = function () {
   this.fadeIndex = this.selectedIndex;
   this.prevSelectedIndex = this.selectedIndex;
@@ -39,28 +35,24 @@ proto._createFade = function () {
   this.on('activate', this.onActivateFade);
   this.on('deactivate', this.onDeactivateFade);
 };
-
-var updateSlides = proto.updateSlides;
-proto.updateSlides = function () {
-  updateSlides.apply(this, arguments);
+const updateSlides = proto.updateSlides;
+proto.updateSlides = function (...args) {
+  updateSlides.apply(this, args);
   if (!this.options.fade) {
     return;
   }
   // set initial opacity
   this.slides.forEach(function (slide, i) {
-    var alpha = i == this.selectedIndex ? 1 : 0;
+    const alpha = i == this.selectedIndex ? 1 : 0;
     slide.setOpacity(alpha);
   }, this);
 };
-
 /* ---- events ---- */
-
 proto.onSelectFade = function () {
   // in case of resize, keep fadeIndex within current count
   this.fadeIndex = Math.min(this.prevSelectedIndex, this.slides.length - 1);
   this.prevSelectedIndex = this.selectedIndex;
 };
-
 proto.onSettleFade = function () {
   delete this.didDragEnd;
   if (!this.options.fade) {
@@ -68,23 +60,20 @@ proto.onSettleFade = function () {
   }
   // set full and 0 opacity on selected & faded slides
   this.selectedSlide.setOpacity(1);
-  var fadedSlide = this.slides[this.fadeIndex];
+  const fadedSlide = this.slides[this.fadeIndex];
   if (fadedSlide && this.fadeIndex != this.selectedIndex) {
     this.slides[this.fadeIndex].setOpacity(0);
   }
 };
-
 proto.onDragEndFade = function () {
   // set flag
   this.didDragEnd = true;
 };
-
 proto.onActivateFade = function () {
   if (this.options.fade) {
     this.element.classList.add('is-fade');
   }
 };
-
 proto.onDeactivateFade = function () {
   if (!this.options.fade) {
     return;
@@ -95,51 +84,43 @@ proto.onDeactivateFade = function () {
     slide.setOpacity('');
   });
 };
-
 /* ---- position & fading ---- */
-
-var positionSlider = proto.positionSlider;
-proto.positionSlider = function () {
+const positionSlider = proto.positionSlider;
+proto.positionSlider = function (...args) {
   if (!this.options.fade) {
-    positionSlider.apply(this, arguments);
+    positionSlider.apply(this, args);
     return;
   }
-
   this.fadeSlides();
   this.dispatchScrollEvent();
 };
-
-var positionSliderAtSelected = proto.positionSliderAtSelected;
-proto.positionSliderAtSelected = function () {
+const positionSliderAtSelected = proto.positionSliderAtSelected;
+proto.positionSliderAtSelected = function (...args) {
   if (this.options.fade) {
     // position fade slider at origin
     this.setTranslateX(0);
   }
-  positionSliderAtSelected.apply(this, arguments);
+  positionSliderAtSelected.apply(this, args);
 };
-
 proto.fadeSlides = function () {
   if (this.slides.length < 2) {
     return;
   }
   // get slides to fade-in & fade-out
-  var indexes = this.getFadeIndexes();
-  var fadeSlideA = this.slides[indexes.a];
-  var fadeSlideB = this.slides[indexes.b];
-  var distance = this.wrapDifference(fadeSlideA.target, fadeSlideB.target);
-  var progress = this.wrapDifference(fadeSlideA.target, -this.x);
+  const indexes = this.getFadeIndexes();
+  const fadeSlideA = this.slides[indexes.a];
+  const fadeSlideB = this.slides[indexes.b];
+  const distance = this.wrapDifference(fadeSlideA.target, fadeSlideB.target);
+  let progress = this.wrapDifference(fadeSlideA.target, -this.x);
   progress = progress / distance;
-
   fadeSlideA.setOpacity(1 - progress);
   fadeSlideB.setOpacity(progress);
-
   // hide previous slide
-  var fadeHideIndex = indexes.a;
+  let fadeHideIndex = indexes.a;
   if (this.isDragging) {
     fadeHideIndex = progress > 0.5 ? indexes.a : indexes.b;
   }
-  var isNewHideIndex =
-    this.fadeHideIndex != undefined &&
+  const isNewHideIndex = this.fadeHideIndex != undefined &&
     this.fadeHideIndex != fadeHideIndex &&
     this.fadeHideIndex != indexes.a &&
     this.fadeHideIndex != indexes.b;
@@ -149,7 +130,6 @@ proto.fadeSlides = function () {
   }
   this.fadeHideIndex = fadeHideIndex;
 };
-
 proto.getFadeIndexes = function () {
   if (!this.isDragging && !this.didDragEnd) {
     return {
@@ -159,35 +139,33 @@ proto.getFadeIndexes = function () {
   }
   if (this.options.wrapAround) {
     return this.getFadeDragWrapIndexes();
-  } else {
+  }
+  else {
     return this.getFadeDragLimitIndexes();
   }
 };
-
 proto.getFadeDragWrapIndexes = function () {
-  var distances = this.slides.map(function (slide, i) {
+  const distances = this.slides.map(function (_slide, i) {
     return this.getSlideDistance(-this.x, i);
   }, this);
-  var absDistances = distances.map(function (distance) {
+  const absDistances = distances.map(function (distance) {
     return Math.abs(distance);
   });
-  var minDistance = Math.min.apply(Math, absDistances);
-  var closestIndex = absDistances.indexOf(minDistance);
-  var distance = distances[closestIndex];
-  var len = this.slides.length;
-
-  var delta = distance >= 0 ? 1 : -1;
+  const minDistance = Math.min(...absDistances);
+  const closestIndex = absDistances.indexOf(minDistance);
+  const distance = distances[closestIndex];
+  const len = this.slides.length;
+  const delta = distance >= 0 ? 1 : -1;
   return {
     a: closestIndex,
     b: utils.modulo(closestIndex + delta, len),
   };
 };
-
 proto.getFadeDragLimitIndexes = function () {
   // calculate closest previous slide
-  var dragIndex = 0;
-  for (var i = 0; i < this.slides.length - 1; i++) {
-    var slide = this.slides[i];
+  let dragIndex = 0;
+  for (let i = 0; i < this.slides.length - 1; i++) {
+    const slide = this.slides[i];
     if (-this.x < slide.target) {
       break;
     }
@@ -198,16 +176,13 @@ proto.getFadeDragLimitIndexes = function () {
     b: dragIndex + 1,
   };
 };
-
 proto.wrapDifference = function (a, b) {
-  var diff = b - a;
-
+  let diff = b - a;
   if (!this.options.wrapAround) {
     return diff;
   }
-
-  var diffPlus = diff + this.slideableWidth;
-  var diffMinus = diff - this.slideableWidth;
+  const diffPlus = diff + this.slideableWidth;
+  const diffMinus = diff - this.slideableWidth;
   if (Math.abs(diffPlus) < Math.abs(diff)) {
     diff = diffPlus;
   }
@@ -216,19 +191,17 @@ proto.wrapDifference = function (a, b) {
   }
   return diff;
 };
-
 // ---- wrapAround ---- //
-
-var _getWrapShiftCells = proto._getWrapShiftCells;
-proto._getWrapShiftCells = function () {
+const _getWrapShiftCells = proto._getWrapShiftCells;
+proto._getWrapShiftCells = function (...args) {
   if (!this.options.fade) {
-    _getWrapShiftCells.apply(this, arguments);
+    _getWrapShiftCells.apply(this, args);
   }
 };
-
-var shiftWrapCells = proto.shiftWrapCells;
-proto.shiftWrapCells = function () {
+const shiftWrapCells = proto.shiftWrapCells;
+proto.shiftWrapCells = function (...args) {
   if (!this.options.fade) {
-    shiftWrapCells.apply(this, arguments);
+    shiftWrapCells.apply(this, args);
   }
 };
+//# sourceMappingURL=fade.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fade.js","sourceRoot":"","sources":["../../../../../src/components/slides/lib/js/fade.ts"],"names":[],"mappings":"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","sourcesContent":["import Flickity from './flickity';\nimport { utils } from './utils/utils';\n\nconst Slide = Flickity.Slide;\n\nconst slideUpdateTarget = Slide.prototype.updateTarget;\nSlide.prototype.updateTarget = function (...args) {\n  slideUpdateTarget.apply(this, args);\n  if (!this.parent.options.fade) {\n    return;\n  }\n  // position cells at selected target\n  const slideTargetX = this.target - this.x;\n  const firstCellX = this.cells[0].x;\n  this.cells.forEach(function (cell) {\n    const targetX = cell.x - firstCellX - slideTargetX;\n    cell.renderPosition(targetX);\n  });\n};\n\nSlide.prototype.setOpacity = function (alpha) {\n  this.cells.forEach(function (cell) {\n    cell.element.style.opacity = alpha;\n  });\n};\n\n// ---- Flickity ---- //\n\nconst proto = Flickity.prototype;\n\nFlickity.createMethods.push('_createFade');\n\nproto._createFade = function () {\n  this.fadeIndex = this.selectedIndex;\n  this.prevSelectedIndex = this.selectedIndex;\n  this.on('select', this.onSelectFade);\n  this.on('dragEnd', this.onDragEndFade);\n  this.on('settle', this.onSettleFade);\n  this.on('activate', this.onActivateFade);\n  this.on('deactivate', this.onDeactivateFade);\n};\n\nconst updateSlides = proto.updateSlides;\nproto.updateSlides = function (...args) {\n  updateSlides.apply(this, args);\n  if (!this.options.fade) {\n    return;\n  }\n  // set initial opacity\n  this.slides.forEach(function (slide, i) {\n    const alpha = i == this.selectedIndex ? 1 : 0;\n    slide.setOpacity(alpha);\n  }, this);\n};\n\n/* ---- events ---- */\n\nproto.onSelectFade = function () {\n  // in case of resize, keep fadeIndex within current count\n  this.fadeIndex = Math.min(this.prevSelectedIndex, this.slides.length - 1);\n  this.prevSelectedIndex = this.selectedIndex;\n};\n\nproto.onSettleFade = function () {\n  delete this.didDragEnd;\n  if (!this.options.fade) {\n    return;\n  }\n  // set full and 0 opacity on selected & faded slides\n  this.selectedSlide.setOpacity(1);\n  const fadedSlide = this.slides[this.fadeIndex];\n  if (fadedSlide && this.fadeIndex != this.selectedIndex) {\n    this.slides[this.fadeIndex].setOpacity(0);\n  }\n};\n\nproto.onDragEndFade = function () {\n  // set flag\n  this.didDragEnd = true;\n};\n\nproto.onActivateFade = function () {\n  if (this.options.fade) {\n    this.element.classList.add('is-fade');\n  }\n};\n\nproto.onDeactivateFade = function () {\n  if (!this.options.fade) {\n    return;\n  }\n  this.element.classList.remove('is-fade');\n  // reset opacity\n  this.slides.forEach(function (slide) {\n    slide.setOpacity('');\n  });\n};\n\n/* ---- position & fading ---- */\n\nconst positionSlider = proto.positionSlider;\nproto.positionSlider = function (...args) {\n  if (!this.options.fade) {\n    positionSlider.apply(this, args);\n    return;\n  }\n\n  this.fadeSlides();\n  this.dispatchScrollEvent();\n};\n\nconst positionSliderAtSelected = proto.positionSliderAtSelected;\nproto.positionSliderAtSelected = function (...args) {\n  if (this.options.fade) {\n    // position fade slider at origin\n    this.setTranslateX(0);\n  }\n  positionSliderAtSelected.apply(this, args);\n};\n\nproto.fadeSlides = function () {\n  if (this.slides.length < 2) {\n    return;\n  }\n  // get slides to fade-in & fade-out\n  const indexes = this.getFadeIndexes();\n  const fadeSlideA = this.slides[indexes.a];\n  const fadeSlideB = this.slides[indexes.b];\n  const distance = this.wrapDifference(fadeSlideA.target, fadeSlideB.target);\n  let progress = this.wrapDifference(fadeSlideA.target, -this.x);\n  progress = progress / distance;\n\n  fadeSlideA.setOpacity(1 - progress);\n  fadeSlideB.setOpacity(progress);\n\n  // hide previous slide\n  let fadeHideIndex = indexes.a;\n  if (this.isDragging) {\n    fadeHideIndex = progress > 0.5 ? indexes.a : indexes.b;\n  }\n  const isNewHideIndex =\n    this.fadeHideIndex != undefined &&\n    this.fadeHideIndex != fadeHideIndex &&\n    this.fadeHideIndex != indexes.a &&\n    this.fadeHideIndex != indexes.b;\n  if (isNewHideIndex) {\n    // new fadeHideSlide set, hide previous\n    this.slides[this.fadeHideIndex].setOpacity(0);\n  }\n  this.fadeHideIndex = fadeHideIndex;\n};\n\nproto.getFadeIndexes = function () {\n  if (!this.isDragging && !this.didDragEnd) {\n    return {\n      a: this.fadeIndex,\n      b: this.selectedIndex,\n    };\n  }\n  if (this.options.wrapAround) {\n    return this.getFadeDragWrapIndexes();\n  } else {\n    return this.getFadeDragLimitIndexes();\n  }\n};\n\nproto.getFadeDragWrapIndexes = function () {\n  const distances = this.slides.map(function (_slide, i) {\n    return this.getSlideDistance(-this.x, i);\n  }, this);\n  const absDistances = distances.map(function (distance) {\n    return Math.abs(distance);\n  });\n  const minDistance = Math.min(...absDistances);\n  const closestIndex = absDistances.indexOf(minDistance);\n  const distance = distances[closestIndex];\n  const len = this.slides.length;\n\n  const delta = distance >= 0 ? 1 : -1;\n  return {\n    a: closestIndex,\n    b: utils.modulo(closestIndex + delta, len),\n  };\n};\n\nproto.getFadeDragLimitIndexes = function () {\n  // calculate closest previous slide\n  let dragIndex = 0;\n  for (let i = 0; i < this.slides.length - 1; i++) {\n    const slide = this.slides[i];\n    if (-this.x < slide.target) {\n      break;\n    }\n    dragIndex = i;\n  }\n  return {\n    a: dragIndex,\n    b: dragIndex + 1,\n  };\n};\n\nproto.wrapDifference = function (a, b) {\n  let diff = b - a;\n\n  if (!this.options.wrapAround) {\n    return diff;\n  }\n\n  const diffPlus = diff + this.slideableWidth;\n  const diffMinus = diff - this.slideableWidth;\n  if (Math.abs(diffPlus) < Math.abs(diff)) {\n    diff = diffPlus;\n  }\n  if (Math.abs(diffMinus) < Math.abs(diff)) {\n    diff = diffMinus;\n  }\n  return diff;\n};\n\n// ---- wrapAround ---- //\n\nconst _getWrapShiftCells = proto._getWrapShiftCells;\nproto._getWrapShiftCells = function (...args) {\n  if (!this.options.fade) {\n    _getWrapShiftCells.apply(this, args);\n  }\n};\n\nconst shiftWrapCells = proto.shiftWrapCells;\nproto.shiftWrapCells = function (...args) {\n  if (!this.options.fade) {\n    shiftWrapCells.apply(this, args);\n  }\n};\n"]}