Reset on shuffle option

dist/jquery.slotmachine.css

@@ -1,5 +1,5 @@
 /*
- * jQuery Slot Machine v4.0.0
+ * jQuery Slot Machine v4.0.1
  * https://github.com/josex2r/jQuery-SlotMachineundefined
  *
  * Copyright 2014 Jose Luis Represa

gulpfile.js

@@ -7,7 +7,7 @@ const eslint = require('gulp-eslint');
 const uglify = require('gulp-uglify');
 const rename = require('gulp-rename');
 const clean = require('gulp-clean');
-const runSequence = require('run-sequence');
+const runSequence = require('gulp4-run-sequence');
 const open = require('open');
 const browserify = require('browserify');
 const buffer = require('vinyl-buffer');
@@ -30,7 +30,9 @@ gulp.task('lint', () => {
   return gulp.src([
     'lib/**/*.js',
     'tests/**/*.js'
-  ])
+  ], {
+    allowEmpty: true
+  })
     .pipe(eslint())
     .pipe(eslint.format())
     .pipe(eslint.failAfterError());
@@ -40,7 +42,9 @@ gulp.task('lint', () => {
 gulp.task('styles', () => {
   return gulp.src([
     'styles/index.css'
-  ])
+  ], {
+    allowEmpty: true
+  })
     .pipe(autoprefixer({
       browsers: ['last 10 versions', 'ie 8', 'ie 9'],
       cascade: false
@@ -80,7 +84,7 @@ gulp.task('jquery-wrapper', () => {
     .pipe(connect.reload())
     .pipe(gulp.dest('dist'));
 });
-gulp.task('scripts', ['lint', 'jquery-wrapper'], () => {
+gulp.task('scripts', gulp.series('lint', 'jquery-wrapper', () => {
   return browserify({
     entries: './lib/index.js',
     extensions: ['.js'],
@@ -103,28 +107,31 @@ gulp.task('scripts', ['lint', 'jquery-wrapper'], () => {
     .pipe(header(banner))
     .pipe(connect.reload())
     .pipe(gulp.dest('dist'));
-});
+}));
 
 // Clean
 gulp.task('clean', () => {
-  return gulp.src(['dist'], { read: false })
+  return gulp.src(['dist'], {
+    allowEmpty: true,
+    read: false
+  })
     .pipe(clean());
 });
 
 // Build App
-gulp.task('build', ['clean'], (callback) => {
+gulp.task('build', gulp.series('clean', (callback) => {
   runSequence(
     'styles',
     'scripts',
     callback
   );
-});
+}));
 
 // Default task
-gulp.task('default', ['build']);
+gulp.task('default', gulp.series('build'));
 
 // Watch
-gulp.task('server', ['build'], () => {
+gulp.task('server', gulp.series('build', () => {
   // Watch .scss files
   gulp.watch('styles/**/*.css', (event) => {
     console.log(`File ${event.path} was ${event.type}, running tasks...`);
@@ -143,4 +150,4 @@ gulp.task('server', ['build'], () => {
   });
 
   open('http://localhost:8080');
-});
+})) ;

lib/slot-machine.js

@@ -10,7 +10,8 @@ const defaults = {
   onComplete: null, // Callback function(result)
   inViewport: true, // Stops animations if the element isn´t visible on the screen
   direction: 'up', // Animation direction ['up'||'down']
-  transition: 'ease-in-out'
+  transition: 'ease-in-out',
+  resetOnShuffle: true // Reset slot machine's display on shuffle
 };
 const FX_NO_TRANSITION = 'slotMachineNoTransition';
 const FX_FAST = 'slotMachineBlurFast';
@@ -305,12 +306,18 @@ class SlotMachine {
       const delay = this._getDelayFromSpins(spins);
       // this.delay = delay;
       this._changeTransition(delay);
-      this._changeTransform(this.bounds.to);
+
+      if (this.resetOnShuffle) {
+        this._changeTransform(this.bounds.to);
+      }
+
       raf(() => {
         if (!this.stopping && this.running) {
           const left = spins - 1;
 
-          this._resetPosition(this.bounds.first);
+          if (this.resetOnShuffle) {
+            this._resetPosition(this.bounds.first);
+          }
 
           if (left > 1) {
             // Repeat animation