v0.5.3

Author: Mobius1

dist/pageable.css

@@ -1,6 +1,6 @@
 {
   "name": "pageable",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "Create full page scrolling web pages. No jQuery.",
   "main": "dist/pageable.js",
   "scripts": {

dist/pageable.js

@@ -2,7 +2,7 @@ import SlideShow from "./classes/slideshow";
 import Emitter from "./classes/emitter";
 
 /**
- * Pageable 0.5.2
+ * Pageable 0.5.3
  * 
  * https://github.com/Mobius1/Pageable
  * Released under the MIT license
@@ -195,22 +195,7 @@ export default class Pageable extends Emitter {
             this.lastIndex = this.pageCount - 1;
 
             if (o.infinite) {
-                const first = this.pages[0].cloneNode(true);
-                const last = this.pages[this.lastIndex].cloneNode(true);
-
-                first.id = `${first.id}-clone`;
-                last.id = `${last.id}-clone`;
-
-                first.classList.add("pg-clone");
-                last.classList.add("pg-clone");
-
-                first.classList.remove("pg-active");
-                last.classList.remove("pg-active");
-
-                this.clones = [first, last];
-
-                this.container.insertBefore(last, this.pages[0]);
-                this.container.appendChild(first);
+                this._toggleInfinite();
             }
 
             this.bind();
@@ -226,7 +211,7 @@ export default class Pageable extends Emitter {
             this.emit("init", data);				
 
             this.initialised = true;
-						this.container.pageable = this;
+            this.container.pageable = this;
 
             if (o.slideshow && typeof SlideShow === "function") {
                 this.slider = new SlideShow(this);
@@ -536,9 +521,7 @@ export default class Pageable extends Emitter {
 
             // remove cloned nodes
             if (this.config.infinite) {
-                for (const clone of this.clones) {
-                    this.container.removeChild(clone);
-                }
+                this._toggleInfinite(true);
             }
 
             // kill the slideshow
@@ -548,7 +531,7 @@ export default class Pageable extends Emitter {
             }
 
             this.initialised = false;
-						delete this.container.pageable;
+			delete this.container.pageable;
         }
     }
 
@@ -983,6 +966,34 @@ export default class Pageable extends Emitter {
             t
         );
     }
+	
+		_toggleInfinite(destroy) {
+			if ( destroy ) {
+				for (const clone of this.clones) {
+						this.container.removeChild(clone);
+				}
+				this.config.infinite = false;
+			} else {
+				this.config.infinite = true;
+				
+				const first = this.pages[0].cloneNode(true);
+				const last = this.pages[this.lastIndex].cloneNode(true);
+
+				first.id = `${first.id}-clone`;
+				last.id = `${last.id}-clone`;
+
+				first.classList.add("pg-clone");
+				last.classList.add("pg-clone");
+
+				first.classList.remove("pg-active");
+				last.classList.remove("pg-active");
+
+				this.clones = [first, last];
+
+				this.container.insertBefore(last, this.pages[0]);
+				this.container.appendChild(first);
+			}
+		}
 
     /**
      * Limit dragging / swiping