materialize-sass 0.97.8 → 0.98.0

data/app/assets/javascripts/materialize/extras/nouislider.js

@@ -1,19 +1,16 @@
 /*!
- * Materialize v0.97.8 (http://materializecss.com)
+ * Materialize v0.98.0 (http://materializecss.com)
  * Copyright 2014-2015 Materialize
  * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
  */
+
 // wNumb
 (function(){function r(b){return b.split("").reverse().join("")}function s(b,f,c){if((b[f]||b[c])&&b[f]===b[c])throw Error(f);}function v(b,f,c,d,e,p,q,k,l,h,n,a){q=a;var m,g=n="";p&&(a=p(a));if("number"!==typeof a||!isFinite(a))return!1;b&&0===parseFloat(a.toFixed(b))&&(a=0);0>a&&(m=!0,a=Math.abs(a));b&&(p=Math.pow(10,b),a=(Math.round(a*p)/p).toFixed(b));a=a.toString();-1!==a.indexOf(".")&&(b=a.split("."),a=b[0],c&&(n=c+b[1]));f&&(a=r(a).match(/.{1,3}/g),a=r(a.join(r(f))));m&&k&&(g+=k);d&&(g+=d);
-m&&l&&(g+=l);g=g+a+n;e&&(g+=e);h&&(g=h(g,q));return g}function w(b,f,c,d,e,h,q,k,l,r,n,a){var m;b="";n&&(a=n(a));if(!a||"string"!==typeof a)return!1;k&&a.substring(0,k.length)===k&&(a=a.replace(k,""),m=!0);d&&a.substring(0,d.length)===d&&(a=a.replace(d,""));l&&a.substring(0,l.length)===l&&(a=a.replace(l,""),m=!0);e&&a.slice(-1*e.length)===e&&(a=a.slice(0,-1*e.length));f&&(a=a.split(f).join(""));c&&(a=a.replace(c,"."));m&&(b+="-");b=Number((b+a).replace(/[^0-9\.\-.]/g,""));q&&(b=q(b));return"number"===
+    m&&l&&(g+=l);g=g+a+n;e&&(g+=e);h&&(g=h(g,q));return g}function w(b,f,c,d,e,h,q,k,l,r,n,a){var m;b="";n&&(a=n(a));if(!a||"string"!==typeof a)return!1;k&&a.substring(0,k.length)===k&&(a=a.replace(k,""),m=!0);d&&a.substring(0,d.length)===d&&(a=a.replace(d,""));l&&a.substring(0,l.length)===l&&(a=a.replace(l,""),m=!0);e&&a.slice(-1*e.length)===e&&(a=a.slice(0,-1*e.length));f&&(a=a.split(f).join(""));c&&(a=a.replace(c,"."));m&&(b+="-");b=Number((b+a).replace(/[^0-9\.\-.]/g,""));q&&(b=q(b));return"number"===
 typeof b&&isFinite(b)?b:!1}function x(b){var f,c,d,e={};for(f=0;f<h.length;f+=1)c=h[f],d=b[c],void 0===d?e[c]="negative"!==c||e.negativeBefore?"mark"===c&&"."!==e.thousand?".":!1:"-":"decimals"===c?0<d&&8>d&&(e[c]=d):"encoder"===c||"decoder"===c||"edit"===c||"undo"===c?"function"===typeof d&&(e[c]=d):"string"===typeof d&&(e[c]=d);s(e,"mark","thousand");s(e,"prefix","negative");s(e,"prefix","negativeBefore");return e}function u(b,f,c){var d,e=[];for(d=0;d<h.length;d+=1)e.push(b[h[d]]);e.push(c);return f.apply("",
-e)}function t(b){if(!(this instanceof t))return new t(b);"object"===typeof b&&(b=x(b),this.to=function(f){return u(b,v,f)},this.from=function(f){return u(b,w,f)})}var h="decimals thousand mark prefix postfix encoder decoder negativeBefore negative edit undo".split(" ");window.wNumb=t})();
-
-
-/*! nouislider - 8.0.2 - 2015-07-06 13:22:09 */
+    e)}function t(b){if(!(this instanceof t))return new t(b);"object"===typeof b&&(b=x(b),this.to=function(f){return u(b,v,f)},this.from=function(f){return u(b,w,f)})}var h="decimals thousand mark prefix postfix encoder decoder negativeBefore negative edit undo".split(" ");window.wNumb=t})();
 
-/*jslint browser: true */
-/*jslint white: true */
+/*! nouislider - 9.1.0 - 2016-12-10 16:00:32 */
 
 (function (factory) {
 
@@ -24,13 +21,8 @@ e)}function t(b){if(!(this instanceof t))return new t(b);"object"===typeof b&&(b
 
     } else if ( typeof exports === 'object' ) {
 
-        var fs = require('fs');
-
         // Node/CommonJS
         module.exports = factory();
-        module.exports.css = function () {
-            return fs.readFileSync(__dirname + '/nouislider.min.css', 'utf8');
-        };
 
     } else {
 
@@ -40,1627 +32,2114 @@ e)}function t(b){if(!(this instanceof t))return new t(b);"object"===typeof b&&(b
 
 }(function( ){
 
-	'use strict';
-
-
-	// Removes duplicates from an array.
-	function unique(array) {
-		return array.filter(function(a){
-			return !this[a] ? this[a] = true : false;
-		}, {});
-	}
-
-	// Round a value to the closest 'to'.
-	function closest ( value, to ) {
-		return Math.round(value / to) * to;
-	}
-
-	// Current position of an element relative to the document.
-	function offset ( elem ) {
-
-	var rect = elem.getBoundingClientRect(),
-		doc = elem.ownerDocument,
-		win = doc.defaultView || doc.parentWindow,
-		docElem = doc.documentElement,
-		xOff = win.pageXOffset;
-
-		// getBoundingClientRect contains left scroll in Chrome on Android.
-		// I haven't found a feature detection that proves this. Worst case
-		// scenario on mis-match: the 'tap' feature on horizontal sliders breaks.
-		if ( /webkit.*Chrome.*Mobile/i.test(navigator.userAgent) ) {
-			xOff = 0;
-		}
-
-		return {
-			top: rect.top + win.pageYOffset - docElem.clientTop,
-			left: rect.left + xOff - docElem.clientLeft
-		};
-	}
-
-	// Checks whether a value is numerical.
-	function isNumeric ( a ) {
-		return typeof a === 'number' && !isNaN( a ) && isFinite( a );
-	}
-
-	// Rounds a number to 7 supported decimals.
-	function accurateNumber( number ) {
-		var p = Math.pow(10, 7);
-		return Number((Math.round(number*p)/p).toFixed(7));
-	}
-
-	// Sets a class and removes it after [duration] ms.
-	function addClassFor ( element, className, duration ) {
-		addClass(element, className);
-		setTimeout(function(){
-			removeClass(element, className);
-		}, duration);
-	}
-
-	// Limits a value to 0 - 100
-	function limit ( a ) {
-		return Math.max(Math.min(a, 100), 0);
-	}
-
-	// Wraps a variable as an array, if it isn't one yet.
-	function asArray ( a ) {
-		return Array.isArray(a) ? a : [a];
-	}
-
-	// Counts decimals
-	function countDecimals ( numStr ) {
-		var pieces = numStr.split(".");
-		return pieces.length > 1 ? pieces[1].length : 0;
-	}
-
-	// http://youmightnotneedjquery.com/#add_class
-	function addClass ( el, className ) {
-		if ( el.classList ) {
-			el.classList.add(className);
-		} else {
-			el.className += ' ' + className;
-		}
-	}
-
-	// http://youmightnotneedjquery.com/#remove_class
-	function removeClass ( el, className ) {
-		if ( el.classList ) {
-			el.classList.remove(className);
-		} else {
-			el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
-		}
-	}
-
-	// http://youmightnotneedjquery.com/#has_class
-	function hasClass ( el, className ) {
-		if ( el.classList ) {
-			el.classList.contains(className);
-		} else {
-			new RegExp('(^| )' + className + '( |$)', 'gi').test(el.className);
-		}
-	}
-
-
-	var
-	// Determine the events to bind. IE11 implements pointerEvents without
-	// a prefix, which breaks compatibility with the IE10 implementation.
-	/** @const */
-	actions = window.navigator.pointerEnabled ? {
-		start: 'pointerdown',
-		move: 'pointermove',
-		end: 'pointerup'
-	} : window.navigator.msPointerEnabled ? {
-		start: 'MSPointerDown',
-		move: 'MSPointerMove',
-		end: 'MSPointerUp'
-	} : {
-		start: 'mousedown touchstart',
-		move: 'mousemove touchmove',
-		end: 'mouseup touchend'
-	},
-	// Re-usable list of classes;
-	/** @const */
-	Classes = [
-/*  0 */  'noUi-target'
-/*  1 */ ,'noUi-base'
-/*  2 */ ,'noUi-origin'
-/*  3 */ ,'noUi-handle'
-/*  4 */ ,'noUi-horizontal'
-/*  5 */ ,'noUi-vertical'
-/*  6 */ ,'noUi-background'
-/*  7 */ ,'noUi-connect'
-/*  8 */ ,'noUi-ltr'
-/*  9 */ ,'noUi-rtl'
-/* 10 */ ,'noUi-dragable'
-/* 11 */ ,''
-/* 12 */ ,'noUi-state-drag'
-/* 13 */ ,''
-/* 14 */ ,'noUi-state-tap'
-/* 15 */ ,'noUi-active'
-/* 16 */ ,''
-/* 17 */ ,'noUi-stacking'
-	];
+    'use strict';
+
+
+    // Creates a node, adds it to target, returns the new node.
+    function addNodeTo ( target, className ) {
+        var div = document.createElement('div');
+        addClass(div, className);
+        target.appendChild(div);
+        return div;
+    }
+
+    // Removes duplicates from an array.
+    function unique ( array ) {
+        return array.filter(function(a){
+            return !this[a] ? this[a] = true : false;
+        }, {});
+    }
+
+    // Round a value to the closest 'to'.
+    function closest ( value, to ) {
+        return Math.round(value / to) * to;
+    }
+
+    // Current position of an element relative to the document.
+    function offset ( elem, orientation ) {
+
+        var rect = elem.getBoundingClientRect(),
+            doc = elem.ownerDocument,
+            docElem = doc.documentElement,
+            pageOffset = getPageOffset();
+
+        // getBoundingClientRect contains left scroll in Chrome on Android.
+        // I haven't found a feature detection that proves this. Worst case
+        // scenario on mis-match: the 'tap' feature on horizontal sliders breaks.
+        if ( /webkit.*Chrome.*Mobile/i.test(navigator.userAgent) ) {
+            pageOffset.x = 0;
+        }
+
+        return orientation ? (rect.top + pageOffset.y - docElem.clientTop) : (rect.left + pageOffset.x - docElem.clientLeft);
+    }
+
+    // Checks whether a value is numerical.
+    function isNumeric ( a ) {
+        return typeof a === 'number' && !isNaN( a ) && isFinite( a );
+    }
+
+    // Sets a class and removes it after [duration] ms.
+    function addClassFor ( element, className, duration ) {
+        if (duration > 0) {
+            addClass(element, className);
+            setTimeout(function(){
+                removeClass(element, className);
+            }, duration);
+        }
+    }
+
+    // Limits a value to 0 - 100
+    function limit ( a ) {
+        return Math.max(Math.min(a, 100), 0);
+    }
+
+    // Wraps a variable as an array, if it isn't one yet.
+    // Note that an input array is returned by reference!
+    function asArray ( a ) {
+        return Array.isArray(a) ? a : [a];
+    }
+
+    // Counts decimals
+    function countDecimals ( numStr ) {
+        numStr = String(numStr);
+        var pieces = numStr.split(".");
+        return pieces.length > 1 ? pieces[1].length : 0;
+    }
+
+    // http://youmightnotneedjquery.com/#add_class
+    function addClass ( el, className ) {
+        if ( el.classList ) {
+            el.classList.add(className);
+        } else {
+            el.className += ' ' + className;
+        }
+    }
+
+    // http://youmightnotneedjquery.com/#remove_class
+    function removeClass ( el, className ) {
+        if ( el.classList ) {
+            el.classList.remove(className);
+        } else {
+            el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
+        }
+    }
+
+    // https://plainjs.com/javascript/attributes/adding-removing-and-testing-for-classes-9/
+    function hasClass ( el, className ) {
+        return el.classList ? el.classList.contains(className) : new RegExp('\\b' + className + '\\b').test(el.className);
+    }
+
+    // https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY#Notes
+    function getPageOffset ( ) {
+
+        var supportPageOffset = window.pageXOffset !== undefined,
+            isCSS1Compat = ((document.compatMode || "") === "CSS1Compat"),
+            x = supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documentElement.scrollLeft : document.body.scrollLeft,
+            y = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop;
+
+        return {
+            x: x,
+            y: y
+        };
+    }
+
+    // we provide a function to compute constants instead
+    // of accessing window.* as soon as the module needs it
+    // so that we do not compute anything if not needed
+    function getActions ( ) {
+
+        // Determine the events to bind. IE11 implements pointerEvents without
+        // a prefix, which breaks compatibility with the IE10 implementation.
+        return window.navigator.pointerEnabled ? {
+                start: 'pointerdown',
+                move: 'pointermove',
+                end: 'pointerup'
+            } : window.navigator.msPointerEnabled ? {
+                    start: 'MSPointerDown',
+                    move: 'MSPointerMove',
+                    end: 'MSPointerUp'
+                } : {
+                    start: 'mousedown touchstart',
+                    move: 'mousemove touchmove',
+                    end: 'mouseup touchend'
+                };
+    }
 
 
 // Value calculation
 
-	// Determine the size of a sub-range in relation to a full range.
-	function subRangeRatio ( pa, pb ) {
-		return (100 / (pb - pa));
-	}
+    // Determine the size of a sub-range in relation to a full range.
+    function subRangeRatio ( pa, pb ) {
+        return (100 / (pb - pa));
+    }
 
-	// (percentage) How many percent is this value of this range?
-	function fromPercentage ( range, value ) {
-		return (value * 100) / ( range[1] - range[0] );
-	}
+    // (percentage) How many percent is this value of this range?
+    function fromPercentage ( range, value ) {
+        return (value * 100) / ( range[1] - range[0] );
+    }
 
-	// (percentage) Where is this value on this range?
-	function toPercentage ( range, value ) {
-		return fromPercentage( range, range[0] < 0 ?
-			value + Math.abs(range[0]) :
-				value - range[0] );
-	}
+    // (percentage) Where is this value on this range?
+    function toPercentage ( range, value ) {
+        return fromPercentage( range, range[0] < 0 ?
+            value + Math.abs(range[0]) :
+            value - range[0] );
+    }
 
-	// (value) How much is this percentage on this range?
-	function isPercentage ( range, value ) {
-		return ((value * ( range[1] - range[0] )) / 100) + range[0];
-	}
+    // (value) How much is this percentage on this range?
+    function isPercentage ( range, value ) {
+        return ((value * ( range[1] - range[0] )) / 100) + range[0];
+    }
 
 
 // Range conversion
 
-	function getJ ( value, arr ) {
+    function getJ ( value, arr ) {
 
-		var j = 1;
+        var j = 1;
 
-		while ( value >= arr[j] ){
-			j += 1;
-		}
+        while ( value >= arr[j] ){
+            j += 1;
+        }
 
-		return j;
-	}
+        return j;
+    }
 
-	// (percentage) Input a value, find where, on a scale of 0-100, it applies.
-	function toStepping ( xVal, xPct, value ) {
+    // (percentage) Input a value, find where, on a scale of 0-100, it applies.
+    function toStepping ( xVal, xPct, value ) {
 
-		if ( value >= xVal.slice(-1)[0] ){
-			return 100;
-		}
+        if ( value >= xVal.slice(-1)[0] ){
+            return 100;
+        }
 
-		var j = getJ( value, xVal ), va, vb, pa, pb;
+        var j = getJ( value, xVal ), va, vb, pa, pb;
 
-		va = xVal[j-1];
-		vb = xVal[j];
-		pa = xPct[j-1];
-		pb = xPct[j];
+        va = xVal[j-1];
+        vb = xVal[j];
+        pa = xPct[j-1];
+        pb = xPct[j];
 
-		return pa + (toPercentage([va, vb], value) / subRangeRatio (pa, pb));
-	}
+        return pa + (toPercentage([va, vb], value) / subRangeRatio (pa, pb));
+    }
 
-	// (value) Input a percentage, find where it is on the specified range.
-	function fromStepping ( xVal, xPct, value ) {
+    // (value) Input a percentage, find where it is on the specified range.
+    function fromStepping ( xVal, xPct, value ) {
 
-		// There is no range group that fits 100
-		if ( value >= 100 ){
-			return xVal.slice(-1)[0];
-		}
+        // There is no range group that fits 100
+        if ( value >= 100 ){
+            return xVal.slice(-1)[0];
+        }
 
-		var j = getJ( value, xPct ), va, vb, pa, pb;
+        var j = getJ( value, xPct ), va, vb, pa, pb;
 
-		va = xVal[j-1];
-		vb = xVal[j];
-		pa = xPct[j-1];
-		pb = xPct[j];
+        va = xVal[j-1];
+        vb = xVal[j];
+        pa = xPct[j-1];
+        pb = xPct[j];
 
-		return isPercentage([va, vb], (value - pa) * subRangeRatio (pa, pb));
-	}
+        return isPercentage([va, vb], (value - pa) * subRangeRatio (pa, pb));
+    }
 
-	// (percentage) Get the step that applies at a certain value.
-	function getStep ( xPct, xSteps, snap, value ) {
+    // (percentage) Get the step that applies at a certain value.
+    function getStep ( xPct, xSteps, snap, value ) {
 
-		if ( value === 100 ) {
-			return value;
-		}
+        if ( value === 100 ) {
+            return value;
+        }
 
-		var j = getJ( value, xPct ), a, b;
+        var j = getJ( value, xPct ), a, b;
 
-		// If 'snap' is set, steps are used as fixed points on the slider.
-		if ( snap ) {
+        // If 'snap' is set, steps are used as fixed points on the slider.
+        if ( snap ) {
 
-			a = xPct[j-1];
-			b = xPct[j];
+            a = xPct[j-1];
+            b = xPct[j];
 
-			// Find the closest position, a or b.
-			if ((value - a) > ((b-a)/2)){
-				return b;
-			}
+            // Find the closest position, a or b.
+            if ((value - a) > ((b-a)/2)){
+                return b;
+            }
 
-			return a;
-		}
+            return a;
+        }
 
-		if ( !xSteps[j-1] ){
-			return value;
-		}
+        if ( !xSteps[j-1] ){
+            return value;
+        }
 
-		return xPct[j-1] + closest(
-			value - xPct[j-1],
-			xSteps[j-1]
-		);
-	}
+        return xPct[j-1] + closest(
+                value - xPct[j-1],
+                xSteps[j-1]
+            );
+    }
 
 
 // Entry parsing
 
-	function handleEntryPoint ( index, value, that ) {
-
-		var percentage;
-
-		// Wrap numerical input in an array.
-		if ( typeof value === "number" ) {
-			value = [value];
-		}
-
-		// Reject any invalid input, by testing whether value is an array.
-		if ( Object.prototype.toString.call( value ) !== '[object Array]' ){
-			throw new Error("noUiSlider: 'range' contains invalid value.");
-		}
-
-		// Covert min/max syntax to 0 and 100.
-		if ( index === 'min' ) {
-			percentage = 0;
-		} else if ( index === 'max' ) {
-			percentage = 100;
-		} else {
-			percentage = parseFloat( index );
-		}
-
-		// Check for correct input.
-		if ( !isNumeric( percentage ) || !isNumeric( value[0] ) ) {
-			throw new Error("noUiSlider: 'range' value isn't numeric.");
-		}
-
-		// Store values.
-		that.xPct.push( percentage );
-		that.xVal.push( value[0] );
-
-		// NaN will evaluate to false too, but to keep
-		// logging clear, set step explicitly. Make sure
-		// not to override the 'step' setting with false.
-		if ( !percentage ) {
-			if ( !isNaN( value[1] ) ) {
-				that.xSteps[0] = value[1];
-			}
-		} else {
-			that.xSteps.push( isNaN(value[1]) ? false : value[1] );
-		}
-	}
-
-	function handleStepPoint ( i, n, that ) {
-
-		// Ignore 'false' stepping.
-		if ( !n ) {
-			return true;
-		}
-
-		// Factor to range ratio
-		that.xSteps[i] = fromPercentage([
-			 that.xVal[i]
-			,that.xVal[i+1]
-		], n) / subRangeRatio (
-			that.xPct[i],
-			that.xPct[i+1] );
-	}
+    function handleEntryPoint ( index, value, that ) {
+
+        var percentage;
+
+        // Wrap numerical input in an array.
+        if ( typeof value === "number" ) {
+            value = [value];
+        }
+
+        // Reject any invalid input, by testing whether value is an array.
+        if ( Object.prototype.toString.call( value ) !== '[object Array]' ){
+            throw new Error("noUiSlider: 'range' contains invalid value.");
+        }
+
+        // Covert min/max syntax to 0 and 100.
+        if ( index === 'min' ) {
+            percentage = 0;
+        } else if ( index === 'max' ) {
+            percentage = 100;
+        } else {
+            percentage = parseFloat( index );
+        }
+
+        // Check for correct input.
+        if ( !isNumeric( percentage ) || !isNumeric( value[0] ) ) {
+            throw new Error("noUiSlider: 'range' value isn't numeric.");
+        }
+
+        // Store values.
+        that.xPct.push( percentage );
+        that.xVal.push( value[0] );
+
+        // NaN will evaluate to false too, but to keep
+        // logging clear, set step explicitly. Make sure
+        // not to override the 'step' setting with false.
+        if ( !percentage ) {
+            if ( !isNaN( value[1] ) ) {
+                that.xSteps[0] = value[1];
+            }
+        } else {
+            that.xSteps.push( isNaN(value[1]) ? false : value[1] );
+        }
+
+        that.xHighestCompleteStep.push(0);
+    }
+
+    function handleStepPoint ( i, n, that ) {
+
+        // Ignore 'false' stepping.
+        if ( !n ) {
+            return true;
+        }
+
+        // Factor to range ratio
+        that.xSteps[i] = fromPercentage([
+                that.xVal[i]
+                ,that.xVal[i+1]
+            ], n) / subRangeRatio (
+                that.xPct[i],
+                that.xPct[i+1] );
+
+        var totalSteps = (that.xVal[i+1] - that.xVal[i]) / that.xNumSteps[i];
+        var highestStep = Math.ceil(Number(totalSteps.toFixed(3)) - 1);
+        var step = that.xVal[i] + (that.xNumSteps[i] * highestStep);
+
+        that.xHighestCompleteStep[i] = step;
+    }
 
 
 // Interface
 
-	// The interface to Spectrum handles all direction-based
-	// conversions, so the above values are unaware.
+    // The interface to Spectrum handles all direction-based
+    // conversions, so the above values are unaware.
 
-	function Spectrum ( entry, snap, direction, singleStep ) {
+    function Spectrum ( entry, snap, direction, singleStep ) {
 
-		this.xPct = [];
-		this.xVal = [];
-		this.xSteps = [ singleStep || false ];
-		this.xNumSteps = [ false ];
+        this.xPct = [];
+        this.xVal = [];
+        this.xSteps = [ singleStep || false ];
+        this.xNumSteps = [ false ];
+        this.xHighestCompleteStep = [];
 
-		this.snap = snap;
-		this.direction = direction;
+        this.snap = snap;
+        this.direction = direction;
 
-		var index, ordered = [ /* [0, 'min'], [1, '50%'], [2, 'max'] */ ];
+        var index, ordered = [ /* [0, 'min'], [1, '50%'], [2, 'max'] */ ];
 
-		// Map the object keys to an array.
-		for ( index in entry ) {
-			if ( entry.hasOwnProperty(index) ) {
-				ordered.push([entry[index], index]);
-			}
-		}
+        // Map the object keys to an array.
+        for ( index in entry ) {
+            if ( entry.hasOwnProperty(index) ) {
+                ordered.push([entry[index], index]);
+            }
+        }
 
-		// Sort all entries by value (numeric sort).
-		ordered.sort(function(a, b) { return a[0] - b[0]; });
+        // Sort all entries by value (numeric sort).
+        if ( ordered.length && typeof ordered[0][0] === "object" ) {
+            ordered.sort(function(a, b) { return a[0][0] - b[0][0]; });
+        } else {
+            ordered.sort(function(a, b) { return a[0] - b[0]; });
+        }
 
-		// Convert all entries to subranges.
-		for ( index = 0; index < ordered.length; index++ ) {
-			handleEntryPoint(ordered[index][1], ordered[index][0], this);
-		}
 
-		// Store the actual step values.
-		// xSteps is sorted in the same order as xPct and xVal.
-		this.xNumSteps = this.xSteps.slice(0);
+        // Convert all entries to subranges.
+        for ( index = 0; index < ordered.length; index++ ) {
+            handleEntryPoint(ordered[index][1], ordered[index][0], this);
+        }
 
-		// Convert all numeric steps to the percentage of the subrange they represent.
-		for ( index = 0; index < this.xNumSteps.length; index++ ) {
-			handleStepPoint(index, this.xNumSteps[index], this);
-		}
-	}
+        // Store the actual step values.
+        // xSteps is sorted in the same order as xPct and xVal.
+        this.xNumSteps = this.xSteps.slice(0);
 
-	Spectrum.prototype.getMargin = function ( value ) {
-		return this.xPct.length === 2 ? fromPercentage(this.xVal, value) : false;
-	};
+        // Convert all numeric steps to the percentage of the subrange they represent.
+        for ( index = 0; index < this.xNumSteps.length; index++ ) {
+            handleStepPoint(index, this.xNumSteps[index], this);
+        }
+    }
 
-	Spectrum.prototype.toStepping = function ( value ) {
+    Spectrum.prototype.getMargin = function ( value ) {
 
-		value = toStepping( this.xVal, this.xPct, value );
+        var step = this.xNumSteps[0];
 
-		// Invert the value if this is a right-to-left slider.
-		if ( this.direction ) {
-			value = 100 - value;
-		}
+        if ( step && ((value / step) % 1) !== 0 ) {
+            throw new Error("noUiSlider: 'limit', 'margin' and 'padding' must be divisible by step.");
+        }
 
-		return value;
-	};
+        return this.xPct.length === 2 ? fromPercentage(this.xVal, value) : false;
+    };
 
-	Spectrum.prototype.fromStepping = function ( value ) {
+    Spectrum.prototype.toStepping = function ( value ) {
 
-		// Invert the value if this is a right-to-left slider.
-		if ( this.direction ) {
-			value = 100 - value;
-		}
+        value = toStepping( this.xVal, this.xPct, value );
 
-		return accurateNumber(fromStepping( this.xVal, this.xPct, value ));
-	};
+        return value;
+    };
 
-	Spectrum.prototype.getStep = function ( value ) {
+    Spectrum.prototype.fromStepping = function ( value ) {
 
-		// Find the proper step for rtl sliders by search in inverse direction.
-		// Fixes issue #262.
-		if ( this.direction ) {
-			value = 100 - value;
-		}
+        return fromStepping( this.xVal, this.xPct, value );
+    };
 
-		value = getStep(this.xPct, this.xSteps, this.snap, value );
+    Spectrum.prototype.getStep = function ( value ) {
 
-		if ( this.direction ) {
-			value = 100 - value;
-		}
+        value = getStep(this.xPct, this.xSteps, this.snap, value );
 
-		return value;
-	};
+        return value;
+    };
 
-	Spectrum.prototype.getApplicableStep = function ( value ) {
+    Spectrum.prototype.getNearbySteps = function ( value ) {
 
-		// If the value is 100%, return the negative step twice.
-		var j = getJ(value, this.xPct), offset = value === 100 ? 2 : 1;
-		return [this.xNumSteps[j-2], this.xVal[j-offset], this.xNumSteps[j-offset]];
-	};
+        var j = getJ(value, this.xPct);
 
-	// Outside testing
-	Spectrum.prototype.convert = function ( value ) {
-		return this.getStep(this.toStepping(value));
-	};
+        return {
+            stepBefore: { startValue: this.xVal[j-2], step: this.xNumSteps[j-2], highestStep: this.xHighestCompleteStep[j-2] },
+            thisStep: { startValue: this.xVal[j-1], step: this.xNumSteps[j-1], highestStep: this.xHighestCompleteStep[j-1] },
+            stepAfter: { startValue: this.xVal[j-0], step: this.xNumSteps[j-0], highestStep: this.xHighestCompleteStep[j-0] }
+        };
+    };
+
+    Spectrum.prototype.countStepDecimals = function () {
+        var stepDecimals = this.xNumSteps.map(countDecimals);
+        return Math.max.apply(null, stepDecimals);
+    };
+
+    // Outside testing
+    Spectrum.prototype.convert = function ( value ) {
+        return this.getStep(this.toStepping(value));
+    };
+
+	/*	Every input option is tested and parsed. This'll prevent
+	 endless validation in internal methods. These tests are
+	 structured with an item for every option available. An
+	 option can be marked as required by setting the 'r' flag.
+	 The testing function is provided with three arguments:
+	 - The provided value for the option;
+	 - A reference to the options object;
+	 - The name for the option;
+
+	 The testing function returns false when an error is detected,
+	 or true when everything is OK. It can also modify the option
+	 object, to make sure all values can be correctly looped elsewhere. */
+
+    var defaultFormatter = { 'to': function( value ){
+        return value !== undefined && value.toFixed(2);
+    }, 'from': Number };
+
+    function testStep ( parsed, entry ) {
+
+        if ( !isNumeric( entry ) ) {
+            throw new Error("noUiSlider: 'step' is not numeric.");
+        }
+
+        // The step option can still be used to set stepping
+        // for linear sliders. Overwritten if set in 'range'.
+        parsed.singleStep = entry;
+    }
 
-/*	Every input option is tested and parsed. This'll prevent
-	endless validation in internal methods. These tests are
-	structured with an item for every option available. An
-	option can be marked as required by setting the 'r' flag.
-	The testing function is provided with three arguments:
-		- The provided value for the option;
-		- A reference to the options object;
-		- The name for the option;
-
-	The testing function returns false when an error is detected,
-	or true when everything is OK. It can also modify the option
-	object, to make sure all values can be correctly looped elsewhere. */
-
-	var defaultFormatter = { 'to': function( value ){
-		return value.toFixed(2);
-	}, 'from': Number };
-
-	function testStep ( parsed, entry ) {
-
-		if ( !isNumeric( entry ) ) {
-			throw new Error("noUiSlider: 'step' is not numeric.");
-		}
-
-		// The step option can still be used to set stepping
-		// for linear sliders. Overwritten if set in 'range'.
-		parsed.singleStep = entry;
-	}
+    function testRange ( parsed, entry ) {
 
-	function testRange ( parsed, entry ) {
+        // Filter incorrect input.
+        if ( typeof entry !== 'object' || Array.isArray(entry) ) {
+            throw new Error("noUiSlider: 'range' is not an object.");
+        }
 
-		// Filter incorrect input.
-		if ( typeof entry !== 'object' || Array.isArray(entry) ) {
-			throw new Error("noUiSlider: 'range' is not an object.");
-		}
+        // Catch missing start or end.
+        if ( entry.min === undefined || entry.max === undefined ) {
+            throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");
+        }
 
-		// Catch missing start or end.
-		if ( entry.min === undefined || entry.max === undefined ) {
-			throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");
-		}
+        // Catch equal start or end.
+        if ( entry.min === entry.max ) {
+            throw new Error("noUiSlider: 'range' 'min' and 'max' cannot be equal.");
+        }
 
-		parsed.spectrum = new Spectrum(entry, parsed.snap, parsed.dir, parsed.singleStep);
-	}
+        parsed.spectrum = new Spectrum(entry, parsed.snap, parsed.dir, parsed.singleStep);
+    }
 
-	function testStart ( parsed, entry ) {
+    function testStart ( parsed, entry ) {
 
-		entry = asArray(entry);
+        entry = asArray(entry);
 
-		// Validate input. Values aren't tested, as the public .val method
-		// will always provide a valid location.
-		if ( !Array.isArray( entry ) || !entry.length || entry.length > 2 ) {
-			throw new Error("noUiSlider: 'start' option is incorrect.");
-		}
-
-		// Store the number of handles.
-		parsed.handles = entry.length;
-
-		// When the slider is initialized, the .val method will
-		// be called with the start options.
-		parsed.start = entry;
-	}
-
-	function testSnap ( parsed, entry ) {
-
-		// Enforce 100% stepping within subranges.
-		parsed.snap = entry;
-
-		if ( typeof entry !== 'boolean' ){
-			throw new Error("noUiSlider: 'snap' option must be a boolean.");
-		}
-	}
-
-	function testAnimate ( parsed, entry ) {
-
-		// Enforce 100% stepping within subranges.
-		parsed.animate = entry;
-
-		if ( typeof entry !== 'boolean' ){
-			throw new Error("noUiSlider: 'animate' option must be a boolean.");
-		}
-	}
-
-	function testConnect ( parsed, entry ) {
-
-		if ( entry === 'lower' && parsed.handles === 1 ) {
-			parsed.connect = 1;
-		} else if ( entry === 'upper' && parsed.handles === 1 ) {
-			parsed.connect = 2;
-		} else if ( entry === true && parsed.handles === 2 ) {
-			parsed.connect = 3;
-		} else if ( entry === false ) {
-			parsed.connect = 0;
-		} else {
-			throw new Error("noUiSlider: 'connect' option doesn't match handle count.");
-		}
-	}
-
-	function testOrientation ( parsed, entry ) {
-
-		// Set orientation to an a numerical value for easy
-		// array selection.
-		switch ( entry ){
-		  case 'horizontal':
-			parsed.ort = 0;
-			break;
-		  case 'vertical':
-			parsed.ort = 1;
-			break;
-		  default:
-			throw new Error("noUiSlider: 'orientation' option is invalid.");
-		}
-	}
-
-	function testMargin ( parsed, entry ) {
-
-		if ( !isNumeric(entry) ){
-			throw new Error("noUiSlider: 'margin' option must be numeric.");
-		}
-
-		parsed.margin = parsed.spectrum.getMargin(entry);
-
-		if ( !parsed.margin ) {
-			throw new Error("noUiSlider: 'margin' option is only supported on linear sliders.");
-		}
-	}
-
-	function testLimit ( parsed, entry ) {
-
-		if ( !isNumeric(entry) ){
-			throw new Error("noUiSlider: 'limit' option must be numeric.");
-		}
-
-		parsed.limit = parsed.spectrum.getMargin(entry);
-
-		if ( !parsed.limit ) {
-			throw new Error("noUiSlider: 'limit' option is only supported on linear sliders.");
-		}
-	}
-
-	function testDirection ( parsed, entry ) {
-
-		// Set direction as a numerical value for easy parsing.
-		// Invert connection for RTL sliders, so that the proper
-		// handles get the connect/background classes.
-		switch ( entry ) {
-		  case 'ltr':
-			parsed.dir = 0;
-			break;
-		  case 'rtl':
-			parsed.dir = 1;
-			parsed.connect = [0,2,1,3][parsed.connect];
-			break;
-		  default:
-			throw new Error("noUiSlider: 'direction' option was not recognized.");
-		}
-	}
-
-	function testBehaviour ( parsed, entry ) {
-
-		// Make sure the input is a string.
-		if ( typeof entry !== 'string' ) {
-			throw new Error("noUiSlider: 'behaviour' must be a string containing options.");
-		}
-
-		// Check if the string contains any keywords.
-		// None are required.
-		var tap = entry.indexOf('tap') >= 0,
-			drag = entry.indexOf('drag') >= 0,
-			fixed = entry.indexOf('fixed') >= 0,
-			snap = entry.indexOf('snap') >= 0;
-
-		parsed.events = {
-			tap: tap || snap,
-			drag: drag,
-			fixed: fixed,
-			snap: snap
-		};
-	}
-
-	function testFormat ( parsed, entry ) {
-
-		parsed.format = entry;
-
-		// Any object with a to and from method is supported.
-		if ( typeof entry.to === 'function' && typeof entry.from === 'function' ) {
-			return true;
-		}
-
-		throw new Error( "noUiSlider: 'format' requires 'to' and 'from' methods.");
-	}
-
-	// Test all developer settings and parse to assumption-safe values.
-	function testOptions ( options ) {
-
-		var parsed = {
-			margin: 0,
-			limit: 0,
-			animate: true,
-			format: defaultFormatter
-		}, tests;
-
-		// Tests are executed in the order they are presented here.
-		tests = {
-			'step': { r: false, t: testStep },
-			'start': { r: true, t: testStart },
-			'connect': { r: true, t: testConnect },
-			'direction': { r: true, t: testDirection },
-			'snap': { r: false, t: testSnap },
-			'animate': { r: false, t: testAnimate },
-			'range': { r: true, t: testRange },
-			'orientation': { r: false, t: testOrientation },
-			'margin': { r: false, t: testMargin },
-			'limit': { r: false, t: testLimit },
-			'behaviour': { r: true, t: testBehaviour },
-			'format': { r: false, t: testFormat }
-		};
-
-		var defaults = {
-			'connect': false,
-			'direction': 'ltr',
-			'behaviour': 'tap',
-			'orientation': 'horizontal'
-		};
-
-		// Set defaults where applicable.
-		Object.keys(defaults).forEach(function ( name ) {
-			if ( options[name] === undefined ) {
-				options[name] = defaults[name];
-			}
-		});
-
-		// Run all options through a testing mechanism to ensure correct
-		// input. It should be noted that options might get modified to
-		// be handled properly. E.g. wrapping integers in arrays.
-		Object.keys(tests).forEach(function( name ){
-
-			var test = tests[name];
-
-			// If the option isn't set, but it is required, throw an error.
-			if ( options[name] === undefined ) {
-
-				if ( test.r ) {
-					throw new Error("noUiSlider: '" + name + "' is required.");
-				}
-
-				return true;
-			}
-
-			test.t( parsed, options[name] );
-		});
-
-		// Forward pips options
-		parsed.pips = options.pips;
-
-		// Pre-define the styles.
-		parsed.style = parsed.ort ? 'top' : 'left';
-
-		return parsed;
-	}
-
-
-	// Delimit proposed values for handle positions.
-	function getPositions ( a, b, delimit ) {
-
-		// Add movement to current position.
-		var c = a + b[0], d = a + b[1];
-
-		// Only alter the other position on drag,
-		// not on standard sliding.
-		if ( delimit ) {
-			if ( c < 0 ) {
-				d += Math.abs(c);
-			}
-			if ( d > 100 ) {
-				c -= ( d - 100 );
-			}
-
-			// Limit values to 0 and 100.
-			return [limit(c), limit(d)];
-		}
-
-		return [c,d];
-	}
-
-	// Provide a clean event with standardized offset values.
-	function fixEvent ( e ) {
-
-		// Prevent scrolling and panning on touch events, while
-		// attempting to slide. The tap event also depends on this.
-		e.preventDefault();
-
-		// Filter the event to register the type, which can be
-		// touch, mouse or pointer. Offset changes need to be
-		// made on an event specific basis.
-		var touch = e.type.indexOf('touch') === 0,
-			mouse = e.type.indexOf('mouse') === 0,
-			pointer = e.type.indexOf('pointer') === 0,
-			x,y, event = e;
-
-		// IE10 implemented pointer events with a prefix;
-		if ( e.type.indexOf('MSPointer') === 0 ) {
-			pointer = true;
-		}
-
-		if ( touch ) {
-			// noUiSlider supports one movement at a time,
-			// so we can select the first 'changedTouch'.
-			x = e.changedTouches[0].pageX;
-			y = e.changedTouches[0].pageY;
-		}
-
-		if ( mouse || pointer ) {
-			x = e.clientX + window.pageXOffset;
-			y = e.clientY + window.pageYOffset;
-		}
-
-		event.points = [x, y];
-		event.cursor = mouse || pointer; // Fix #435
-
-		return event;
-	}
+        // Validate input. Values aren't tested, as the public .val method
+        // will always provide a valid location.
+        if ( !Array.isArray( entry ) || !entry.length ) {
+            throw new Error("noUiSlider: 'start' option is incorrect.");
+        }
 
-	// Append a handle to the base.
-	function addHandle ( direction, index ) {
+        // Store the number of handles.
+        parsed.handles = entry.length;
 
-		var origin = document.createElement('div'),
-			handle = document.createElement('div'),
-			additions = [ '-lower', '-upper' ];
+        // When the slider is initialized, the .val method will
+        // be called with the start options.
+        parsed.start = entry;
+    }
 
-		if ( direction ) {
-			additions.reverse();
-		}
+    function testSnap ( parsed, entry ) {
 
-		addClass(handle, Classes[3]);
-		addClass(handle, Classes[3] + additions[index]);
+        // Enforce 100% stepping within subranges.
+        parsed.snap = entry;
 
-		addClass(origin, Classes[2]);
-		origin.appendChild(handle);
+        if ( typeof entry !== 'boolean' ){
+            throw new Error("noUiSlider: 'snap' option must be a boolean.");
+        }
+    }
 
-		return origin;
-	}
+    function testAnimate ( parsed, entry ) {
 
-	// Add the proper connection classes.
-	function addConnection ( connect, target, handles ) {
+        // Enforce 100% stepping within subranges.
+        parsed.animate = entry;
 
-		// Apply the required connection classes to the elements
-		// that need them. Some classes are made up for several
-		// segments listed in the class list, to allow easy
-		// renaming and provide a minor compression benefit.
-		switch ( connect ) {
-			case 1:	addClass(target, Classes[7]);
-					addClass(handles[0], Classes[6]);
-					break;
-			case 3: addClass(handles[1], Classes[6]);
-					/* falls through */
-			case 2: addClass(handles[0], Classes[7]);
-					/* falls through */
-			case 0: addClass(target, Classes[6]);
-					break;
-		}
-	}
-
-	// Add handles to the slider base.
-	function addHandles ( nrHandles, direction, base ) {
-
-		var index, handles = [];
-
-		// Append handles.
-		for ( index = 0; index < nrHandles; index += 1 ) {
-
-			// Keep a list of all added handles.
-			handles.push( base.appendChild(addHandle( direction, index )) );
-		}
-
-		return handles;
-	}
+        if ( typeof entry !== 'boolean' ){
+            throw new Error("noUiSlider: 'animate' option must be a boolean.");
+        }
+    }
 
-	// Initialize a single slider.
-	function addSlider ( direction, orientation, target ) {
-
-		// Apply classes and data to the target.
-		addClass(target, Classes[0]);
-		addClass(target, Classes[8 + direction]);
-		addClass(target, Classes[4 + orientation]);
-
-		var div = document.createElement('div');
-		addClass(div, Classes[1]);
-		target.appendChild(div);
-		return div;
-	}
-
-
-function closure ( target, options ){
-
-	// All variables local to 'closure' are prefixed with 'scope_'
-	var scope_Target = target,
-		scope_Locations = [-1, -1],
-		scope_Base,
-		scope_Handles,
-		scope_Spectrum = options.spectrum,
-		scope_Values = [],
-		scope_Events = {};
-
-
-	function getGroup ( mode, values, stepped ) {
-
-		// Use the range.
-		if ( mode === 'range' || mode === 'steps' ) {
-			return scope_Spectrum.xVal;
-		}
+    function testAnimationDuration ( parsed, entry ) {
 
-		if ( mode === 'count' ) {
-
-			// Divide 0 - 100 in 'count' parts.
-			var spread = ( 100 / (values-1) ), v, i = 0;
-			values = [];
-
-			// List these parts and have them handled as 'positions'.
-			while ((v=i++*spread) <= 100 ) {
-				values.push(v);
-			}
-
-			mode = 'positions';
-		}
-
-		if ( mode === 'positions' ) {
-
-			// Map all percentages to on-range values.
-			return values.map(function( value ){
-				return scope_Spectrum.fromStepping( stepped ? scope_Spectrum.getStep( value ) : value );
-			});
-		}
-
-		if ( mode === 'values' ) {
-
-			// If the value must be stepped, it needs to be converted to a percentage first.
-			if ( stepped ) {
-
-				return values.map(function( value ){
-
-					// Convert to percentage, apply step, return to value.
-					return scope_Spectrum.fromStepping( scope_Spectrum.getStep( scope_Spectrum.toStepping( value ) ) );
-				});
-
-			}
-
-			// Otherwise, we can simply use the values.
-			return values;
-		}
-	}
-
-	function generateSpread ( density, mode, group ) {
-
-		var originalSpectrumDirection = scope_Spectrum.direction,
-			indexes = {},
-			firstInRange = scope_Spectrum.xVal[0],
-			lastInRange = scope_Spectrum.xVal[scope_Spectrum.xVal.length-1],
-			ignoreFirst = false,
-			ignoreLast = false,
-			prevPct = 0;
+        parsed.animationDuration = entry;
 
-		// This function loops the spectrum in an ltr linear fashion,
-		// while the toStepping method is direction aware. Trick it into
-		// believing it is ltr.
-		scope_Spectrum.direction = 0;
+        if ( typeof entry !== 'number' ){
+            throw new Error("noUiSlider: 'animationDuration' option must be a number.");
+        }
+    }
 
-		// Create a copy of the group, sort it and filter away all duplicates.
-		group = unique(group.slice().sort(function(a, b){ return a - b; }));
+    function testConnect ( parsed, entry ) {
 
-		// Make sure the range starts with the first element.
-		if ( group[0] !== firstInRange ) {
-			group.unshift(firstInRange);
-			ignoreFirst = true;
-		}
-
-		// Likewise for the last one.
-		if ( group[group.length - 1] !== lastInRange ) {
-			group.push(lastInRange);
-			ignoreLast = true;
-		}
-
-		group.forEach(function ( current, index ) {
-
-			// Get the current step and the lower + upper positions.
-			var step, i, q,
-				low = current,
-				high = group[index+1],
-				newPct, pctDifference, pctPos, type,
-				steps, realSteps, stepsize;
+        var connect = [false];
+        var i;
 
-			// When using 'steps' mode, use the provided steps.
-			// Otherwise, we'll step on to the next subrange.
-			if ( mode === 'steps' ) {
-				step = scope_Spectrum.xNumSteps[ index ];
-			}
-
-			// Default to a 'full' step.
-			if ( !step ) {
-				step = high-low;
-			}
-
-			// Low can be 0, so test for false. If high is undefined,
-			// we are at the last subrange. Index 0 is already handled.
-			if ( low === false || high === undefined ) {
-				return;
-			}
-
-			// Find all steps in the subrange.
-			for ( i = low; i <= high; i += step ) {
-
-				// Get the percentage value for the current step,
-				// calculate the size for the subrange.
-				newPct = scope_Spectrum.toStepping( i );
-				pctDifference = newPct - prevPct;
-
-				steps = pctDifference / density;
-				realSteps = Math.round(steps);
-
-				// This ratio represents the ammount of percentage-space a point indicates.
-				// For a density 1 the points/percentage = 1. For density 2, that percentage needs to be re-devided.
-				// Round the percentage offset to an even number, then divide by two
-				// to spread the offset on both sides of the range.
-				stepsize = pctDifference/realSteps;
-
-				// Divide all points evenly, adding the correct number to this subrange.
-				// Run up to <= so that 100% gets a point, event if ignoreLast is set.
-				for ( q = 1; q <= realSteps; q += 1 ) {
-
-					// The ratio between the rounded value and the actual size might be ~1% off.
-					// Correct the percentage offset by the number of points
-					// per subrange. density = 1 will result in 100 points on the
-					// full range, 2 for 50, 4 for 25, etc.
-					pctPos = prevPct + ( q * stepsize );
-					indexes[pctPos.toFixed(5)] = ['x', 0];
-				}
-
-				// Determine the point type.
-				type = (group.indexOf(i) > -1) ? 1 : ( mode === 'steps' ? 2 : 0 );
-
-				// Enforce the 'ignoreFirst' option by overwriting the type for 0.
-				if ( !index && ignoreFirst ) {
-					type = 0;
-				}
-
-				if ( !(i === high && ignoreLast)) {
-					// Mark the 'type' of this point. 0 = plain, 1 = real value, 2 = step value.
-					indexes[newPct.toFixed(5)] = [i, type];
-				}
-
-				// Update the percentage count.
-				prevPct = newPct;
-			}
-		});
-
-		// Reset the spectrum.
-		scope_Spectrum.direction = originalSpectrumDirection;
-
-		return indexes;
-	}
-
-	function addMarking ( spread, filterFunc, formatter ) {
-
-		var style = ['horizontal', 'vertical'][options.ort],
-			element = document.createElement('div');
-
-		addClass(element, 'noUi-pips');
-		addClass(element, 'noUi-pips-' + style);
-
-		function getSize( type ){
-			return [ '-normal', '-large', '-sub' ][type];
-		}
-
-		function getTags( offset, source, values ) {
-			return 'class="' + source + ' ' +
-				source + '-' + style + ' ' +
-				source + getSize(values[1]) +
-				'" style="' + options.style + ': ' + offset + '%"';
-		}
-
-		function addSpread ( offset, values ){
-
-			if ( scope_Spectrum.direction ) {
-				offset = 100 - offset;
-			}
-
-			// Apply the filter function, if it is set.
-			values[1] = (values[1] && filterFunc) ? filterFunc(values[0], values[1]) : values[1];
-
-			// Add a marker for every point
-			element.innerHTML += '<div ' + getTags(offset, 'noUi-marker', values) + '></div>';
-
-			// Values are only appended for points marked '1' or '2'.
-			if ( values[1] ) {
-				element.innerHTML += '<div '+getTags(offset, 'noUi-value', values)+'>' + formatter.to(values[0]) + '</div>';
-			}
-		}
+        // Map legacy options
+        if ( entry === 'lower' ) {
+            entry = [true, false];
+        }
 
-		// Append all points.
-		Object.keys(spread).forEach(function(a){
-			addSpread(a, spread[a]);
-		});
+        else if ( entry === 'upper' ) {
+            entry = [false, true];
+        }
 
-		return element;
-	}
+        // Handle boolean options
+        if ( entry === true || entry === false ) {
 
-	function pips ( grid ) {
+            for ( i = 1; i < parsed.handles; i++ ) {
+                connect.push(entry);
+            }
 
-	var mode = grid.mode,
-		density = grid.density || 1,
-		filter = grid.filter || false,
-		values = grid.values || false,
-		stepped = grid.stepped || false,
-		group = getGroup( mode, values, stepped ),
-		spread = generateSpread( density, mode, group ),
-		format = grid.format || {
-			to: Math.round
-		};
+            connect.push(false);
+        }
 
-		return scope_Target.appendChild(addMarking(
-			spread,
-			filter,
-			format
-		));
-	}
+        // Reject invalid input
+        else if ( !Array.isArray( entry ) || !entry.length || entry.length !== parsed.handles + 1 ) {
+            throw new Error("noUiSlider: 'connect' option doesn't match handle count.");
+        }
 
+        else {
+            connect = entry;
+        }
 
-	// Shorthand for base dimensions.
-	function baseSize ( ) {
-		return scope_Base['offset' + ['Width', 'Height'][options.ort]];
-	}
+        parsed.connect = connect;
+    }
 
-	// External event handling
-	function fireEvent ( event, handleNumber ) {
+    function testOrientation ( parsed, entry ) {
+
+        // Set orientation to an a numerical value for easy
+        // array selection.
+        switch ( entry ){
+            case 'horizontal':
+                parsed.ort = 0;
+                break;
+            case 'vertical':
+                parsed.ort = 1;
+                break;
+            default:
+                throw new Error("noUiSlider: 'orientation' option is invalid.");
+        }
+    }
 
-		if ( handleNumber !== undefined ) {
-			handleNumber = Math.abs(handleNumber - options.dir);
-		}
+    function testMargin ( parsed, entry ) {
 
-		Object.keys(scope_Events).forEach(function( targetEvent ) {
+        if ( !isNumeric(entry) ){
+            throw new Error("noUiSlider: 'margin' option must be numeric.");
+        }
 
-			var eventType = targetEvent.split('.')[0];
+        // Issue #582
+        if ( entry === 0 ) {
+            return;
+        }
 
-			if ( event === eventType ) {
-				scope_Events[targetEvent].forEach(function( callback ) {
-					// .reverse is in place
-					// Return values as array, so arg_1[arg_2] is always valid.
-					callback( asArray(valueGet()), handleNumber, inSliderOrder(Array.prototype.slice.call(scope_Values)) );
-				});
-			}
-		});
-	}
+        parsed.margin = parsed.spectrum.getMargin(entry);
 
-	// Returns the input array, respecting the slider direction configuration.
-	function inSliderOrder ( values ) {
+        if ( !parsed.margin ) {
+            throw new Error("noUiSlider: 'margin' option is only supported on linear sliders.");
+        }
+    }
 
-		// If only one handle is used, return a single value.
-		if ( values.length === 1 ){
-			return values[0];
-		}
+    function testLimit ( parsed, entry ) {
 
-		if ( options.dir ) {
-			return values.reverse();
-		}
+        if ( !isNumeric(entry) ){
+            throw new Error("noUiSlider: 'limit' option must be numeric.");
+        }
 
-		return values;
-	}
+        parsed.limit = parsed.spectrum.getMargin(entry);
 
+        if ( !parsed.limit || parsed.handles < 2 ) {
+            throw new Error("noUiSlider: 'limit' option is only supported on linear sliders with 2 or more handles.");
+        }
+    }
 
-	// Handler for attaching events trough a proxy.
-	function attach ( events, element, callback, data ) {
+    function testPadding ( parsed, entry ) {
 
-		// This function can be used to 'filter' events to the slider.
-		// element is a node, not a nodeList
+        if ( !isNumeric(entry) ){
+            throw new Error("noUiSlider: 'padding' option must be numeric.");
+        }
 
-		var method = function ( e ){
+        if ( entry === 0 ) {
+            return;
+        }
 
-			if ( scope_Target.hasAttribute('disabled') ) {
-				return false;
-			}
+        parsed.padding = parsed.spectrum.getMargin(entry);
 
-			// Stop if an active 'tap' transition is taking place.
-			if ( hasClass(scope_Target, Classes[14]) ) {
-				return false;
-			}
+        if ( !parsed.padding ) {
+            throw new Error("noUiSlider: 'padding' option is only supported on linear sliders.");
+        }
 
-			e = fixEvent(e);
+        if ( parsed.padding < 0 ) {
+            throw new Error("noUiSlider: 'padding' option must be a positive number.");
+        }
 
-			// Ignore right or middle clicks on start #454
-			if ( events === actions.start && e.buttons !== undefined && e.buttons > 1 ) {
-				return false;
-			}
+        if ( parsed.padding >= 50 ) {
+            throw new Error("noUiSlider: 'padding' option must be less than half the range.");
+        }
+    }
 
-			e.calcPoint = e.points[ options.ort ];
+    function testDirection ( parsed, entry ) {
+
+        // Set direction as a numerical value for easy parsing.
+        // Invert connection for RTL sliders, so that the proper
+        // handles get the connect/background classes.
+        switch ( entry ) {
+            case 'ltr':
+                parsed.dir = 0;
+                break;
+            case 'rtl':
+                parsed.dir = 1;
+                break;
+            default:
+                throw new Error("noUiSlider: 'direction' option was not recognized.");
+        }
+    }
 
-			// Call the event handler with the event [ and additional data ].
-			callback ( e, data );
+    function testBehaviour ( parsed, entry ) {
+
+        // Make sure the input is a string.
+        if ( typeof entry !== 'string' ) {
+            throw new Error("noUiSlider: 'behaviour' must be a string containing options.");
+        }
+
+        // Check if the string contains any keywords.
+        // None are required.
+        var tap = entry.indexOf('tap') >= 0;
+        var drag = entry.indexOf('drag') >= 0;
+        var fixed = entry.indexOf('fixed') >= 0;
+        var snap = entry.indexOf('snap') >= 0;
+        var hover = entry.indexOf('hover') >= 0;
+
+        if ( fixed ) {
+
+            if ( parsed.handles !== 2 ) {
+                throw new Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");
+            }
+
+            // Use margin to enforce fixed state
+            testMargin(parsed, parsed.start[1] - parsed.start[0]);
+        }
+
+        parsed.events = {
+            tap: tap || snap,
+            drag: drag,
+            fixed: fixed,
+            snap: snap,
+            hover: hover
+        };
+    }
 
-		}, methods = [];
+    function testTooltips ( parsed, entry ) {
 
-		// Bind a closure on the target for every event type.
-		events.split(' ').forEach(function( eventName ){
-			element.addEventListener(eventName, method, false);
-			methods.push([eventName, method]);
-		});
+        if ( entry === false ) {
+            return;
+        }
 
-		return methods;
-	}
+        else if ( entry === true ) {
 
-	// Handle movement on document for handle and range drag.
-	function move ( event, data ) {
+            parsed.tooltips = [];
 
-		var handles = data.handles || scope_Handles, positions, state = false,
-			proposal = ((event.calcPoint - data.start) * 100) / baseSize(),
-			handleNumber = handles[0] === scope_Handles[0] ? 0 : 1, i;
+            for ( var i = 0; i < parsed.handles; i++ ) {
+                parsed.tooltips.push(true);
+            }
+        }
 
-		// Calculate relative positions for the handles.
-		positions = getPositions( proposal, data.positions, handles.length > 1);
+        else {
 
-		state = setHandle ( handles[0], positions[handleNumber], handles.length === 1 );
+            parsed.tooltips = asArray(entry);
 
-		if ( handles.length > 1 ) {
+            if ( parsed.tooltips.length !== parsed.handles ) {
+                throw new Error("noUiSlider: must pass a formatter for all handles.");
+            }
 
-			state = setHandle ( handles[1], positions[handleNumber?0:1], false ) || state;
+            parsed.tooltips.forEach(function(formatter){
+                if ( typeof formatter !== 'boolean' && (typeof formatter !== 'object' || typeof formatter.to !== 'function') ) {
+                    throw new Error("noUiSlider: 'tooltips' must be passed a formatter or 'false'.");
+                }
+            });
+        }
+    }
 
-			if ( state ) {
-				// fire for both handles
-				for ( i = 0; i < data.handles.length; i++ ) {
-					fireEvent('slide', i);
-				}
-			}
-		} else if ( state ) {
-			// Fire for a single handle
-			fireEvent('slide', handleNumber);
-		}
-	}
+    function testFormat ( parsed, entry ) {
 
-	// Unbind move events on document, call callbacks.
-	function end ( event, data ) {
+        parsed.format = entry;
 
-		// The handle is no longer active, so remove the class.
-		var active = scope_Base.getElementsByClassName(Classes[15]),
-			handleNumber = data.handles[0] === scope_Handles[0] ? 0 : 1;
+        // Any object with a to and from method is supported.
+        if ( typeof entry.to === 'function' && typeof entry.from === 'function' ) {
+            return true;
+        }
 
-		if ( active.length ) {
-			removeClass(active[0], Classes[15]);
-		}
+        throw new Error("noUiSlider: 'format' requires 'to' and 'from' methods.");
+    }
 
-		// Remove cursor styles and text-selection events bound to the body.
-		if ( event.cursor ) {
-			document.body.style.cursor = '';
-			document.body.removeEventListener('selectstart', document.body.noUiListener);
-		}
+    function testCssPrefix ( parsed, entry ) {
 
-		var d = document.documentElement;
+        if ( entry !== undefined && typeof entry !== 'string' && entry !== false ) {
+            throw new Error("noUiSlider: 'cssPrefix' must be a string or `false`.");
+        }
 
-		// Unbind the move and end events, which are added on 'start'.
-		d.noUiListeners.forEach(function( c ) {
-			d.removeEventListener(c[0], c[1]);
-		});
+        parsed.cssPrefix = entry;
+    }
 
-		// Remove dragging class.
-		removeClass(scope_Target, Classes[12]);
+    function testCssClasses ( parsed, entry ) {
 
-		// Fire the change and set events.
-		fireEvent('set', handleNumber);
-		fireEvent('change', handleNumber);
-	}
+        if ( entry !== undefined && typeof entry !== 'object' ) {
+            throw new Error("noUiSlider: 'cssClasses' must be an object.");
+        }
 
-	// Bind move events on document.
-	function start ( event, data ) {
+        if ( typeof parsed.cssPrefix === 'string' ) {
+            parsed.cssClasses = {};
 
-		var d = document.documentElement;
+            for ( var key in entry ) {
+                if ( !entry.hasOwnProperty(key) ) { continue; }
 
-		// Mark the handle as 'active' so it can be styled.
-		if ( data.handles.length === 1 ) {
-			addClass(data.handles[0].children[0], Classes[15]);
+                parsed.cssClasses[key] = parsed.cssPrefix + entry[key];
+            }
+        } else {
+            parsed.cssClasses = entry;
+        }
+    }
 
-			// Support 'disabled' handles
-			if ( data.handles[0].hasAttribute('disabled') ) {
-				return false;
-			}
-		}
+    function testUseRaf ( parsed, entry ) {
+        if ( entry === true || entry === false ) {
+            parsed.useRequestAnimationFrame = entry;
+        } else {
+            throw new Error("noUiSlider: 'useRequestAnimationFrame' option should be true (default) or false.");
+        }
+    }
 
-		// A drag should never propagate up to the 'tap' event.
-		event.stopPropagation();
+    // Test all developer settings and parse to assumption-safe values.
+    function testOptions ( options ) {
 
-		// Attach the move and end events.
-		var moveEvent = attach(actions.move, d, move, {
-			start: event.calcPoint,
-			handles: data.handles,
-			positions: [
-				scope_Locations[0],
-				scope_Locations[scope_Handles.length - 1]
-			]
-		}), endEvent = attach(actions.end, d, end, {
-			handles: data.handles
-		});
+        // To prove a fix for #537, freeze options here.
+        // If the object is modified, an error will be thrown.
+        // Object.freeze(options);
 
-		d.noUiListeners = moveEvent.concat(endEvent);
+        var parsed = {
+            margin: 0,
+            limit: 0,
+            padding: 0,
+            animate: true,
+            animationDuration: 300,
+            format: defaultFormatter
+        };
+
+        // Tests are executed in the order they are presented here.
+        var tests = {
+            'step': { r: false, t: testStep },
+            'start': { r: true, t: testStart },
+            'connect': { r: true, t: testConnect },
+            'direction': { r: true, t: testDirection },
+            'snap': { r: false, t: testSnap },
+            'animate': { r: false, t: testAnimate },
+            'animationDuration': { r: false, t: testAnimationDuration },
+            'range': { r: true, t: testRange },
+            'orientation': { r: false, t: testOrientation },
+            'margin': { r: false, t: testMargin },
+            'limit': { r: false, t: testLimit },
+            'padding': { r: false, t: testPadding },
+            'behaviour': { r: true, t: testBehaviour },
+            'format': { r: false, t: testFormat },
+            'tooltips': { r: false, t: testTooltips },
+            'cssPrefix': { r: false, t: testCssPrefix },
+            'cssClasses': { r: false, t: testCssClasses },
+            'useRequestAnimationFrame': { r: false, t: testUseRaf }
+        };
+
+        var defaults = {
+            'connect': false,
+            'direction': 'ltr',
+            'behaviour': 'tap',
+            'orientation': 'horizontal',
+            'cssPrefix' : 'noUi-',
+            'cssClasses': {
+                target: 'target',
+                base: 'base',
+                origin: 'origin',
+                handle: 'handle',
+                handleLower: 'handle-lower',
+                handleUpper: 'handle-upper',
+                horizontal: 'horizontal',
+                vertical: 'vertical',
+                background: 'background',
+                connect: 'connect',
+                ltr: 'ltr',
+                rtl: 'rtl',
+                draggable: 'draggable',
+                drag: 'state-drag',
+                tap: 'state-tap',
+                active: 'active',
+                tooltip: 'tooltip',
+                pips: 'pips',
+                pipsHorizontal: 'pips-horizontal',
+                pipsVertical: 'pips-vertical',
+                marker: 'marker',
+                markerHorizontal: 'marker-horizontal',
+                markerVertical: 'marker-vertical',
+                markerNormal: 'marker-normal',
+                markerLarge: 'marker-large',
+                markerSub: 'marker-sub',
+                value: 'value',
+                valueHorizontal: 'value-horizontal',
+                valueVertical: 'value-vertical',
+                valueNormal: 'value-normal',
+                valueLarge: 'value-large',
+                valueSub: 'value-sub'
+            },
+            'useRequestAnimationFrame': true
+        };
 
-		// Text selection isn't an issue on touch devices,
-		// so adding cursor styles can be skipped.
-		if ( event.cursor ) {
+        // Run all options through a testing mechanism to ensure correct
+        // input. It should be noted that options might get modified to
+        // be handled properly. E.g. wrapping integers in arrays.
+        Object.keys(tests).forEach(function( name ){
 
-			// Prevent the 'I' cursor and extend the range-drag cursor.
-			document.body.style.cursor = getComputedStyle(event.target).cursor;
+            // If the option isn't set, but it is required, throw an error.
+            if ( options[name] === undefined && defaults[name] === undefined ) {
 
-			// Mark the target with a dragging state.
-			if ( scope_Handles.length > 1 ) {
-				addClass(scope_Target, Classes[12]);
-			}
-
-			var f = function(){
-				return false;
-			};
-
-			document.body.noUiListener = f;
+                if ( tests[name].r ) {
+                    throw new Error("noUiSlider: '" + name + "' is required.");
+                }
 
-			// Prevent text selection when dragging the handles.
-			document.body.addEventListener('selectstart', f, false);
-		}
-	}
-
-	// Move closest handle to tapped location.
-	function tap ( event ) {
-
-		var location = event.calcPoint, total = 0, handleNumber, to;
-
-		// The tap event shouldn't propagate up and cause 'edge' to run.
-		event.stopPropagation();
-
-		// Add up the handle offsets.
-		scope_Handles.forEach(function(a){
-			total += offset(a)[ options.style ];
-		});
-
-		// Find the handle closest to the tapped position.
-		handleNumber = ( location < total/2 || scope_Handles.length === 1 ) ? 0 : 1;
-
-		location -= offset(scope_Base)[ options.style ];
-
-		// Calculate the new position.
-		to = ( location * 100 ) / baseSize();
-
-		if ( !options.events.snap ) {
-			// Flag the slider as it is now in a transitional state.
-			// Transition takes 300 ms, so re-enable the slider afterwards.
-			addClassFor( scope_Target, Classes[14], 300 );
-		}
-
-		// Support 'disabled' handles
-		if ( scope_Handles[handleNumber].hasAttribute('disabled') ) {
-			return false;
-		}
-
-		// Find the closest handle and calculate the tapped point.
-		// The set handle to the new position.
-		setHandle( scope_Handles[handleNumber], to );
-
-		fireEvent('slide', handleNumber);
-		fireEvent('set', handleNumber);
-		fireEvent('change', handleNumber);
-
-		if ( options.events.snap ) {
-			start(event, { handles: [scope_Handles[total]] });
-		}
-	}
-
-	// Attach events to several slider parts.
-	function events ( behaviour ) {
-
-		var i, drag;
-
-		// Attach the standard drag event to the handles.
-		if ( !behaviour.fixed ) {
-
-			for ( i = 0; i < scope_Handles.length; i += 1 ) {
-
-				// These events are only bound to the visual handle
-				// element, not the 'real' origin element.
-				attach ( actions.start, scope_Handles[i].children[0], start, {
-					handles: [ scope_Handles[i] ]
-				});
-			}
-		}
-
-		// Attach the tap event to the slider base.
-		if ( behaviour.tap ) {
-
-			attach ( actions.start, scope_Base, tap, {
-				handles: scope_Handles
-			});
-		}
+                return true;
+            }
 
-		// Make the range dragable.
-		if ( behaviour.drag ){
+            tests[name].t( parsed, options[name] === undefined ? defaults[name] : options[name] );
+        });
+
+        // Forward pips options
+        parsed.pips = options.pips;
+
+        var styles = [['left', 'top'], ['right', 'bottom']];
+
+        // Pre-define the styles.
+        parsed.style = styles[parsed.dir][parsed.ort];
+        parsed.styleOposite = styles[parsed.dir?0:1][parsed.ort];
+
+        return parsed;
+    }
 
-			drag = [scope_Base.getElementsByClassName( Classes[7] )[0]];
-			addClass(drag[0], Classes[10]);
 
-			// When the range is fixed, the entire range can
-			// be dragged by the handles. The handle in the first
-			// origin will propagate the start event upward,
-			// but it needs to be bound manually on the other.
-			if ( behaviour.fixed ) {
-				drag.push(scope_Handles[(drag[0] === scope_Handles[0] ? 1 : 0)].children[0]);
-			}
+    function closure ( target, options, originalOptions ){
 
-			drag.forEach(function( element ) {
-				attach ( actions.start, element, start, {
-					handles: scope_Handles
-				});
-			});
-		}
-	}
+        var actions = getActions( );
 
+        // All variables local to 'closure' are prefixed with 'scope_'
+        var scope_Target = target;
+        var scope_Locations = [];
+        var scope_Base;
+        var scope_Handles;
+        var scope_HandleNumbers = [];
+        var scope_ActiveHandle = false;
+        var scope_Connects;
+        var scope_Spectrum = options.spectrum;
+        var scope_Values = [];
+        var scope_Events = {};
+        var scope_Self;
 
-	// Test suggested values and apply margin, step.
-	function setHandle ( handle, to, noLimitOption ) {
-
-		var trigger = handle !== scope_Handles[0] ? 1 : 0,
-			lowerMargin = scope_Locations[0] + options.margin,
-			upperMargin = scope_Locations[1] - options.margin,
-			lowerLimit = scope_Locations[0] + options.limit,
-			upperLimit = scope_Locations[1] - options.limit;
 
-		// For sliders with multiple handles,
-		// limit movement to the other handle.
-		// Apply the margin option by adding it to the handle positions.
-		if ( scope_Handles.length > 1 ) {
-			to = trigger ? Math.max( to, lowerMargin ) : Math.min( to, upperMargin );
-		}
-
-		// The limit option has the opposite effect, limiting handles to a
-		// maximum distance from another. Limit must be > 0, as otherwise
-		// handles would be unmoveable. 'noLimitOption' is set to 'false'
-		// for the .val() method, except for pass 4/4.
-		if ( noLimitOption !== false && options.limit && scope_Handles.length > 1 ) {
-			to = trigger ? Math.min ( to, lowerLimit ) : Math.max( to, upperLimit );
-		}
-
-		// Handle the step option.
-		to = scope_Spectrum.getStep( to );
-
-		// Limit to 0/100 for .val input, trim anything beyond 7 digits, as
-		// JavaScript has some issues in its floating point implementation.
-		to = limit(parseFloat(to.toFixed(7)));
-
-		// Return false if handle can't move.
-		if ( to === scope_Locations[trigger] ) {
-			return false;
-		}
-
-		// Set the handle to the new position.
-		handle.style[options.style] = to + '%';
-
-		// Force proper handle stacking
-		if ( !handle.previousSibling ) {
-			removeClass(handle, Classes[17]);
-			if ( to > 50 ) {
-				addClass(handle, Classes[17]);
-			}
-		}
-
-		// Update locations.
-		scope_Locations[trigger] = to;
-
-		// Convert the value to the slider stepping/range.
-		scope_Values[trigger] = scope_Spectrum.fromStepping( to );
-
-		fireEvent('update', trigger);
-
-		return true;
-	}
-
-	// Loop values from value method and apply them.
-	function setValues ( count, values ) {
-
-		var i, trigger, to;
-
-		// With the limit option, we'll need another limiting pass.
-		if ( options.limit ) {
-			count += 1;
-		}
-
-		// If there are multiple handles to be set run the setting
-		// mechanism twice for the first handle, to make sure it
-		// can be bounced of the second one properly.
-		for ( i = 0; i < count; i += 1 ) {
-
-			trigger = i%2;
-
-			// Get the current argument from the array.
-			to = values[trigger];
-
-			// Setting with null indicates an 'ignore'.
-			// Inputting 'false' is invalid.
-			if ( to !== null && to !== false ) {
-
-				// If a formatted number was passed, attemt to decode it.
-				if ( typeof to === 'number' ) {
-					to = String(to);
-				}
-
-				to = options.format.from( to );
-
-				// Request an update for all links if the value was invalid.
-				// Do so too if setting the handle fails.
-				if ( to === false || isNaN(to) || setHandle( scope_Handles[trigger], scope_Spectrum.toStepping( to ), i === (3 - options.dir) ) === false ) {
-					fireEvent('update', trigger);
-				}
-			}
-		}
-	}
-
-	// Set the slider value.
-	function valueSet ( input ) {
-
-		var count, values = asArray( input ), i;
-
-		// The RTL settings is implemented by reversing the front-end,
-		// internal mechanisms are the same.
-		if ( options.dir && options.handles > 1 ) {
-			values.reverse();
-		}
+        // Append a origin to the base
+        function addOrigin ( base, handleNumber ) {
 
-		// Animation is optional.
-		// Make sure the initial values where set before using animated placement.
-		if ( options.animate && scope_Locations[0] !== -1 ) {
-			addClassFor( scope_Target, Classes[14], 300 );
-		}
+            var origin = addNodeTo(base, options.cssClasses.origin);
+            var handle = addNodeTo(origin, options.cssClasses.handle);
 
-		// Determine how often to set the handles.
-		count = scope_Handles.length > 1 ? 3 : 1;
+            handle.setAttribute('data-handle', handleNumber);
 
-		if ( values.length === 1 ) {
-			count = 1;
-		}
+            if ( handleNumber === 0 ) {
+                addClass(handle, options.cssClasses.handleLower);
+            }
 
-		setValues ( count, values );
+            else if ( handleNumber === options.handles - 1 ) {
+                addClass(handle, options.cssClasses.handleUpper);
+            }
 
-		// Fire the 'set' event for both handles.
-		for ( i = 0; i < scope_Handles.length; i++ ) {
-			fireEvent('set', i);
-		}
-	}
+            return origin;
+        }
 
-	// Get the slider value.
-	function valueGet ( ) {
+        // Insert nodes for connect elements
+        function addConnect ( base, add ) {
 
-		var i, retour = [];
+            if ( !add ) {
+                return false;
+            }
 
-		// Get the value from all handles.
-		for ( i = 0; i < options.handles; i += 1 ){
-			retour[i] = options.format.to( scope_Values[i] );
-		}
+            return addNodeTo(base, options.cssClasses.connect);
+        }
 
-		return inSliderOrder( retour );
-	}
+        // Add handles to the slider base.
+        function addElements ( connectOptions, base ) {
 
-	// Removes classes from the root and empties it.
-	function destroy ( ) {
-		Classes.forEach(function(cls){
-			if ( !cls ) { return; } // Ignore empty classes
-			removeClass(scope_Target, cls);
-		});
-		scope_Target.innerHTML = '';
-		delete scope_Target.noUiSlider;
-	}
+            scope_Handles = [];
+            scope_Connects = [];
 
-	// Get the current step size for the slider.
-	function getCurrentStep ( ) {
+            scope_Connects.push(addConnect(base, connectOptions[0]));
 
-		// Check all locations, map them to their stepping point.
-		// Get the step point, then find it in the input list.
-		var retour = scope_Locations.map(function( location, index ){
+            // [::::O====O====O====]
+            // connectOptions = [0, 1, 1, 1]
 
-			var step = scope_Spectrum.getApplicableStep( location ),
+            for ( var i = 0; i < options.handles; i++ ) {
+                // Keep a list of all added handles.
+                scope_Handles.push(addOrigin(base, i));
+                scope_HandleNumbers[i] = i;
+                scope_Connects.push(addConnect(base, connectOptions[i + 1]));
+            }
+        }
 
-				// As per #391, the comparison for the decrement step can have some rounding issues.
-				// Round the value to the precision used in the step.
-				stepDecimals = countDecimals(String(step[2])),
+        // Initialize a single slider.
+        function addSlider ( target ) {
 
-				// Get the current numeric value
-				value = scope_Values[index],
+            // Apply classes and data to the target.
+            addClass(target, options.cssClasses.target);
 
-				// To move the slider 'one step up', the current step value needs to be added.
-				// Use null if we are at the maximum slider value.
-				increment = location === 100 ? null : step[2],
+            if ( options.dir === 0 ) {
+                addClass(target, options.cssClasses.ltr);
+            } else {
+                addClass(target, options.cssClasses.rtl);
+            }
 
-				// Going 'one step down' might put the slider in a different sub-range, so we
-				// need to switch between the current or the previous step.
-				prev = Number((value - step[2]).toFixed(stepDecimals)),
+            if ( options.ort === 0 ) {
+                addClass(target, options.cssClasses.horizontal);
+            } else {
+                addClass(target, options.cssClasses.vertical);
+            }
 
-				// If the value fits the step, return the current step value. Otherwise, use the
-				// previous step. Return null if the slider is at its minimum value.
-				decrement = location === 0 ? null : (prev >= step[1]) ? step[2] : (step[0] || false);
+            scope_Base = addNodeTo(target, options.cssClasses.base);
+        }
 
-			return [decrement, increment];
-		});
-
-		// Return values in the proper order.
-		return inSliderOrder( retour );
-	}
 
-	// Attach an event to this slider, possibly including a namespace
-	function bindEvent ( namespacedEvent, callback ) {
-		scope_Events[namespacedEvent] = scope_Events[namespacedEvent] || [];
-		scope_Events[namespacedEvent].push(callback);
+        function addTooltip ( handle, handleNumber ) {
 
-		// If the event bound is 'update,' fire it immediately for all handles.
-		if ( namespacedEvent.split('.')[0] === 'update' ) {
-			scope_Handles.forEach(function(a, index){
-				fireEvent('update', index);
-			});
-		}
-	}
+            if ( !options.tooltips[handleNumber] ) {
+                return false;
+            }
 
-	// Undo attachment of event
-	function removeEvent ( namespacedEvent ) {
+            return addNodeTo(handle.firstChild, options.cssClasses.tooltip);
+        }
 
-		var event = namespacedEvent.split('.')[0],
-			namespace = namespacedEvent.substring(event.length);
+        // The tooltips option is a shorthand for using the 'update' event.
+        function tooltips ( ) {
 
-		Object.keys(scope_Events).forEach(function( bind ){
+            // Tooltips are added with options.tooltips in original order.
+            var tips = scope_Handles.map(addTooltip);
 
-			var tEvent = bind.split('.')[0],
-				tNamespace = bind.substring(tEvent.length);
+            bindEvent('update', function(values, handleNumber, unencoded) {
 
-			if ( (!event || event === tEvent) && (!namespace || namespace === tNamespace) ) {
-				delete scope_Events[bind];
-			}
-		});
-	}
+                if ( !tips[handleNumber] ) {
+                    return;
+                }
 
+                var formattedValue = values[handleNumber];
 
-	// Throw an error if the slider was already initialized.
-	if ( scope_Target.noUiSlider ) {
-		throw new Error('Slider was already initialized.');
-	}
+                if ( options.tooltips[handleNumber] !== true ) {
+                    formattedValue = options.tooltips[handleNumber].to(unencoded[handleNumber]);
+                }
 
+                tips[handleNumber].innerHTML = '<span>' + formattedValue + '</span>';
+            });
+        }
 
-	// Create the base element, initialise HTML and set classes.
-	// Add handles and links.
-	scope_Base = addSlider( options.dir, options.ort, scope_Target );
-	scope_Handles = addHandles( options.handles, options.dir, scope_Base );
 
-	// Set the connect classes.
-	addConnection ( options.connect, scope_Target, scope_Handles );
+        function getGroup ( mode, values, stepped ) {
 
-	// Attach user events.
-	events( options.events );
+            // Use the range.
+            if ( mode === 'range' || mode === 'steps' ) {
+                return scope_Spectrum.xVal;
+            }
 
-	if ( options.pips ) {
-		pips(options.pips);
-	}
+            if ( mode === 'count' ) {
 
-	return {
-		destroy: destroy,
-		steps: getCurrentStep,
-		on: bindEvent,
-		off: removeEvent,
-		get: valueGet,
-		set: valueSet
-	};
+                // Divide 0 - 100 in 'count' parts.
+                var spread = ( 100 / (values-1) ), v, i = 0;
+                values = [];
 
-}
+                // List these parts and have them handled as 'positions'.
+                while ((v=i++*spread) <= 100 ) {
+                    values.push(v);
+                }
 
+                mode = 'positions';
+            }
 
-	// Run the standard initializer
-	function initialize ( target, originalOptions ) {
+            if ( mode === 'positions' ) {
 
-		if ( !target.nodeName ) {
-			throw new Error('noUiSlider.create requires a single element.');
-		}
+                // Map all percentages to on-range values.
+                return values.map(function( value ){
+                    return scope_Spectrum.fromStepping( stepped ? scope_Spectrum.getStep( value ) : value );
+                });
+            }
 
-		// Test the options and create the slider environment;
-		var options = testOptions( originalOptions, target ),
-			slider = closure( target, options );
+            if ( mode === 'values' ) {
 
-		// Use the public value method to set the start values.
-		slider.set(options.start);
+                // If the value must be stepped, it needs to be converted to a percentage first.
+                if ( stepped ) {
 
-		target.noUiSlider = slider;
+                    return values.map(function( value ){
 
-		if (originalOptions.tooltips === true || originalOptions.tooltips === undefined) {
-			// Tooltips
-			var tipHandles = target.getElementsByClassName('noUi-handle'),
-				tooltips = [];
+                        // Convert to percentage, apply step, return to value.
+                        return scope_Spectrum.fromStepping( scope_Spectrum.getStep( scope_Spectrum.toStepping( value ) ) );
+                    });
 
-			// Add divs to the slider handles.
-			for ( var i = 0; i < tipHandles.length; i++ ){
-				tooltips[i] = document.createElement('div');
-				tipHandles[i].appendChild(tooltips[i]);
-			// Add a class for styling
-			tooltips[i].className += 'range-label';
-			// Add additional markup
-			tooltips[i].innerHTML = '<span></span>';
-			// Replace the tooltip reference with the span we just added
-			tooltips[i] = tooltips[i].getElementsByTagName('span')[0];
-			}
+                }
 
+                // Otherwise, we can simply use the values.
+                return values;
+            }
+        }
 
-			// When the slider changes, write the value to the tooltips.
-			target.noUiSlider.on('update', function( values, handle ){
+        function generateSpread ( density, mode, group ) {
 
-				tooltips[handle].innerHTML = values[handle];
-			});
-		}
-	}
+            function safeIncrement(value, increment) {
+                // Avoid floating point variance by dropping the smallest decimal places.
+                return (value + increment).toFixed(7) / 1;
+            }
+
+            var indexes = {},
+                firstInRange = scope_Spectrum.xVal[0],
+                lastInRange = scope_Spectrum.xVal[scope_Spectrum.xVal.length-1],
+                ignoreFirst = false,
+                ignoreLast = false,
+                prevPct = 0;
+
+            // Create a copy of the group, sort it and filter away all duplicates.
+            group = unique(group.slice().sort(function(a, b){ return a - b; }));
+
+            // Make sure the range starts with the first element.
+            if ( group[0] !== firstInRange ) {
+                group.unshift(firstInRange);
+                ignoreFirst = true;
+            }
+
+            // Likewise for the last one.
+            if ( group[group.length - 1] !== lastInRange ) {
+                group.push(lastInRange);
+                ignoreLast = true;
+            }
+
+            group.forEach(function ( current, index ) {
+
+                // Get the current step and the lower + upper positions.
+                var step, i, q,
+                    low = current,
+                    high = group[index+1],
+                    newPct, pctDifference, pctPos, type,
+                    steps, realSteps, stepsize;
+
+                // When using 'steps' mode, use the provided steps.
+                // Otherwise, we'll step on to the next subrange.
+                if ( mode === 'steps' ) {
+                    step = scope_Spectrum.xNumSteps[ index ];
+                }
+
+                // Default to a 'full' step.
+                if ( !step ) {
+                    step = high-low;
+                }
+
+                // Low can be 0, so test for false. If high is undefined,
+                // we are at the last subrange. Index 0 is already handled.
+                if ( low === false || high === undefined ) {
+                    return;
+                }
+
+                // Make sure step isn't 0, which would cause an infinite loop (#654)
+                step = Math.max(step, 0.0000001);
+
+                // Find all steps in the subrange.
+                for ( i = low; i <= high; i = safeIncrement(i, step) ) {
+
+                    // Get the percentage value for the current step,
+                    // calculate the size for the subrange.
+                    newPct = scope_Spectrum.toStepping( i );
+                    pctDifference = newPct - prevPct;
+
+                    steps = pctDifference / density;
+                    realSteps = Math.round(steps);
+
+                    // This ratio represents the ammount of percentage-space a point indicates.
+                    // For a density 1 the points/percentage = 1. For density 2, that percentage needs to be re-devided.
+                    // Round the percentage offset to an even number, then divide by two
+                    // to spread the offset on both sides of the range.
+                    stepsize = pctDifference/realSteps;
+
+                    // Divide all points evenly, adding the correct number to this subrange.
+                    // Run up to <= so that 100% gets a point, event if ignoreLast is set.
+                    for ( q = 1; q <= realSteps; q += 1 ) {
+
+                        // The ratio between the rounded value and the actual size might be ~1% off.
+                        // Correct the percentage offset by the number of points
+                        // per subrange. density = 1 will result in 100 points on the
+                        // full range, 2 for 50, 4 for 25, etc.
+                        pctPos = prevPct + ( q * stepsize );
+                        indexes[pctPos.toFixed(5)] = ['x', 0];
+                    }
+
+                    // Determine the point type.
+                    type = (group.indexOf(i) > -1) ? 1 : ( mode === 'steps' ? 2 : 0 );
+
+                    // Enforce the 'ignoreFirst' option by overwriting the type for 0.
+                    if ( !index && ignoreFirst ) {
+                        type = 0;
+                    }
+
+                    if ( !(i === high && ignoreLast)) {
+                        // Mark the 'type' of this point. 0 = plain, 1 = real value, 2 = step value.
+                        indexes[newPct.toFixed(5)] = [i, type];
+                    }
+
+                    // Update the percentage count.
+                    prevPct = newPct;
+                }
+            });
+
+            return indexes;
+        }
+
+        function addMarking ( spread, filterFunc, formatter ) {
+
+            var element = document.createElement('div'),
+                out = '',
+                valueSizeClasses = [
+                    options.cssClasses.valueNormal,
+                    options.cssClasses.valueLarge,
+                    options.cssClasses.valueSub
+                ],
+                markerSizeClasses = [
+                    options.cssClasses.markerNormal,
+                    options.cssClasses.markerLarge,
+                    options.cssClasses.markerSub
+                ],
+                valueOrientationClasses = [
+                    options.cssClasses.valueHorizontal,
+                    options.cssClasses.valueVertical
+                ],
+                markerOrientationClasses = [
+                    options.cssClasses.markerHorizontal,
+                    options.cssClasses.markerVertical
+                ];
+
+            addClass(element, options.cssClasses.pips);
+            addClass(element, options.ort === 0 ? options.cssClasses.pipsHorizontal : options.cssClasses.pipsVertical);
+
+            function getClasses( type, source ){
+                var a = source === options.cssClasses.value,
+                    orientationClasses = a ? valueOrientationClasses : markerOrientationClasses,
+                    sizeClasses = a ? valueSizeClasses : markerSizeClasses;
+
+                return source + ' ' + orientationClasses[options.ort] + ' ' + sizeClasses[type];
+            }
+
+            function getTags( offset, source, values ) {
+                return 'class="' + getClasses(values[1], source) + '" style="' + options.style + ': ' + offset + '%"';
+            }
+
+            function addSpread ( offset, values ){
+
+                // Apply the filter function, if it is set.
+                values[1] = (values[1] && filterFunc) ? filterFunc(values[0], values[1]) : values[1];
+
+                // Add a marker for every point
+                out += '<div ' + getTags(offset, options.cssClasses.marker, values) + '></div>';
+
+                // Values are only appended for points marked '1' or '2'.
+                if ( values[1] ) {
+                    out += '<div ' + getTags(offset, options.cssClasses.value, values) + '>' + formatter.to(values[0]) + '</div>';
+                }
+            }
+
+            // Append all points.
+            Object.keys(spread).forEach(function(a){
+                addSpread(a, spread[a]);
+            });
+
+            element.innerHTML = out;
+
+            return element;
+        }
+
+        function pips ( grid ) {
+
+            var mode = grid.mode,
+                density = grid.density || 1,
+                filter = grid.filter || false,
+                values = grid.values || false,
+                stepped = grid.stepped || false,
+                group = getGroup( mode, values, stepped ),
+                spread = generateSpread( density, mode, group ),
+                format = grid.format || {
+                        to: Math.round
+                    };
+
+            return scope_Target.appendChild(addMarking(
+                spread,
+                filter,
+                format
+            ));
+        }
+
+
+        // Shorthand for base dimensions.
+        function baseSize ( ) {
+            var rect = scope_Base.getBoundingClientRect(), alt = 'offset' + ['Width', 'Height'][options.ort];
+            return options.ort === 0 ? (rect.width||scope_Base[alt]) : (rect.height||scope_Base[alt]);
+        }
+
+        // Handler for attaching events trough a proxy.
+        function attachEvent ( events, element, callback, data ) {
+
+            // This function can be used to 'filter' events to the slider.
+            // element is a node, not a nodeList
+
+            var method = function ( e ){
+
+                if ( scope_Target.hasAttribute('disabled') ) {
+                    return false;
+                }
+
+                // Stop if an active 'tap' transition is taking place.
+                if ( hasClass(scope_Target, options.cssClasses.tap) ) {
+                    return false;
+                }
+
+                e = fixEvent(e, data.pageOffset);
+
+                // Handle reject of multitouch
+                if ( !e ) {
+                    return false;
+                }
+
+                // Ignore right or middle clicks on start #454
+                if ( events === actions.start && e.buttons !== undefined && e.buttons > 1 ) {
+                    return false;
+                }
+
+                // Ignore right or middle clicks on start #454
+                if ( data.hover && e.buttons ) {
+                    return false;
+                }
+
+                e.calcPoint = e.points[ options.ort ];
+
+                // Call the event handler with the event [ and additional data ].
+                callback ( e, data );
+            };
+
+            var methods = [];
+
+            // Bind a closure on the target for every event type.
+            events.split(' ').forEach(function( eventName ){
+                element.addEventListener(eventName, method, false);
+                methods.push([eventName, method]);
+            });
+
+            return methods;
+        }
+
+        // Provide a clean event with standardized offset values.
+        function fixEvent ( e, pageOffset ) {
+
+            // Prevent scrolling and panning on touch events, while
+            // attempting to slide. The tap event also depends on this.
+            e.preventDefault();
+
+            // Filter the event to register the type, which can be
+            // touch, mouse or pointer. Offset changes need to be
+            // made on an event specific basis.
+            var touch = e.type.indexOf('touch') === 0;
+            var mouse = e.type.indexOf('mouse') === 0;
+            var pointer = e.type.indexOf('pointer') === 0;
+            var x;
+            var y;
+
+            // IE10 implemented pointer events with a prefix;
+            if ( e.type.indexOf('MSPointer') === 0 ) {
+                pointer = true;
+            }
+
+            if ( touch ) {
+
+                // Fix bug when user touches with two or more fingers on mobile devices.
+                // It's useful when you have two or more sliders on one page,
+                // that can be touched simultaneously.
+                // #649, #663, #668
+                if ( e.touches.length > 1 ) {
+                    return false;
+                }
+
+                // noUiSlider supports one movement at a time,
+                // so we can select the first 'changedTouch'.
+                x = e.changedTouches[0].pageX;
+                y = e.changedTouches[0].pageY;
+            }
+
+            pageOffset = pageOffset || getPageOffset();
+
+            if ( mouse || pointer ) {
+                x = e.clientX + pageOffset.x;
+                y = e.clientY + pageOffset.y;
+            }
+
+            e.pageOffset = pageOffset;
+            e.points = [x, y];
+            e.cursor = mouse || pointer; // Fix #435
+
+            return e;
+        }
+
+        // Translate a coordinate in the document to a percentage on the slider
+        function calcPointToPercentage ( calcPoint ) {
+            var location = calcPoint - offset(scope_Base, options.ort);
+            var proposal = ( location * 100 ) / baseSize();
+            return options.dir ? 100 - proposal : proposal;
+        }
+
+        // Find handle closest to a certain percentage on the slider
+        function getClosestHandle ( proposal ) {
+
+            var closest = 100;
+            var handleNumber = false;
+
+            scope_Handles.forEach(function(handle, index){
+
+                // Disabled handles are ignored
+                if ( handle.hasAttribute('disabled') ) {
+                    return;
+                }
+
+                var pos = Math.abs(scope_Locations[index] - proposal);
+
+                if ( pos < closest ) {
+                    handleNumber = index;
+                    closest = pos;
+                }
+            });
+
+            return handleNumber;
+        }
+
+        // Moves handle(s) by a percentage
+        // (bool, % to move, [% where handle started, ...], [index in scope_Handles, ...])
+        function moveHandles ( upward, proposal, locations, handleNumbers ) {
+
+            var proposals = locations.slice();
+
+            var b = [!upward, upward];
+            var f = [upward, !upward];
+
+            // Copy handleNumbers so we don't change the dataset
+            handleNumbers = handleNumbers.slice();
+
+            // Check to see which handle is 'leading'.
+            // If that one can't move the second can't either.
+            if ( upward ) {
+                handleNumbers.reverse();
+            }
+
+            // Step 1: get the maximum percentage that any of the handles can move
+            if ( handleNumbers.length > 1 ) {
+
+                handleNumbers.forEach(function(handleNumber, o) {
+
+                    var to = checkHandlePosition(proposals, handleNumber, proposals[handleNumber] + proposal, b[o], f[o]);
+
+                    // Stop if one of the handles can't move.
+                    if ( to === false ) {
+                        proposal = 0;
+                    } else {
+                        proposal = to - proposals[handleNumber];
+                        proposals[handleNumber] = to;
+                    }
+                });
+            }
+
+            // If using one handle, check backward AND forward
+            else {
+                b = f = [true];
+            }
+
+            var state = false;
+
+            // Step 2: Try to set the handles with the found percentage
+            handleNumbers.forEach(function(handleNumber, o) {
+                state = setHandle(handleNumber, locations[handleNumber] + proposal, b[o], f[o]) || state;
+            });
+
+            // Step 3: If a handle moved, fire events
+            if ( state ) {
+                handleNumbers.forEach(function(handleNumber){
+                    fireEvent('update', handleNumber);
+                    fireEvent('slide', handleNumber);
+                });
+            }
+        }
+
+        // External event handling
+        function fireEvent ( eventName, handleNumber, tap ) {
+
+            Object.keys(scope_Events).forEach(function( targetEvent ) {
+
+                var eventType = targetEvent.split('.')[0];
+
+                if ( eventName === eventType ) {
+                    scope_Events[targetEvent].forEach(function( callback ) {
+
+                        callback.call(
+                            // Use the slider public API as the scope ('this')
+                            scope_Self,
+                            // Return values as array, so arg_1[arg_2] is always valid.
+                            scope_Values.map(options.format.to),
+                            // Handle index, 0 or 1
+                            handleNumber,
+                            // Unformatted slider values
+                            scope_Values.slice(),
+                            // Event is fired by tap, true or false
+                            tap || false,
+                            // Left offset of the handle, in relation to the slider
+                            scope_Locations.slice()
+                        );
+                    });
+                }
+            });
+        }
+
+
+        // Fire 'end' when a mouse or pen leaves the document.
+        function documentLeave ( event, data ) {
+            if ( event.type === "mouseout" && event.target.nodeName === "HTML" && event.relatedTarget === null ){
+                eventEnd (event, data);
+            }
+        }
+
+        // Handle movement on document for handle and range drag.
+        function eventMove ( event, data ) {
+
+            // Fix #498
+            // Check value of .buttons in 'start' to work around a bug in IE10 mobile (data.buttonsProperty).
+            // https://connect.microsoft.com/IE/feedback/details/927005/mobile-ie10-windows-phone-buttons-property-of-pointermove-event-always-zero
+            // IE9 has .buttons and .which zero on mousemove.
+            // Firefox breaks the spec MDN defines.
+            if ( navigator.appVersion.indexOf("MSIE 9") === -1 && event.buttons === 0 && data.buttonsProperty !== 0 ) {
+                return eventEnd(event, data);
+            }
+
+            // Check if we are moving up or down
+            var movement = (options.dir ? -1 : 1) * (event.calcPoint - data.startCalcPoint);
+
+            // Convert the movement into a percentage of the slider width/height
+            var proposal = (movement * 100) / data.baseSize;
+
+            moveHandles(movement > 0, proposal, data.locations, data.handleNumbers);
+        }
+
+        // Unbind move events on document, call callbacks.
+        function eventEnd ( event, data ) {
+
+            // The handle is no longer active, so remove the class.
+            if ( scope_ActiveHandle ) {
+                removeClass(scope_ActiveHandle, options.cssClasses.active);
+                scope_ActiveHandle = false;
+            }
+
+            // Remove cursor styles and text-selection events bound to the body.
+            if ( event.cursor ) {
+                document.body.style.cursor = '';
+                document.body.removeEventListener('selectstart', document.body.noUiListener);
+            }
+
+            // Unbind the move and end events, which are added on 'start'.
+            document.documentElement.noUiListeners.forEach(function( c ) {
+                document.documentElement.removeEventListener(c[0], c[1]);
+            });
+
+            // Remove dragging class.
+            removeClass(scope_Target, options.cssClasses.drag);
+
+            setZindex();
+
+            data.handleNumbers.forEach(function(handleNumber){
+                fireEvent('set', handleNumber);
+                fireEvent('change', handleNumber);
+                fireEvent('end', handleNumber);
+            });
+        }
+
+        // Bind move events on document.
+        function eventStart ( event, data ) {
+
+            if ( data.handleNumbers.length === 1 ) {
+
+                var handle = scope_Handles[data.handleNumbers[0]];
+
+                // Ignore 'disabled' handles
+                if ( handle.hasAttribute('disabled') ) {
+                    return false;
+                }
+
+                // Mark the handle as 'active' so it can be styled.
+                scope_ActiveHandle = handle.children[0];
+                addClass(scope_ActiveHandle, options.cssClasses.active);
+            }
+
+            // Fix #551, where a handle gets selected instead of dragged.
+            event.preventDefault();
+
+            // A drag should never propagate up to the 'tap' event.
+            event.stopPropagation();
+
+            // Attach the move and end events.
+            var moveEvent = attachEvent(actions.move, document.documentElement, eventMove, {
+                startCalcPoint: event.calcPoint,
+                baseSize: baseSize(),
+                pageOffset: event.pageOffset,
+                handleNumbers: data.handleNumbers,
+                buttonsProperty: event.buttons,
+                locations: scope_Locations.slice()
+            });
+
+            var endEvent = attachEvent(actions.end, document.documentElement, eventEnd, {
+                handleNumbers: data.handleNumbers
+            });
+
+            var outEvent = attachEvent("mouseout", document.documentElement, documentLeave, {
+                handleNumbers: data.handleNumbers
+            });
+
+            document.documentElement.noUiListeners = moveEvent.concat(endEvent, outEvent);
+
+            // Text selection isn't an issue on touch devices,
+            // so adding cursor styles can be skipped.
+            if ( event.cursor ) {
+
+                // Prevent the 'I' cursor and extend the range-drag cursor.
+                document.body.style.cursor = getComputedStyle(event.target).cursor;
+
+                // Mark the target with a dragging state.
+                if ( scope_Handles.length > 1 ) {
+                    addClass(scope_Target, options.cssClasses.drag);
+                }
+
+                var f = function(){
+                    return false;
+                };
+
+                document.body.noUiListener = f;
+
+                // Prevent text selection when dragging the handles.
+                document.body.addEventListener('selectstart', f, false);
+            }
+
+            data.handleNumbers.forEach(function(handleNumber){
+                fireEvent('start', handleNumber);
+            });
+        }
+
+        // Move closest handle to tapped location.
+        function eventTap ( event ) {
+
+            // The tap event shouldn't propagate up
+            event.stopPropagation();
+
+            var proposal = calcPointToPercentage(event.calcPoint);
+            var handleNumber = getClosestHandle(proposal);
+
+            // Tackle the case that all handles are 'disabled'.
+            if ( handleNumber === false ) {
+                return false;
+            }
+
+            // Flag the slider as it is now in a transitional state.
+            // Transition takes a configurable amount of ms (default 300). Re-enable the slider after that.
+            if ( !options.events.snap ) {
+                addClassFor(scope_Target, options.cssClasses.tap, options.animationDuration);
+            }
+
+            setHandle(handleNumber, proposal, true, true);
+
+            setZindex();
+
+            fireEvent('slide', handleNumber, true);
+            fireEvent('set', handleNumber, true);
+            fireEvent('change', handleNumber, true);
+            fireEvent('update', handleNumber, true);
+
+            if ( options.events.snap ) {
+                eventStart(event, { handleNumbers: [handleNumber] });
+            }
+        }
+
+        // Fires a 'hover' event for a hovered mouse/pen position.
+        function eventHover ( event ) {
+
+            var proposal = calcPointToPercentage(event.calcPoint);
+
+            var to = scope_Spectrum.getStep(proposal);
+            var value = scope_Spectrum.fromStepping(to);
+
+            Object.keys(scope_Events).forEach(function( targetEvent ) {
+                if ( 'hover' === targetEvent.split('.')[0] ) {
+                    scope_Events[targetEvent].forEach(function( callback ) {
+                        callback.call( scope_Self, value );
+                    });
+                }
+            });
+        }
+
+        // Attach events to several slider parts.
+        function bindSliderEvents ( behaviour ) {
+
+            // Attach the standard drag event to the handles.
+            if ( !behaviour.fixed ) {
+
+                scope_Handles.forEach(function( handle, index ){
+
+                    // These events are only bound to the visual handle
+                    // element, not the 'real' origin element.
+                    attachEvent ( actions.start, handle.children[0], eventStart, {
+                        handleNumbers: [index]
+                    });
+                });
+            }
+
+            // Attach the tap event to the slider base.
+            if ( behaviour.tap ) {
+                attachEvent (actions.start, scope_Base, eventTap, {});
+            }
+
+            // Fire hover events
+            if ( behaviour.hover ) {
+                attachEvent (actions.move, scope_Base, eventHover, { hover: true });
+            }
+
+            // Make the range draggable.
+            if ( behaviour.drag ){
+
+                scope_Connects.forEach(function( connect, index ){
+
+                    if ( connect === false || index === 0 || index === scope_Connects.length - 1 ) {
+                        return;
+                    }
+
+                    var handleBefore = scope_Handles[index - 1];
+                    var handleAfter = scope_Handles[index];
+                    var eventHolders = [connect];
+
+                    addClass(connect, options.cssClasses.draggable);
+
+                    // When the range is fixed, the entire range can
+                    // be dragged by the handles. The handle in the first
+                    // origin will propagate the start event upward,
+                    // but it needs to be bound manually on the other.
+                    if ( behaviour.fixed ) {
+                        eventHolders.push(handleBefore.children[0]);
+                        eventHolders.push(handleAfter.children[0]);
+                    }
+
+                    eventHolders.forEach(function( eventHolder ) {
+                        attachEvent ( actions.start, eventHolder, eventStart, {
+                            handles: [handleBefore, handleAfter],
+                            handleNumbers: [index - 1, index]
+                        });
+                    });
+                });
+            }
+        }
+
+
+        // Split out the handle positioning logic so the Move event can use it, too
+        function checkHandlePosition ( reference, handleNumber, to, lookBackward, lookForward ) {
+
+            // For sliders with multiple handles, limit movement to the other handle.
+            // Apply the margin option by adding it to the handle positions.
+            if ( scope_Handles.length > 1 ) {
+
+                if ( lookBackward && handleNumber > 0 ) {
+                    to = Math.max(to, reference[handleNumber - 1] + options.margin);
+                }
+
+                if ( lookForward && handleNumber < scope_Handles.length - 1 ) {
+                    to = Math.min(to, reference[handleNumber + 1] - options.margin);
+                }
+            }
+
+            // The limit option has the opposite effect, limiting handles to a
+            // maximum distance from another. Limit must be > 0, as otherwise
+            // handles would be unmoveable.
+            if ( scope_Handles.length > 1 && options.limit ) {
+
+                if ( lookBackward && handleNumber > 0 ) {
+                    to = Math.min(to, reference[handleNumber - 1] + options.limit);
+                }
+
+                if ( lookForward && handleNumber < scope_Handles.length - 1 ) {
+                    to = Math.max(to, reference[handleNumber + 1] - options.limit);
+                }
+            }
+
+            // The padding option keeps the handles a certain distance from the
+            // edges of the slider. Padding must be > 0.
+            if ( options.padding ) {
+
+                if ( handleNumber === 0 ) {
+                    to = Math.max(to, options.padding);
+                }
+
+                if ( handleNumber === scope_Handles.length - 1 ) {
+                    to = Math.min(to, 100 - options.padding);
+                }
+            }
+
+            to = scope_Spectrum.getStep(to);
+
+            // Limit percentage to the 0 - 100 range
+            to = limit(to);
+
+            // Return false if handle can't move
+            if ( to === reference[handleNumber] ) {
+                return false;
+            }
+
+            return to;
+        }
+
+        function toPct ( pct ) {
+            return pct + '%';
+        }
+
+        // Updates scope_Locations and scope_Values, updates visual state
+        function updateHandlePosition ( handleNumber, to ) {
+
+            // Update locations.
+            scope_Locations[handleNumber] = to;
+
+            // Convert the value to the slider stepping/range.
+            scope_Values[handleNumber] = scope_Spectrum.fromStepping(to);
+
+            // Called synchronously or on the next animationFrame
+            var stateUpdate = function() {
+                scope_Handles[handleNumber].style[options.style] = toPct(to);
+                updateConnect(handleNumber);
+                updateConnect(handleNumber + 1);
+            };
+
+            // Set the handle to the new position.
+            // Use requestAnimationFrame for efficient painting.
+            // No significant effect in Chrome, Edge sees dramatic performace improvements.
+            // Option to disable is useful for unit tests, and single-step debugging.
+            if ( window.requestAnimationFrame && options.useRequestAnimationFrame ) {
+                window.requestAnimationFrame(stateUpdate);
+            } else {
+                stateUpdate();
+            }
+        }
+
+        function setZindex ( ) {
+
+            scope_HandleNumbers.forEach(function(handleNumber){
+                // Handles before the slider middle are stacked later = higher,
+                // Handles after the middle later is lower
+                // [[7] [8] .......... | .......... [5] [4]
+                var dir = (scope_Locations[handleNumber] > 50 ? -1 : 1);
+                var zIndex = 3 + (scope_Handles.length + (dir * handleNumber));
+                scope_Handles[handleNumber].childNodes[0].style.zIndex = zIndex;
+            });
+        }
+
+        // Test suggested values and apply margin, step.
+        function setHandle ( handleNumber, to, lookBackward, lookForward ) {
+
+            to = checkHandlePosition(scope_Locations, handleNumber, to, lookBackward, lookForward);
+
+            if ( to === false ) {
+                return false;
+            }
+
+            updateHandlePosition(handleNumber, to);
+
+            return true;
+        }
+
+        // Updates style attribute for connect nodes
+        function updateConnect ( index ) {
+
+            // Skip connects set to false
+            if ( !scope_Connects[index] ) {
+                return;
+            }
+
+            var l = 0;
+            var h = 100;
+
+            if ( index !== 0 ) {
+                l = scope_Locations[index - 1];
+            }
+
+            if ( index !== scope_Connects.length - 1 ) {
+                h = scope_Locations[index];
+            }
+
+            scope_Connects[index].style[options.style] = toPct(l);
+            scope_Connects[index].style[options.styleOposite] = toPct(100 - h);
+        }
+
+        // ...
+        function setValue ( to, handleNumber ) {
+
+            // Setting with null indicates an 'ignore'.
+            // Inputting 'false' is invalid.
+            if ( to === null || to === false ) {
+                return;
+            }
+
+            // If a formatted number was passed, attemt to decode it.
+            if ( typeof to === 'number' ) {
+                to = String(to);
+            }
+
+            to = options.format.from(to);
+
+            // Request an update for all links if the value was invalid.
+            // Do so too if setting the handle fails.
+            if ( to !== false && !isNaN(to) ) {
+                setHandle(handleNumber, scope_Spectrum.toStepping(to), false, false);
+            }
+        }
+
+        // Set the slider value.
+        function valueSet ( input, fireSetEvent ) {
+
+            var values = asArray(input);
+            var isInit = scope_Locations[0] === undefined;
+
+            // Event fires by default
+            fireSetEvent = (fireSetEvent === undefined ? true : !!fireSetEvent);
+
+            values.forEach(setValue);
+
+            // Animation is optional.
+            // Make sure the initial values were set before using animated placement.
+            if ( options.animate && !isInit ) {
+                addClassFor(scope_Target, options.cssClasses.tap, options.animationDuration);
+            }
+
+            // Now that all base values are set, apply constraints
+            scope_HandleNumbers.forEach(function(handleNumber){
+                setHandle(handleNumber, scope_Locations[handleNumber], true, false);
+            });
+
+            setZindex();
+
+            scope_HandleNumbers.forEach(function(handleNumber){
+
+                fireEvent('update', handleNumber);
+
+                // Fire the event only for handles that received a new value, as per #579
+                if ( values[handleNumber] !== null && fireSetEvent ) {
+                    fireEvent('set', handleNumber);
+                }
+            });
+        }
+
+        // Reset slider to initial values
+        function valueReset ( fireSetEvent ) {
+            valueSet(options.start, fireSetEvent);
+        }
+
+        // Get the slider value.
+        function valueGet ( ) {
+
+            var values = scope_Values.map(options.format.to);
+
+            // If only one handle is used, return a single value.
+            if ( values.length === 1 ){
+                return values[0];
+            }
+
+            return values;
+        }
+
+        // Removes classes from the root and empties it.
+        function destroy ( ) {
+
+            for ( var key in options.cssClasses ) {
+                if ( !options.cssClasses.hasOwnProperty(key) ) { continue; }
+                removeClass(scope_Target, options.cssClasses[key]);
+            }
+
+            while (scope_Target.firstChild) {
+                scope_Target.removeChild(scope_Target.firstChild);
+            }
+
+            delete scope_Target.noUiSlider;
+        }
+
+        // Get the current step size for the slider.
+        function getCurrentStep ( ) {
+
+            // Check all locations, map them to their stepping point.
+            // Get the step point, then find it in the input list.
+            return scope_Locations.map(function( location, index ){
+
+                var nearbySteps = scope_Spectrum.getNearbySteps( location );
+                var value = scope_Values[index];
+                var increment = nearbySteps.thisStep.step;
+                var decrement = null;
+
+                // If the next value in this step moves into the next step,
+                // the increment is the start of the next step - the current value
+                if ( increment !== false ) {
+                    if ( value + increment > nearbySteps.stepAfter.startValue ) {
+                        increment = nearbySteps.stepAfter.startValue - value;
+                    }
+                }
+
+
+                // If the value is beyond the starting point
+                if ( value > nearbySteps.thisStep.startValue ) {
+                    decrement = nearbySteps.thisStep.step;
+                }
+
+                else if ( nearbySteps.stepBefore.step === false ) {
+                    decrement = false;
+                }
+
+                // If a handle is at the start of a step, it always steps back into the previous step first
+                else {
+                    decrement = value - nearbySteps.stepBefore.highestStep;
+                }
+
+
+                // Now, if at the slider edges, there is not in/decrement
+                if ( location === 100 ) {
+                    increment = null;
+                }
+
+                else if ( location === 0 ) {
+                    decrement = null;
+                }
+
+                // As per #391, the comparison for the decrement step can have some rounding issues.
+                var stepDecimals = scope_Spectrum.countStepDecimals();
+
+                // Round per #391
+                if ( increment !== null && increment !== false ) {
+                    increment = Number(increment.toFixed(stepDecimals));
+                }
+
+                if ( decrement !== null && decrement !== false ) {
+                    decrement = Number(decrement.toFixed(stepDecimals));
+                }
+
+                return [decrement, increment];
+            });
+        }
+
+        // Attach an event to this slider, possibly including a namespace
+        function bindEvent ( namespacedEvent, callback ) {
+            scope_Events[namespacedEvent] = scope_Events[namespacedEvent] || [];
+            scope_Events[namespacedEvent].push(callback);
+
+            // If the event bound is 'update,' fire it immediately for all handles.
+            if ( namespacedEvent.split('.')[0] === 'update' ) {
+                scope_Handles.forEach(function(a, index){
+                    fireEvent('update', index);
+                });
+            }
+        }
+
+        // Undo attachment of event
+        function removeEvent ( namespacedEvent ) {
+
+            var event = namespacedEvent && namespacedEvent.split('.')[0];
+            var namespace = event && namespacedEvent.substring(event.length);
+
+            Object.keys(scope_Events).forEach(function( bind ){
+
+                var tEvent = bind.split('.')[0],
+                    tNamespace = bind.substring(tEvent.length);
+
+                if ( (!event || event === tEvent) && (!namespace || namespace === tNamespace) ) {
+                    delete scope_Events[bind];
+                }
+            });
+        }
+
+        // Updateable: margin, limit, padding, step, range, animate, snap
+        function updateOptions ( optionsToUpdate, fireSetEvent ) {
+
+            // Spectrum is created using the range, snap, direction and step options.
+            // 'snap' and 'step' can be updated, 'direction' cannot, due to event binding.
+            // If 'snap' and 'step' are not passed, they should remain unchanged.
+            var v = valueGet();
+
+            var updateAble = ['margin', 'limit', 'padding', 'range', 'animate', 'snap', 'step', 'format'];
+
+            // Only change options that we're actually passed to update.
+            updateAble.forEach(function(name){
+                if ( optionsToUpdate[name] !== undefined ) {
+                    originalOptions[name] = optionsToUpdate[name];
+                }
+            });
+
+            var newOptions = testOptions(originalOptions);
+
+            // Load new options into the slider state
+            updateAble.forEach(function(name){
+                if ( optionsToUpdate[name] !== undefined ) {
+                    options[name] = newOptions[name];
+                }
+            });
+
+            // Save current spectrum direction as testOptions in testRange call
+            // doesn't rely on current direction
+            newOptions.spectrum.direction = scope_Spectrum.direction;
+            scope_Spectrum = newOptions.spectrum;
+
+            // Limit, margin and padding depend on the spectrum but are stored outside of it. (#677)
+            options.margin = newOptions.margin;
+            options.limit = newOptions.limit;
+            options.padding = newOptions.padding;
+
+            // Invalidate the current positioning so valueSet forces an update.
+            scope_Locations = [];
+            valueSet(optionsToUpdate.start || v, fireSetEvent);
+        }
+
+        // Throw an error if the slider was already initialized.
+        if ( scope_Target.noUiSlider ) {
+            throw new Error('Slider was already initialized.');
+        }
+
+        // Create the base element, initialise HTML and set classes.
+        // Add handles and connect elements.
+        addSlider(scope_Target);
+        addElements(options.connect, scope_Base);
+
+        scope_Self = {
+            destroy: destroy,
+            steps: getCurrentStep,
+            on: bindEvent,
+            off: removeEvent,
+            get: valueGet,
+            set: valueSet,
+            reset: valueReset,
+            // Exposed for unit testing, don't use this in your application.
+            __moveHandles: function(a, b, c) { moveHandles(a, b, scope_Locations, c); },
+            options: originalOptions, // Issue #600, #678
+            updateOptions: updateOptions,
+            target: scope_Target, // Issue #597
+            pips: pips // Issue #594
+        };
+
+        // Attach user events.
+        bindSliderEvents(options.events);
+
+        // Use the public value method to set the start values.
+        valueSet(options.start);
+
+        if ( options.pips ) {
+            pips(options.pips);
+        }
+
+        if ( options.tooltips ) {
+            tooltips();
+        }
+
+        return scope_Self;
+
+    }
+
+
+    // Run the standard initializer
+    function initialize ( target, originalOptions ) {
+
+        if ( !target.nodeName ) {
+            throw new Error('noUiSlider.create requires a single element.');
+        }
+
+        if (originalOptions.tooltips === undefined) {
+            originalOptions.tooltips = true;
+        }
+
+        // Test the options and create the slider environment;
+        var options = testOptions( originalOptions, target );
+        var api = closure( target, options, originalOptions );
+
+        target.noUiSlider = api;
+
+        return api;
+    }
 
-	// Use an object instead of a function for future expansibility;
-	return {
-		create: initialize
-	};
+    // Use an object instead of a function for future expansibility;
+    return {
+        create: initialize
+    };
 
 }));