bootstrap-slider-rails 4.8.1 → 4.14.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d98f6d9098949f6905bd100b53ecfee56601f18b
-  data.tar.gz: 7390bda2d0b068b8cbb5f01c37f6ecdcd08a6e30
+  metadata.gz: dbf7091b715fc5a064f2eb170ab050fa5f61f034
+  data.tar.gz: 937a56a06aaeed44fccc69dde833da7eb5cd1ef0
 SHA512:
-  metadata.gz: 7f158cdef06ad1faf262c14a3a1738d7c85878bc696dba44fd15874f18df9b2230952157f273f1f3fbc9770a73bcb0b31695bad03bd2fc88913a67b7abe09bde
-  data.tar.gz: 91475175a91e23ece5dc5a57c095e913fdc858eb3b0eb459b79e1a1f004791668c26a6a632444d127efb626c30d5f20a4c3d2c18ffdb8c0a94e12db4cb3e9c61
+  metadata.gz: 6efbaf277b078213a985c58607076f37b47514a287e32dd04dbe21972b94594742b4aad8b6efd89b82fd45ed836c57aa280b26466aa7cf44f36e4eec2287b575
+  data.tar.gz: 76b3b73ac7cf7bf756a530cbc9c8675fbecd093ce3a8af090091159e798a51c2234cc7539b580a9cf256e388c27e16a872e4a33a291f872d6c231a7e21a6e304

data/bootstrap-slider-rails.gemspec

@@ -8,14 +8,14 @@ Gem::Specification.new do |spec|
   spec.version       = BootstrapSlider::Rails::VERSION
   spec.authors       = ['Pedr Browne']
   spec.email         = ['pedr.browne@gmail.com']
-  spec.description   = %q{Make Bootstrap Slider available to Rails}
-  spec.summary       = %q{This Gem integrates Seiyara's fork of Bootstrap Slider
-                          with Rails, exposing its JavaScript and CSS assets via
-                          a Rails Engine.}
+  spec.description   = 'Make Bootstrap Slider available to Rails'
+  spec.summary       = "This Gem integrates Seiyara's fork of Bootstrap " \
+                       'Slider with Rails, exposing its JavaScript and CSS ' \
+                       'assets via a Rails Engine.'
   spec.homepage      = 'http://github.com/stationkeeping/bootstrap-slider-rails'
   spec.license       = 'MIT'
 
-  spec.files         = `git ls-files`.split($/)
+  spec.files         = `git ls-files`.split($RS)
   spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
   spec.require_paths = ['lib']
 

data/lib/bootstrap-slider-rails/version.rb

@@ -1,5 +1,5 @@
 module BootstrapSlider
   module Rails
-    VERSION = '4.8.1'
+    VERSION = '4.14.5'
   end
 end

data/vendor/assets/javascripts/bootstrap-slider.js

@@ -304,6 +304,22 @@
 
 		function createNewSlider(element, options) {
 
+			/*
+				The internal state object is used to store data about the current 'state' of slider.
+
+				This includes values such as the `value`, `enabled`, etc...
+			*/
+			this._state = {
+				value: null,
+				enabled: null,
+				offset: null,
+				size: null,
+				percentage: null,
+				inDrag: null,
+				over: null
+			};
+
+
 			if(typeof element === "string") {
 				this.element = document.querySelector(element);
 			} else if(element instanceof HTMLElement) {
@@ -335,6 +351,23 @@
 				this.options[optName] = val;
 			}
 
+			/*
+				Validate `tooltip_position` against 'orientation`
+				- if `tooltip_position` is incompatible with orientation, swith it to a default compatible with specified `orientation`
+					-- default for "vertical" -> "right"
+					-- default for "horizontal" -> "left"
+			*/
+			if(this.options.orientation === "vertical" && (this.options.tooltip_position === "top" || this.options.tooltip_position === "bottom")) {
+
+				this.options.tooltip_position	= "right";
+
+			}
+			else if(this.options.orientation === "horizontal" && (this.options.tooltip_position === "left" || this.options.tooltip_position === "right")) {
+
+				this.options.tooltip_position	= "top";
+
+			}
+
 			function getDataAttrib(element, optName) {
 				var dataName = "data-slider-" + optName.replace(/_/g, '-');
 				var dataValString = element.getAttribute(dataName);
@@ -530,38 +563,19 @@
 
 			if(this.options.orientation === 'vertical') {
 				this._addClass(this.sliderElem,'slider-vertical');
-
 				this.stylePos = 'top';
 				this.mousePos = 'pageY';
 				this.sizePos = 'offsetHeight';
-
-				this._addClass(this.tooltip, 'right');
-				this.tooltip.style.left = '100%';
-
-				this._addClass(this.tooltip_min, 'right');
-				this.tooltip_min.style.left = '100%';
-
-				this._addClass(this.tooltip_max, 'right');
-				this.tooltip_max.style.left = '100%';
 			} else {
 				this._addClass(this.sliderElem, 'slider-horizontal');
 				this.sliderElem.style.width = origWidth;
-
 				this.options.orientation = 'horizontal';
 				this.stylePos = 'left';
 				this.mousePos = 'pageX';
 				this.sizePos = 'offsetWidth';
 
-				this._addClass(this.tooltip, 'top');
-				this.tooltip.style.top = -this.tooltip.outerHeight - 14 + 'px';
-
-				this._addClass(this.tooltip_min, 'top');
-				this.tooltip_min.style.top = -this.tooltip_min.outerHeight - 14 + 'px';
-
-				this._addClass(this.tooltip_max, 'top');
-				this.tooltip_max.style.top = -this.tooltip_max.outerHeight - 14 + 'px';
 			}
-
+			this._setTooltipPosition();
 			/* In case ticks are specified, overwrite the min and max bounds */
 			if (Array.isArray(this.options.ticks) && this.options.ticks.length > 0) {
 					this.options.max = Math.max.apply(Math, this.options.ticks);
@@ -570,9 +584,14 @@
 
 			if (Array.isArray(this.options.value)) {
 				this.options.range = true;
-			} else if (this.options.range) {
+				this._state.value = this.options.value;
+			}
+			else if (this.options.range) {
 				// User wants a range, but value is not an array
-				this.options.value = [this.options.value, this.options.max];
+				this._state.value = [this.options.value, this.options.max];
+			}
+			else {
+				this._state.value = this.options.value;
 			}
 
 			this.trackLow = sliderTrackLow || this.trackLow;
@@ -609,9 +628,9 @@
 				}
 			}
 
-			this.offset = this._offset(this.sliderElem);
-			this.size = this.sliderElem[this.sizePos];
-			this.setValue(this.options.value);
+			this._state.offset = this._offset(this.sliderElem);
+			this._state.size = this.sliderElem[this.sizePos];
+			this.setValue(this._state.value);
 
 			/******************************************
 
@@ -639,10 +658,12 @@
 				this._addClass(this.tooltip, 'hide');
 				this._addClass(this.tooltip_min, 'hide');
 				this._addClass(this.tooltip_max, 'hide');
-			} else if(this.options.tooltip === 'always') {
+			}
+			else if(this.options.tooltip === 'always') {
 				this._showTooltip();
 				this._alwaysShowTooltip = true;
-			} else {
+			}
+			else {
 				this.showTooltip = this._showTooltip.bind(this);
 				this.hideTooltip = this._hideTooltip.bind(this);
 
@@ -680,7 +701,7 @@
 
 			defaultOptions: {
 				id: "",
-			  	min: 0,
+			  min: 0,
 				max: 10,
 				step: 1,
 				precision: 0,
@@ -706,18 +727,21 @@
 				ticks_labels: [],
 				ticks_snap_bounds: 0,
 				scale: 'linear',
-				focus: false
+				focus: false,
+				tooltip_position: null
 			},
 
-			over: false,
-
-			inDrag: false,
+			getElement: function() {
+				return this.sliderElem;
+			},
 
 			getValue: function() {
 				if (this.options.range) {
-					return this.options.value;
+					return this._state.value;
+				}
+				else {
+					return this._state.value[0];
 				}
-				return this.options.value[0];
 			},
 
 			setValue: function(val, triggerSlideEvent, triggerChangeEvent) {
@@ -725,38 +749,39 @@
 					val = 0;
 				}
 				var oldValue = this.getValue();
-				this.options.value = this._validateInputValue(val);
+				this._state.value = this._validateInputValue(val);
 				var applyPrecision = this._applyPrecision.bind(this);
 
 				if (this.options.range) {
-					this.options.value[0] = applyPrecision(this.options.value[0]);
-					this.options.value[1] = applyPrecision(this.options.value[1]);
+					this._state.value[0] = applyPrecision(this._state.value[0]);
+					this._state.value[1] = applyPrecision(this._state.value[1]);
 
-					this.options.value[0] = Math.max(this.options.min, Math.min(this.options.max, this.options.value[0]));
-					this.options.value[1] = Math.max(this.options.min, Math.min(this.options.max, this.options.value[1]));
-				} else {
-					this.options.value = applyPrecision(this.options.value);
-					this.options.value = [ Math.max(this.options.min, Math.min(this.options.max, this.options.value))];
+					this._state.value[0] = Math.max(this.options.min, Math.min(this.options.max, this._state.value[0]));
+					this._state.value[1] = Math.max(this.options.min, Math.min(this.options.max, this._state.value[1]));
+				}
+				else {
+					this._state.value = applyPrecision(this._state.value);
+					this._state.value = [ Math.max(this.options.min, Math.min(this.options.max, this._state.value))];
 					this._addClass(this.handle2, 'hide');
 					if (this.options.selection === 'after') {
-						this.options.value[1] = this.options.max;
+						this._state.value[1] = this.options.max;
 					} else {
-						this.options.value[1] = this.options.min;
+						this._state.value[1] = this.options.min;
 					}
 				}
 
 				if (this.options.max > this.options.min) {
-					this.percentage = [
-						this._toPercentage(this.options.value[0]),
-						this._toPercentage(this.options.value[1]),
+					this._state.percentage = [
+						this._toPercentage(this._state.value[0]),
+						this._toPercentage(this._state.value[1]),
 						this.options.step * 100 / (this.options.max - this.options.min)
 					];
 				} else {
-					this.percentage = [0, 0, 100];
+					this._state.percentage = [0, 0, 100];
 				}
 
 				this._layout();
-				var newValue = this.options.range ? this.options.value : this.options.value[0];
+				var newValue = this.options.range ? this._state.value : this._state.value[0];
 
 				if(triggerSlideEvent === true) {
 					this._trigger('slide', newValue);
@@ -795,7 +820,7 @@
 			},
 
 			disable: function() {
-				this.options.enabled = false;
+				this._state.enabled = false;
 				this.handle1.removeAttribute("tabindex");
 				this.handle2.removeAttribute("tabindex");
 				this._addClass(this.sliderElem, 'slider-disabled');
@@ -805,7 +830,7 @@
 			},
 
 			enable: function() {
-				this.options.enabled = true;
+				this._state.enabled = true;
 				this.handle1.setAttribute("tabindex", 0);
 				this.handle2.setAttribute("tabindex", 0);
 				this._removeClass(this.sliderElem, 'slider-disabled');
@@ -815,7 +840,7 @@
 			},
 
 			toggle: function() {
-				if(this.options.enabled) {
+				if(this._state.enabled) {
 					this.disable();
 				} else {
 					this.enable();
@@ -824,7 +849,7 @@
 			},
 
 			isEnabled: function() {
-				return this.options.enabled;
+				return this._state.enabled;
 			},
 
 			on: function(evt, callback) {
@@ -832,6 +857,15 @@
 				return this;
 			},
 
+            off: function(evt, callback) {
+                if($) {
+                    this.$element.off(evt, callback);
+                    this.$sliderElem.off(evt, callback);
+                } else {
+                    this._unbindNonQueryEventHandler(evt, callback);
+                }
+            },
+
 			getAttribute: function(attribute) {
 				if(attribute) {
 					return this.options[attribute];
@@ -888,11 +922,22 @@
 				this.sliderElem.removeEventListener("mousedown", this.mousedown, false);
 			},
 			_bindNonQueryEventHandler: function(evt, callback) {
-				if(this.eventToCallbackMap[evt]===undefined) {
+				if(this.eventToCallbackMap[evt] === undefined) {
 					this.eventToCallbackMap[evt] = [];
 				}
 				this.eventToCallbackMap[evt].push(callback);
 			},
+            _unbindNonQueryEventHandler: function(evt, callback) {
+                var callbacks = this.eventToCallbackMap[evt];
+                if(callbacks !== undefined) {
+                    for (var i = 0; i < callbacks.length; i++) {
+                        if (callbacks[i] === callback) {
+                            callbacks.splice(i, 1);
+                            break;
+                        }
+                    }
+                }
+            },
 			_cleanUpEventCallbacksMap: function() {
 				var eventNames = Object.keys(this.eventToCallbackMap);
 				for(var i = 0; i < eventNames.length; i++) {
@@ -902,28 +947,32 @@
 			},
 			_showTooltip: function() {
 				if (this.options.tooltip_split === false ){
-	            	this._addClass(this.tooltip, 'in');
-		        } else {
-		            this._addClass(this.tooltip_min, 'in');
-		            this._addClass(this.tooltip_max, 'in');
-		        }
-				this.over = true;
+        	this._addClass(this.tooltip, 'in');
+        	this.tooltip_min.style.display = 'none';
+        	this.tooltip_max.style.display = 'none';
+		    } else {
+          this._addClass(this.tooltip_min, 'in');
+          this._addClass(this.tooltip_max, 'in');
+          this.tooltip.style.display = 'none';
+		    }
+				this._state.over = true;
 			},
 			_hideTooltip: function() {
-				if (this.inDrag === false && this.alwaysShowTooltip !== true) {
+				if (this._state.inDrag === false && this.alwaysShowTooltip !== true) {
 					this._removeClass(this.tooltip, 'in');
 					this._removeClass(this.tooltip_min, 'in');
 					this._removeClass(this.tooltip_max, 'in');
 				}
-				this.over = false;
+				this._state.over = false;
 			},
 			_layout: function() {
 				var positionPercentages;
 
 				if(this.options.reversed) {
-					positionPercentages = [ 100 - this.percentage[0], this.percentage[1] ];
-				} else {
-					positionPercentages = [ this.percentage[0], this.percentage[1] ];
+					positionPercentages = [ 100 - this._state.percentage[0], this.options.range ? 100 - this._state.percentage[1] : this._state.percentage[1]];
+				}
+				else {
+					positionPercentages = [ this._state.percentage[0], this._state.percentage[1] ];
 				}
 
 				this.handle1.style[this.stylePos] = positionPercentages[0]+'%';
@@ -936,7 +985,7 @@
 
 					var styleSize = this.options.orientation === 'vertical' ? 'height' : 'width';
 					var styleMargin = this.options.orientation === 'vertical' ? 'marginTop' : 'marginLeft';
-					var labelSize = this.size / (this.options.ticks.length - 1);
+					var labelSize = this._state.size / (this.options.ticks.length - 1);
 
 					if (this.tickLabelContainer) {
 						var extraMargin = 0;
@@ -995,7 +1044,8 @@
 
 					this.trackHigh.style.bottom = '0';
 					this.trackHigh.style.height = (100 - Math.min(positionPercentages[0], positionPercentages[1]) - Math.abs(positionPercentages[0] - positionPercentages[1])) +'%';
-				} else {
+				}
+				else {
 					this.trackLow.style.left = '0';
 					this.trackLow.style.width = Math.min(positionPercentages[0], positionPercentages[1]) +'%';
 
@@ -1022,7 +1072,7 @@
 				var formattedTooltipVal;
 
 				if (this.options.range) {
-					formattedTooltipVal = this.options.formatter(this.options.value);
+					formattedTooltipVal = this.options.formatter(this._state.value);
 					this._setText(this.tooltipInner, formattedTooltipVal);
 					this.tooltip.style[this.stylePos] = (positionPercentages[1] + positionPercentages[0])/2 + '%';
 
@@ -1038,10 +1088,10 @@
 						this._css(this.tooltip, 'margin-left', -this.tooltip.offsetWidth / 2 + 'px');
 					}
 
-					var innerTooltipMinText = this.options.formatter(this.options.value[0]);
+					var innerTooltipMinText = this.options.formatter(this._state.value[0]);
 					this._setText(this.tooltipInner_min, innerTooltipMinText);
 
-					var innerTooltipMaxText = this.options.formatter(this.options.value[1]);
+					var innerTooltipMaxText = this.options.formatter(this._state.value[1]);
 					this._setText(this.tooltipInner_max, innerTooltipMaxText);
 
 					this.tooltip_min.style[this.stylePos] = positionPercentages[0] + '%';
@@ -1060,7 +1110,7 @@
 						this._css(this.tooltip_max, 'margin-left', -this.tooltip_max.offsetWidth / 2 + 'px');
 					}
 				} else {
-					formattedTooltipVal = this.options.formatter(this.options.value[0]);
+					formattedTooltipVal = this.options.formatter(this._state.value[0]);
 					this._setText(this.tooltipInner, formattedTooltipVal);
 
 					this.tooltip.style[this.stylePos] = positionPercentages[0] + '%';
@@ -1079,24 +1129,24 @@
 				}
 			},
 			_mousedown: function(ev) {
-				if(!this.options.enabled) {
+				if(!this._state.enabled) {
 					return false;
 				}
 
-				this.offset = this._offset(this.sliderElem);
-				this.size = this.sliderElem[this.sizePos];
+				this._state.offset = this._offset(this.sliderElem);
+				this._state.size = this.sliderElem[this.sizePos];
 
 				var percentage = this._getPercentage(ev);
 
 				if (this.options.range) {
-					var diff1 = Math.abs(this.percentage[0] - percentage);
-					var diff2 = Math.abs(this.percentage[1] - percentage);
-					this.dragged = (diff1 < diff2) ? 0 : 1;
+					var diff1 = Math.abs(this._state.percentage[0] - percentage);
+					var diff2 = Math.abs(this._state.percentage[1] - percentage);
+					this._state.dragged = (diff1 < diff2) ? 0 : 1;
 				} else {
-					this.dragged = 0;
+					this._state.dragged = 0;
 				}
 
-				this.percentage[this.dragged] = this.options.reversed ? 100 - percentage : percentage;
+				this._state.percentage[this._state.dragged] = percentage;
 				this._layout();
 
 				if (this.touchCapable) {
@@ -1123,7 +1173,7 @@
 				document.addEventListener("mousemove", this.mousemove, false);
 				document.addEventListener("mouseup", this.mouseup, false);
 
-				this.inDrag = true;
+				this._state.inDrag = true;
 				var newValue = this._calculateValue();
 
 				this._trigger('slideStart', newValue);
@@ -1134,7 +1184,7 @@
 				this._pauseEvent(ev);
 
 				if (this.options.focus) {
-					this._triggerFocusOnHandle(this.dragged);
+					this._triggerFocusOnHandle(this._state.dragged);
 				}
 
 				return true;
@@ -1148,7 +1198,7 @@
 				}
 			},
 			_keydown: function(handleIdx, ev) {
-				if(!this.options.enabled) {
+				if(!this._state.enabled) {
 					return false;
 				}
 
@@ -1177,18 +1227,18 @@
 					}
 				}
 
-				var val = this.options.value[handleIdx] + dir * this.options.step;
+				var val = this._state.value[handleIdx] + dir * this.options.step;
 				if (this.options.range) {
-					val = [ (!handleIdx) ? val : this.options.value[0],
-						    ( handleIdx) ? val : this.options.value[1]];
+					val = [ (!handleIdx) ? val : this._state.value[0],
+						    ( handleIdx) ? val : this._state.value[1]];
 				}
 
 				this._trigger('slideStart', val);
 				this._setDataVal(val);
 				this.setValue(val, true, true);
 
-				this._trigger('slideStop', val);
 				this._setDataVal(val);
+				this._trigger('slideStop', val);
 				this._layout();
 
 				this._pauseEvent(ev);
@@ -1206,13 +1256,13 @@
 			    ev.returnValue=false;
 			},
 			_mousemove: function(ev) {
-				if(!this.options.enabled) {
+				if(!this._state.enabled) {
 					return false;
 				}
 
 				var percentage = this._getPercentage(ev);
 				this._adjustPercentageForRangeSliders(percentage);
-				this.percentage[this.dragged] = this.options.reversed ? 100 - percentage : percentage;
+				this._state.percentage[this._state.dragged] = percentage;
 				this._layout();
 
 				var val = this._calculateValue(true);
@@ -1222,17 +1272,20 @@
 			},
 			_adjustPercentageForRangeSliders: function(percentage) {
 				if (this.options.range) {
-					if (this.dragged === 0 && this.percentage[1] < percentage) {
-						this.percentage[0] = this.percentage[1];
-						this.dragged = 1;
-					} else if (this.dragged === 1 && this.percentage[0] > percentage) {
-						this.percentage[1] = this.percentage[0];
-						this.dragged = 0;
+					var precision = this._getNumDigitsAfterDecimalPlace(percentage);
+					precision = precision ? precision - 1 : 0;
+					var percentageWithAdjustedPrecision = this._applyToFixedAndParseFloat(percentage, precision);
+					if (this._state.dragged === 0 && this._applyToFixedAndParseFloat(this._state.percentage[1], precision) < percentageWithAdjustedPrecision) {
+						this._state.percentage[0] = this._state.percentage[1];
+						this._state.dragged = 1;
+					} else if (this._state.dragged === 1 && this._applyToFixedAndParseFloat(this._state.percentage[0], precision) > percentageWithAdjustedPrecision) {
+						this._state.percentage[1] = this._state.percentage[0];
+						this._state.dragged = 0;
 					}
 				}
 			},
 			_mouseup: function() {
-				if(!this.options.enabled) {
+				if(!this._state.enabled) {
 					return false;
 				}
 				if (this.touchCapable) {
@@ -1244,15 +1297,15 @@
                 document.removeEventListener("mousemove", this.mousemove, false);
                 document.removeEventListener("mouseup", this.mouseup, false);
 
-				this.inDrag = false;
-				if (this.over === false) {
+				this._state.inDrag = false;
+				if (this._state.over === false) {
 					this._hideTooltip();
 				}
 				var val = this._calculateValue(true);
 
 				this._layout();
-				this._trigger('slideStop', val);
 				this._setDataVal(val);
+				this._trigger('slideStop', val);
 
 				return false;
 			},
@@ -1260,16 +1313,16 @@
 				var val;
 				if (this.options.range) {
 					val = [this.options.min,this.options.max];
-			        if (this.percentage[0] !== 0){
-			            val[0] = this._toValue(this.percentage[0]);
+			        if (this._state.percentage[0] !== 0){
+			            val[0] = this._toValue(this._state.percentage[0]);
 			            val[0] = this._applyPrecision(val[0]);
 			        }
-			        if (this.percentage[1] !== 100){
-			            val[1] = this._toValue(this.percentage[1]);
+			        if (this._state.percentage[1] !== 100){
+			            val[1] = this._toValue(this._state.percentage[1]);
 			            val[1] = this._applyPrecision(val[1]);
 			        }
 				} else {
-		            val = this._toValue(this.percentage[0]);
+		            val = this._toValue(this._state.percentage[0]);
 					val = parseFloat(val);
 					val = this._applyPrecision(val);
 				}
@@ -1312,11 +1365,14 @@
 				}
 
 				var eventPosition = ev[this.mousePos];
-				var sliderOffset = this.offset[this.stylePos];
+				var sliderOffset = this._state.offset[this.stylePos];
 				var distanceToSlide = eventPosition - sliderOffset;
 				// Calculate what percent of the length the slider handle has slid
-				var percentage = (distanceToSlide / this.size) * 100;
-				percentage = Math.round(percentage / this.percentage[2]) * this.percentage[2];
+				var percentage = (distanceToSlide / this._state.size) * 100;
+				percentage = Math.round(percentage / this._state.percentage[2]) * this._state.percentage[2];
+				if (this.options.reversed) {
+					percentage = 100 - percentage;
+				}
 
 				// Make sure the percent is within the bounds of the slider.
 				// 0% corresponds to the 'min' value of the slide
@@ -1343,7 +1399,7 @@
 				var value = "value: '" + val + "'";
 				this.element.setAttribute('data', value);
 				this.element.setAttribute('value', val);
-                this.element.value = val;
+        this.element.value = val;
 			},
 			_trigger: function(evt, val) {
 				val = (val || val === 0) ? val : undefined;
@@ -1409,11 +1465,7 @@
 				element.className = newClasses.trim();
 			},
 			_offsetLeft: function(obj){
-				var offsetLeft = obj.offsetLeft;
-				while((obj = obj.offsetParent) && !isNaN(obj.offsetLeft)){
-					offsetLeft += obj.offsetLeft;
-				}
-				return offsetLeft;
+				return obj.getBoundingClientRect().left;
 			},
 			_offsetTop: function(obj){
 				var offsetTop = obj.offsetTop;
@@ -1443,8 +1495,28 @@
 			},
 			_toPercentage: function(value) {
 				return this.options.scale.toPercentage.apply(this, [value]);
+			},
+			_setTooltipPosition: function(){
+				var tooltips = [this.tooltip, this.tooltip_min, this.tooltip_max];
+				if (this.options.orientation === 'vertical'){
+					var tooltipPos = this.options.tooltip_position || 'right';
+					var oppositeSide = (tooltipPos === 'left') ? 'right' : 'left';
+					tooltips.forEach(function(tooltip){
+						this._addClass(tooltip, tooltipPos);
+						tooltip.style[oppositeSide] = '100%';
+					}.bind(this));
+				} else if(this.options.tooltip_position === 'bottom') {
+					tooltips.forEach(function(tooltip){
+						this._addClass(tooltip, 'bottom');
+						tooltip.style.top = 22 + 'px';
+					}.bind(this));
+				} else {
+					tooltips.forEach(function(tooltip){
+						this._addClass(tooltip, 'top');
+						tooltip.style.top = -this.tooltip.outerHeight - 14 + 'px';
+					}.bind(this));
+				}
 			}
-
 		};
 
 		/*********************************

data/vendor/assets/stylesheets/bootstrap-slider.css

@@ -1,5 +1,5 @@
 /*! =======================================================
-                      VERSION  4.8.1              
+                      VERSION  4.14.5              
 ========================================================= */
 /*! =========================================================
  * bootstrap-slider.js

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bootstrap-slider-rails
 version: !ruby/object:Gem::Version
-  version: 4.8.1
+  version: 4.14.5
 platform: ruby
 authors:
 - Pedr Browne
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-06-03 00:00:00.000000000 Z
+date: 2015-08-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties