123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959 |
- (function (factory) {
- if ( typeof define === 'function' && define.amd ) {
-
- define([], factory);
- } else if ( typeof exports === 'object' ) {
-
- module.exports = factory();
- } else {
-
- window.noUiSlider = factory();
- }
- }(function( ){
- 'use strict';
-
- function unique(array) {
- return array.filter(function(a){
- return !this[a] ? this[a] = true : false;
- }, {});
- }
-
- function closest ( value, to ) {
- return Math.round(value / to) * to;
- }
-
- function offset ( elem ) {
- var rect = elem.getBoundingClientRect(),
- doc = elem.ownerDocument,
- docElem = doc.documentElement,
- pageOffset = getPageOffset();
-
-
-
- if ( /webkit.*Chrome.*Mobile/i.test(navigator.userAgent) ) {
- pageOffset.x = 0;
- }
- return {
- top: rect.top + pageOffset.y - docElem.clientTop,
- left: rect.left + pageOffset.x - docElem.clientLeft
- };
- }
-
- function isNumeric ( a ) {
- return typeof a === 'number' && !isNaN( a ) && isFinite( a );
- }
-
- function addClassFor ( element, className, duration ) {
- addClass(element, className);
- setTimeout(function(){
- removeClass(element, className);
- }, duration);
- }
-
- function limit ( a ) {
- return Math.max(Math.min(a, 100), 0);
- }
-
- function asArray ( a ) {
- return Array.isArray(a) ? a : [a];
- }
-
- function countDecimals ( numStr ) {
- var pieces = numStr.split(".");
- return pieces.length > 1 ? pieces[1].length : 0;
- }
-
- function addClass ( el, className ) {
- if ( el.classList ) {
- el.classList.add(className);
- } else {
- el.className += ' ' + className;
- }
- }
-
- 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'), ' ');
- }
- }
-
- function hasClass ( el, className ) {
- return el.classList ? el.classList.contains(className) : new RegExp('\\b' + className + '\\b').test(el.className);
- }
-
- 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
- };
- }
-
-
-
- function getActions ( ) {
-
-
- 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'
- };
- }
-
- function subRangeRatio ( pa, pb ) {
- return (100 / (pb - pa));
- }
-
- function fromPercentage ( range, value ) {
- return (value * 100) / ( range[1] - range[0] );
- }
-
- function toPercentage ( range, value ) {
- return fromPercentage( range, range[0] < 0 ?
- value + Math.abs(range[0]) :
- value - range[0] );
- }
-
- function isPercentage ( range, value ) {
- return ((value * ( range[1] - range[0] )) / 100) + range[0];
- }
- function getJ ( value, arr ) {
- var j = 1;
- while ( value >= arr[j] ){
- j += 1;
- }
- return j;
- }
-
- function toStepping ( xVal, xPct, value ) {
- if ( value >= xVal.slice(-1)[0] ){
- return 100;
- }
- var j = getJ( value, xVal ), va, vb, pa, pb;
- va = xVal[j-1];
- vb = xVal[j];
- pa = xPct[j-1];
- pb = xPct[j];
- return pa + (toPercentage([va, vb], value) / subRangeRatio (pa, pb));
- }
-
- function fromStepping ( xVal, xPct, value ) {
-
- if ( value >= 100 ){
- return xVal.slice(-1)[0];
- }
- var j = getJ( value, xPct ), va, vb, pa, pb;
- va = xVal[j-1];
- vb = xVal[j];
- pa = xPct[j-1];
- pb = xPct[j];
- return isPercentage([va, vb], (value - pa) * subRangeRatio (pa, pb));
- }
-
- function getStep ( xPct, xSteps, snap, value ) {
- if ( value === 100 ) {
- return value;
- }
- var j = getJ( value, xPct ), a, b;
-
- if ( snap ) {
- a = xPct[j-1];
- b = xPct[j];
-
- if ((value - a) > ((b-a)/2)){
- return b;
- }
- return a;
- }
- if ( !xSteps[j-1] ){
- return value;
- }
- return xPct[j-1] + closest(
- value - xPct[j-1],
- xSteps[j-1]
- );
- }
- function handleEntryPoint ( index, value, that ) {
- var percentage;
-
- if ( typeof value === "number" ) {
- value = [value];
- }
-
- if ( Object.prototype.toString.call( value ) !== '[object Array]' ){
- throw new Error("noUiSlider: 'range' contains invalid value.");
- }
-
- if ( index === 'min' ) {
- percentage = 0;
- } else if ( index === 'max' ) {
- percentage = 100;
- } else {
- percentage = parseFloat( index );
- }
-
- if ( !isNumeric( percentage ) || !isNumeric( value[0] ) ) {
- throw new Error("noUiSlider: 'range' value isn't numeric.");
- }
-
- that.xPct.push( percentage );
- that.xVal.push( value[0] );
-
-
-
- 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 ) {
-
- if ( !n ) {
- return true;
- }
-
- that.xSteps[i] = fromPercentage([
- that.xVal[i]
- ,that.xVal[i+1]
- ], n) / subRangeRatio (
- that.xPct[i],
- that.xPct[i+1] );
- }
-
-
- function Spectrum ( entry, snap, direction, singleStep ) {
- this.xPct = [];
- this.xVal = [];
- this.xSteps = [ singleStep || false ];
- this.xNumSteps = [ false ];
- this.snap = snap;
- this.direction = direction;
- var index, ordered = [ ];
-
- for ( index in entry ) {
- if ( entry.hasOwnProperty(index) ) {
- ordered.push([entry[index], index]);
- }
- }
-
- 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]; });
- }
-
- for ( index = 0; index < ordered.length; index++ ) {
- handleEntryPoint(ordered[index][1], ordered[index][0], this);
- }
-
-
- this.xNumSteps = this.xSteps.slice(0);
-
- for ( index = 0; index < this.xNumSteps.length; index++ ) {
- handleStepPoint(index, this.xNumSteps[index], this);
- }
- }
- Spectrum.prototype.getMargin = function ( value ) {
- return this.xPct.length === 2 ? fromPercentage(this.xVal, value) : false;
- };
- Spectrum.prototype.toStepping = function ( value ) {
- value = toStepping( this.xVal, this.xPct, value );
-
- if ( this.direction ) {
- value = 100 - value;
- }
- return value;
- };
- Spectrum.prototype.fromStepping = function ( value ) {
-
- if ( this.direction ) {
- value = 100 - value;
- }
- return fromStepping( this.xVal, this.xPct, value );
- };
- Spectrum.prototype.getStep = function ( value ) {
-
-
- if ( this.direction ) {
- value = 100 - value;
- }
- value = getStep(this.xPct, this.xSteps, this.snap, value );
- if ( this.direction ) {
- value = 100 - value;
- }
- return value;
- };
- Spectrum.prototype.getApplicableStep = function ( value ) {
-
- var j = getJ(value, this.xPct), offset = value === 100 ? 2 : 1;
- return [this.xNumSteps[j-2], this.xVal[j-offset], this.xNumSteps[j-offset]];
- };
-
- Spectrum.prototype.convert = function ( value ) {
- return this.getStep(this.toStepping(value));
- };
- 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.");
- }
-
-
- parsed.singleStep = entry;
- }
- function testRange ( parsed, entry ) {
-
- if ( typeof entry !== 'object' || Array.isArray(entry) ) {
- throw new Error("noUiSlider: 'range' is not an object.");
- }
-
- if ( entry.min === undefined || entry.max === undefined ) {
- throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");
- }
-
- 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);
- }
- function testStart ( parsed, entry ) {
- entry = asArray(entry);
-
-
- if ( !Array.isArray( entry ) || !entry.length || entry.length > 2 ) {
- throw new Error("noUiSlider: 'start' option is incorrect.");
- }
-
- parsed.handles = entry.length;
-
-
- parsed.start = entry;
- }
- function testSnap ( parsed, entry ) {
-
- parsed.snap = entry;
- if ( typeof entry !== 'boolean' ){
- throw new Error("noUiSlider: 'snap' option must be a boolean.");
- }
- }
- function testAnimate ( parsed, entry ) {
-
- parsed.animate = entry;
- if ( typeof entry !== 'boolean' ){
- throw new Error("noUiSlider: 'animate' option must be a boolean.");
- }
- }
- function testAnimationDuration ( parsed, entry ) {
- parsed.animationDuration = entry;
- if ( typeof entry !== 'number' ){
- throw new Error("noUiSlider: 'animationDuration' option must be a number.");
- }
- }
- 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 ) {
-
-
- 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.");
- }
-
- if ( entry === 0 ) {
- return;
- }
- 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 ) {
-
-
-
- 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 ) {
-
- if ( typeof entry !== 'string' ) {
- throw new Error("noUiSlider: 'behaviour' must be a string containing options.");
- }
-
-
- var tap = entry.indexOf('tap') >= 0,
- drag = entry.indexOf('drag') >= 0,
- fixed = entry.indexOf('fixed') >= 0,
- snap = entry.indexOf('snap') >= 0,
- hover = entry.indexOf('hover') >= 0;
-
- if ( drag && !parsed.connect ) {
- throw new Error("noUiSlider: 'drag' behaviour must be used with 'connect': true.");
- }
- parsed.events = {
- tap: tap || snap,
- drag: drag,
- fixed: fixed,
- snap: snap,
- hover: hover
- };
- }
- function testTooltips ( parsed, entry ) {
- var i;
- if ( entry === false ) {
- return;
- } else if ( entry === true ) {
- parsed.tooltips = [];
- for ( i = 0; i < parsed.handles; i++ ) {
- parsed.tooltips.push(true);
- }
- } else {
- parsed.tooltips = asArray(entry);
- if ( parsed.tooltips.length !== parsed.handles ) {
- throw new Error("noUiSlider: must pass a formatter for all handles.");
- }
- 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'.");
- }
- });
- }
- }
- function testFormat ( parsed, entry ) {
- parsed.format = entry;
-
- if ( typeof entry.to === 'function' && typeof entry.from === 'function' ) {
- return true;
- }
- throw new Error("noUiSlider: 'format' requires 'to' and 'from' methods.");
- }
- function testCssPrefix ( parsed, entry ) {
- if ( entry !== undefined && typeof entry !== 'string' && entry !== false ) {
- throw new Error("noUiSlider: 'cssPrefix' must be a string or `false`.");
- }
- parsed.cssPrefix = entry;
- }
- function testCssClasses ( parsed, entry ) {
- if ( entry !== undefined && typeof entry !== 'object' ) {
- throw new Error("noUiSlider: 'cssClasses' must be an object.");
- }
- if ( typeof parsed.cssPrefix === 'string' ) {
- parsed.cssClasses = {};
- for ( var key in entry ) {
- if ( !entry.hasOwnProperty(key) ) { continue; }
- parsed.cssClasses[key] = parsed.cssPrefix + entry[key];
- }
- } else {
- parsed.cssClasses = entry;
- }
- }
-
- function testOptions ( options ) {
-
-
-
- var parsed = {
- margin: 0,
- limit: 0,
- animate: true,
- animationDuration: 300,
- format: defaultFormatter
- }, tests;
-
- 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 },
- '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 }
- };
- 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',
- stacking: 'stacking',
- 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'
- }
- };
-
-
-
- Object.keys(tests).forEach(function( name ){
-
- if ( options[name] === undefined && defaults[name] === undefined ) {
- if ( tests[name].r ) {
- throw new Error("noUiSlider: '" + name + "' is required.");
- }
- return true;
- }
- tests[name].t( parsed, options[name] === undefined ? defaults[name] : options[name] );
- });
-
- parsed.pips = options.pips;
-
- parsed.style = parsed.ort ? 'top' : 'left';
- return parsed;
- }
- function closure ( target, options, originalOptions ){
- var
- actions = getActions( ),
-
- scope_Target = target,
- scope_Locations = [-1, -1],
- scope_Base,
- scope_Handles,
- scope_Spectrum = options.spectrum,
- scope_Values = [],
- scope_Events = {},
- scope_Self;
-
- function getPositions ( a, b, delimit ) {
-
- var c = a + b[0], d = a + b[1];
-
-
- if ( delimit ) {
- if ( c < 0 ) {
- d += Math.abs(c);
- }
- if ( d > 100 ) {
- c -= ( d - 100 );
- }
-
- return [limit(c), limit(d)];
- }
- return [c,d];
- }
-
- function fixEvent ( e, pageOffset ) {
-
-
- e.preventDefault();
-
-
-
- var touch = e.type.indexOf('touch') === 0,
- mouse = e.type.indexOf('mouse') === 0,
- pointer = e.type.indexOf('pointer') === 0,
- x,y, event = e;
-
- if ( e.type.indexOf('MSPointer') === 0 ) {
- pointer = true;
- }
- if ( touch ) {
-
-
- 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;
- }
- event.pageOffset = pageOffset;
- event.points = [x, y];
- event.cursor = mouse || pointer;
- return event;
- }
-
- function addHandle ( direction, index ) {
- var origin = document.createElement('div'),
- handle = document.createElement('div'),
- classModifier = [options.cssClasses.handleLower, options.cssClasses.handleUpper];
- if ( direction ) {
- classModifier.reverse();
- }
- addClass(handle, options.cssClasses.handle);
- addClass(handle, classModifier[index]);
- addClass(origin, options.cssClasses.origin);
- origin.appendChild(handle);
- return origin;
- }
-
- function addConnection ( connect, target, handles ) {
-
-
-
-
- switch ( connect ) {
- case 1: addClass(target, options.cssClasses.connect);
- addClass(handles[0], options.cssClasses.background);
- break;
- case 3: addClass(handles[1], options.cssClasses.background);
-
- case 2: addClass(handles[0], options.cssClasses.connect);
-
- case 0: addClass(target, options.cssClasses.background);
- break;
- }
- }
-
- function addHandles ( nrHandles, direction, base ) {
- var index, handles = [];
-
- for ( index = 0; index < nrHandles; index += 1 ) {
-
- handles.push( base.appendChild(addHandle( direction, index )) );
- }
- return handles;
- }
-
- function addSlider ( direction, orientation, target ) {
-
- addClass(target, options.cssClasses.target);
- if ( direction === 0 ) {
- addClass(target, options.cssClasses.ltr);
- } else {
- addClass(target, options.cssClasses.rtl);
- }
- if ( orientation === 0 ) {
- addClass(target, options.cssClasses.horizontal);
- } else {
- addClass(target, options.cssClasses.vertical);
- }
- var div = document.createElement('div');
- addClass(div, options.cssClasses.base);
- target.appendChild(div);
- return div;
- }
- function addTooltip ( handle, index ) {
- if ( !options.tooltips[index] ) {
- return false;
- }
- var element = document.createElement('div');
- element.className = options.cssClasses.tooltip;
- return handle.firstChild.appendChild(element);
- }
-
- function tooltips ( ) {
- if ( options.dir ) {
- options.tooltips.reverse();
- }
-
- var tips = scope_Handles.map(addTooltip);
- if ( options.dir ) {
- tips.reverse();
- options.tooltips.reverse();
- }
- bindEvent('update', function(f, o, r) {
- if ( tips[o] ) {
- tips[o].innerHTML = options.tooltips[o] === true ? f[o] : options.tooltips[o].to(r[o]);
- }
- });
- }
- function getGroup ( mode, values, stepped ) {
-
- if ( mode === 'range' || mode === 'steps' ) {
- return scope_Spectrum.xVal;
- }
- if ( mode === 'count' ) {
-
- var spread = ( 100 / (values-1) ), v, i = 0;
- values = [];
-
- while ((v=i++*spread) <= 100 ) {
- values.push(v);
- }
- mode = 'positions';
- }
- if ( mode === 'positions' ) {
-
- return values.map(function( value ){
- return scope_Spectrum.fromStepping( stepped ? scope_Spectrum.getStep( value ) : value );
- });
- }
- if ( mode === 'values' ) {
-
- if ( stepped ) {
- return values.map(function( value ){
-
- return scope_Spectrum.fromStepping( scope_Spectrum.getStep( scope_Spectrum.toStepping( value ) ) );
- });
- }
-
- return values;
- }
- }
- function generateSpread ( density, mode, group ) {
- function safeIncrement(value, increment) {
-
- return (value + increment).toFixed(7) / 1;
- }
- 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;
-
-
-
- scope_Spectrum.direction = 0;
-
- group = unique(group.slice().sort(function(a, b){ return a - b; }));
-
- if ( group[0] !== firstInRange ) {
- group.unshift(firstInRange);
- ignoreFirst = true;
- }
-
- if ( group[group.length - 1] !== lastInRange ) {
- group.push(lastInRange);
- ignoreLast = true;
- }
- group.forEach(function ( current, index ) {
-
- var step, i, q,
- low = current,
- high = group[index+1],
- newPct, pctDifference, pctPos, type,
- steps, realSteps, stepsize;
-
-
- if ( mode === 'steps' ) {
- step = scope_Spectrum.xNumSteps[ index ];
- }
-
- if ( !step ) {
- step = high-low;
- }
-
-
- if ( low === false || high === undefined ) {
- return;
- }
-
- for ( i = low; i <= high; i = safeIncrement(i, step) ) {
-
-
- newPct = scope_Spectrum.toStepping( i );
- pctDifference = newPct - prevPct;
- steps = pctDifference / density;
- realSteps = Math.round(steps);
-
-
-
-
- stepsize = pctDifference/realSteps;
-
-
- for ( q = 1; q <= realSteps; q += 1 ) {
-
-
-
-
- pctPos = prevPct + ( q * stepsize );
- indexes[pctPos.toFixed(5)] = ['x', 0];
- }
-
- type = (group.indexOf(i) > -1) ? 1 : ( mode === 'steps' ? 2 : 0 );
-
- if ( !index && ignoreFirst ) {
- type = 0;
- }
- if ( !(i === high && ignoreLast)) {
-
- indexes[newPct.toFixed(5)] = [i, type];
- }
-
- prevPct = newPct;
- }
- });
-
- scope_Spectrum.direction = originalSpectrumDirection;
- 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 ){
- if ( scope_Spectrum.direction ) {
- offset = 100 - offset;
- }
-
- values[1] = (values[1] && filterFunc) ? filterFunc(values[0], values[1]) : values[1];
-
- out += '<div ' + getTags(offset, options.cssClasses.marker, values) + '></div>';
-
- if ( values[1] ) {
- out += '<div ' + getTags(offset, options.cssClasses.value, values) + '>' + formatter.to(values[0]) + '</div>';
- }
- }
-
- 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
- ));
- }
-
- 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]);
- }
-
- function fireEvent ( event, handleNumber, tap ) {
- var i;
-
- for ( i = 0; i < options.handles; i++ ) {
- if ( scope_Locations[i] === -1 ) {
- return;
- }
- }
- if ( handleNumber !== undefined && options.handles !== 1 ) {
- handleNumber = Math.abs(handleNumber - options.dir);
- }
- Object.keys(scope_Events).forEach(function( targetEvent ) {
- var eventType = targetEvent.split('.')[0];
- if ( event === eventType ) {
- scope_Events[targetEvent].forEach(function( callback ) {
- callback.call(
-
- scope_Self,
-
- asArray(valueGet()),
-
- handleNumber,
-
- asArray(inSliderOrder(Array.prototype.slice.call(scope_Values))),
-
- tap || false,
-
- scope_Locations
- );
- });
- }
- });
- }
-
- function inSliderOrder ( values ) {
-
- if ( values.length === 1 ){
- return values[0];
- }
- if ( options.dir ) {
- return values.reverse();
- }
- return values;
- }
-
- function attach ( events, element, callback, data ) {
-
-
- var method = function ( e ){
- if ( scope_Target.hasAttribute('disabled') ) {
- return false;
- }
-
- if ( hasClass(scope_Target, options.cssClasses.tap) ) {
- return false;
- }
- e = fixEvent(e, data.pageOffset);
-
- if ( events === actions.start && e.buttons !== undefined && e.buttons > 1 ) {
- return false;
- }
-
- if ( data.hover && e.buttons ) {
- return false;
- }
- e.calcPoint = e.points[ options.ort ];
-
- callback ( e, data );
- }, methods = [];
-
- events.split(' ').forEach(function( eventName ){
- element.addEventListener(eventName, method, false);
- methods.push([eventName, method]);
- });
- return methods;
- }
-
- function move ( event, data ) {
-
-
-
-
-
- if ( navigator.appVersion.indexOf("MSIE 9") === -1 && event.buttons === 0 && data.buttonsProperty !== 0 ) {
- return end(event, data);
- }
- var handles = data.handles || scope_Handles, positions, state = false,
- proposal = ((event.calcPoint - data.start) * 100) / data.baseSize,
- handleNumber = handles[0] === scope_Handles[0] ? 0 : 1, i;
-
- positions = getPositions( proposal, data.positions, handles.length > 1);
- state = setHandle ( handles[0], positions[handleNumber], handles.length === 1 );
- if ( handles.length > 1 ) {
- state = setHandle ( handles[1], positions[handleNumber?0:1], false ) || state;
- if ( state ) {
-
- for ( i = 0; i < data.handles.length; i++ ) {
- fireEvent('slide', i);
- }
- }
- } else if ( state ) {
-
- fireEvent('slide', handleNumber);
- }
- }
-
- function end ( event, data ) {
-
- var active = scope_Base.querySelector( '.' + options.cssClasses.active ),
- handleNumber = data.handles[0] === scope_Handles[0] ? 0 : 1;
- if ( active !== null ) {
- removeClass(active, options.cssClasses.active);
- }
-
- if ( event.cursor ) {
- document.body.style.cursor = '';
- document.body.removeEventListener('selectstart', document.body.noUiListener);
- }
- var d = document.documentElement;
-
- d.noUiListeners.forEach(function( c ) {
- d.removeEventListener(c[0], c[1]);
- });
-
- removeClass(scope_Target, options.cssClasses.drag);
-
- fireEvent('set', handleNumber);
- fireEvent('change', handleNumber);
-
- if ( data.handleNumber !== undefined ) {
- fireEvent('end', data.handleNumber);
- }
- }
-
- function documentLeave ( event, data ) {
- if ( event.type === "mouseout" && event.target.nodeName === "HTML" && event.relatedTarget === null ){
- end ( event, data );
- }
- }
-
- function start ( event, data ) {
- var d = document.documentElement;
-
- if ( data.handles.length === 1 ) {
-
- if ( data.handles[0].hasAttribute('disabled') ) {
- return false;
- }
- addClass(data.handles[0].children[0], options.cssClasses.active);
- }
-
- event.preventDefault();
-
- event.stopPropagation();
-
- var moveEvent = attach(actions.move, d, move, {
- start: event.calcPoint,
- baseSize: baseSize(),
- pageOffset: event.pageOffset,
- handles: data.handles,
- handleNumber: data.handleNumber,
- buttonsProperty: event.buttons,
- positions: [
- scope_Locations[0],
- scope_Locations[scope_Handles.length - 1]
- ]
- }), endEvent = attach(actions.end, d, end, {
- handles: data.handles,
- handleNumber: data.handleNumber
- });
- var outEvent = attach("mouseout", d, documentLeave, {
- handles: data.handles,
- handleNumber: data.handleNumber
- });
- d.noUiListeners = moveEvent.concat(endEvent, outEvent);
-
-
- if ( event.cursor ) {
-
- document.body.style.cursor = getComputedStyle(event.target).cursor;
-
- if ( scope_Handles.length > 1 ) {
- addClass(scope_Target, options.cssClasses.drag);
- }
- var f = function(){
- return false;
- };
- document.body.noUiListener = f;
-
- document.body.addEventListener('selectstart', f, false);
- }
- if ( data.handleNumber !== undefined ) {
- fireEvent('start', data.handleNumber);
- }
- }
-
- function tap ( event ) {
- var location = event.calcPoint, total = 0, handleNumber, to;
-
- event.stopPropagation();
-
- scope_Handles.forEach(function(a){
- total += offset(a)[ options.style ];
- });
-
- handleNumber = ( location < total/2 || scope_Handles.length === 1 ) ? 0 : 1;
-
- if (scope_Handles[handleNumber].hasAttribute('disabled')) {
- handleNumber = handleNumber ? 0 : 1;
- }
- location -= offset(scope_Base)[ options.style ];
-
- to = ( location * 100 ) / baseSize();
- if ( !options.events.snap ) {
-
-
- addClassFor( scope_Target, options.cssClasses.tap, options.animationDuration );
- }
-
- if ( scope_Handles[handleNumber].hasAttribute('disabled') ) {
- return false;
- }
-
-
- setHandle( scope_Handles[handleNumber], to );
- fireEvent('slide', handleNumber, true);
- fireEvent('set', handleNumber, true);
- fireEvent('change', handleNumber, true);
- if ( options.events.snap ) {
- start(event, { handles: [scope_Handles[handleNumber]] });
- }
- }
-
- function hover ( event ) {
- var location = event.calcPoint - offset(scope_Base)[ options.style ],
- to = scope_Spectrum.getStep(( location * 100 ) / baseSize()),
- 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 );
- });
- }
- });
- }
-
- function events ( behaviour ) {
-
- if ( !behaviour.fixed ) {
- scope_Handles.forEach(function( handle, index ){
-
-
- attach ( actions.start, handle.children[0], start, {
- handles: [ handle ],
- handleNumber: index
- });
- });
- }
-
- if ( behaviour.tap ) {
- attach ( actions.start, scope_Base, tap, {
- handles: scope_Handles
- });
- }
-
- if ( behaviour.hover ) {
- attach ( actions.move, scope_Base, hover, { hover: true } );
- }
-
- if ( behaviour.drag ){
- var drag = [scope_Base.querySelector( '.' + options.cssClasses.connect )];
- addClass(drag[0], options.cssClasses.draggable);
-
-
-
-
- if ( behaviour.fixed ) {
- drag.push(scope_Handles[(drag[0] === scope_Handles[0] ? 1 : 0)].children[0]);
- }
- drag.forEach(function( element ) {
- attach ( actions.start, element, start, {
- handles: scope_Handles
- });
- });
- }
- }
-
- 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;
-
-
-
- if ( scope_Handles.length > 1 ) {
- to = trigger ? Math.max( to, lowerMargin ) : Math.min( to, upperMargin );
- }
-
-
-
-
- if ( noLimitOption !== false && options.limit && scope_Handles.length > 1 ) {
- to = trigger ? Math.min ( to, lowerLimit ) : Math.max( to, upperLimit );
- }
-
- to = scope_Spectrum.getStep( to );
-
- to = limit(to);
-
- if ( to === scope_Locations[trigger] ) {
- return false;
- }
-
-
-
-
- if ( window.requestAnimationFrame ) {
- window.requestAnimationFrame(function(){
- handle.style[options.style] = to + '%';
- });
- } else {
- handle.style[options.style] = to + '%';
- }
-
- if ( !handle.previousSibling ) {
- removeClass(handle, options.cssClasses.stacking);
- if ( to > 50 ) {
- addClass(handle, options.cssClasses.stacking);
- }
- }
-
- scope_Locations[trigger] = to;
-
- scope_Values[trigger] = scope_Spectrum.fromStepping( to );
- fireEvent('update', trigger);
- return true;
- }
-
- function setValues ( count, values ) {
- var i, trigger, to;
-
- if ( options.limit ) {
- count += 1;
- }
-
-
-
- for ( i = 0; i < count; i += 1 ) {
- trigger = i%2;
-
- to = values[trigger];
-
-
- if ( to !== null && to !== false ) {
-
- if ( typeof to === 'number' ) {
- to = String(to);
- }
- to = options.format.from( to );
-
-
- if ( to === false || isNaN(to) || setHandle( scope_Handles[trigger], scope_Spectrum.toStepping( to ), i === (3 - options.dir) ) === false ) {
- fireEvent('update', trigger);
- }
- }
- }
- }
-
- function valueSet ( input, fireSetEvent ) {
- var count, values = asArray( input ), i;
-
- fireSetEvent = (fireSetEvent === undefined ? true : !!fireSetEvent);
-
-
- if ( options.dir && options.handles > 1 ) {
- values.reverse();
- }
-
-
- if ( options.animate && scope_Locations[0] !== -1 ) {
- addClassFor( scope_Target, options.cssClasses.tap, options.animationDuration );
- }
-
- count = scope_Handles.length > 1 ? 3 : 1;
- if ( values.length === 1 ) {
- count = 1;
- }
- setValues ( count, values );
-
- for ( i = 0; i < scope_Handles.length; i++ ) {
-
- if ( values[i] !== null && fireSetEvent ) {
- fireEvent('set', i);
- }
- }
- }
-
- function valueGet ( ) {
- var i, retour = [];
-
- for ( i = 0; i < options.handles; i += 1 ){
- retour[i] = options.format.to( scope_Values[i] );
- }
- return inSliderOrder( retour );
- }
-
- 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;
- }
-
- function getCurrentStep ( ) {
-
-
- var retour = scope_Locations.map(function( location, index ){
- var step = scope_Spectrum.getApplicableStep( location ),
-
-
- stepDecimals = countDecimals(String(step[2])),
-
- value = scope_Values[index],
-
-
- increment = location === 100 ? null : step[2],
-
-
- prev = Number((value - step[2]).toFixed(stepDecimals)),
-
-
- decrement = location === 0 ? null : (prev >= step[1]) ? step[2] : (step[0] || false);
- return [decrement, increment];
- });
-
- return inSliderOrder( retour );
- }
-
- function bindEvent ( namespacedEvent, callback ) {
- scope_Events[namespacedEvent] = scope_Events[namespacedEvent] || [];
- scope_Events[namespacedEvent].push(callback);
-
- if ( namespacedEvent.split('.')[0] === 'update' ) {
- scope_Handles.forEach(function(a, index){
- fireEvent('update', index);
- });
- }
- }
-
- function removeEvent ( namespacedEvent ) {
- var event = namespacedEvent && namespacedEvent.split('.')[0],
- 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];
- }
- });
- }
-
- function updateOptions ( optionsToUpdate, fireSetEvent ) {
-
-
-
- var v = valueGet(), newOptions = testOptions({
- start: [0, 0],
- margin: optionsToUpdate.margin,
- limit: optionsToUpdate.limit,
- step: optionsToUpdate.step === undefined ? options.singleStep : optionsToUpdate.step,
- range: optionsToUpdate.range,
- animate: optionsToUpdate.animate,
- snap: optionsToUpdate.snap === undefined ? options.snap : optionsToUpdate.snap
- });
- ['margin', 'limit', 'range', 'animate'].forEach(function(name){
-
- if ( optionsToUpdate[name] !== undefined ) {
- options[name] = optionsToUpdate[name];
- }
- });
-
-
- newOptions.spectrum.direction = scope_Spectrum.direction;
- scope_Spectrum = newOptions.spectrum;
-
- scope_Locations = [-1, -1];
- valueSet(optionsToUpdate.start || v, fireSetEvent);
- }
-
- if ( scope_Target.noUiSlider ) {
- throw new Error('Slider was already initialized.');
- }
-
-
- scope_Base = addSlider( options.dir, options.ort, scope_Target );
- scope_Handles = addHandles( options.handles, options.dir, scope_Base );
-
- addConnection ( options.connect, scope_Target, scope_Handles );
- if ( options.pips ) {
- pips(options.pips);
- }
- if ( options.tooltips ) {
- tooltips();
- }
- scope_Self = {
- destroy: destroy,
- steps: getCurrentStep,
- on: bindEvent,
- off: removeEvent,
- get: valueGet,
- set: valueSet,
- updateOptions: updateOptions,
- options: originalOptions,
- target: scope_Target,
- pips: pips
- };
-
- events( options.events );
- return scope_Self;
- }
-
- function initialize ( target, originalOptions ) {
- if ( !target.nodeName ) {
- throw new Error('noUiSlider.create requires a single element.');
- }
-
- var options = testOptions( originalOptions, target ),
- slider = closure( target, options, originalOptions );
-
- slider.set(options.start);
- target.noUiSlider = slider;
- return slider;
- }
-
- return {
- create: initialize
- };
- }));
|