Fix wrong CSS class for tooltip visibility.

Bootstrap 4 uses 'show' instead of 'in'.

Author: davidlesieur

src/js/bootstrap-slider.js

@@ -1231,9 +1231,9 @@ const windowIsDefined = (typeof window === "object");
 			},
 			_hideTooltip: function() {
 				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._removeClass(this.tooltip, 'show');
+					this._removeClass(this.tooltip_min, 'show');
+					this._removeClass(this.tooltip_max, 'show');
 				}
 				this._state.over = false;
 			},

test/specs/TooltipMouseOverOptionSpec.js

@@ -76,12 +76,12 @@ describe("'ticks_tooltip' Option tests", function() {
 			});
 			var bigOffset = 100000;
 
-			var isTooltipVisible = $('#mySlider').find('.tooltip.tooltip-main').hasClass('in');
+			var isTooltipVisible = $('#mySlider').find('.tooltip.tooltip-main').hasClass('show');
 			expect(isTooltipVisible).toBe(true);
 
 			var mouseenter = document.createEvent('MouseEvent');
 			mouseEventArguments[0] = 'mouseenter';
-			mouseEventArguments[7] = 
+			mouseEventArguments[7] =
 				testSlider.ticks[1].offsetLeft + testSlider.sliderElem.offsetLeft; // clientX
 			mouseenter.initMouseEvent.apply(mouseenter, mouseEventArguments);
 
@@ -91,7 +91,7 @@ describe("'ticks_tooltip' Option tests", function() {
 			mouseleave.initMouseEvent.apply(mouseleave, mouseEventArguments);
 
 			testSlider.ticks[1].addEventListener('mouseleave', function() {
-				isTooltipVisible = $('#mySlider').find('.tooltip.tooltip-main').hasClass('in');
+				isTooltipVisible = $('#mySlider').find('.tooltip.tooltip-main').hasClass('show');
 				expect(isTooltipVisible).toBe(true);
 				done();
 			});
@@ -294,7 +294,7 @@ describe("`ticks_tooltip: true` mouse navigation test cases", function() {
 
 					var tickCallback = function() {
 						// Check that tooltip shows
-						expect($tooltip.hasClass('in')).toBe(true);
+						expect($tooltip.hasClass('show')).toBe(true);
 
 						if (index === lastTickIndex) {
 							done();
@@ -314,7 +314,7 @@ describe("`ticks_tooltip: true` mouse navigation test cases", function() {
 
 					var tickCallback = function() {
 						// Check that tooltip shows
-						expect($tooltip.hasClass('in')).toBe(false);
+						expect($tooltip.hasClass('show')).toBe(false);
 
 						if (index === lastTickIndex) {
 							done();
@@ -442,4 +442,4 @@ describe("`ticks_tooltip: true` mouse navigation test cases", function() {
 			});
 		});
 	});
-});
+});