From 56606bb9e3c60f042d0aff3e1da862e0ec3853e7 Mon Sep 17 00:00:00 2001
From: Nick Piscitelli <mail@nickpiscitelli.com>
Date: Tue, 13 Nov 2018 22:46:39 -0500
Subject: [PATCH] Added global event binder

Fixed bug with responsive setting not
properly reverting to defaults

Draggable setting now properly respects
responsive settings
---
 docs/assets/js/glider.js | 83 ++++++++++++++++++++++++++--------------
 docs/index.html          | 12 +++---
 glider.js                | 83 ++++++++++++++++++++++++++--------------
 glider.min.js            | 28 +++++++-------
 index.html               | 10 ++++-
 5 files changed, 137 insertions(+), 79 deletions(-)

diff --git a/docs/assets/js/glider.js b/docs/assets/js/glider.js
index b83b8dc..a890058 100644
--- a/docs/assets/js/glider.js
+++ b/docs/assets/js/glider.js
@@ -5,7 +5,7 @@
   \___//_//_/ \_,_/ \__//_/  (_)__/ //___/
                               |___/
 
-  Version: 1.5.1
+  Version: 1.5.2
   Author: Nick Piscitelli (pickykneee)
   Website: https://nickpiscitelli.com
   Documentation: http://nickpiscitelli.github.io/Glider.js
@@ -20,9 +20,7 @@
 }(function() {
   'use strict';
 
-  var Glider = window.Glider = (function() {
-
-    function Glider(element, settings) {
+  var Glider = window.Glider = function (element, settings) {
 
       var _ = this;
 
@@ -65,28 +63,14 @@
       _.init();
 
       // set events
-      _.ele.classList.toggle('draggable', _.opt.draggable === true)
-      if (_.opt.draggable){
-        _.mouseup = function(){
-          _.mouseDown = undefined;
-          _.ele.classList.remove('drag');
-        }
-        _.ele.addEventListener('mouseup', _.mouseup);
-        _.ele.addEventListener('mouseleave', _.mouseup);
-        _.ele.addEventListener('mousedown',function(e){
-          _.mouseDown = e.clientX;
-          _.ele.classList.add('drag');
-        });
-        _.ele.addEventListener('mousemove', _.handleMouse.bind(_));
-      }
       _.resize = _.init.bind(_, true);
-      _.ele.addEventListener('scroll', _.updateControls.bind(_))
-      window.addEventListener('resize', _.resize);
-    }
-
-    return Glider;
-
-  }());
+      _.event(_.ele, 'add', {
+        scroll: _.updateControls.bind(_)
+      });
+      _.event(window, 'add', {
+        resize: _.resize
+      })
+    };
 
   var gliderPrototype = Glider.prototype;
   gliderPrototype.init = function(refresh, paging) {
@@ -130,11 +114,35 @@
       _.bindArrows();
       _.buildDots();
       _.updateControls();
+      _.bindDrag();
     }
 
     _.emit(refresh ? 'refresh ' : 'loaded')
   };
 
+  gliderPrototype.bindDrag = function(){
+    var _ = this;
+    _.mouse = _.mouse || _.handleMouse.bind(_);
+
+    var mouseup = function(){
+        _.mouseDown = undefined;
+        _.ele.classList.remove('drag');
+      },
+      events = {
+        mouseup:  mouseup,
+        mouseleave:  mouseup,
+        mousedown: function(e){
+          _.mouseDown = e.clientX;
+          _.ele.classList.add('drag');
+        },
+        mousemove: _.mouse
+      };
+
+    _.ele.classList.toggle('draggable', _.opt.draggable === true)
+    _.event(_.ele, 'remove', events);
+    if (_.opt.draggable)  _.event(_.ele, 'add', events);
+  }
+
   gliderPrototype.buildDots = function(){
     var _ = this;
 
@@ -154,7 +162,9 @@
       var li = document.createElement(_.opt.dotTag || 'i');
       li.setAttribute('data-index', i);
       li.className = 'glider-dot '+(i ? '' : 'active');
-      li.addEventListener('click',_.scrollItem.bind(_, i, true))
+      _.event(li, 'add', {
+        click: _.scrollItem.bind(_, i, true)
+      })
       _.dots.appendChild(li);
     }
   }
@@ -167,8 +177,12 @@
       if (arrow){
         if (typeof arrow === 'string')  arrow = document.querySelector(arrow);
         arrow._func = arrow._func || _.scrollItem.bind(_, direction)
-        arrow.removeEventListener('click', arrow._func)
-        arrow.addEventListener('click', arrow._func)
+        _.event(arrow, 'remove', {
+          click: arrow._func
+        });
+        _.event(arrow, 'add', {
+          click: arrow._func
+        });
         _.arrows[direction] = arrow;
       }
     });
@@ -300,6 +314,8 @@
         }
       }
     }
+    // set back to defaults in case they were overriden
+    _.opt = Object.assign({}, _._opt);
     return false;
   }
 
@@ -375,7 +391,9 @@
     clear(replace);
     [].forEach.call(replace.getElementsByTagName('*'),clear);
     _.ele.parentNode.replaceChild(replace, _.ele);
-    window.removeEventListener('resize', _.resize);
+    _.event(window, 'remove', {
+      resize: _.resize
+    });
     _.emit('destroy')
   }
 
@@ -386,4 +404,11 @@
     });
     _.ele.dispatchEvent(e);
   }
+
+  gliderPrototype.event = function(ele, type, args){
+    var eventHandler = ele[type+'EventListener'].bind(ele);
+    Object.keys(args).forEach(function(k){
+      eventHandler(k, args[k]);
+    });
+  }
 }));
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 45c2b60..1967ee9 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -400,9 +400,9 @@ <h2>Fractional Slides</h2>
           </div>
           <script>
             var glider = new Glider(document.getElementById('glider-cut'), {
-              slidesToScroll: 1.337,
-              slidesToShow: 5.555,
-              dots: '#frac-dots',
+              slidesToScroll: 1,
+              slidesToShow: 5.5,
+              draggable: true,
               arrows: {
                 prev: '#cut-prev',
                 next: '#cut-next'
@@ -413,8 +413,9 @@ <h2>Fractional Slides</h2>
           <pre class="line-numbers language-javascript">
             <code class="line-numbers language-javascript">
               new Glider(document.querySelector('.glider'), {
-                slidesToScroll: 1.337,
-                slidesToShow: 5.555,
+                slidesToScroll: 1,
+                slidesToShow: 5.5,
+                draggable: true,
                 dots: '.dots',
                 arrows: {
                   prev: '.glider-prev',
@@ -456,7 +457,6 @@ <h2>Add/Remove Items</h2>
             var glider = new Glider(document.getElementById('glider-add'), {
               slidesToShow: 3,
               duration: .6,
-              slidesToScroll: 3,
               dots: '#add-dots',
               arrows: {
                 prev: '#glider-prev-add',
diff --git a/glider.js b/glider.js
index b83b8dc..a890058 100644
--- a/glider.js
+++ b/glider.js
@@ -5,7 +5,7 @@
   \___//_//_/ \_,_/ \__//_/  (_)__/ //___/
                               |___/
 
-  Version: 1.5.1
+  Version: 1.5.2
   Author: Nick Piscitelli (pickykneee)
   Website: https://nickpiscitelli.com
   Documentation: http://nickpiscitelli.github.io/Glider.js
@@ -20,9 +20,7 @@
 }(function() {
   'use strict';
 
-  var Glider = window.Glider = (function() {
-
-    function Glider(element, settings) {
+  var Glider = window.Glider = function (element, settings) {
 
       var _ = this;
 
@@ -65,28 +63,14 @@
       _.init();
 
       // set events
-      _.ele.classList.toggle('draggable', _.opt.draggable === true)
-      if (_.opt.draggable){
-        _.mouseup = function(){
-          _.mouseDown = undefined;
-          _.ele.classList.remove('drag');
-        }
-        _.ele.addEventListener('mouseup', _.mouseup);
-        _.ele.addEventListener('mouseleave', _.mouseup);
-        _.ele.addEventListener('mousedown',function(e){
-          _.mouseDown = e.clientX;
-          _.ele.classList.add('drag');
-        });
-        _.ele.addEventListener('mousemove', _.handleMouse.bind(_));
-      }
       _.resize = _.init.bind(_, true);
-      _.ele.addEventListener('scroll', _.updateControls.bind(_))
-      window.addEventListener('resize', _.resize);
-    }
-
-    return Glider;
-
-  }());
+      _.event(_.ele, 'add', {
+        scroll: _.updateControls.bind(_)
+      });
+      _.event(window, 'add', {
+        resize: _.resize
+      })
+    };
 
   var gliderPrototype = Glider.prototype;
   gliderPrototype.init = function(refresh, paging) {
@@ -130,11 +114,35 @@
       _.bindArrows();
       _.buildDots();
       _.updateControls();
+      _.bindDrag();
     }
 
     _.emit(refresh ? 'refresh ' : 'loaded')
   };
 
+  gliderPrototype.bindDrag = function(){
+    var _ = this;
+    _.mouse = _.mouse || _.handleMouse.bind(_);
+
+    var mouseup = function(){
+        _.mouseDown = undefined;
+        _.ele.classList.remove('drag');
+      },
+      events = {
+        mouseup:  mouseup,
+        mouseleave:  mouseup,
+        mousedown: function(e){
+          _.mouseDown = e.clientX;
+          _.ele.classList.add('drag');
+        },
+        mousemove: _.mouse
+      };
+
+    _.ele.classList.toggle('draggable', _.opt.draggable === true)
+    _.event(_.ele, 'remove', events);
+    if (_.opt.draggable)  _.event(_.ele, 'add', events);
+  }
+
   gliderPrototype.buildDots = function(){
     var _ = this;
 
@@ -154,7 +162,9 @@
       var li = document.createElement(_.opt.dotTag || 'i');
       li.setAttribute('data-index', i);
       li.className = 'glider-dot '+(i ? '' : 'active');
-      li.addEventListener('click',_.scrollItem.bind(_, i, true))
+      _.event(li, 'add', {
+        click: _.scrollItem.bind(_, i, true)
+      })
       _.dots.appendChild(li);
     }
   }
@@ -167,8 +177,12 @@
       if (arrow){
         if (typeof arrow === 'string')  arrow = document.querySelector(arrow);
         arrow._func = arrow._func || _.scrollItem.bind(_, direction)
-        arrow.removeEventListener('click', arrow._func)
-        arrow.addEventListener('click', arrow._func)
+        _.event(arrow, 'remove', {
+          click: arrow._func
+        });
+        _.event(arrow, 'add', {
+          click: arrow._func
+        });
         _.arrows[direction] = arrow;
       }
     });
@@ -300,6 +314,8 @@
         }
       }
     }
+    // set back to defaults in case they were overriden
+    _.opt = Object.assign({}, _._opt);
     return false;
   }
 
@@ -375,7 +391,9 @@
     clear(replace);
     [].forEach.call(replace.getElementsByTagName('*'),clear);
     _.ele.parentNode.replaceChild(replace, _.ele);
-    window.removeEventListener('resize', _.resize);
+    _.event(window, 'remove', {
+      resize: _.resize
+    });
     _.emit('destroy')
   }
 
@@ -386,4 +404,11 @@
     });
     _.ele.dispatchEvent(e);
   }
+
+  gliderPrototype.event = function(ele, type, args){
+    var eventHandler = ele[type+'EventListener'].bind(ele);
+    Object.keys(args).forEach(function(k){
+      eventHandler(k, args[k]);
+    });
+  }
 }));
\ No newline at end of file
diff --git a/glider.min.js b/glider.min.js
index dd6a6e4..88db14b 100644
--- a/glider.min.js
+++ b/glider.min.js
@@ -5,7 +5,7 @@
   \___//_//_/ \_,_/ \__//_/  (_)__/ //___/
                               |___/
 
-  Version: 1.5
+  Version: 1.5.2
   Author: Nick Piscitelli (pickykneee)
   Website: https://nickpiscitelli.com
   Documentation: http://nickpiscitelli.github.io/Glider.js
@@ -13,16 +13,16 @@
   Release Date: October 25th, 2018
 
 */
-(function(e){"function"===typeof define&&define.amd?define(e):"object"===typeof exports?module.exports=e():e()})(function(){var e=(window.Glider=function(){return function(c,b){var a=this;if(c._glider)return c._glider;a.ele=c;a.ele.classList.add("glider");a.ele._glider=a;a.opt=Object.assign({},{slidesToScroll:1,slidesToShow:1,duration:.5,easing:function(a,b,c,e,f){return e*(b/=f)*b+c}},b);a.aIndex=a.page=a.slide=0;a.arrows={};a._opt=a.opt;a.track=document.createElement("div");a.track.className="glider-track";
-for(a.ele.appendChild(a.track);1!==a.ele.children.length;)a.track.appendChild(a.ele.children[0]);a.init();a.ele.classList.toggle("draggable",!0===a.opt.draggable);a.opt.draggable&&(a.mouseup=function(){a.mouseDown=void 0;a.ele.classList.remove("drag")},a.ele.addEventListener("mouseup",a.mouseup),a.ele.addEventListener("mouseleave",a.mouseup),a.ele.addEventListener("mousedown",function(b){a.mouseDown=b.clientX;a.ele.classList.add("drag")}),a.ele.addEventListener("mousemove",a.handleMouse.bind(a)));
-a.resize=a.init.bind(a,!0);a.ele.addEventListener("scroll",a.updateControls.bind(a));window.addEventListener("resize",a.resize)}}()).prototype;e.init=function(c,b){var a=this,d=0;a.slides=a.track.children;[].forEach.call(a.slides,function(a){a.classList.add("glider-slide")});a.containerWidth=a.ele.clientWidth;var e=a.settingsBreakpoint();b||(b=e);"auto"===a.opt.slidesToShow&&(a.opt.slidesToShow=Math.floor(a.containerWidth/a.opt.itemWidth));"auto"===a.opt.slidesToScroll&&(a.opt.slidesToScroll=a.opt.slidesToShow);
-a.itemWidth=a.containerWidth/a.opt.slidesToShow;[].forEach.call(a.slides,function(b){b.style.height="auto";b.style.width=a.itemWidth+"px";d+=a.itemWidth});a.track.style.width=d+"px";a.trackWidth=d;if(!c||b)a.bindArrows(),a.buildDots(),a.updateControls();a.emit(c?"refresh ":"loaded")};e.buildDots=function(){if(this.opt.dots){if(this.dots="string"===typeof this.opt.dots?document.querySelector(this.opt.dots):this.opt.dots){this.dots.innerHTML="";this.dots.className="glider-dots";for(var c=0;c<Math.ceil(this.slides.length/
-this.opt.slidesToShow);++c){var b=document.createElement(this.opt.dotTag||"i");b.setAttribute("data-index",c);b.className="glider-dot "+(c?"":"active");b.addEventListener("click",this.scrollItem.bind(this,c,!0));this.dots.appendChild(b)}}}else this.dots&&(this.dots.innerHTML="")};e.bindArrows=function(){var c=this;c.opt.arrows&&["prev","next"].forEach(function(b){var a=c.opt.arrows[b];a&&("string"===typeof a&&(a=document.querySelector(a)),a._func=a._func||c.scrollItem.bind(c,b),a.removeEventListener("click",
-a._func),a.addEventListener("click",a._func),c.arrows[b]=a)})};e.updateControls=function(c){var b=this;c&&!b.opt.scrollPropagate&&c.stopPropagation();var a=b.containerWidth>=b.trackWidth;b.arrows.prev&&b.arrows.prev.classList.toggle("disabled",0>=b.ele.scrollLeft||a);b.arrows.next&&b.arrows.next.classList.toggle("disabled",b.ele.scrollLeft+b.containerWidth>=Math.floor(b.trackWidth)||a);b.slide=Math.round(b.ele.scrollLeft/b.itemWidth);b.page=Math.round(b.ele.scrollLeft/b.containerWidth);var d=b.slide+
-Math.floor(Math.floor(b.opt.slidesToShow)/2),e=Math.floor(b.opt.slidesToShow)%2?0:d+1;1==Math.floor(b.opt.slidesToShow)&&(e=0);b.ele.scrollLeft+b.containerWidth>=Math.floor(b.trackWidth)&&(b.page=b.dots?b.dots.children.length-1:0,b.slide=b.slides.length-b.opt.slidesToShow);[].forEach.call(b.slides,function(a,c){var f=a.classList,l=f.contains("visible"),g=b.ele.scrollLeft,k=b.ele.scrollLeft+b.containerWidth,h=b.itemWidth*c,m=h+b.itemWidth;f.forEach(function(a){/^left|right/.test(a)&&f.remove(a)});
-f.toggle("active",b.slide===c);d==c||e&&e==c?f.add("center"):(f.remove("center"),f.add([c<d?"left":"right",Math.abs(c-(c<d?d:e||d))].join("-")));g=h>=g&&m<=k;f.toggle("visible",g);g!=l&&b.emit("slide-"+(g?"visible":"hidden"),{slide:c})});b.dots&&[].forEach.call(b.dots.children,function(a,c){a.classList.toggle("active",b.page===c)});c&&b.opt.scrollLock&&(clearTimeout(b.scrollLock),b.scrollLock=setTimeout(function(){clearTimeout(b.scrollLock);b.ele.scrollLeft/b.itemWidth%1&&b.scrollItem(b.round(b.ele.scrollLeft/
-b.itemWidth))},b.opt.scrollLockDelay||250))};e.scrollItem=function(c,b,a){a&&a.preventDefault();var d=this,e=c;d.aIndex++;!0===b?c*=d.containerWidth:("string"===typeof c&&(a="prev"===c,c=d.opt.slidesToScroll%1||d.opt.slidesToShow%1?d.round(d.ele.scrollLeft/d.itemWidth):d.slide,c=a?c-d.opt.slidesToScroll:c+d.opt.slidesToScroll),c=Math.max(Math.min(c,d.slides.length),0),d.slide=c,c*=d.itemWidth);d.scrollTo(c,d.opt.duration*Math.abs(d.ele.scrollLeft-c),function(){d.updateControls();d.emit("animated",
-{value:e,type:"string"===typeof e?"arrow":b?"dot":"slide"})});return!1};e.settingsBreakpoint=function(){var c=this._opt.responsive;if(c)for(var b=0;b<c.length;++b){var a=c[b];if(window.innerWidth>a.breakpoint)return this.opt=Object.assign({},this._opt,a.settings),!0}return!1};e.scrollTo=function(c,b,a){var d=this,e=(new Date).getTime(),h=d.aIndex,k=function(){var f=(new Date).getTime()-e;d.ele.scrollLeft+=(c-d.ele.scrollLeft)*d.opt.easing(0,f,0,1,b);f<b&&h==d.aIndex?window.requestAnimationFrame(k):
-(d.ele.scrollLeft=c,a&&a.call(d))};window.requestAnimationFrame(k)};e.removeItem=function(c){this.slides.length&&(this.track.removeChild(this.slides[c]),this.init(!0,!0),this.emit("remove"))};e.addItem=function(c){this.track.appendChild(c);this.init(!0,!0);this.emit("add")};e.handleMouse=function(c){this.mouseDown&&(this.ele.scrollLeft+=(this.mouseDown-c.clientX)*(this.opt.dragVelocity||3.3),this.mouseDown=c.clientX)};e.round=function(c){var b=1/(this.opt.slidesToScroll%1||1);return Math.round(c*
-b)/b};e.refresh=function(c){this.init(!0,c)};e.setOption=function(c){this.opt=Object.assign({},this.opt,c)};e.destroy=function(){var c=this.ele.cloneNode(!0),b=function(a){a.removeAttribute("style");a.classList.forEach(function(b){/^glider/.test(b)&&a.classList.remove(b)})};c.children[0].outerHTML=c.children[0].innerHTML;b(c);[].forEach.call(c.getElementsByTagName("*"),b);this.ele.parentNode.replaceChild(c,this.ele);window.removeEventListener("resize",this.resize);this.emit("destroy")};e.emit=function(c,
-b){var a=new CustomEvent("glider-"+c,{bubbles:!this.opt.eventPropagate,detail:b});this.ele.dispatchEvent(a)}});
\ No newline at end of file
+(function(e){"function"===typeof define&&define.amd?define(e):"object"===typeof exports?module.exports=e():e()})(function(){var e=(window.Glider=function(b,a){if(b._glider)return b._glider;this.ele=b;this.ele.classList.add("glider");this.ele._glider=this;this.opt=Object.assign({},{slidesToScroll:1,slidesToShow:1,duration:.5,easing:function(a,b,e,h,g){return h*(b/=g)*b+e}},a);this.aIndex=this.page=this.slide=0;this.arrows={};this._opt=this.opt;this.track=document.createElement("div");this.track.className=
+"glider-track";for(this.ele.appendChild(this.track);1!==this.ele.children.length;)this.track.appendChild(this.ele.children[0]);this.init();this.resize=this.init.bind(this,!0);this.event(this.ele,"add",{scroll:this.updateControls.bind(this)});this.event(window,"add",{resize:this.resize})}).prototype;e.init=function(b,a){var c=this,d=0;c.slides=c.track.children;[].forEach.call(c.slides,function(a){a.classList.add("glider-slide")});c.containerWidth=c.ele.clientWidth;var e=c.settingsBreakpoint();a||(a=
+e);"auto"===c.opt.slidesToShow&&(c.opt.slidesToShow=Math.floor(c.containerWidth/c.opt.itemWidth));"auto"===c.opt.slidesToScroll&&(c.opt.slidesToScroll=c.opt.slidesToShow);c.itemWidth=c.containerWidth/c.opt.slidesToShow;[].forEach.call(c.slides,function(a){a.style.height="auto";a.style.width=c.itemWidth+"px";d+=c.itemWidth});c.track.style.width=d+"px";c.trackWidth=d;if(!b||a)c.bindArrows(),c.buildDots(),c.updateControls(),c.bindDrag();c.emit(b?"refresh ":"loaded")};e.bindDrag=function(){var b=this;
+b.mouse=b.mouse||b.handleMouse.bind(b);var a=function(){b.mouseDown=void 0;b.ele.classList.remove("drag")};a={mouseup:a,mouseleave:a,mousedown:function(a){b.mouseDown=a.clientX;b.ele.classList.add("drag")},mousemove:b.mouse};b.ele.classList.toggle("draggable",!0===b.opt.draggable);b.event(b.ele,"remove",a);b.opt.draggable&&b.event(b.ele,"add",a)};e.buildDots=function(){if(this.opt.dots){if(this.dots="string"===typeof this.opt.dots?document.querySelector(this.opt.dots):this.opt.dots){this.dots.innerHTML=
+"";this.dots.className="glider-dots";for(var b=0;b<Math.ceil(this.slides.length/this.opt.slidesToShow);++b){var a=document.createElement(this.opt.dotTag||"i");a.setAttribute("data-index",b);a.className="glider-dot "+(b?"":"active");this.event(a,"add",{click:this.scrollItem.bind(this,b,!0)});this.dots.appendChild(a)}}}else this.dots&&(this.dots.innerHTML="")};e.bindArrows=function(){var b=this;b.opt.arrows&&["prev","next"].forEach(function(a){var c=b.opt.arrows[a];c&&("string"===typeof c&&(c=document.querySelector(c)),
+c._func=c._func||b.scrollItem.bind(b,a),b.event(c,"remove",{click:c._func}),b.event(c,"add",{click:c._func}),b.arrows[a]=c)})};e.updateControls=function(b){var a=this;b&&!a.opt.scrollPropagate&&b.stopPropagation();var c=a.containerWidth>=a.trackWidth;a.arrows.prev&&a.arrows.prev.classList.toggle("disabled",0>=a.ele.scrollLeft||c);a.arrows.next&&a.arrows.next.classList.toggle("disabled",a.ele.scrollLeft+a.containerWidth>=Math.floor(a.trackWidth)||c);a.slide=Math.round(a.ele.scrollLeft/a.itemWidth);
+a.page=Math.round(a.ele.scrollLeft/a.containerWidth);var d=a.slide+Math.floor(Math.floor(a.opt.slidesToShow)/2),e=Math.floor(a.opt.slidesToShow)%2?0:d+1;1==Math.floor(a.opt.slidesToShow)&&(e=0);a.ele.scrollLeft+a.containerWidth>=Math.floor(a.trackWidth)&&(a.page=a.dots?a.dots.children.length-1:0,a.slide=a.slides.length-a.opt.slidesToShow);[].forEach.call(a.slides,function(b,c){var f=b.classList,l=f.contains("visible"),g=a.ele.scrollLeft,h=a.ele.scrollLeft+a.containerWidth,k=a.itemWidth*c,m=k+a.itemWidth;
+f.forEach(function(a){/^left|right/.test(a)&&f.remove(a)});f.toggle("active",a.slide===c);d==c||e&&e==c?f.add("center"):(f.remove("center"),f.add([c<d?"left":"right",Math.abs(c-(c<d?d:e||d))].join("-")));g=k>=g&&m<=h;f.toggle("visible",g);g!=l&&a.emit("slide-"+(g?"visible":"hidden"),{slide:c})});a.dots&&[].forEach.call(a.dots.children,function(b,c){b.classList.toggle("active",a.page===c)});b&&a.opt.scrollLock&&(clearTimeout(a.scrollLock),a.scrollLock=setTimeout(function(){clearTimeout(a.scrollLock);
+a.ele.scrollLeft/a.itemWidth%1&&a.scrollItem(a.round(a.ele.scrollLeft/a.itemWidth))},a.opt.scrollLockDelay||250))};e.scrollItem=function(b,a,c){c&&c.preventDefault();var d=this,e=b;d.aIndex++;!0===a?b*=d.containerWidth:("string"===typeof b&&(c="prev"===b,b=d.opt.slidesToScroll%1||d.opt.slidesToShow%1?d.round(d.ele.scrollLeft/d.itemWidth):d.slide,b=c?b-d.opt.slidesToScroll:b+d.opt.slidesToScroll),b=Math.max(Math.min(b,d.slides.length),0),d.slide=b,b*=d.itemWidth);d.scrollTo(b,d.opt.duration*Math.abs(d.ele.scrollLeft-
+b),function(){d.updateControls();d.emit("animated",{value:e,type:"string"===typeof e?"arrow":a?"dot":"slide"})});return!1};e.settingsBreakpoint=function(){var b=this._opt.responsive;if(b)for(var a=0;a<b.length;++a){var c=b[a];if(window.innerWidth>c.breakpoint)return this.opt=Object.assign({},this._opt,c.settings),!0}this.opt=Object.assign({},this._opt);return!1};e.scrollTo=function(b,a,c){var d=this,e=(new Date).getTime(),h=d.aIndex,g=function(){var f=(new Date).getTime()-e;d.ele.scrollLeft+=(b-d.ele.scrollLeft)*
+d.opt.easing(0,f,0,1,a);f<a&&h==d.aIndex?window.requestAnimationFrame(g):(d.ele.scrollLeft=b,c&&c.call(d))};window.requestAnimationFrame(g)};e.removeItem=function(b){this.slides.length&&(this.track.removeChild(this.slides[b]),this.init(!0,!0),this.emit("remove"))};e.addItem=function(b){this.track.appendChild(b);this.init(!0,!0);this.emit("add")};e.handleMouse=function(b){this.mouseDown&&(this.ele.scrollLeft+=(this.mouseDown-b.clientX)*(this.opt.dragVelocity||3.3),this.mouseDown=b.clientX)};e.round=
+function(b){var a=1/(this.opt.slidesToScroll%1||1);return Math.round(b*a)/a};e.refresh=function(b){this.init(!0,b)};e.setOption=function(b){this.opt=Object.assign({},this.opt,b)};e.destroy=function(){var b=this.ele.cloneNode(!0),a=function(a){a.removeAttribute("style");a.classList.forEach(function(b){/^glider/.test(b)&&a.classList.remove(b)})};b.children[0].outerHTML=b.children[0].innerHTML;a(b);[].forEach.call(b.getElementsByTagName("*"),a);this.ele.parentNode.replaceChild(b,this.ele);this.event(window,
+"remove",{resize:this.resize});this.emit("destroy")};e.emit=function(b,a){var c=new CustomEvent("glider-"+b,{bubbles:!this.opt.eventPropagate,detail:a});this.ele.dispatchEvent(c)};e.event=function(b,a,c){var d=b[a+"EventListener"].bind(b);Object.keys(c).forEach(function(a){d(a,c[a])})}});
\ No newline at end of file
diff --git a/index.html b/index.html
index 9bfa66a..8cf6d11 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,15 @@
             arrows: {
                 prev: '.glider-prev',
                 next: '.glider-next'
-            }
+            },
+            responsive: [
+                {
+                    breakpoint: 700,
+                    settings: {
+                        draggable: false
+                    }
+                }
+            ]
         });
         function loadImages(callback){
             [].forEach.call(this.querySelectorAll('img'),function(img){