pawelgrzybek · legale · Jan 4, 2018 · Mar 21, 2018
diff --git a/.editorconfig b/.editorconfig
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md
diff --git a/.gitignore b/.gitignore
diff --git a/.npmignore b/.npmignore
diff --git a/LICENSE.md b/LICENSE.md
diff --git a/README.md b/README.md
diff --git a/dist/siema.min.js b/dist/siema.min.js
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
diff --git a/docs/assets/android-chrome-192x192.png b/docs/assets/android-chrome-192x192.png
diff --git a/docs/assets/android-chrome-256x256.png b/docs/assets/android-chrome-256x256.png
diff --git a/docs/assets/apple-touch-icon.png b/docs/assets/apple-touch-icon.png
diff --git a/docs/assets/browserconfig.xml b/docs/assets/browserconfig.xml
diff --git a/docs/assets/bs.svg b/docs/assets/bs.svg
diff --git a/docs/assets/favicon-16x16.png b/docs/assets/favicon-16x16.png
diff --git a/docs/assets/favicon-32x32.png b/docs/assets/favicon-32x32.png
diff --git a/docs/assets/favicon.ico b/docs/assets/favicon.ico
diff --git a/docs/assets/manifest.json b/docs/assets/manifest.json
diff --git a/docs/assets/mstile-150x150.png b/docs/assets/mstile-150x150.png
diff --git a/docs/assets/safari-pinned-tab.svg b/docs/assets/safari-pinned-tab.svg
diff --git a/docs/assets/siema--pink.svg b/docs/assets/siema--pink.svg
diff --git a/docs/assets/siema--yellow.svg b/docs/assets/siema--yellow.svg
diff --git a/docs/assets/siema.jpg b/docs/assets/siema.jpg
diff --git a/docs/assets/siema.min.js b/docs/assets/siema.min.js
diff --git a/docs/assets/siema.mp4 b/docs/assets/siema.mp4
diff --git a/docs/assets/siema.webm b/docs/assets/siema.webm
diff --git a/docs/assets/siematutorial.jpg b/docs/assets/siematutorial.jpg
diff --git a/docs/assets/style.css b/docs/assets/style.css
diff --git a/docs/index.md b/docs/index.md
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
diff --git a/src/siema.js b/src/siema.js
@@ -1,12 +1,15 @@
 /**
  * Hi :-) This is a class representing a Siema.
  */
-export default class Siema {
+class Siema {
   /**
    * Create a Siema.
    * @param {Object} options - Optional settings object.
    */
   constructor(options) {
+	//class vars
+	this.preventClickFlag = false;
+
     // Merge defaults with user's settings
     this.config = Siema.mergeSettings(options);
 
@@ -25,7 +28,7 @@ export default class Siema {
     this.transformProperty = Siema.webkitOrNot();
 
     // Bind all event handlers for referencability
-    ['resizeHandler', 'touchstartHandler', 'touchendHandler', 'touchmoveHandler', 'mousedownHandler', 'mouseupHandler', 'mouseleaveHandler', 'mousemoveHandler'].forEach(method => {
+    ['resizeHandler', 'touchstartHandler', 'touchendHandler', 'touchmoveHandler', 'mousedownHandler', 'mouseupHandler', 'mouseleaveHandler', 'mousemoveHandler', 'mouseclickHandler'].forEach(method => {
       this[method] = this[method].bind(this);
     });
 
@@ -50,6 +53,7 @@ export default class Siema {
       multipleDrag: true,
       threshold: 20,
       loop: false,
+      autorotate: 3000,
       onInit: () => {},
       onChange: () => {},
     };
@@ -103,6 +107,7 @@ export default class Siema {
       this.selector.addEventListener('mouseup', this.mouseupHandler);
       this.selector.addEventListener('mouseleave', this.mouseleaveHandler);
       this.selector.addEventListener('mousemove', this.mousemoveHandler);
+      this.selector.addEventListener('click', this.mouseclickHandler);
     }
   }
 
@@ -116,6 +121,7 @@ export default class Siema {
     this.selector.removeEventListener('touchstart', this.touchstartHandler);
     this.selector.removeEventListener('touchend', this.touchendHandler);
     this.selector.removeEventListener('touchmove', this.touchmoveHandler);
+    this.selector.removeEventListener('click', this.mouseclickHandler);
     this.selector.removeEventListener('mousedown', this.mousedownHandler);
     this.selector.removeEventListener('mouseup', this.mouseupHandler);
     this.selector.removeEventListener('mouseleave', this.mouseleaveHandler);
@@ -168,6 +174,7 @@ export default class Siema {
     // Go to currently active slide after initial build
     this.slideToCurrent();
     this.config.onInit.call(this);
+    this.config.autorotate !== undefined ? this.autorotate() : null;
   }
 
 
@@ -239,6 +246,15 @@ export default class Siema {
       }
     }
   }
+
+  /**
+   * autorotate
+   */
+  autorotate() {
+	if(this.config.autorotate !== undefined && this.config.autorotate != 0){
+		let timerId = setTimeout( () => {this.next(); this.autorotate();}, this.config.autorotate);
+	}
+  }
 
 
   /**
@@ -378,6 +394,7 @@ export default class Siema {
    * mousedown event handler
    */
   mousedownHandler(e) {
+	this.preventClickFlag = false;
     // Prevent dragging / swiping on inputs, selects and textareas
     const ignoreSiema = ['TEXTAREA', 'OPTION', 'INPUT', 'SELECT'].indexOf(e.target.nodeName) !== -1;
     if (ignoreSiema) {
@@ -411,6 +428,7 @@ export default class Siema {
    * mousemove event handler
    */
   mousemoveHandler(e) {
+	this.preventClickFlag = true;
     e.preventDefault();
     if (this.pointerDown) {
       this.drag.endX = e.pageX;
@@ -420,6 +438,15 @@ export default class Siema {
       this.sliderFrame.style[this.transformProperty] = `translate3d(${(this.currentSlide * (this.selectorWidth / this.perPage) + (this.drag.startX - this.drag.endX)) * -1}px, 0, 0)`;
     }
   }
+
+  /**
+   * mouseclick event handler
+   */
+  mouseclickHandler(e) {
+	if(this.preventClickFlag){
+		e.preventDefault();
+	}
+  }
 
 
   /**

diff --git a/webpack.config.js b/webpack.config.js
diff --git a/yarn.lock b/yarn.lock