bootstrap-slider-rails 9.5.0 → 9.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d8fc17819c55619dcd8bcbc6165e3ffd6158243e
|
4
|
+
data.tar.gz: 0f999525ad250694cfa44aa6a93984a116a1b494
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: fdc81c9d58646bc7168727cb7bd3b406db1ca60a921f9de773d88ec2f680802856a1b7e0e68a000b2aac52e7d4024623a3041c127b2788732747ddd81cf4e918
|
7
|
+
data.tar.gz: 6a8038a9b6eb3fdf6cc196a622185ab1e3ceabcb2fde4f67ee5c82e0e41e534b27782c4fac33faf43196f090b1b9023ad34952b5132a4ae1b2047088cb4320ea
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*! =======================================================
|
2
|
-
VERSION 9.
|
2
|
+
VERSION 9.6.0
|
3
3
|
========================================================= */
|
4
4
|
"use strict";
|
5
5
|
|
6
|
-
function
|
6
|
+
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
|
7
7
|
|
8
8
|
/*! =========================================================
|
9
9
|
* bootstrap-slider.js
|
@@ -20,7 +20,7 @@ function _typeof(obj) { return obj && typeof Symbol !== "undefined" && obj.const
|
|
20
20
|
*
|
21
21
|
* bootstrap-slider is released under the MIT License
|
22
22
|
* Copyright (c) 2016 Kyle Kemp, Rohit Kalkur, and contributors
|
23
|
-
*
|
23
|
+
*
|
24
24
|
* Permission is hereby granted, free of charge, to any person
|
25
25
|
* obtaining a copy of this software and associated documentation
|
26
26
|
* files (the "Software"), to deal in the Software without
|
@@ -29,10 +29,10 @@ function _typeof(obj) { return obj && typeof Symbol !== "undefined" && obj.const
|
|
29
29
|
* copies of the Software, and to permit persons to whom the
|
30
30
|
* Software is furnished to do so, subject to the following
|
31
31
|
* conditions:
|
32
|
-
*
|
32
|
+
*
|
33
33
|
* The above copyright notice and this permission notice shall be
|
34
34
|
* included in all copies or substantial portions of the Software.
|
35
|
-
*
|
35
|
+
*
|
36
36
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
37
37
|
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
38
38
|
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
@@ -323,7 +323,7 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
323
323
|
/*************************************************
|
324
324
|
CONSTRUCTOR
|
325
325
|
**************************************************/
|
326
|
-
Slider = function (element, options) {
|
326
|
+
Slider = function Slider(element, options) {
|
327
327
|
createNewSlider.call(this, element, options);
|
328
328
|
return this;
|
329
329
|
};
|
@@ -377,15 +377,23 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
377
377
|
this.options[optName] = val;
|
378
378
|
}
|
379
379
|
|
380
|
+
// Check options.rtl
|
381
|
+
if (this.options.rtl === 'auto') {
|
382
|
+
this.options.rtl = window.getComputedStyle(this.element).direction === 'rtl';
|
383
|
+
}
|
384
|
+
|
380
385
|
/*
|
381
386
|
Validate `tooltip_position` against 'orientation`
|
382
387
|
- if `tooltip_position` is incompatible with orientation, swith it to a default compatible with specified `orientation`
|
383
|
-
-- default for "vertical" -> "right"
|
384
|
-
-- default for "horizontal" -> "
|
388
|
+
-- default for "vertical" -> "right", "left" if rtl
|
389
|
+
-- default for "horizontal" -> "top"
|
385
390
|
*/
|
386
391
|
if (this.options.orientation === "vertical" && (this.options.tooltip_position === "top" || this.options.tooltip_position === "bottom")) {
|
387
|
-
|
388
|
-
|
392
|
+
if (this.options.rtl) {
|
393
|
+
this.options.tooltip_position = "left";
|
394
|
+
} else {
|
395
|
+
this.options.tooltip_position = "right";
|
396
|
+
}
|
389
397
|
} else if (this.options.orientation === "horizontal" && (this.options.tooltip_position === "left" || this.options.tooltip_position === "right")) {
|
390
398
|
|
391
399
|
this.options.tooltip_position = "top";
|
@@ -602,12 +610,13 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
602
610
|
// Reset classes
|
603
611
|
this._removeClass(this.sliderElem, 'slider-horizontal');
|
604
612
|
this._removeClass(this.sliderElem, 'slider-vertical');
|
613
|
+
this._removeClass(this.sliderElem, 'slider-rtl');
|
605
614
|
this._removeClass(this.tooltip, 'hide');
|
606
615
|
this._removeClass(this.tooltip_min, 'hide');
|
607
616
|
this._removeClass(this.tooltip_max, 'hide');
|
608
617
|
|
609
618
|
// Undo existing inline styles for track
|
610
|
-
["left", "top", "width", "height"].forEach(function (prop) {
|
619
|
+
["left", "right", "top", "width", "height"].forEach(function (prop) {
|
611
620
|
this._removeProperty(this.trackLow, prop);
|
612
621
|
this._removeProperty(this.trackSelection, prop);
|
613
622
|
this._removeProperty(this.trackHigh, prop);
|
@@ -616,17 +625,21 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
616
625
|
// Undo inline styles on handles
|
617
626
|
[this.handle1, this.handle2].forEach(function (handle) {
|
618
627
|
this._removeProperty(handle, 'left');
|
628
|
+
this._removeProperty(handle, 'right');
|
619
629
|
this._removeProperty(handle, 'top');
|
620
630
|
}, this);
|
621
631
|
|
622
632
|
// Undo inline styles and classes on tooltips
|
623
633
|
[this.tooltip, this.tooltip_min, this.tooltip_max].forEach(function (tooltip) {
|
624
634
|
this._removeProperty(tooltip, 'left');
|
635
|
+
this._removeProperty(tooltip, 'right');
|
625
636
|
this._removeProperty(tooltip, 'top');
|
626
637
|
this._removeProperty(tooltip, 'margin-left');
|
638
|
+
this._removeProperty(tooltip, 'margin-right');
|
627
639
|
this._removeProperty(tooltip, 'margin-top');
|
628
640
|
|
629
641
|
this._removeClass(tooltip, 'right');
|
642
|
+
this._removeClass(tooltip, 'left');
|
630
643
|
this._removeClass(tooltip, 'top');
|
631
644
|
}, this);
|
632
645
|
}
|
@@ -640,10 +653,18 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
640
653
|
this._addClass(this.sliderElem, 'slider-horizontal');
|
641
654
|
this.sliderElem.style.width = origWidth;
|
642
655
|
this.options.orientation = 'horizontal';
|
643
|
-
this.
|
656
|
+
if (this.options.rtl) {
|
657
|
+
this.stylePos = 'right';
|
658
|
+
} else {
|
659
|
+
this.stylePos = 'left';
|
660
|
+
}
|
644
661
|
this.mousePos = 'pageX';
|
645
662
|
this.sizePos = 'offsetWidth';
|
646
663
|
}
|
664
|
+
// specific rtl class
|
665
|
+
if (this.options.rtl) {
|
666
|
+
this._addClass(this.sliderElem, 'slider-rtl');
|
667
|
+
}
|
647
668
|
this._setTooltipPosition();
|
648
669
|
/* In case ticks are specified, overwrite the min and max bounds */
|
649
670
|
if (Array.isArray(this.options.ticks) && this.options.ticks.length > 0) {
|
@@ -669,6 +690,10 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
669
690
|
this._addClass(this.trackLow, 'hide');
|
670
691
|
this._addClass(this.trackSelection, 'hide');
|
671
692
|
this._addClass(this.trackHigh, 'hide');
|
693
|
+
} else if (this.options.selection === 'after' || this.options.selection === 'before') {
|
694
|
+
this._removeClass(this.trackLow, 'hide');
|
695
|
+
this._removeClass(this.trackSelection, 'hide');
|
696
|
+
this._removeClass(this.trackHigh, 'hide');
|
672
697
|
}
|
673
698
|
|
674
699
|
this.handle1 = sliderMinHandle || this.handle1;
|
@@ -796,6 +821,7 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
796
821
|
tooltip_split: false,
|
797
822
|
handle: 'round',
|
798
823
|
reversed: false,
|
824
|
+
rtl: 'auto',
|
799
825
|
enabled: true,
|
800
826
|
formatter: function formatter(val) {
|
801
827
|
if (Array.isArray(val)) {
|
@@ -1074,11 +1100,11 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1074
1100
|
var positionPercentages = !tempState ? getPositionPercentages(this._state, this.options.reversed) : getPositionPercentages(tempState, this.options.reversed);
|
1075
1101
|
this._setText(this.tooltipInner, formattedTooltipVal);
|
1076
1102
|
|
1077
|
-
this.tooltip.style[this.stylePos] = positionPercentages[0] +
|
1103
|
+
this.tooltip.style[this.stylePos] = positionPercentages[0] + "%";
|
1078
1104
|
if (this.options.orientation === 'vertical') {
|
1079
|
-
this._css(this.tooltip,
|
1105
|
+
this._css(this.tooltip, "margin-" + this.stylePos, -this.tooltip.offsetHeight / 2 + "px");
|
1080
1106
|
} else {
|
1081
|
-
this._css(this.tooltip,
|
1107
|
+
this._css(this.tooltip, "margin-" + this.stylePos, -this.tooltip.offsetWidth / 2 + "px");
|
1082
1108
|
}
|
1083
1109
|
|
1084
1110
|
function getPositionPercentages(state, reversed) {
|
@@ -1121,13 +1147,13 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1121
1147
|
positionPercentages = [this._state.percentage[0], this._state.percentage[1]];
|
1122
1148
|
}
|
1123
1149
|
|
1124
|
-
this.handle1.style[this.stylePos] = positionPercentages[0] +
|
1150
|
+
this.handle1.style[this.stylePos] = positionPercentages[0] + "%";
|
1125
1151
|
this.handle1.setAttribute('aria-valuenow', this._state.value[0]);
|
1126
1152
|
if (isNaN(this.options.formatter(this._state.value[0]))) {
|
1127
1153
|
this.handle1.setAttribute('aria-valuetext', this.options.formatter(this._state.value[0]));
|
1128
1154
|
}
|
1129
1155
|
|
1130
|
-
this.handle2.style[this.stylePos] = positionPercentages[1] +
|
1156
|
+
this.handle2.style[this.stylePos] = positionPercentages[1] + "%";
|
1131
1157
|
this.handle2.setAttribute('aria-valuenow', this._state.value[1]);
|
1132
1158
|
if (isNaN(this.options.formatter(this._state.value[1]))) {
|
1133
1159
|
this.handle2.setAttribute('aria-valuetext', this.options.formatter(this._state.value[1]));
|
@@ -1152,7 +1178,11 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1152
1178
|
this.rangeHighlightElements[_i].style.top = currentRange.start + "%";
|
1153
1179
|
this.rangeHighlightElements[_i].style.height = currentRange.size + "%";
|
1154
1180
|
} else {
|
1155
|
-
this.
|
1181
|
+
if (this.options.rtl) {
|
1182
|
+
this.rangeHighlightElements[_i].style.right = currentRange.start + "%";
|
1183
|
+
} else {
|
1184
|
+
this.rangeHighlightElements[_i].style.left = currentRange.start + "%";
|
1185
|
+
}
|
1156
1186
|
this.rangeHighlightElements[_i].style.width = currentRange.size + "%";
|
1157
1187
|
}
|
1158
1188
|
} else {
|
@@ -1165,14 +1195,23 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1165
1195
|
if (Array.isArray(this.options.ticks) && this.options.ticks.length > 0) {
|
1166
1196
|
|
1167
1197
|
var styleSize = this.options.orientation === 'vertical' ? 'height' : 'width';
|
1168
|
-
var styleMargin
|
1198
|
+
var styleMargin;
|
1199
|
+
if (this.options.orientation === 'vertical') {
|
1200
|
+
styleMargin = 'marginTop';
|
1201
|
+
} else {
|
1202
|
+
if (this.options.rtl) {
|
1203
|
+
styleMargin = 'marginRight';
|
1204
|
+
} else {
|
1205
|
+
styleMargin = 'marginLeft';
|
1206
|
+
}
|
1207
|
+
}
|
1169
1208
|
var labelSize = this._state.size / (this.options.ticks.length - 1);
|
1170
1209
|
|
1171
1210
|
if (this.tickLabelContainer) {
|
1172
1211
|
var extraMargin = 0;
|
1173
1212
|
if (this.options.ticks_positions.length === 0) {
|
1174
1213
|
if (this.options.orientation !== 'vertical') {
|
1175
|
-
this.tickLabelContainer.style[styleMargin] = -labelSize / 2 +
|
1214
|
+
this.tickLabelContainer.style[styleMargin] = -labelSize / 2 + "px";
|
1176
1215
|
}
|
1177
1216
|
|
1178
1217
|
extraMargin = this.tickLabelContainer.offsetHeight;
|
@@ -1185,7 +1224,7 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1185
1224
|
}
|
1186
1225
|
}
|
1187
1226
|
if (this.options.orientation === 'horizontal') {
|
1188
|
-
this.sliderElem.style.marginBottom = extraMargin +
|
1227
|
+
this.sliderElem.style.marginBottom = extraMargin + "px";
|
1189
1228
|
}
|
1190
1229
|
}
|
1191
1230
|
for (var i = 0; i < this.options.ticks.length; i++) {
|
@@ -1196,7 +1235,7 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1196
1235
|
percentage = 100 - percentage;
|
1197
1236
|
}
|
1198
1237
|
|
1199
|
-
this.ticks[i].style[this.stylePos] = percentage +
|
1238
|
+
this.ticks[i].style[this.stylePos] = percentage + "%";
|
1200
1239
|
|
1201
1240
|
/* Set class labels to denote whether ticks are in the selection */
|
1202
1241
|
this._removeClass(this.ticks[i], 'in-selection');
|
@@ -1211,15 +1250,19 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1211
1250
|
}
|
1212
1251
|
|
1213
1252
|
if (this.tickLabels[i]) {
|
1214
|
-
this.tickLabels[i].style[styleSize] = labelSize +
|
1253
|
+
this.tickLabels[i].style[styleSize] = labelSize + "px";
|
1215
1254
|
|
1216
1255
|
if (this.options.orientation !== 'vertical' && this.options.ticks_positions[i] !== undefined) {
|
1217
1256
|
this.tickLabels[i].style.position = 'absolute';
|
1218
|
-
this.tickLabels[i].style[this.stylePos] = percentage +
|
1257
|
+
this.tickLabels[i].style[this.stylePos] = percentage + "%";
|
1219
1258
|
this.tickLabels[i].style[styleMargin] = -labelSize / 2 + 'px';
|
1220
1259
|
} else if (this.options.orientation === 'vertical') {
|
1221
|
-
|
1222
|
-
|
1260
|
+
if (this.options.rtl) {
|
1261
|
+
this.tickLabels[i].style['marginRight'] = this.sliderElem.offsetWidth + "px";
|
1262
|
+
} else {
|
1263
|
+
this.tickLabels[i].style['marginLeft'] = this.sliderElem.offsetWidth + "px";
|
1264
|
+
}
|
1265
|
+
this.tickLabelContainer.style[styleMargin] = this.sliderElem.offsetWidth / 2 * -1 + 'px';
|
1223
1266
|
}
|
1224
1267
|
}
|
1225
1268
|
}
|
@@ -1230,18 +1273,12 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1230
1273
|
if (this.options.range) {
|
1231
1274
|
formattedTooltipVal = this.options.formatter(this._state.value);
|
1232
1275
|
this._setText(this.tooltipInner, formattedTooltipVal);
|
1233
|
-
this.tooltip.style[this.stylePos] = (positionPercentages[1] + positionPercentages[0]) / 2 +
|
1276
|
+
this.tooltip.style[this.stylePos] = (positionPercentages[1] + positionPercentages[0]) / 2 + "%";
|
1234
1277
|
|
1235
1278
|
if (this.options.orientation === 'vertical') {
|
1236
|
-
this._css(this.tooltip,
|
1279
|
+
this._css(this.tooltip, "margin-" + this.stylePos, -this.tooltip.offsetHeight / 2 + "px");
|
1237
1280
|
} else {
|
1238
|
-
this._css(this.tooltip,
|
1239
|
-
}
|
1240
|
-
|
1241
|
-
if (this.options.orientation === 'vertical') {
|
1242
|
-
this._css(this.tooltip, 'margin-top', -this.tooltip.offsetHeight / 2 + 'px');
|
1243
|
-
} else {
|
1244
|
-
this._css(this.tooltip, 'margin-left', -this.tooltip.offsetWidth / 2 + 'px');
|
1281
|
+
this._css(this.tooltip, "margin-" + this.stylePos, -this.tooltip.offsetWidth / 2 + "px");
|
1245
1282
|
}
|
1246
1283
|
|
1247
1284
|
var innerTooltipMinText = this.options.formatter(this._state.value[0]);
|
@@ -1250,30 +1287,30 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1250
1287
|
var innerTooltipMaxText = this.options.formatter(this._state.value[1]);
|
1251
1288
|
this._setText(this.tooltipInner_max, innerTooltipMaxText);
|
1252
1289
|
|
1253
|
-
this.tooltip_min.style[this.stylePos] = positionPercentages[0] +
|
1290
|
+
this.tooltip_min.style[this.stylePos] = positionPercentages[0] + "%";
|
1254
1291
|
|
1255
1292
|
if (this.options.orientation === 'vertical') {
|
1256
|
-
this._css(this.tooltip_min,
|
1293
|
+
this._css(this.tooltip_min, "margin-" + this.stylePos, -this.tooltip_min.offsetHeight / 2 + "px");
|
1257
1294
|
} else {
|
1258
|
-
this._css(this.tooltip_min,
|
1295
|
+
this._css(this.tooltip_min, "margin-" + this.stylePos, -this.tooltip_min.offsetWidth / 2 + "px");
|
1259
1296
|
}
|
1260
1297
|
|
1261
|
-
this.tooltip_max.style[this.stylePos] = positionPercentages[1] +
|
1298
|
+
this.tooltip_max.style[this.stylePos] = positionPercentages[1] + "%";
|
1262
1299
|
|
1263
1300
|
if (this.options.orientation === 'vertical') {
|
1264
|
-
this._css(this.tooltip_max,
|
1301
|
+
this._css(this.tooltip_max, "margin-" + this.stylePos, -this.tooltip_max.offsetHeight / 2 + "px");
|
1265
1302
|
} else {
|
1266
|
-
this._css(this.tooltip_max,
|
1303
|
+
this._css(this.tooltip_max, "margin-" + this.stylePos, -this.tooltip_max.offsetWidth / 2 + "px");
|
1267
1304
|
}
|
1268
1305
|
} else {
|
1269
1306
|
formattedTooltipVal = this.options.formatter(this._state.value[0]);
|
1270
1307
|
this._setText(this.tooltipInner, formattedTooltipVal);
|
1271
1308
|
|
1272
|
-
this.tooltip.style[this.stylePos] = positionPercentages[0] +
|
1309
|
+
this.tooltip.style[this.stylePos] = positionPercentages[0] + "%";
|
1273
1310
|
if (this.options.orientation === 'vertical') {
|
1274
|
-
this._css(this.tooltip,
|
1311
|
+
this._css(this.tooltip, "margin-" + this.stylePos, -this.tooltip.offsetHeight / 2 + "px");
|
1275
1312
|
} else {
|
1276
|
-
this._css(this.tooltip,
|
1313
|
+
this._css(this.tooltip, "margin-" + this.stylePos, -this.tooltip.offsetWidth / 2 + "px");
|
1277
1314
|
}
|
1278
1315
|
}
|
1279
1316
|
|
@@ -1287,13 +1324,25 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1287
1324
|
this.trackHigh.style.bottom = '0';
|
1288
1325
|
this.trackHigh.style.height = 100 - Math.min(positionPercentages[0], positionPercentages[1]) - Math.abs(positionPercentages[0] - positionPercentages[1]) + '%';
|
1289
1326
|
} else {
|
1290
|
-
this.
|
1327
|
+
if (this.stylePos === 'right') {
|
1328
|
+
this.trackLow.style.right = '0';
|
1329
|
+
} else {
|
1330
|
+
this.trackLow.style.left = '0';
|
1331
|
+
}
|
1291
1332
|
this.trackLow.style.width = Math.min(positionPercentages[0], positionPercentages[1]) + '%';
|
1292
1333
|
|
1293
|
-
this.
|
1334
|
+
if (this.stylePos === 'right') {
|
1335
|
+
this.trackSelection.style.right = Math.min(positionPercentages[0], positionPercentages[1]) + '%';
|
1336
|
+
} else {
|
1337
|
+
this.trackSelection.style.left = Math.min(positionPercentages[0], positionPercentages[1]) + '%';
|
1338
|
+
}
|
1294
1339
|
this.trackSelection.style.width = Math.abs(positionPercentages[0] - positionPercentages[1]) + '%';
|
1295
1340
|
|
1296
|
-
this.
|
1341
|
+
if (this.stylePos === 'right') {
|
1342
|
+
this.trackHigh.style.left = '0';
|
1343
|
+
} else {
|
1344
|
+
this.trackHigh.style.right = '0';
|
1345
|
+
}
|
1297
1346
|
this.trackHigh.style.width = 100 - Math.min(positionPercentages[0], positionPercentages[1]) - Math.abs(positionPercentages[0] - positionPercentages[1]) + '%';
|
1298
1347
|
|
1299
1348
|
var offset_min = this.tooltip_min.getBoundingClientRect();
|
@@ -1407,7 +1456,7 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1407
1456
|
this._setDataVal(newValue);
|
1408
1457
|
this.setValue(newValue, false, true);
|
1409
1458
|
|
1410
|
-
|
1459
|
+
ev.returnValue = false;
|
1411
1460
|
|
1412
1461
|
if (this.options.focus) {
|
1413
1462
|
this._triggerFocusOnHandle(this._state.dragged);
|
@@ -1458,7 +1507,7 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1458
1507
|
// use natural arrow keys instead of from min to max
|
1459
1508
|
if (this.options.natural_arrow_keys) {
|
1460
1509
|
var ifVerticalAndNotReversed = this.options.orientation === 'vertical' && !this.options.reversed;
|
1461
|
-
var ifHorizontalAndReversed = this.options.orientation === 'horizontal' && this.options.reversed;
|
1510
|
+
var ifHorizontalAndReversed = this.options.orientation === 'horizontal' && this.options.reversed; // @todo control with rtl
|
1462
1511
|
|
1463
1512
|
if (ifVerticalAndNotReversed || ifHorizontalAndReversed) {
|
1464
1513
|
dir = -dir;
|
@@ -1627,6 +1676,9 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1627
1676
|
var eventPosition = ev[this.mousePos];
|
1628
1677
|
var sliderOffset = this._state.offset[this.stylePos];
|
1629
1678
|
var distanceToSlide = eventPosition - sliderOffset;
|
1679
|
+
if (this.stylePos === 'right') {
|
1680
|
+
distanceToSlide = -distanceToSlide;
|
1681
|
+
}
|
1630
1682
|
// Calculate what percent of the length the slider handle has slid
|
1631
1683
|
var percentage = distanceToSlide / this._state.size * 100;
|
1632
1684
|
percentage = Math.round(percentage / this._state.percentage[2]) * this._state.percentage[2];
|
@@ -1728,6 +1780,9 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1728
1780
|
_offsetLeft: function _offsetLeft(obj) {
|
1729
1781
|
return obj.getBoundingClientRect().left;
|
1730
1782
|
},
|
1783
|
+
_offsetRight: function _offsetRight(obj) {
|
1784
|
+
return obj.getBoundingClientRect().right;
|
1785
|
+
},
|
1731
1786
|
_offsetTop: function _offsetTop(obj) {
|
1732
1787
|
var offsetTop = obj.offsetTop;
|
1733
1788
|
while ((obj = obj.offsetParent) && !isNaN(obj.offsetTop)) {
|
@@ -1741,6 +1796,7 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1741
1796
|
_offset: function _offset(obj) {
|
1742
1797
|
return {
|
1743
1798
|
left: this._offsetLeft(obj),
|
1799
|
+
right: this._offsetRight(obj),
|
1744
1800
|
top: this._offsetTop(obj)
|
1745
1801
|
};
|
1746
1802
|
},
|
@@ -1763,22 +1819,31 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1763
1819
|
_setTooltipPosition: function _setTooltipPosition() {
|
1764
1820
|
var tooltips = [this.tooltip, this.tooltip_min, this.tooltip_max];
|
1765
1821
|
if (this.options.orientation === 'vertical') {
|
1766
|
-
var tooltipPos
|
1822
|
+
var tooltipPos;
|
1823
|
+
if (this.options.tooltip_position) {
|
1824
|
+
tooltipPos = this.options.tooltip_position;
|
1825
|
+
} else {
|
1826
|
+
if (this.options.rtl) {
|
1827
|
+
tooltipPos = 'left';
|
1828
|
+
} else {
|
1829
|
+
tooltipPos = 'right';
|
1830
|
+
}
|
1831
|
+
}
|
1767
1832
|
var oppositeSide = tooltipPos === 'left' ? 'right' : 'left';
|
1768
|
-
tooltips.forEach(
|
1833
|
+
tooltips.forEach(function (tooltip) {
|
1769
1834
|
this._addClass(tooltip, tooltipPos);
|
1770
1835
|
tooltip.style[oppositeSide] = '100%';
|
1771
|
-
}
|
1836
|
+
}.bind(this));
|
1772
1837
|
} else if (this.options.tooltip_position === 'bottom') {
|
1773
|
-
tooltips.forEach(
|
1838
|
+
tooltips.forEach(function (tooltip) {
|
1774
1839
|
this._addClass(tooltip, 'bottom');
|
1775
1840
|
tooltip.style.top = 22 + 'px';
|
1776
|
-
}
|
1841
|
+
}.bind(this));
|
1777
1842
|
} else {
|
1778
|
-
tooltips.forEach(
|
1843
|
+
tooltips.forEach(function (tooltip) {
|
1779
1844
|
this._addClass(tooltip, 'top');
|
1780
1845
|
tooltip.style.top = -this.tooltip.outerHeight - 14 + 'px';
|
1781
|
-
}
|
1846
|
+
}.bind(this));
|
1782
1847
|
}
|
1783
1848
|
}
|
1784
1849
|
};
|
@@ -1788,7 +1853,7 @@ var windowIsDefined = (typeof window === "undefined" ? "undefined" : _typeof(win
|
|
1788
1853
|
*********************************/
|
1789
1854
|
if ($) {
|
1790
1855
|
(function () {
|
1791
|
-
var autoRegisterNamespace =
|
1856
|
+
var autoRegisterNamespace = void 0;
|
1792
1857
|
|
1793
1858
|
if (!$.fn.slider) {
|
1794
1859
|
$.bridget(NAMESPACE_MAIN, Slider);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*! =======================================================
|
2
|
-
VERSION 9.
|
2
|
+
VERSION 9.6.0
|
3
3
|
========================================================= */
|
4
4
|
/*! =========================================================
|
5
5
|
* bootstrap-slider.js
|
@@ -93,6 +93,19 @@
|
|
93
93
|
display: inline-block;
|
94
94
|
text-align: center;
|
95
95
|
}
|
96
|
+
.slider.slider-horizontal.slider-rtl .slider-track {
|
97
|
+
left: initial;
|
98
|
+
right: 0;
|
99
|
+
}
|
100
|
+
.slider.slider-horizontal.slider-rtl .slider-tick,
|
101
|
+
.slider.slider-horizontal.slider-rtl .slider-handle {
|
102
|
+
margin-left: initial;
|
103
|
+
margin-right: -10px;
|
104
|
+
}
|
105
|
+
.slider.slider-horizontal.slider-rtl .slider-tick-container {
|
106
|
+
left: initial;
|
107
|
+
right: 0;
|
108
|
+
}
|
96
109
|
.slider.slider-vertical {
|
97
110
|
height: 210px;
|
98
111
|
width: 20px;
|
@@ -125,7 +138,9 @@
|
|
125
138
|
width: 1px;
|
126
139
|
height: 1px;
|
127
140
|
border-left-color: #0480be;
|
141
|
+
border-right-color: #0480be;
|
128
142
|
margin-left: 0;
|
143
|
+
margin-right: 0;
|
129
144
|
}
|
130
145
|
.slider.slider-vertical .slider-tick-label-container {
|
131
146
|
white-space: nowrap;
|
@@ -133,6 +148,22 @@
|
|
133
148
|
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
|
134
149
|
padding-left: 4px;
|
135
150
|
}
|
151
|
+
.slider.slider-vertical.slider-rtl .slider-track {
|
152
|
+
left: initial;
|
153
|
+
right: 25%;
|
154
|
+
}
|
155
|
+
.slider.slider-vertical.slider-rtl .slider-selection {
|
156
|
+
left: initial;
|
157
|
+
right: 0;
|
158
|
+
}
|
159
|
+
.slider.slider-vertical.slider-rtl .slider-tick.triangle,
|
160
|
+
.slider.slider-vertical.slider-rtl .slider-handle.triangle {
|
161
|
+
border-width: 10px 10px 10px 0;
|
162
|
+
}
|
163
|
+
.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
|
164
|
+
padding-left: initial;
|
165
|
+
padding-right: 4px;
|
166
|
+
}
|
136
167
|
.slider.slider-disabled .slider-handle {
|
137
168
|
background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
|
138
169
|
background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%);
|