nizongfeng
/
ZZCX_yii
1
0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3 提交
1 分支
96 MiB
 
 
 
 
 
 
分支: master
分支列表 標籤
${ item.name }
建立分支 ${ searchTerm }
從 'master'
${ noResults }
ZZCX_yii/backend/assets/global/plugins/ion.rangeslider/js/ion.rangeSlider.js

2009 line
70 KiB
原始文件 永久連結 Blame 歷史記錄 

  1. // Ion.RangeSlider

  2. // version 2.0.13 Build: 335

  3. // © Denis Ineshin, 2015

  4. // https://github.com/IonDen

  5. //

  6. // Project page:    http://ionden.com/a/plugins/ion.rangeSlider/en.html

  7. // GitHub page:     https://github.com/IonDen/ion.rangeSlider

  8. //

  9. // Released under MIT licence:

  10. // http://ionden.com/a/plugins/licence-en.html

  11. // =====================================================================================================================

  12. 

  13. ;(function ($, document, window, navigator, undefined) {

  14.     "use strict";

  15. 

  16.     // =================================================================================================================

  17.     // Service

  18. 

  19.     var plugin_count = 0;

  20. 

  21.     // IE8 fix

  22.     var is_old_ie = (function () {

  23.         var n = navigator.userAgent,

  24.             r = /msie\s\d+/i,

  25.             v;

  26.         if (n.search(r) > 0) {

  27.             v = r.exec(n).toString();

  28.             v = v.split(" ")[1];

  29.             if (v < 9) {

  30.                 $("html").addClass("lt-ie9");

  31.                 return true;

  32.             }

  33.         }

  34.         return false;

  35.     } ());

  36.     if (!Function.prototype.bind) {

  37.         Function.prototype.bind = function bind(that) {

  38. 

  39.             var target = this;

  40.             var slice = [].slice;

  41. 

  42.             if (typeof target != "function") {

  43.                 throw new TypeError();

  44.             }

  45. 

  46.             var args = slice.call(arguments, 1),

  47.                 bound = function () {

  48. 

  49.                     if (this instanceof bound) {

  50. 

  51.                         var F = function(){};

  52.                         F.prototype = target.prototype;

  53.                         var self = new F();

  54. 

  55.                         var result = target.apply(

  56.                             self,

  57.                             args.concat(slice.call(arguments))

  58.                         );

  59.                         if (Object(result) === result) {

  60.                             return result;

  61.                         }

  62.                         return self;

  63. 

  64.                     } else {

  65. 

  66.                         return target.apply(

  67.                             that,

  68.                             args.concat(slice.call(arguments))

  69.                         );

  70. 

  71.                     }

  72. 

  73.                 };

  74. 

  75.             return bound;

  76.         };

  77.     }

  78.     if (!Array.prototype.indexOf) {

  79.         Array.prototype.indexOf = function(searchElement, fromIndex) {

  80.             var k;

  81.             if (this == null) {

  82.                 throw new TypeError('"this" is null or not defined');

  83.             }

  84.             var O = Object(this);

  85.             var len = O.length >>> 0;

  86.             if (len === 0) {

  87.                 return -1;

  88.             }

  89.             var n = +fromIndex || 0;

  90.             if (Math.abs(n) === Infinity) {

  91.                 n = 0;

  92.             }

  93.             if (n >= len) {

  94.                 return -1;

  95.             }

  96.             k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);

  97.             while (k < len) {

  98.                 if (k in O && O[k] === searchElement) {

  99.                     return k;

  100.                 }

  101.                 k++;

  102.             }

  103.             return -1;

  104.         };

  105.     }

  106. 

  107. 

  108. 

  109.     // =================================================================================================================

  110.     // Template

  111. 

  112.     var base_html =

  113.         '<span class="irs">' +

  114.         '<span class="irs-line" tabindex="-1"><span class="irs-line-left"></span><span class="irs-line-mid"></span><span class="irs-line-right"></span></span>' +

  115.         '<span class="irs-min">0</span><span class="irs-max">1</span>' +

  116.         '<span class="irs-from">0</span><span class="irs-to">0</span><span class="irs-single">0</span>' +

  117.         '</span>' +

  118.         '<span class="irs-grid"></span>' +

  119.         '<span class="irs-bar"></span>';

  120. 

  121.     var single_html =

  122.         '<span class="irs-bar-edge"></span>' +

  123.         '<span class="irs-shadow shadow-single"></span>' +

  124.         '<span class="irs-slider single"></span>';

  125. 

  126.     var double_html =

  127.         '<span class="irs-shadow shadow-from"></span>' +

  128.         '<span class="irs-shadow shadow-to"></span>' +

  129.         '<span class="irs-slider from"></span>' +

  130.         '<span class="irs-slider to"></span>';

  131. 

  132.     var disable_html =

  133.         '<span class="irs-disable-mask"></span>';

  134. 

  135. 

  136. 

  137.     // =================================================================================================================

  138.     // Core

  139. 

  140.     /**

  141.      * Main plugin constructor

  142.      *

  143.      * @param input {object}

  144.      * @param options {object}

  145.      * @param plugin_count {number}

  146.      * @constructor

  147.      */

  148.     var IonRangeSlider = function (input, options, plugin_count) {

  149.         this.VERSION = "2.0.13";

  150.         this.input = input;

  151.         this.plugin_count = plugin_count;

  152.         this.current_plugin = 0;

  153.         this.calc_count = 0;

  154.         this.update_tm = 0;

  155.         this.old_from = 0;

  156.         this.old_to = 0;

  157.         this.raf_id = null;

  158.         this.dragging = false;

  159.         this.force_redraw = false;

  160.         this.is_key = false;

  161.         this.is_update = false;

  162.         this.is_start = true;

  163.         this.is_finish = false;

  164.         this.is_active = false;

  165.         this.is_resize = false;

  166.         this.is_click = false;

  167. 

  168.         this.$cache = {

  169.             win: $(window),

  170.             body: $(document.body),

  171.             input: $(input),

  172.             cont: null,

  173.             rs: null,

  174.             min: null,

  175.             max: null,

  176.             from: null,

  177.             to: null,

  178.             single: null,

  179.             bar: null,

  180.             line: null,

  181.             s_single: null,

  182.             s_from: null,

  183.             s_to: null,

  184.             shad_single: null,

  185.             shad_from: null,

  186.             shad_to: null,

  187.             edge: null,

  188.             grid: null,

  189.             grid_labels: []

  190.         };

  191. 

  192.         // get config data attributes

  193.         var $inp = this.$cache.input;

  194.         var data = {

  195.             type: $inp.data("type"),

  196. 

  197.             min: $inp.data("min"),

  198.             max: $inp.data("max"),

  199.             from: $inp.data("from"),

  200.             to: $inp.data("to"),

  201.             step: $inp.data("step"),

  202. 

  203.             min_interval: $inp.data("minInterval"),

  204.             max_interval: $inp.data("maxInterval"),

  205.             drag_interval: $inp.data("dragInterval"),

  206. 

  207.             values: $inp.data("values"),

  208. 

  209.             from_fixed: $inp.data("fromFixed"),

  210.             from_min: $inp.data("fromMin"),

  211.             from_max: $inp.data("fromMax"),

  212.             from_shadow: $inp.data("fromShadow"),

  213. 

  214.             to_fixed: $inp.data("toFixed"),

  215.             to_min: $inp.data("toMin"),

  216.             to_max: $inp.data("toMax"),

  217.             to_shadow: $inp.data("toShadow"),

  218. 

  219.             prettify_enabled: $inp.data("prettifyEnabled"),

  220.             prettify_separator: $inp.data("prettifySeparator"),

  221. 

  222.             force_edges: $inp.data("forceEdges"),

  223. 

  224.             keyboard: $inp.data("keyboard"),

  225.             keyboard_step: $inp.data("keyboardStep"),

  226. 

  227.             grid: $inp.data("grid"),

  228.             grid_margin: $inp.data("gridMargin"),

  229.             grid_num: $inp.data("gridNum"),

  230.             grid_snap: $inp.data("gridSnap"),

  231. 

  232.             hide_min_max: $inp.data("hideMinMax"),

  233.             hide_from_to: $inp.data("hideFromTo"),

  234. 

  235.             prefix: $inp.data("prefix"),

  236.             postfix: $inp.data("postfix"),

  237.             max_postfix: $inp.data("maxPostfix"),

  238.             decorate_both: $inp.data("decorateBoth"),

  239.             values_separator: $inp.data("valuesSeparator"),

  240. 

  241.             disable: $inp.data("disable")

  242.         };

  243.         data.values = data.values && data.values.split(",");

  244. 

  245.         // get from and to out of input

  246.         var val = $inp.prop("value");

  247.         if (val) {

  248.             val = val.split(";");

  249. 

  250.             if (val[0] && val[0] == +val[0]) {

  251.                 val[0] = +val[0];

  252.             }

  253.             if (val[1] && val[1] == +val[1]) {

  254.                 val[1] = +val[1];

  255.             }

  256. 

  257.             if (options && options.values && options.values.length) {

  258.                 data.from = val[0] && options.values.indexOf(val[0]);

  259.                 data.to = val[1] && options.values.indexOf(val[1]);

  260.             } else {

  261.                 data.from = val[0] && +val[0];

  262.                 data.to = val[1] && +val[1];

  263.             }

  264.         }

  265. 

  266.         // JS config has a priority

  267.         options = $.extend(data, options);

  268. 

  269.         // get config from options

  270.         this.options = $.extend({

  271.             type: "single",

  272. 

  273.             min: 10,

  274.             max: 100,

  275.             from: null,

  276.             to: null,

  277.             step: 1,

  278. 

  279.             min_interval: 0,

  280.             max_interval: 0,

  281.             drag_interval: false,

  282. 

  283.             values: [],

  284.             p_values: [],

  285. 

  286.             from_fixed: false,

  287.             from_min: null,

  288.             from_max: null,

  289.             from_shadow: false,

  290. 

  291.             to_fixed: false,

  292.             to_min: null,

  293.             to_max: null,

  294.             to_shadow: false,

  295. 

  296.             prettify_enabled: true,

  297.             prettify_separator: " ",

  298.             prettify: null,

  299. 

  300.             force_edges: false,

  301. 

  302.             keyboard: false,

  303.             keyboard_step: 5,

  304. 

  305.             grid: false,

  306.             grid_margin: true,

  307.             grid_num: 4,

  308.             grid_snap: false,

  309. 

  310.             hide_min_max: false,

  311.             hide_from_to: false,

  312. 

  313.             prefix: "",

  314.             postfix: "",

  315.             max_postfix: "",

  316.             decorate_both: true,

  317.             values_separator: " — ",

  318. 

  319.             disable: false,

  320. 

  321.             onStart: null,

  322.             onChange: null,

  323.             onFinish: null,

  324.             onUpdate: null

  325.         }, options);

  326. 

  327.         this.validate();

  328. 

  329.         this.result = {

  330.             input: this.$cache.input,

  331.             slider: null,

  332. 

  333.             min: this.options.min,

  334.             max: this.options.max,

  335. 

  336.             from: this.options.from,

  337.             from_percent: 0,

  338.             from_value: null,

  339. 

  340.             to: this.options.to,

  341.             to_percent: 0,

  342.             to_value: null

  343.         };

  344. 

  345.         this.coords = {

  346.             // left

  347.             x_gap: 0,

  348.             x_pointer: 0,

  349. 

  350.             // width

  351.             w_rs: 0,

  352.             w_rs_old: 0,

  353.             w_handle: 0,

  354. 

  355.             // percents

  356.             p_gap: 0,

  357.             p_gap_left: 0,

  358.             p_gap_right: 0,

  359.             p_step: 0,

  360.             p_pointer: 0,

  361.             p_handle: 0,

  362.             p_single: 0,

  363.             p_single_real: 0,

  364.             p_from: 0,

  365.             p_from_real: 0,

  366.             p_to: 0,

  367.             p_to_real: 0,

  368.             p_bar_x: 0,

  369.             p_bar_w: 0,

  370. 

  371.             // grid

  372.             grid_gap: 0,

  373.             big_num: 0,

  374.             big: [],

  375.             big_w: [],

  376.             big_p: [],

  377.             big_x: []

  378.         };

  379. 

  380.         this.labels = {

  381.             // width

  382.             w_min: 0,

  383.             w_max: 0,

  384.             w_from: 0,

  385.             w_to: 0,

  386.             w_single: 0,

  387. 

  388.             // percents

  389.             p_min: 0,

  390.             p_max: 0,

  391.             p_from: 0,

  392.             p_from_left: 0,

  393.             p_to: 0,

  394.             p_to_left: 0,

  395.             p_single: 0,

  396.             p_single_left: 0

  397.         };

  398. 

  399.         this.init();

  400.     };

  401. 

  402.     IonRangeSlider.prototype = {

  403.         init: function (is_update) {

  404.             this.coords.p_step = this.options.step / ((this.options.max - this.options.min) / 100);

  405.             this.target = "base";

  406. 

  407.             this.toggleInput();

  408.             this.append();

  409.             this.setMinMax();

  410. 

  411.             if (is_update) {

  412.                 this.force_redraw = true;

  413.                 this.calc(true);

  414. 

  415.                 // callbacks called

  416.                 this.callOnUpdate();

  417.             } else {

  418.                 this.force_redraw = true;

  419.                 this.calc(true);

  420. 

  421.                 // callbacks called

  422.                 this.callOnStart();

  423.             }

  424. 

  425.             this.updateScene();

  426.         },

  427. 

  428.         append: function () {

  429.             var container_html = '<span class="irs js-irs-' + this.plugin_count + '"></span>';

  430.             this.$cache.input.before(container_html);

  431.             this.$cache.input.prop("readonly", true);

  432.             this.$cache.cont = this.$cache.input.prev();

  433.             this.result.slider = this.$cache.cont;

  434. 

  435.             this.$cache.cont.html(base_html);

  436.             this.$cache.rs = this.$cache.cont.find(".irs");

  437.             this.$cache.min = this.$cache.cont.find(".irs-min");

  438.             this.$cache.max = this.$cache.cont.find(".irs-max");

  439.             this.$cache.from = this.$cache.cont.find(".irs-from");

  440.             this.$cache.to = this.$cache.cont.find(".irs-to");

  441.             this.$cache.single = this.$cache.cont.find(".irs-single");

  442.             this.$cache.bar = this.$cache.cont.find(".irs-bar");

  443.             this.$cache.line = this.$cache.cont.find(".irs-line");

  444.             this.$cache.grid = this.$cache.cont.find(".irs-grid");

  445. 

  446.             if (this.options.type === "single") {

  447.                 this.$cache.cont.append(single_html);

  448.                 this.$cache.edge = this.$cache.cont.find(".irs-bar-edge");

  449.                 this.$cache.s_single = this.$cache.cont.find(".single");

  450.                 this.$cache.from[0].style.visibility = "hidden";

  451.                 this.$cache.to[0].style.visibility = "hidden";

  452.                 this.$cache.shad_single = this.$cache.cont.find(".shadow-single");

  453.             } else {

  454.                 this.$cache.cont.append(double_html);

  455.                 this.$cache.s_from = this.$cache.cont.find(".from");

  456.                 this.$cache.s_to = this.$cache.cont.find(".to");

  457.                 this.$cache.shad_from = this.$cache.cont.find(".shadow-from");

  458.                 this.$cache.shad_to = this.$cache.cont.find(".shadow-to");

  459. 

  460.                 this.setTopHandler();

  461.             }

  462. 

  463.             if (this.options.hide_from_to) {

  464.                 this.$cache.from[0].style.display = "none";

  465.                 this.$cache.to[0].style.display = "none";

  466.                 this.$cache.single[0].style.display = "none";

  467.             }

  468. 

  469.             this.appendGrid();

  470. 

  471.             if (this.options.disable) {

  472.                 this.appendDisableMask();

  473.                 this.$cache.input[0].disabled = true;

  474.             } else {

  475.                 this.$cache.cont.removeClass("irs-disabled");

  476.                 this.$cache.input[0].disabled = false;

  477.                 this.bindEvents();

  478.             }

  479.         },

  480. 

  481.         setTopHandler: function () {

  482.             var min = this.options.min,

  483.                 max = this.options.max,

  484.                 from = this.options.from,

  485.                 to = this.options.to;

  486. 

  487.             if (from > min && to === max) {

  488.                 this.$cache.s_from.addClass("type_last");

  489.             } else if (to < max) {

  490.                 this.$cache.s_to.addClass("type_last");

  491.             }

  492.         },

  493. 

  494.         appendDisableMask: function () {

  495.             this.$cache.cont.append(disable_html);

  496.             this.$cache.cont.addClass("irs-disabled");

  497.         },

  498. 

  499.         remove: function () {

  500.             this.$cache.cont.remove();

  501.             this.$cache.cont = null;

  502. 

  503.             this.$cache.line.off("keydown.irs_" + this.plugin_count);

  504. 

  505.             this.$cache.body.off("touchmove.irs_" + this.plugin_count);

  506.             this.$cache.body.off("mousemove.irs_" + this.plugin_count);

  507. 

  508.             this.$cache.win.off("touchend.irs_" + this.plugin_count);

  509.             this.$cache.win.off("mouseup.irs_" + this.plugin_count);

  510. 

  511.             if (is_old_ie) {

  512.                 this.$cache.body.off("mouseup.irs_" + this.plugin_count);

  513.                 this.$cache.body.off("mouseleave.irs_" + this.plugin_count);

  514.             }

  515. 

  516.             this.$cache.grid_labels = [];

  517.             this.coords.big = [];

  518.             this.coords.big_w = [];

  519.             this.coords.big_p = [];

  520.             this.coords.big_x = [];

  521. 

  522.             cancelAnimationFrame(this.raf_id);

  523.         },

  524. 

  525.         bindEvents: function () {

  526.             this.$cache.body.on("touchmove.irs_" + this.plugin_count, this.pointerMove.bind(this));

  527.             this.$cache.body.on("mousemove.irs_" + this.plugin_count, this.pointerMove.bind(this));

  528. 

  529.             this.$cache.win.on("touchend.irs_" + this.plugin_count, this.pointerUp.bind(this));

  530.             this.$cache.win.on("mouseup.irs_" + this.plugin_count, this.pointerUp.bind(this));

  531. 

  532.             this.$cache.line.on("touchstart.irs_" + this.plugin_count, this.pointerClick.bind(this, "click"));

  533.             this.$cache.line.on("mousedown.irs_" + this.plugin_count, this.pointerClick.bind(this, "click"));

  534. 

  535.             if (this.options.drag_interval && this.options.type === "double") {

  536.                 this.$cache.bar.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "both"));

  537.                 this.$cache.bar.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "both"));

  538.             } else {

  539.                 this.$cache.bar.on("touchstart.irs_" + this.plugin_count, this.pointerClick.bind(this, "click"));

  540.                 this.$cache.bar.on("mousedown.irs_" + this.plugin_count, this.pointerClick.bind(this, "click"));

  541.             }

  542. 

  543.             if (this.options.type === "single") {

  544.                 this.$cache.single.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "single"));

  545.                 this.$cache.s_single.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "single"));

  546.                 this.$cache.shad_single.on("touchstart.irs_" + this.plugin_count, this.pointerClick.bind(this, "click"));

  547. 

  548.                 this.$cache.single.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "single"));

  549.                 this.$cache.s_single.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "single"));

  550.                 this.$cache.edge.on("mousedown.irs_" + this.plugin_count, this.pointerClick.bind(this, "click"));

  551.                 this.$cache.shad_single.on("mousedown.irs_" + this.plugin_count, this.pointerClick.bind(this, "click"));

  552.             } else {

  553.                 this.$cache.single.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "from"));

  554.                 this.$cache.single.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "from"));

  555. 

  556.                 this.$cache.from.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "from"));

  557.                 this.$cache.s_from.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "from"));

  558.                 this.$cache.to.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "to"));

  559.                 this.$cache.s_to.on("touchstart.irs_" + this.plugin_count, this.pointerDown.bind(this, "to"));

  560.                 this.$cache.shad_from.on("touchstart.irs_" + this.plugin_count, this.pointerClick.bind(this, "click"));

  561.                 this.$cache.shad_to.on("touchstart.irs_" + this.plugin_count, this.pointerClick.bind(this, "click"));

  562. 

  563.                 this.$cache.from.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "from"));

  564.                 this.$cache.s_from.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "from"));

  565.                 this.$cache.to.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "to"));

  566.                 this.$cache.s_to.on("mousedown.irs_" + this.plugin_count, this.pointerDown.bind(this, "to"));

  567.                 this.$cache.shad_from.on("mousedown.irs_" + this.plugin_count, this.pointerClick.bind(this, "click"));

  568.                 this.$cache.shad_to.on("mousedown.irs_" + this.plugin_count, this.pointerClick.bind(this, "click"));

  569.             }

  570. 

  571.             if (this.options.keyboard) {

  572.                 this.$cache.line.on("keydown.irs_" + this.plugin_count, this.key.bind(this, "keyboard"));

  573.             }

  574. 

  575.             if (is_old_ie) {

  576.                 this.$cache.body.on("mouseup.irs_" + this.plugin_count, this.pointerUp.bind(this));

  577.                 this.$cache.body.on("mouseleave.irs_" + this.plugin_count, this.pointerUp.bind(this));

  578.             }

  579.         },

  580. 

  581.         pointerMove: function (e) {

  582.             if (!this.dragging) {

  583.                 return;

  584.             }

  585. 

  586.             var x = e.pageX || e.originalEvent.touches && e.originalEvent.touches[0].pageX;

  587.             this.coords.x_pointer = x - this.coords.x_gap;

  588. 

  589.             this.calc();

  590.         },

  591. 

  592.         pointerUp: function (e) {

  593.             if (this.current_plugin !== this.plugin_count) {

  594.                 return;

  595.             }

  596. 

  597.             if (this.is_active) {

  598.                 this.is_active = false;

  599.             } else {

  600.                 return;

  601.             }

  602. 

  603.             // callbacks call

  604.             if ($.contains(this.$cache.cont[0], e.target) || this.dragging) {

  605.                 this.is_finish = true;

  606.                 this.callOnFinish();

  607.             }

  608. 

  609.             this.$cache.cont.find(".state_hover").removeClass("state_hover");

  610. 

  611.             this.force_redraw = true;

  612.             this.dragging = false;

  613. 

  614.             if (is_old_ie) {

  615.                 $("*").prop("unselectable", false);

  616.             }

  617. 

  618.             this.updateScene();

  619.         },

  620. 

  621.         changeLevel: function (target) {

  622.             switch (target) {

  623.                 case "single":

  624.                     this.coords.p_gap = this.toFixed(this.coords.p_pointer - this.coords.p_single);

  625.                     break;

  626.                 case "from":

  627.                     this.coords.p_gap = this.toFixed(this.coords.p_pointer - this.coords.p_from);

  628.                     this.$cache.s_from.addClass("state_hover");

  629.                     this.$cache.s_from.addClass("type_last");

  630.                     this.$cache.s_to.removeClass("type_last");

  631.                     break;

  632.                 case "to":

  633.                     this.coords.p_gap = this.toFixed(this.coords.p_pointer - this.coords.p_to);

  634.                     this.$cache.s_to.addClass("state_hover");

  635.                     this.$cache.s_to.addClass("type_last");

  636.                     this.$cache.s_from.removeClass("type_last");

  637.                     break;

  638.                 case "both":

  639.                     this.coords.p_gap_left = this.toFixed(this.coords.p_pointer - this.coords.p_from);

  640.                     this.coords.p_gap_right = this.toFixed(this.coords.p_to - this.coords.p_pointer);

  641.                     this.$cache.s_to.removeClass("type_last");

  642.                     this.$cache.s_from.removeClass("type_last");

  643.                     break;

  644.             }

  645.         },

  646. 

  647.         pointerDown: function (target, e) {

  648.             e.preventDefault();

  649.             var x = e.pageX || e.originalEvent.touches && e.originalEvent.touches[0].pageX;

  650.             if (e.button === 2) {

  651.                 return;

  652.             }

  653. 

  654.             this.current_plugin = this.plugin_count;

  655.             this.target = target;

  656. 

  657.             this.is_active = true;

  658.             this.dragging = true;

  659. 

  660.             this.coords.x_gap = this.$cache.rs.offset().left;

  661.             this.coords.x_pointer = x - this.coords.x_gap;

  662. 

  663.             this.calcPointer();

  664.             this.changeLevel(target);

  665. 

  666.             if (is_old_ie) {

  667.                 $("*").prop("unselectable", true);

  668.             }

  669. 

  670.             this.$cache.line.trigger("focus");

  671. 

  672.             this.updateScene();

  673.         },

  674. 

  675.         pointerClick: function (target, e) {

  676.             e.preventDefault();

  677.             var x = e.pageX || e.originalEvent.touches && e.originalEvent.touches[0].pageX;

  678.             if (e.button === 2) {

  679.                 return;

  680.             }

  681. 

  682.             this.current_plugin = this.plugin_count;

  683.             this.target = target;

  684. 

  685.             this.is_click = true;

  686.             this.coords.x_gap = this.$cache.rs.offset().left;

  687.             this.coords.x_pointer = +(x - this.coords.x_gap).toFixed();

  688. 

  689.             this.force_redraw = true;

  690.             this.calc();

  691. 

  692.             this.$cache.line.trigger("focus");

  693.         },

  694. 

  695.         key: function (target, e) {

  696.             if (this.current_plugin !== this.plugin_count || e.altKey || e.ctrlKey || e.shiftKey || e.metaKey) {

  697.                 return;

  698.             }

  699. 

  700.             switch (e.which) {

  701.                 case 83: // W

  702.                 case 65: // A

  703.                 case 40: // DOWN

  704.                 case 37: // LEFT

  705.                     e.preventDefault();

  706.                     this.moveByKey(false);

  707.                     break;

  708. 

  709.                 case 87: // S

  710.                 case 68: // D

  711.                 case 38: // UP

  712.                 case 39: // RIGHT

  713.                     e.preventDefault();

  714.                     this.moveByKey(true);

  715.                     break;

  716.             }

  717. 

  718.             return true;

  719.         },

  720. 

  721.         // Move by key. Beta

  722.         // TODO: refactor than have plenty of time

  723.         moveByKey: function (right) {

  724.             var p = this.coords.p_pointer;

  725. 

  726.             if (right) {

  727.                 p += this.options.keyboard_step;

  728.             } else {

  729.                 p -= this.options.keyboard_step;

  730.             }

  731. 

  732.             this.coords.x_pointer = this.toFixed(this.coords.w_rs / 100 * p);

  733.             this.is_key = true;

  734.             this.calc();

  735.         },

  736. 

  737.         setMinMax: function () {

  738.             if (!this.options) {

  739.                 return;

  740.             }

  741. 

  742.             if (this.options.hide_min_max) {

  743.                 this.$cache.min[0].style.display = "none";

  744.                 this.$cache.max[0].style.display = "none";

  745.                 return;

  746.             }

  747. 

  748.             if (this.options.values.length) {

  749.                 this.$cache.min.html(this.decorate(this.options.p_values[this.options.min]));

  750.                 this.$cache.max.html(this.decorate(this.options.p_values[this.options.max]));

  751.             } else {

  752.                 this.$cache.min.html(this.decorate(this._prettify(this.options.min), this.options.min));

  753.                 this.$cache.max.html(this.decorate(this._prettify(this.options.max), this.options.max));

  754.             }

  755. 

  756.             this.labels.w_min = this.$cache.min.outerWidth(false);

  757.             this.labels.w_max = this.$cache.max.outerWidth(false);

  758.         },

  759. 

  760. 

  761. 

  762.         // =============================================================================================================

  763.         // Calculations

  764. 

  765.         calc: function (update) {

  766.             if (!this.options) {

  767.                 return;

  768.             }

  769. 

  770.             this.calc_count++;

  771. 

  772.             if (this.calc_count === 10 || update) {

  773.                 this.calc_count = 0;

  774.                 this.coords.w_rs = this.$cache.rs.outerWidth(false);

  775.                 if (this.options.type === "single") {

  776.                     this.coords.w_handle = this.$cache.s_single.outerWidth(false);

  777.                 } else {

  778.                     this.coords.w_handle = this.$cache.s_from.outerWidth(false);

  779.                 }

  780.             }

  781. 

  782.             if (!this.coords.w_rs) {

  783.                 return;

  784.             }

  785. 

  786.             this.calcPointer();

  787. 

  788.             this.coords.p_handle = this.toFixed(this.coords.w_handle / this.coords.w_rs * 100);

  789.             var real_width = 100 - this.coords.p_handle,

  790.                 real_x = this.toFixed(this.coords.p_pointer - this.coords.p_gap);

  791. 

  792.             if (this.target === "click") {

  793.                 this.coords.p_gap = this.coords.p_handle / 2;

  794.                 real_x = this.toFixed(this.coords.p_pointer - this.coords.p_gap);

  795.                 this.target = this.chooseHandle(real_x);

  796.             }

  797. 

  798.             if (real_x < 0) {

  799.                 real_x = 0;

  800.             } else if (real_x > real_width) {

  801.                 real_x = real_width;

  802.             }

  803. 

  804.             switch (this.target) {

  805.                 case "base":

  806.                     var w = (this.options.max - this.options.min) / 100,

  807.                         f = (this.result.from - this.options.min) / w,

  808.                         t = (this.result.to - this.options.min) / w;

  809. 

  810.                     this.coords.p_single_real = this.toFixed(f);

  811.                     this.coords.p_from_real = this.toFixed(f);

  812.                     this.coords.p_to_real = this.toFixed(t);

  813. 

  814.                     this.coords.p_single_real = this.checkDiapason(this.coords.p_single_real, this.options.from_min, this.options.from_max);

  815.                     this.coords.p_from_real = this.checkDiapason(this.coords.p_from_real, this.options.from_min, this.options.from_max);

  816.                     this.coords.p_to_real = this.checkDiapason(this.coords.p_to_real, this.options.to_min, this.options.to_max);

  817. 

  818.                     this.coords.p_single = this.toFixed(f - (this.coords.p_handle / 100 * f));

  819.                     this.coords.p_from = this.toFixed(f - (this.coords.p_handle / 100 * f));

  820.                     this.coords.p_to = this.toFixed(t - (this.coords.p_handle / 100 * t));

  821. 

  822.                     this.target = null;

  823. 

  824.                     break;

  825. 

  826.                 case "single":

  827.                     if (this.options.from_fixed) {

  828.                         break;

  829.                     }

  830. 

  831.                     this.coords.p_single_real = this.calcWithStep(real_x / real_width * 100);

  832.                     this.coords.p_single_real = this.checkDiapason(this.coords.p_single_real, this.options.from_min, this.options.from_max);

  833.                     this.coords.p_single = this.toFixed(this.coords.p_single_real / 100 * real_width);

  834. 

  835.                     break;

  836. 

  837.                 case "from":

  838.                     if (this.options.from_fixed) {

  839.                         break;

  840.                     }

  841. 

  842.                     this.coords.p_from_real = this.calcWithStep(real_x / real_width * 100);

  843.                     if (this.coords.p_from_real > this.coords.p_to_real) {

  844.                         this.coords.p_from_real = this.coords.p_to_real;

  845.                     }

  846.                     this.coords.p_from_real = this.checkDiapason(this.coords.p_from_real, this.options.from_min, this.options.from_max);

  847.                     this.coords.p_from_real = this.checkMinInterval(this.coords.p_from_real, this.coords.p_to_real, "from");

  848.                     this.coords.p_from_real = this.checkMaxInterval(this.coords.p_from_real, this.coords.p_to_real, "from");

  849.                     this.coords.p_from = this.toFixed(this.coords.p_from_real / 100 * real_width);

  850. 

  851.                     break;

  852. 

  853.                 case "to":

  854.                     if (this.options.to_fixed) {

  855.                         break;

  856.                     }

  857. 

  858.                     this.coords.p_to_real = this.calcWithStep(real_x / real_width * 100);

  859.                     if (this.coords.p_to_real < this.coords.p_from_real) {

  860.                         this.coords.p_to_real = this.coords.p_from_real;

  861.                     }

  862.                     this.coords.p_to_real = this.checkDiapason(this.coords.p_to_real, this.options.to_min, this.options.to_max);

  863.                     this.coords.p_to_real = this.checkMinInterval(this.coords.p_to_real, this.coords.p_from_real, "to");

  864.                     this.coords.p_to_real = this.checkMaxInterval(this.coords.p_to_real, this.coords.p_from_real, "to");

  865.                     this.coords.p_to = this.toFixed(this.coords.p_to_real / 100 * real_width);

  866. 

  867.                     break;

  868. 

  869.                 case "both":

  870.                     if (this.options.from_fixed || this.options.to_fixed) {

  871.                         break;

  872.                     }

  873. 

  874.                     real_x = this.toFixed(real_x + (this.coords.p_handle * 0.1));

  875. 

  876.                     this.coords.p_from_real = this.calcWithStep((real_x - this.coords.p_gap_left) / real_width * 100);

  877.                     this.coords.p_from_real = this.checkDiapason(this.coords.p_from_real, this.options.from_min, this.options.from_max);

  878.                     this.coords.p_from_real = this.checkMinInterval(this.coords.p_from_real, this.coords.p_to_real, "from");

  879.                     this.coords.p_from = this.toFixed(this.coords.p_from_real / 100 * real_width);

  880. 

  881.                     this.coords.p_to_real = this.calcWithStep((real_x + this.coords.p_gap_right) / real_width * 100);

  882.                     this.coords.p_to_real = this.checkDiapason(this.coords.p_to_real, this.options.to_min, this.options.to_max);

  883.                     this.coords.p_to_real = this.checkMinInterval(this.coords.p_to_real, this.coords.p_from_real, "to");

  884.                     this.coords.p_to = this.toFixed(this.coords.p_to_real / 100 * real_width);

  885. 

  886.                     break;

  887.             }

  888. 

  889.             if (this.options.type === "single") {

  890.                 this.coords.p_bar_x = (this.coords.p_handle / 2);

  891.                 this.coords.p_bar_w = this.coords.p_single;

  892. 

  893.                 this.result.from_percent = this.coords.p_single_real;

  894.                 this.result.from = this.calcReal(this.coords.p_single_real);

  895.                 if (this.options.values.length) {

  896.                     this.result.from_value = this.options.values[this.result.from];

  897.                 }

  898.             } else {

  899.                 this.coords.p_bar_x = this.toFixed(this.coords.p_from + (this.coords.p_handle / 2));

  900.                 this.coords.p_bar_w = this.toFixed(this.coords.p_to - this.coords.p_from);

  901. 

  902.                 this.result.from_percent = this.coords.p_from_real;

  903.                 this.result.from = this.calcReal(this.coords.p_from_real);

  904.                 this.result.to_percent = this.coords.p_to_real;

  905.                 this.result.to = this.calcReal(this.coords.p_to_real);

  906.                 if (this.options.values.length) {

  907.                     this.result.from_value = this.options.values[this.result.from];

  908.                     this.result.to_value = this.options.values[this.result.to];

  909.                 }

  910.             }

  911. 

  912.             this.calcMinMax();

  913.             this.calcLabels();

  914.         },

  915. 

  916.         calcPointer: function () {

  917.             if (!this.coords.w_rs) {

  918.                 this.coords.p_pointer = 0;

  919.                 return;

  920.             }

  921. 

  922.             if (this.coords.x_pointer < 0 || isNaN(this.coords.x_pointer)  ) {

  923.                 this.coords.x_pointer = 0;

  924.             } else if (this.coords.x_pointer > this.coords.w_rs) {

  925.                 this.coords.x_pointer = this.coords.w_rs;

  926.             }

  927. 

  928.             this.coords.p_pointer = this.toFixed(this.coords.x_pointer / this.coords.w_rs * 100);

  929.         },

  930. 

  931.         chooseHandle: function (real_x) {

  932.             if (this.options.type === "single") {

  933.                 return "single";

  934.             } else {

  935.                 var m_point = this.coords.p_from_real + ((this.coords.p_to_real - this.coords.p_from_real) / 2);

  936.                 if (real_x >= m_point) {

  937.                     return this.options.to_fixed ? "from" : "to";

  938.                 } else {

  939.                     return this.options.from_fixed ? "to" : "from";

  940.                 }

  941.             }

  942.         },

  943. 

  944.         calcMinMax: function () {

  945.             if (!this.coords.w_rs) {

  946.                 return;

  947.             }

  948. 

  949.             this.labels.p_min = this.labels.w_min / this.coords.w_rs * 100;

  950.             this.labels.p_max = this.labels.w_max / this.coords.w_rs * 100;

  951.         },

  952. 

  953.         calcLabels: function () {

  954.             if (!this.coords.w_rs || this.options.hide_from_to) {

  955.                 return;

  956.             }

  957. 

  958.             if (this.options.type === "single") {

  959. 

  960.                 this.labels.w_single = this.$cache.single.outerWidth(false);

  961.                 this.labels.p_single = this.labels.w_single / this.coords.w_rs * 100;

  962.                 this.labels.p_single_left = this.coords.p_single + (this.coords.p_handle / 2) - (this.labels.p_single / 2);

  963.                 this.labels.p_single_left = this.checkEdges(this.labels.p_single_left, this.labels.p_single);

  964. 

  965.             } else {

  966. 

  967.                 this.labels.w_from = this.$cache.from.outerWidth(false);

  968.                 this.labels.p_from = this.labels.w_from / this.coords.w_rs * 100;

  969.                 this.labels.p_from_left = this.coords.p_from + (this.coords.p_handle / 2) - (this.labels.p_from / 2);

  970.                 this.labels.p_from_left = this.toFixed(this.labels.p_from_left);

  971.                 this.labels.p_from_left = this.checkEdges(this.labels.p_from_left, this.labels.p_from);

  972. 

  973.                 this.labels.w_to = this.$cache.to.outerWidth(false);

  974.                 this.labels.p_to = this.labels.w_to / this.coords.w_rs * 100;

  975.                 this.labels.p_to_left = this.coords.p_to + (this.coords.p_handle / 2) - (this.labels.p_to / 2);

  976.                 this.labels.p_to_left = this.toFixed(this.labels.p_to_left);

  977.                 this.labels.p_to_left = this.checkEdges(this.labels.p_to_left, this.labels.p_to);

  978. 

  979.                 this.labels.w_single = this.$cache.single.outerWidth(false);

  980.                 this.labels.p_single = this.labels.w_single / this.coords.w_rs * 100;

  981.                 this.labels.p_single_left = ((this.labels.p_from_left + this.labels.p_to_left + this.labels.p_to) / 2) - (this.labels.p_single / 2);

  982.                 this.labels.p_single_left = this.toFixed(this.labels.p_single_left);

  983.                 this.labels.p_single_left = this.checkEdges(this.labels.p_single_left, this.labels.p_single);

  984. 

  985.             }

  986.         },

  987. 

  988. 

  989. 

  990.         // =============================================================================================================

  991.         // Drawings

  992. 

  993.         updateScene: function () {

  994.             if (this.raf_id) {

  995.                 cancelAnimationFrame(this.raf_id);

  996.                 this.raf_id = null;

  997.             }

  998. 

  999.             clearTimeout(this.update_tm);

  1000.             this.update_tm = null;

  1001. 

  1002.             if (!this.options) {

  1003.                 return;

  1004.             }

  1005. 

  1006.             this.drawHandles();

  1007. 

  1008.             if (this.is_active) {

  1009.                 this.raf_id = requestAnimationFrame(this.updateScene.bind(this));

  1010.             } else {

  1011.                 this.update_tm = setTimeout(this.updateScene.bind(this), 300);

  1012.             }

  1013.         },

  1014. 

  1015.         drawHandles: function () {

  1016.             this.coords.w_rs = this.$cache.rs.outerWidth(false);

  1017. 

  1018.             if (!this.coords.w_rs) {

  1019.                 return;

  1020.             }

  1021. 

  1022.             if (this.coords.w_rs !== this.coords.w_rs_old) {

  1023.                 this.target = "base";

  1024.                 this.is_resize = true;

  1025.             }

  1026. 

  1027.             if (this.coords.w_rs !== this.coords.w_rs_old || this.force_redraw) {

  1028.                 this.setMinMax();

  1029.                 this.calc(true);

  1030.                 this.drawLabels();

  1031.                 if (this.options.grid) {

  1032.                     this.calcGridMargin();

  1033.                     this.calcGridLabels();

  1034.                 }

  1035.                 this.force_redraw = true;

  1036.                 this.coords.w_rs_old = this.coords.w_rs;

  1037.                 this.drawShadow();

  1038.             }

  1039. 

  1040.             if (!this.coords.w_rs) {

  1041.                 return;

  1042.             }

  1043. 

  1044.             if (!this.dragging && !this.force_redraw && !this.is_key) {

  1045.                 return;

  1046.             }

  1047. 

  1048.             if (this.old_from !== this.result.from || this.old_to !== this.result.to || this.force_redraw || this.is_key) {

  1049. 

  1050.                 this.drawLabels();

  1051. 

  1052.                 this.$cache.bar[0].style.left = this.coords.p_bar_x + "%";

  1053.                 this.$cache.bar[0].style.width = this.coords.p_bar_w + "%";

  1054. 

  1055.                 if (this.options.type === "single") {

  1056.                     this.$cache.s_single[0].style.left = this.coords.p_single + "%";

  1057. 

  1058.                     this.$cache.single[0].style.left = this.labels.p_single_left + "%";

  1059. 

  1060.                     if (this.options.values.length) {

  1061.                         this.$cache.input.prop("value", this.result.from_value);

  1062.                         this.$cache.input.data("from", this.result.from_value);

  1063.                     } else {

  1064.                         this.$cache.input.prop("value", this.result.from);

  1065.                         this.$cache.input.data("from", this.result.from);

  1066.                     }

  1067.                 } else {

  1068.                     this.$cache.s_from[0].style.left = this.coords.p_from + "%";

  1069.                     this.$cache.s_to[0].style.left = this.coords.p_to + "%";

  1070. 

  1071.                     if (this.old_from !== this.result.from || this.force_redraw) {

  1072.                         this.$cache.from[0].style.left = this.labels.p_from_left + "%";

  1073.                     }

  1074.                     if (this.old_to !== this.result.to || this.force_redraw) {

  1075.                         this.$cache.to[0].style.left = this.labels.p_to_left + "%";

  1076.                     }

  1077. 

  1078.                     this.$cache.single[0].style.left = this.labels.p_single_left + "%";

  1079. 

  1080.                     if (this.options.values.length) {

  1081.                         this.$cache.input.prop("value", this.result.from_value + ";" + this.result.to_value);

  1082.                         this.$cache.input.data("from", this.result.from_value);

  1083.                         this.$cache.input.data("to", this.result.to_value);

  1084.                     } else {

  1085.                         this.$cache.input.prop("value", this.result.from + ";" + this.result.to);

  1086.                         this.$cache.input.data("from", this.result.from);

  1087.                         this.$cache.input.data("to", this.result.to);

  1088.                     }

  1089.                 }

  1090. 

  1091.                 if ((this.old_from !== this.result.from || this.old_to !== this.result.to) && !this.is_start) {

  1092.                     this.$cache.input.trigger("change");

  1093.                 }

  1094. 

  1095.                 this.old_from = this.result.from;

  1096.                 this.old_to = this.result.to;

  1097. 

  1098.                 // callbacks call

  1099.                 if (!this.is_resize && !this.is_update && !this.is_start && !this.is_finish) {

  1100.                     this.callOnChange();

  1101.                 }

  1102.                 if (this.is_key || this.is_click) {

  1103.                     this.callOnFinish();

  1104.                 }

  1105. 

  1106.                 this.is_update = false;

  1107.                 this.is_resize = false;

  1108.                 this.is_finish = false;

  1109.             }

  1110. 

  1111.             this.is_start = false;

  1112.             this.is_key = false;

  1113.             this.is_click = false;

  1114.             this.force_redraw = false;

  1115.         },

  1116. 

  1117.         // callbacks

  1118.         callOnStart: function () {

  1119.             if (this.options.onStart && typeof this.options.onStart === "function") {

  1120.                 this.options.onStart(this.result);

  1121.             }

  1122.         },

  1123.         callOnChange: function () {

  1124.             if (this.options.onChange && typeof this.options.onChange === "function") {

  1125.                 this.options.onChange(this.result);

  1126.             }

  1127.         },

  1128.         callOnFinish: function () {

  1129.             if (this.options.onFinish && typeof this.options.onFinish === "function") {

  1130.                 this.options.onFinish(this.result);

  1131.             }

  1132.         },

  1133.         callOnUpdate: function () {

  1134.             if (this.options.onUpdate && typeof this.options.onUpdate === "function") {

  1135.                 this.options.onUpdate(this.result);

  1136.             }

  1137.         },

  1138. 

  1139.         drawLabels: function () {

  1140.             if (!this.options) {

  1141.                 return;

  1142.             }

  1143. 

  1144.             var values_num = this.options.values.length,

  1145.                 p_values = this.options.p_values,

  1146.                 text_single,

  1147.                 text_from,

  1148.                 text_to;

  1149. 

  1150.             if (this.options.hide_from_to) {

  1151.                 return;

  1152.             }

  1153. 

  1154.             if (this.options.type === "single") {

  1155. 

  1156.                 if (values_num) {

  1157.                     text_single = this.decorate(p_values[this.result.from]);

  1158.                     this.$cache.single.html(text_single);

  1159.                 } else {

  1160.                     text_single = this.decorate(this._prettify(this.result.from), this.result.from);

  1161.                     this.$cache.single.html(text_single);

  1162.                 }

  1163. 

  1164.                 this.calcLabels();

  1165. 

  1166.                 if (this.labels.p_single_left < this.labels.p_min + 1) {

  1167.                     this.$cache.min[0].style.visibility = "hidden";

  1168.                 } else {

  1169.                     this.$cache.min[0].style.visibility = "visible";

  1170.                 }

  1171. 

  1172.                 if (this.labels.p_single_left + this.labels.p_single > 100 - this.labels.p_max - 1) {

  1173.                     this.$cache.max[0].style.visibility = "hidden";

  1174.                 } else {

  1175.                     this.$cache.max[0].style.visibility = "visible";

  1176.                 }

  1177. 

  1178.             } else {

  1179. 

  1180.                 if (values_num) {

  1181. 

  1182.                     if (this.options.decorate_both) {

  1183.                         text_single = this.decorate(p_values[this.result.from]);

  1184.                         text_single += this.options.values_separator;

  1185.                         text_single += this.decorate(p_values[this.result.to]);

  1186.                     } else {

  1187.                         text_single = this.decorate(p_values[this.result.from] + this.options.values_separator + p_values[this.result.to]);

  1188.                     }

  1189.                     text_from = this.decorate(p_values[this.result.from]);

  1190.                     text_to = this.decorate(p_values[this.result.to]);

  1191. 

  1192.                     this.$cache.single.html(text_single);

  1193.                     this.$cache.from.html(text_from);

  1194.                     this.$cache.to.html(text_to);

  1195. 

  1196.                 } else {

  1197. 

  1198.                     if (this.options.decorate_both) {

  1199.                         text_single = this.decorate(this._prettify(this.result.from), this.result.from);

  1200.                         text_single += this.options.values_separator;

  1201.                         text_single += this.decorate(this._prettify(this.result.to), this.result.to);

  1202.                     } else {

  1203.                         text_single = this.decorate(this._prettify(this.result.from) + this.options.values_separator + this._prettify(this.result.to), this.result.to);

  1204.                     }

  1205.                     text_from = this.decorate(this._prettify(this.result.from), this.result.from);

  1206.                     text_to = this.decorate(this._prettify(this.result.to), this.result.to);

  1207. 

  1208.                     this.$cache.single.html(text_single);

  1209.                     this.$cache.from.html(text_from);

  1210.                     this.$cache.to.html(text_to);

  1211. 

  1212.                 }

  1213. 

  1214.                 this.calcLabels();

  1215. 

  1216.                 var min = Math.min(this.labels.p_single_left, this.labels.p_from_left),

  1217.                     single_left = this.labels.p_single_left + this.labels.p_single,

  1218.                     to_left = this.labels.p_to_left + this.labels.p_to,

  1219.                     max = Math.max(single_left, to_left);

  1220. 

  1221.                 if (this.labels.p_from_left + this.labels.p_from >= this.labels.p_to_left) {

  1222.                     this.$cache.from[0].style.visibility = "hidden";

  1223.                     this.$cache.to[0].style.visibility = "hidden";

  1224.                     this.$cache.single[0].style.visibility = "visible";

  1225. 

  1226.                     if (this.result.from === this.result.to) {

  1227.                         this.$cache.from[0].style.visibility = "visible";

  1228.                         this.$cache.single[0].style.visibility = "hidden";

  1229.                         max = to_left;

  1230.                     } else {

  1231.                         this.$cache.from[0].style.visibility = "hidden";

  1232.                         this.$cache.single[0].style.visibility = "visible";

  1233.                         max = Math.max(single_left, to_left);

  1234.                     }

  1235.                 } else {

  1236.                     this.$cache.from[0].style.visibility = "visible";

  1237.                     this.$cache.to[0].style.visibility = "visible";

  1238.                     this.$cache.single[0].style.visibility = "hidden";

  1239.                 }

  1240. 

  1241.                 if (min < this.labels.p_min + 1) {

  1242.                     this.$cache.min[0].style.visibility = "hidden";

  1243.                 } else {

  1244.                     this.$cache.min[0].style.visibility = "visible";

  1245.                 }

  1246. 

  1247.                 if (max > 100 - this.labels.p_max - 1) {

  1248.                     this.$cache.max[0].style.visibility = "hidden";

  1249.                 } else {

  1250.                     this.$cache.max[0].style.visibility = "visible";

  1251.                 }

  1252. 

  1253.             }

  1254.         },

  1255. 

  1256.         drawShadow: function () {

  1257.             var o = this.options,

  1258.                 c = this.$cache,

  1259. 

  1260.                 is_from_min = typeof o.from_min === "number" && !isNaN(o.from_min),

  1261.                 is_from_max = typeof o.from_max === "number" && !isNaN(o.from_max),

  1262.                 is_to_min = typeof o.to_min === "number" && !isNaN(o.to_min),

  1263.                 is_to_max = typeof o.to_max === "number" && !isNaN(o.to_max),

  1264. 

  1265.                 from_min,

  1266.                 from_max,

  1267.                 to_min,

  1268.                 to_max;

  1269. 

  1270.             if (o.type === "single") {

  1271.                 if (o.from_shadow && (is_from_min || is_from_max)) {

  1272.                     from_min = this.calcPercent(is_from_min ? o.from_min : o.min);

  1273.                     from_max = this.calcPercent(is_from_max ? o.from_max : o.max) - from_min;

  1274.                     from_min = this.toFixed(from_min - (this.coords.p_handle / 100 * from_min));

  1275.                     from_max = this.toFixed(from_max - (this.coords.p_handle / 100 * from_max));

  1276.                     from_min = from_min + (this.coords.p_handle / 2);

  1277. 

  1278.                     c.shad_single[0].style.display = "block";

  1279.                     c.shad_single[0].style.left = from_min + "%";

  1280.                     c.shad_single[0].style.width = from_max + "%";

  1281.                 } else {

  1282.                     c.shad_single[0].style.display = "none";

  1283.                 }

  1284.             } else {

  1285.                 if (o.from_shadow && (is_from_min || is_from_max)) {

  1286.                     from_min = this.calcPercent(is_from_min ? o.from_min : o.min);

  1287.                     from_max = this.calcPercent(is_from_max ? o.from_max : o.max) - from_min;

  1288.                     from_min = this.toFixed(from_min - (this.coords.p_handle / 100 * from_min));

  1289.                     from_max = this.toFixed(from_max - (this.coords.p_handle / 100 * from_max));

  1290.                     from_min = from_min + (this.coords.p_handle / 2);

  1291. 

  1292.                     c.shad_from[0].style.display = "block";

  1293.                     c.shad_from[0].style.left = from_min + "%";

  1294.                     c.shad_from[0].style.width = from_max + "%";

  1295.                 } else {

  1296.                     c.shad_from[0].style.display = "none";

  1297.                 }

  1298. 

  1299.                 if (o.to_shadow && (is_to_min || is_to_max)) {

  1300.                     to_min = this.calcPercent(is_to_min ? o.to_min : o.min);

  1301.                     to_max = this.calcPercent(is_to_max ? o.to_max : o.max) - to_min;

  1302.                     to_min = this.toFixed(to_min - (this.coords.p_handle / 100 * to_min));

  1303.                     to_max = this.toFixed(to_max - (this.coords.p_handle / 100 * to_max));

  1304.                     to_min = to_min + (this.coords.p_handle / 2);

  1305. 

  1306.                     c.shad_to[0].style.display = "block";

  1307.                     c.shad_to[0].style.left = to_min + "%";

  1308.                     c.shad_to[0].style.width = to_max + "%";

  1309.                 } else {

  1310.                     c.shad_to[0].style.display = "none";

  1311.                 }

  1312.             }

  1313.         },

  1314. 

  1315. 

  1316. 

  1317.         // =============================================================================================================

  1318.         // Service methods

  1319. 

  1320.         toggleInput: function () {

  1321.             this.$cache.input.toggleClass("irs-hidden-input");

  1322.         },

  1323. 

  1324.         calcPercent: function (num) {

  1325.             var w = (this.options.max - this.options.min) / 100,

  1326.                 percent = (num - this.options.min) / w;

  1327. 

  1328.             return this.toFixed(percent);

  1329.         },

  1330. 

  1331.         calcReal: function (percent) {

  1332.             var min = this.options.min,

  1333.                 max = this.options.max,

  1334.                 min_decimals = min.toString().split(".")[1],

  1335.                 max_decimals = max.toString().split(".")[1],

  1336.                 min_length, max_length,

  1337.                 avg_decimals = 0,

  1338.                 abs = 0;

  1339. 

  1340.             if (percent === 0) {

  1341.                 return this.options.min;

  1342.             }

  1343.             if (percent === 100) {

  1344.                 return this.options.max;

  1345.             }

  1346. 

  1347. 

  1348.             if (min_decimals) {

  1349.                 min_length = min_decimals.length;

  1350.                 avg_decimals = min_length;

  1351.             }

  1352.             if (max_decimals) {

  1353.                 max_length = max_decimals.length;

  1354.                 avg_decimals = max_length;

  1355.             }

  1356.             if (min_length && max_length) {

  1357.                 avg_decimals = (min_length >= max_length) ? min_length : max_length;

  1358.             }

  1359. 

  1360.             if (min < 0) {

  1361.                 abs = Math.abs(min);

  1362.                 min = +(min + abs).toFixed(avg_decimals);

  1363.                 max = +(max + abs).toFixed(avg_decimals);

  1364.             }

  1365. 

  1366.             var number = ((max - min) / 100 * percent) + min,

  1367.                 string = this.options.step.toString().split(".")[1],

  1368.                 result;

  1369. 

  1370.             if (string) {

  1371.                 number = +number.toFixed(string.length);

  1372.             } else {

  1373.                 number = number / this.options.step;

  1374.                 number = number * this.options.step;

  1375. 

  1376.                 number = +number.toFixed(0);

  1377.             }

  1378. 

  1379.             if (abs) {

  1380.                 number -= abs;

  1381.             }

  1382. 

  1383.             if (string) {

  1384.                 result = +number.toFixed(string.length);

  1385.             } else {

  1386.                 result = this.toFixed(number);

  1387.             }

  1388. 

  1389.             if (result < this.options.min) {

  1390.                 result = this.options.min;

  1391.             } else if (result > this.options.max) {

  1392.                 result = this.options.max;

  1393.             }

  1394. 

  1395.             return result;

  1396.         },

  1397. 

  1398.         calcWithStep: function (percent) {

  1399.             var rounded = Math.round(percent / this.coords.p_step) * this.coords.p_step;

  1400. 

  1401.             if (rounded > 100) {

  1402.                 rounded = 100;

  1403.             }

  1404.             if (percent === 100) {

  1405.                 rounded = 100;

  1406.             }

  1407. 

  1408.             return this.toFixed(rounded);

  1409.         },

  1410. 

  1411.         checkMinInterval: function (p_current, p_next, type) {

  1412.             var o = this.options,

  1413.                 current,

  1414.                 next;

  1415. 

  1416.             if (!o.min_interval) {

  1417.                 return p_current;

  1418.             }

  1419. 

  1420.             current = this.calcReal(p_current);

  1421.             next = this.calcReal(p_next);

  1422. 

  1423.             if (type === "from") {

  1424. 

  1425.                 if (next - current < o.min_interval) {

  1426.                     current = next - o.min_interval;

  1427.                 }

  1428. 

  1429.             } else {

  1430. 

  1431.                 if (current - next < o.min_interval) {

  1432.                     current = next + o.min_interval;

  1433.                 }

  1434. 

  1435.             }

  1436. 

  1437.             return this.calcPercent(current);

  1438.         },

  1439. 

  1440.         checkMaxInterval: function (p_current, p_next, type) {

  1441.             var o = this.options,

  1442.                 current,

  1443.                 next;

  1444. 

  1445.             if (!o.max_interval) {

  1446.                 return p_current;

  1447.             }

  1448. 

  1449.             current = this.calcReal(p_current);

  1450.             next = this.calcReal(p_next);

  1451. 

  1452.             if (type === "from") {

  1453. 

  1454.                 if (next - current > o.max_interval) {

  1455.                     current = next - o.max_interval;

  1456.                 }

  1457. 

  1458.             } else {

  1459. 

  1460.                 if (current - next > o.max_interval) {

  1461.                     current = next + o.max_interval;

  1462.                 }

  1463. 

  1464.             }

  1465. 

  1466.             return this.calcPercent(current);

  1467.         },

  1468. 

  1469.         checkDiapason: function (p_num, min, max) {

  1470.             var num = this.calcReal(p_num),

  1471.                 o = this.options;

  1472. 

  1473.             if (typeof min !== "number") {

  1474.                 min = o.min;

  1475.             }

  1476. 

  1477.             if (typeof max !== "number") {

  1478.                 max = o.max;

  1479.             }

  1480. 

  1481.             if (num < min) {

  1482.                 num = min;

  1483.             }

  1484. 

  1485.             if (num > max) {

  1486.                 num = max;

  1487.             }

  1488. 

  1489.             return this.calcPercent(num);

  1490.         },

  1491. 

  1492.         toFixed: function (num) {

  1493.             num = num.toFixed(9);

  1494.             return +num;

  1495.         },

  1496. 

  1497.         _prettify: function (num) {

  1498.             if (!this.options.prettify_enabled) {

  1499.                 return num;

  1500.             }

  1501. 

  1502.             if (this.options.prettify && typeof this.options.prettify === "function") {

  1503.                 return this.options.prettify(num);

  1504.             } else {

  1505.                 return this.prettify(num);

  1506.             }

  1507.         },

  1508. 

  1509.         prettify: function (num) {

  1510.             var n = num.toString();

  1511.             return n.replace(/(\d{1,3}(?=(?:\d\d\d)+(?!\d)))/g, "$1" + this.options.prettify_separator);

  1512.         },

  1513. 

  1514.         checkEdges: function (left, width) {

  1515.             if (!this.options.force_edges) {

  1516.                 return this.toFixed(left);

  1517.             }

  1518. 

  1519.             if (left < 0) {

  1520.                 left = 0;

  1521.             } else if (left > 100 - width) {

  1522.                 left = 100 - width;

  1523.             }

  1524. 

  1525.             return this.toFixed(left);

  1526.         },

  1527. 

  1528.         validate: function () {

  1529.             var o = this.options,

  1530.                 r = this.result,

  1531.                 v = o.values,

  1532.                 vl = v.length,

  1533.                 value,

  1534.                 i;

  1535. 

  1536.             if (typeof o.min === "string") o.min = +o.min;

  1537.             if (typeof o.max === "string") o.max = +o.max;

  1538.             if (typeof o.from === "string") o.from = +o.from;

  1539.             if (typeof o.to === "string") o.to = +o.to;

  1540.             if (typeof o.step === "string") o.step = +o.step;

  1541. 

  1542.             if (typeof o.from_min === "string") o.from_min = +o.from_min;

  1543.             if (typeof o.from_max === "string") o.from_max = +o.from_max;

  1544.             if (typeof o.to_min === "string") o.to_min = +o.to_min;

  1545.             if (typeof o.to_max === "string") o.to_max = +o.to_max;

  1546. 

  1547.             if (typeof o.keyboard_step === "string") o.keyboard_step = +o.keyboard_step;

  1548.             if (typeof o.grid_num === "string") o.grid_num = +o.grid_num;

  1549. 

  1550.             if (o.max <= o.min) {

  1551.                 if (o.min) {

  1552.                     o.max = o.min * 2;

  1553.                 } else {

  1554.                     o.max = o.min + 1;

  1555.                 }

  1556.                 o.step = 1;

  1557.             }

  1558. 

  1559.             if (vl) {

  1560.                 o.p_values = [];

  1561.                 o.min = 0;

  1562.                 o.max = vl - 1;

  1563.                 o.step = 1;

  1564.                 o.grid_num = o.max;

  1565.                 o.grid_snap = true;

  1566. 

  1567. 

  1568.                 for (i = 0; i < vl; i++) {

  1569.                     value = +v[i];

  1570. 

  1571.                     if (!isNaN(value)) {

  1572.                         v[i] = value;

  1573.                         value = this._prettify(value);

  1574.                     } else {

  1575.                         value = v[i];

  1576.                     }

  1577. 

  1578.                     o.p_values.push(value);

  1579.                 }

  1580.             }

  1581. 

  1582.             if (typeof o.from !== "number" || isNaN(o.from)) {

  1583.                 o.from = o.min;

  1584.             }

  1585. 

  1586.             if (typeof o.to !== "number" || isNaN(o.from)) {

  1587.                 o.to = o.max;

  1588.             }

  1589. 

  1590.             if (o.type === "single") {

  1591. 

  1592.                 if (o.from < o.min) {

  1593.                     o.from = o.min;

  1594.                 }

  1595. 

  1596.                 if (o.from > o.max) {

  1597.                     o.from = o.max;

  1598.                 }

  1599. 

  1600.             } else {

  1601. 

  1602.                 if (o.from < o.min || o.from > o.max) {

  1603.                     o.from = o.min;

  1604.                 }

  1605.                 if (o.to > o.max || o.to < o.min) {

  1606.                     o.to = o.max;

  1607.                 }

  1608.                 if (o.from > o.to) {

  1609.                     o.from = o.to;

  1610.                 }

  1611. 

  1612.             }

  1613. 

  1614.             if (typeof o.step !== "number" || isNaN(o.step) || !o.step || o.step < 0) {

  1615.                 o.step = 1;

  1616.             }

  1617. 

  1618.             if (typeof o.keyboard_step !== "number" || isNaN(o.keyboard_step) || !o.keyboard_step || o.keyboard_step < 0) {

  1619.                 o.keyboard_step = 5;

  1620.             }

  1621. 

  1622.             if (typeof o.from_min === "number" && o.from < o.from_min) {

  1623.                 o.from = o.from_min;

  1624.             }

  1625. 

  1626.             if (typeof o.from_max === "number" && o.from > o.from_max) {

  1627.                 o.from = o.from_max;

  1628.             }

  1629. 

  1630.             if (typeof o.to_min === "number" && o.to < o.to_min) {

  1631.                 o.to = o.to_min;

  1632.             }

  1633. 

  1634.             if (typeof o.to_max === "number" && o.from > o.to_max) {

  1635.                 o.to = o.to_max;

  1636.             }

  1637. 

  1638.             if (r) {

  1639.                 if (r.min !== o.min) {

  1640.                     r.min = o.min;

  1641.                 }

  1642. 

  1643.                 if (r.max !== o.max) {

  1644.                     r.max = o.max;

  1645.                 }

  1646. 

  1647.                 if (r.from < r.min || r.from > r.max) {

  1648.                     r.from = o.from;

  1649.                 }

  1650. 

  1651.                 if (r.to < r.min || r.to > r.max) {

  1652.                     r.to = o.to;

  1653.                 }

  1654.             }

  1655. 

  1656.             if (typeof o.min_interval !== "number" || isNaN(o.min_interval) || !o.min_interval || o.min_interval < 0) {

  1657.                 o.min_interval = 0;

  1658.             }

  1659. 

  1660.             if (typeof o.max_interval !== "number" || isNaN(o.max_interval) || !o.max_interval || o.max_interval < 0) {

  1661.                 o.max_interval = 0;

  1662.             }

  1663. 

  1664.             if (o.min_interval && o.min_interval > o.max - o.min) {

  1665.                 o.min_interval = o.max - o.min;

  1666.             }

  1667. 

  1668.             if (o.max_interval && o.max_interval > o.max - o.min) {

  1669.                 o.max_interval = o.max - o.min;

  1670.             }

  1671.         },

  1672. 

  1673.         decorate: function (num, original) {

  1674.             var decorated = "",

  1675.                 o = this.options;

  1676. 

  1677.             if (o.prefix) {

  1678.                 decorated += o.prefix;

  1679.             }

  1680. 

  1681.             decorated += num;

  1682. 

  1683.             if (o.max_postfix) {

  1684.                 if (o.values.length && num === o.p_values[o.max]) {

  1685.                     decorated += o.max_postfix;

  1686.                     if (o.postfix) {

  1687.                         decorated += " ";

  1688.                     }

  1689.                 } else if (original === o.max) {

  1690.                     decorated += o.max_postfix;

  1691.                     if (o.postfix) {

  1692.                         decorated += " ";

  1693.                     }

  1694.                 }

  1695.             }

  1696. 

  1697.             if (o.postfix) {

  1698.                 decorated += o.postfix;

  1699.             }

  1700. 

  1701.             return decorated;

  1702.         },

  1703. 

  1704.         updateFrom: function () {

  1705.             this.result.from = this.options.from;

  1706.             this.result.from_percent = this.calcPercent(this.result.from);

  1707.             if (this.options.values) {

  1708.                 this.result.from_value = this.options.values[this.result.from];

  1709.             }

  1710.         },

  1711. 

  1712.         updateTo: function () {

  1713.             this.result.to = this.options.to;

  1714.             this.result.to_percent = this.calcPercent(this.result.to);

  1715.             if (this.options.values) {

  1716.                 this.result.to_value = this.options.values[this.result.to];

  1717.             }

  1718.         },

  1719. 

  1720.         updateResult: function () {

  1721.             this.result.min = this.options.min;

  1722.             this.result.max = this.options.max;

  1723.             this.updateFrom();

  1724.             this.updateTo();

  1725.         },

  1726. 

  1727. 

  1728.         // =============================================================================================================

  1729.         // Grid

  1730. 

  1731.         appendGrid: function () {

  1732.             if (!this.options.grid) {

  1733.                 return;

  1734.             }

  1735. 

  1736.             var o = this.options,

  1737.                 i, z,

  1738. 

  1739.                 total = o.max - o.min,

  1740.                 big_num = o.grid_num,

  1741.                 big_p = 0,

  1742.                 big_w = 0,

  1743. 

  1744.                 small_max = 4,

  1745.                 local_small_max,

  1746.                 small_p,

  1747.                 small_w = 0,

  1748. 

  1749.                 result,

  1750.                 html = '';

  1751. 

  1752. 

  1753. 

  1754.             this.calcGridMargin();

  1755. 

  1756.             if (o.grid_snap) {

  1757.                 big_num = total / o.step;

  1758.                 big_p = this.toFixed(o.step / (total / 100));

  1759.             } else {

  1760.                 big_p = this.toFixed(100 / big_num);

  1761.             }

  1762. 

  1763.             if (big_num > 4) {

  1764.                 small_max = 3;

  1765.             }

  1766.             if (big_num > 7) {

  1767.                 small_max = 2;

  1768.             }

  1769.             if (big_num > 14) {

  1770.                 small_max = 1;

  1771.             }

  1772.             if (big_num > 28) {

  1773.                 small_max = 0;

  1774.             }

  1775. 

  1776.             for (i = 0; i < big_num + 1; i++) {

  1777.                 local_small_max = small_max;

  1778. 

  1779.                 big_w = this.toFixed(big_p * i);

  1780. 

  1781.                 if (big_w > 100) {

  1782.                     big_w = 100;

  1783. 

  1784.                     local_small_max -= 2;

  1785.                     if (local_small_max < 0) {

  1786.                         local_small_max = 0;

  1787.                     }

  1788.                 }

  1789.                 this.coords.big[i] = big_w;

  1790. 

  1791.                 small_p = (big_w - (big_p * (i - 1))) / (local_small_max + 1);

  1792. 

  1793.                 for (z = 1; z <= local_small_max; z++) {

  1794.                     if (big_w === 0) {

  1795.                         break;

  1796.                     }

  1797. 

  1798.                     small_w = this.toFixed(big_w - (small_p * z));

  1799. 

  1800.                     html += '<span class="irs-grid-pol small" style="left: ' + small_w + '%"></span>';

  1801.                 }

  1802. 

  1803.                 html += '<span class="irs-grid-pol" style="left: ' + big_w + '%"></span>';

  1804. 

  1805.                 result = this.calcReal(big_w);

  1806.                 if (o.values.length) {

  1807.                     result = o.p_values[result];

  1808.                 } else {

  1809.                     result = this._prettify(result);

  1810.                 }

  1811. 

  1812.                 html += '<span class="irs-grid-text js-grid-text-' + i + '" style="left: ' + big_w + '%">' + result + '</span>';

  1813.             }

  1814.             this.coords.big_num = Math.ceil(big_num + 1);

  1815. 

  1816. 

  1817. 

  1818.             this.$cache.cont.addClass("irs-with-grid");

  1819.             this.$cache.grid.html(html);

  1820.             this.cacheGridLabels();

  1821.         },

  1822. 

  1823.         cacheGridLabels: function () {

  1824.             var $label, i,

  1825.                 num = this.coords.big_num;

  1826. 

  1827.             for (i = 0; i < num; i++) {

  1828.                 $label = this.$cache.grid.find(".js-grid-text-" + i);

  1829.                 this.$cache.grid_labels.push($label);

  1830.             }

  1831. 

  1832.             this.calcGridLabels();

  1833.         },

  1834. 

  1835.         calcGridLabels: function () {

  1836.             var i, label, start = [], finish = [],

  1837.                 num = this.coords.big_num;

  1838. 

  1839.             for (i = 0; i < num; i++) {

  1840.                 this.coords.big_w[i] = this.$cache.grid_labels[i].outerWidth(false);

  1841.                 this.coords.big_p[i] = this.toFixed(this.coords.big_w[i] / this.coords.w_rs * 100);

  1842.                 this.coords.big_x[i] = this.toFixed(this.coords.big_p[i] / 2);

  1843. 

  1844.                 start[i] = this.toFixed(this.coords.big[i] - this.coords.big_x[i]);

  1845.                 finish[i] = this.toFixed(start[i] + this.coords.big_p[i]);

  1846.             }

  1847. 

  1848.             if (this.options.force_edges) {

  1849.                 if (start[0] < -this.coords.grid_gap) {

  1850.                     start[0] = -this.coords.grid_gap;

  1851.                     finish[0] = this.toFixed(start[0] + this.coords.big_p[0]);

  1852. 

  1853.                     this.coords.big_x[0] = this.coords.grid_gap;

  1854.                 }

  1855. 

  1856.                 if (finish[num - 1] > 100 + this.coords.grid_gap) {

  1857.                     finish[num - 1] = 100 + this.coords.grid_gap;

  1858.                     start[num - 1] = this.toFixed(finish[num - 1] - this.coords.big_p[num - 1]);

  1859. 

  1860.                     this.coords.big_x[num - 1] = this.toFixed(this.coords.big_p[num - 1] - this.coords.grid_gap);

  1861.                 }

  1862.             }

  1863. 

  1864.             this.calcGridCollision(2, start, finish);

  1865.             this.calcGridCollision(4, start, finish);

  1866. 

  1867.             for (i = 0; i < num; i++) {

  1868.                 label = this.$cache.grid_labels[i][0];

  1869.                 label.style.marginLeft = -this.coords.big_x[i] + "%";

  1870.             }

  1871.         },

  1872. 

  1873.         // Collisions Calc Beta

  1874.         // TODO: Refactor then have plenty of time

  1875.         calcGridCollision: function (step, start, finish) {

  1876.             var i, next_i, label,

  1877.                 num = this.coords.big_num;

  1878. 

  1879.             for (i = 0; i < num; i += step) {

  1880.                 next_i = i + (step / 2);

  1881.                 if (next_i >= num) {

  1882.                     break;

  1883.                 }

  1884. 

  1885.                 label = this.$cache.grid_labels[next_i][0];

  1886. 

  1887.                 if (finish[i] <= start[next_i]) {

  1888.                     label.style.visibility = "visible";

  1889.                 } else {

  1890.                     label.style.visibility = "hidden";

  1891.                 }

  1892.             }

  1893.         },

  1894. 

  1895.         calcGridMargin: function () {

  1896.             if (!this.options.grid_margin) {

  1897.                 return;

  1898.             }

  1899. 

  1900.             this.coords.w_rs = this.$cache.rs.outerWidth(false);

  1901.             if (!this.coords.w_rs) {

  1902.                 return;

  1903.             }

  1904. 

  1905.             if (this.options.type === "single") {

  1906.                 this.coords.w_handle = this.$cache.s_single.outerWidth(false);

  1907.             } else {

  1908.                 this.coords.w_handle = this.$cache.s_from.outerWidth(false);

  1909.             }

  1910.             this.coords.p_handle = this.toFixed(this.coords.w_handle  / this.coords.w_rs * 100);

  1911.             this.coords.grid_gap = this.toFixed((this.coords.p_handle / 2) - 0.1);

  1912. 

  1913.             this.$cache.grid[0].style.width = this.toFixed(100 - this.coords.p_handle) + "%";

  1914.             this.$cache.grid[0].style.left = this.coords.grid_gap + "%";

  1915.         },

  1916. 

  1917. 

  1918. 

  1919.         // =============================================================================================================

  1920.         // Public methods

  1921. 

  1922.         update: function (options) {

  1923.             if (!this.input) {

  1924.                 return;

  1925.             }

  1926. 

  1927.             this.is_update = true;

  1928. 

  1929.             this.options.from = this.result.from;

  1930.             this.options.to = this.result.to;

  1931. 

  1932.             this.options = $.extend(this.options, options);

  1933.             this.validate();

  1934.             this.updateResult(options);

  1935. 

  1936.             this.toggleInput();

  1937.             this.remove();

  1938.             this.init(true);

  1939.         },

  1940. 

  1941.         reset: function () {

  1942.             if (!this.input) {

  1943.                 return;

  1944.             }

  1945. 

  1946.             this.updateResult();

  1947.             this.update();

  1948.         },

  1949. 

  1950.         destroy: function () {

  1951.             if (!this.input) {

  1952.                 return;

  1953.             }

  1954. 

  1955.             this.toggleInput();

  1956.             this.$cache.input.prop("readonly", false);

  1957.             $.data(this.input, "ionRangeSlider", null);

  1958. 

  1959.             this.remove();

  1960.             this.input = null;

  1961.             this.options = null;

  1962.         }

  1963.     };

  1964. 

  1965.     $.fn.ionRangeSlider = function (options) {

  1966.         return this.each(function() {

  1967.             if (!$.data(this, "ionRangeSlider")) {

  1968.                 $.data(this, "ionRangeSlider", new IonRangeSlider(this, options, plugin_count++));

  1969.             }

  1970.         });

  1971.     };

  1972. 

  1973. 

  1974. 

  1975.     // =================================================================================================================

  1976.     // http://paulirish.com/2011/requestanimationframe-for-smart-animating/

  1977.     // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

  1978. 

  1979.     // requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

  1980. 

  1981.     // MIT license

  1982. 

  1983.     (function() {

  1984.         var lastTime = 0;

  1985.         var vendors = ['ms', 'moz', 'webkit', 'o'];

  1986.         for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {

  1987.             window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];

  1988.             window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame']

  1989.                 || window[vendors[x]+'CancelRequestAnimationFrame'];

  1990.         }

  1991. 

  1992.         if (!window.requestAnimationFrame)

  1993.             window.requestAnimationFrame = function(callback, element) {

  1994.                 var currTime = new Date().getTime();

  1995.                 var timeToCall = Math.max(0, 16 - (currTime - lastTime));

  1996.                 var id = window.setTimeout(function() { callback(currTime + timeToCall); },

  1997.                     timeToCall);

  1998.                 lastTime = currTime + timeToCall;

  1999.                 return id;

  2000.             };

  2001. 

  2002.         if (!window.cancelAnimationFrame)

  2003.             window.cancelAnimationFrame = function(id) {

  2004.                 clearTimeout(id);

  2005.             };

  2006.     }());

  2007. 

  2008. } (jQuery, document, window, navigator));