bootstrap 4.3.1 → 4.5.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.
Potentially problematic release.
This version of bootstrap might be problematic. Click here for more details.
- checksums.yaml +4 -4
- data/.travis.yml +15 -1
- data/CHANGELOG.md +2 -14
- data/README.md +1 -1
- data/assets/javascripts/bootstrap/alert.js +26 -35
- data/assets/javascripts/bootstrap/button.js +93 -52
- data/assets/javascripts/bootstrap/carousel.js +122 -120
- data/assets/javascripts/bootstrap/collapse.js +75 -71
- data/assets/javascripts/bootstrap/dropdown.js +143 -140
- data/assets/javascripts/bootstrap/modal.js +165 -134
- data/assets/javascripts/bootstrap/popover.js +47 -39
- data/assets/javascripts/bootstrap/scrollspy.js +71 -71
- data/assets/javascripts/bootstrap/tab.js +51 -60
- data/assets/javascripts/bootstrap/toast.js +84 -72
- data/assets/javascripts/bootstrap/tooltip.js +141 -131
- data/assets/javascripts/bootstrap/util.js +28 -7
- data/assets/javascripts/bootstrap-sprockets.js +6 -6
- data/assets/javascripts/bootstrap.js +811 -826
- data/assets/javascripts/bootstrap.min.js +3 -3
- data/assets/stylesheets/_bootstrap-grid.scss +3 -3
- data/assets/stylesheets/_bootstrap-reboot.scss +3 -3
- data/assets/stylesheets/_bootstrap.scss +3 -3
- data/assets/stylesheets/bootstrap/_badge.scss +1 -1
- data/assets/stylesheets/bootstrap/_breadcrumb.scss +4 -1
- data/assets/stylesheets/bootstrap/_button-group.scss +1 -1
- data/assets/stylesheets/bootstrap/_buttons.scss +13 -8
- data/assets/stylesheets/bootstrap/_card.scss +28 -35
- data/assets/stylesheets/bootstrap/_carousel.scss +6 -6
- data/assets/stylesheets/bootstrap/_close.scss +2 -3
- data/assets/stylesheets/bootstrap/_code.scss +1 -1
- data/assets/stylesheets/bootstrap/_custom-forms.scss +24 -9
- data/assets/stylesheets/bootstrap/_dropdown.scss +5 -4
- data/assets/stylesheets/bootstrap/_forms.scss +26 -9
- data/assets/stylesheets/bootstrap/_functions.scss +60 -5
- data/assets/stylesheets/bootstrap/_grid.scss +33 -8
- data/assets/stylesheets/bootstrap/_images.scss +2 -2
- data/assets/stylesheets/bootstrap/_input-group.scss +1 -2
- data/assets/stylesheets/bootstrap/_list-group.scss +36 -31
- data/assets/stylesheets/bootstrap/_mixins.scss +3 -3
- data/assets/stylesheets/bootstrap/_modal.scss +28 -16
- data/assets/stylesheets/bootstrap/_nav.scss +4 -3
- data/assets/stylesheets/bootstrap/_navbar.scss +45 -15
- data/assets/stylesheets/bootstrap/_pagination.scss +3 -2
- data/assets/stylesheets/bootstrap/_popover.scss +8 -9
- data/assets/stylesheets/bootstrap/_print.scss +2 -2
- data/assets/stylesheets/bootstrap/_progress.scss +6 -2
- data/assets/stylesheets/bootstrap/_reboot.scss +24 -27
- data/assets/stylesheets/bootstrap/_root.scss +1 -0
- data/assets/stylesheets/bootstrap/_spinners.scss +1 -0
- data/assets/stylesheets/bootstrap/_tables.scss +3 -3
- data/assets/stylesheets/bootstrap/_type.scss +2 -2
- data/assets/stylesheets/bootstrap/_utilities.scss +2 -1
- data/assets/stylesheets/bootstrap/_variables.scss +46 -22
- data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +5 -3
- data/assets/stylesheets/bootstrap/mixins/_badge.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +26 -13
- data/assets/stylesheets/bootstrap/mixins/_buttons.scss +11 -8
- data/assets/stylesheets/bootstrap/mixins/_caret.scss +8 -8
- data/assets/stylesheets/bootstrap/mixins/_float.scss +3 -3
- data/assets/stylesheets/bootstrap/mixins/_forms.scss +34 -49
- data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +30 -15
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +18 -0
- data/assets/stylesheets/bootstrap/mixins/_hover.scss +4 -4
- data/assets/stylesheets/bootstrap/mixins/_image.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_list-group.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_lists.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +2 -1
- data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +3 -2
- data/assets/stylesheets/bootstrap/mixins/_table-row.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +3 -2
- data/assets/stylesheets/bootstrap/mixins/_transition.scss +17 -7
- data/assets/stylesheets/bootstrap/utilities/_background.scss +2 -2
- data/assets/stylesheets/bootstrap/utilities/_interactions.scss +5 -0
- data/assets/stylesheets/bootstrap/utilities/_text.scss +3 -4
- data/bootstrap.gemspec +1 -1
- data/lib/bootstrap/version.rb +2 -2
- data/tasks/updater/network.rb +2 -2
- data/test/dummy_rails/app/assets/config/manifest.js +3 -0
- data/test/dummy_rails/app/assets/stylesheets/.browserslistrc +1 -0
- data/test/gemfiles/rails_6_0.gemfile +7 -0
- data/test/support/dummy_rails_integration.rb +3 -1
- data/test/test_helper.rb +18 -13
- metadata +11 -5
@@ -1,16 +1,16 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap carousel.js v4.
|
3
|
-
* Copyright 2011-
|
2
|
+
* Bootstrap carousel.js v4.5.0 (https://getbootstrap.com/)
|
3
|
+
* Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
|
4
4
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
5
5
|
*/
|
6
6
|
(function (global, factory) {
|
7
7
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('jquery'), require('./util.js')) :
|
8
8
|
typeof define === 'function' && define.amd ? define(['jquery', './util.js'], factory) :
|
9
9
|
(global = global || self, global.Carousel = factory(global.jQuery, global.Util));
|
10
|
-
}(this, function ($, Util) { 'use strict';
|
10
|
+
}(this, (function ($, Util) { 'use strict';
|
11
11
|
|
12
|
-
$ = $ &&
|
13
|
-
Util = Util &&
|
12
|
+
$ = $ && Object.prototype.hasOwnProperty.call($, 'default') ? $['default'] : $;
|
13
|
+
Util = Util && Object.prototype.hasOwnProperty.call(Util, 'default') ? Util['default'] : Util;
|
14
14
|
|
15
15
|
function _defineProperties(target, props) {
|
16
16
|
for (var i = 0; i < props.length; i++) {
|
@@ -43,20 +43,35 @@
|
|
43
43
|
return obj;
|
44
44
|
}
|
45
45
|
|
46
|
-
function
|
46
|
+
function ownKeys(object, enumerableOnly) {
|
47
|
+
var keys = Object.keys(object);
|
48
|
+
|
49
|
+
if (Object.getOwnPropertySymbols) {
|
50
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
51
|
+
if (enumerableOnly) symbols = symbols.filter(function (sym) {
|
52
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
53
|
+
});
|
54
|
+
keys.push.apply(keys, symbols);
|
55
|
+
}
|
56
|
+
|
57
|
+
return keys;
|
58
|
+
}
|
59
|
+
|
60
|
+
function _objectSpread2(target) {
|
47
61
|
for (var i = 1; i < arguments.length; i++) {
|
48
62
|
var source = arguments[i] != null ? arguments[i] : {};
|
49
|
-
var ownKeys = Object.keys(source);
|
50
63
|
|
51
|
-
if (
|
52
|
-
ownKeys
|
53
|
-
|
54
|
-
})
|
64
|
+
if (i % 2) {
|
65
|
+
ownKeys(Object(source), true).forEach(function (key) {
|
66
|
+
_defineProperty(target, key, source[key]);
|
67
|
+
});
|
68
|
+
} else if (Object.getOwnPropertyDescriptors) {
|
69
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
70
|
+
} else {
|
71
|
+
ownKeys(Object(source)).forEach(function (key) {
|
72
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
73
|
+
});
|
55
74
|
}
|
56
|
-
|
57
|
-
ownKeys.forEach(function (key) {
|
58
|
-
_defineProperty(target, key, source[key]);
|
59
|
-
});
|
60
75
|
}
|
61
76
|
|
62
77
|
return target;
|
@@ -69,7 +84,7 @@
|
|
69
84
|
*/
|
70
85
|
|
71
86
|
var NAME = 'carousel';
|
72
|
-
var VERSION = '4.
|
87
|
+
var VERSION = '4.5.0';
|
73
88
|
var DATA_KEY = 'bs.carousel';
|
74
89
|
var EVENT_KEY = "." + DATA_KEY;
|
75
90
|
var DATA_API_KEY = '.data-api';
|
@@ -97,62 +112,50 @@
|
|
97
112
|
wrap: 'boolean',
|
98
113
|
touch: 'boolean'
|
99
114
|
};
|
100
|
-
var
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
var
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
var
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
var
|
133
|
-
ACTIVE: '.active',
|
134
|
-
ACTIVE_ITEM: '.active.carousel-item',
|
135
|
-
ITEM: '.carousel-item',
|
136
|
-
ITEM_IMG: '.carousel-item img',
|
137
|
-
NEXT_PREV: '.carousel-item-next, .carousel-item-prev',
|
138
|
-
INDICATORS: '.carousel-indicators',
|
139
|
-
DATA_SLIDE: '[data-slide], [data-slide-to]',
|
140
|
-
DATA_RIDE: '[data-ride="carousel"]'
|
141
|
-
};
|
115
|
+
var DIRECTION_NEXT = 'next';
|
116
|
+
var DIRECTION_PREV = 'prev';
|
117
|
+
var DIRECTION_LEFT = 'left';
|
118
|
+
var DIRECTION_RIGHT = 'right';
|
119
|
+
var EVENT_SLIDE = "slide" + EVENT_KEY;
|
120
|
+
var EVENT_SLID = "slid" + EVENT_KEY;
|
121
|
+
var EVENT_KEYDOWN = "keydown" + EVENT_KEY;
|
122
|
+
var EVENT_MOUSEENTER = "mouseenter" + EVENT_KEY;
|
123
|
+
var EVENT_MOUSELEAVE = "mouseleave" + EVENT_KEY;
|
124
|
+
var EVENT_TOUCHSTART = "touchstart" + EVENT_KEY;
|
125
|
+
var EVENT_TOUCHMOVE = "touchmove" + EVENT_KEY;
|
126
|
+
var EVENT_TOUCHEND = "touchend" + EVENT_KEY;
|
127
|
+
var EVENT_POINTERDOWN = "pointerdown" + EVENT_KEY;
|
128
|
+
var EVENT_POINTERUP = "pointerup" + EVENT_KEY;
|
129
|
+
var EVENT_DRAG_START = "dragstart" + EVENT_KEY;
|
130
|
+
var EVENT_LOAD_DATA_API = "load" + EVENT_KEY + DATA_API_KEY;
|
131
|
+
var EVENT_CLICK_DATA_API = "click" + EVENT_KEY + DATA_API_KEY;
|
132
|
+
var CLASS_NAME_CAROUSEL = 'carousel';
|
133
|
+
var CLASS_NAME_ACTIVE = 'active';
|
134
|
+
var CLASS_NAME_SLIDE = 'slide';
|
135
|
+
var CLASS_NAME_RIGHT = 'carousel-item-right';
|
136
|
+
var CLASS_NAME_LEFT = 'carousel-item-left';
|
137
|
+
var CLASS_NAME_NEXT = 'carousel-item-next';
|
138
|
+
var CLASS_NAME_PREV = 'carousel-item-prev';
|
139
|
+
var CLASS_NAME_POINTER_EVENT = 'pointer-event';
|
140
|
+
var SELECTOR_ACTIVE = '.active';
|
141
|
+
var SELECTOR_ACTIVE_ITEM = '.active.carousel-item';
|
142
|
+
var SELECTOR_ITEM = '.carousel-item';
|
143
|
+
var SELECTOR_ITEM_IMG = '.carousel-item img';
|
144
|
+
var SELECTOR_NEXT_PREV = '.carousel-item-next, .carousel-item-prev';
|
145
|
+
var SELECTOR_INDICATORS = '.carousel-indicators';
|
146
|
+
var SELECTOR_DATA_SLIDE = '[data-slide], [data-slide-to]';
|
147
|
+
var SELECTOR_DATA_RIDE = '[data-ride="carousel"]';
|
142
148
|
var PointerType = {
|
143
149
|
TOUCH: 'touch',
|
144
150
|
PEN: 'pen'
|
145
|
-
/**
|
146
|
-
* ------------------------------------------------------------------------
|
147
|
-
* Class Definition
|
148
|
-
* ------------------------------------------------------------------------
|
149
|
-
*/
|
150
|
-
|
151
151
|
};
|
152
|
+
/**
|
153
|
+
* ------------------------------------------------------------------------
|
154
|
+
* Class Definition
|
155
|
+
* ------------------------------------------------------------------------
|
156
|
+
*/
|
152
157
|
|
153
|
-
var Carousel =
|
154
|
-
/*#__PURE__*/
|
155
|
-
function () {
|
158
|
+
var Carousel = /*#__PURE__*/function () {
|
156
159
|
function Carousel(element, config) {
|
157
160
|
this._items = null;
|
158
161
|
this._interval = null;
|
@@ -164,7 +167,7 @@
|
|
164
167
|
this.touchDeltaX = 0;
|
165
168
|
this._config = this._getConfig(config);
|
166
169
|
this._element = element;
|
167
|
-
this._indicatorsElement = this._element.querySelector(
|
170
|
+
this._indicatorsElement = this._element.querySelector(SELECTOR_INDICATORS);
|
168
171
|
this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;
|
169
172
|
this._pointerEvent = Boolean(window.PointerEvent || window.MSPointerEvent);
|
170
173
|
|
@@ -177,7 +180,7 @@
|
|
177
180
|
// Public
|
178
181
|
_proto.next = function next() {
|
179
182
|
if (!this._isSliding) {
|
180
|
-
this._slide(
|
183
|
+
this._slide(DIRECTION_NEXT);
|
181
184
|
}
|
182
185
|
};
|
183
186
|
|
@@ -191,7 +194,7 @@
|
|
191
194
|
|
192
195
|
_proto.prev = function prev() {
|
193
196
|
if (!this._isSliding) {
|
194
|
-
this._slide(
|
197
|
+
this._slide(DIRECTION_PREV);
|
195
198
|
}
|
196
199
|
};
|
197
200
|
|
@@ -200,7 +203,7 @@
|
|
200
203
|
this._isPaused = true;
|
201
204
|
}
|
202
205
|
|
203
|
-
if (this._element.querySelector(
|
206
|
+
if (this._element.querySelector(SELECTOR_NEXT_PREV)) {
|
204
207
|
Util.triggerTransitionEnd(this._element);
|
205
208
|
this.cycle(true);
|
206
209
|
}
|
@@ -227,7 +230,7 @@
|
|
227
230
|
_proto.to = function to(index) {
|
228
231
|
var _this = this;
|
229
232
|
|
230
|
-
this._activeElement = this._element.querySelector(
|
233
|
+
this._activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM);
|
231
234
|
|
232
235
|
var activeIndex = this._getItemIndex(this._activeElement);
|
233
236
|
|
@@ -236,7 +239,7 @@
|
|
236
239
|
}
|
237
240
|
|
238
241
|
if (this._isSliding) {
|
239
|
-
$(this._element).one(
|
242
|
+
$(this._element).one(EVENT_SLID, function () {
|
240
243
|
return _this.to(index);
|
241
244
|
});
|
242
245
|
return;
|
@@ -248,7 +251,7 @@
|
|
248
251
|
return;
|
249
252
|
}
|
250
253
|
|
251
|
-
var direction = index > activeIndex ?
|
254
|
+
var direction = index > activeIndex ? DIRECTION_NEXT : DIRECTION_PREV;
|
252
255
|
|
253
256
|
this._slide(direction, this._items[index]);
|
254
257
|
};
|
@@ -268,7 +271,7 @@
|
|
268
271
|
;
|
269
272
|
|
270
273
|
_proto._getConfig = function _getConfig(config) {
|
271
|
-
config =
|
274
|
+
config = _objectSpread2(_objectSpread2({}, Default), config);
|
272
275
|
Util.typeCheckConfig(NAME, config, DefaultType);
|
273
276
|
return config;
|
274
277
|
};
|
@@ -280,7 +283,8 @@
|
|
280
283
|
return;
|
281
284
|
}
|
282
285
|
|
283
|
-
var direction = absDeltax / this.touchDeltaX;
|
286
|
+
var direction = absDeltax / this.touchDeltaX;
|
287
|
+
this.touchDeltaX = 0; // swipe left
|
284
288
|
|
285
289
|
if (direction > 0) {
|
286
290
|
this.prev();
|
@@ -296,15 +300,15 @@
|
|
296
300
|
var _this2 = this;
|
297
301
|
|
298
302
|
if (this._config.keyboard) {
|
299
|
-
$(this._element).on(
|
303
|
+
$(this._element).on(EVENT_KEYDOWN, function (event) {
|
300
304
|
return _this2._keydown(event);
|
301
305
|
});
|
302
306
|
}
|
303
307
|
|
304
308
|
if (this._config.pause === 'hover') {
|
305
|
-
$(this._element).on(
|
309
|
+
$(this._element).on(EVENT_MOUSEENTER, function (event) {
|
306
310
|
return _this2.pause(event);
|
307
|
-
}).on(
|
311
|
+
}).on(EVENT_MOUSELEAVE, function (event) {
|
308
312
|
return _this2.cycle(event);
|
309
313
|
});
|
310
314
|
}
|
@@ -365,27 +369,27 @@
|
|
365
369
|
}
|
366
370
|
};
|
367
371
|
|
368
|
-
$(this._element.querySelectorAll(
|
372
|
+
$(this._element.querySelectorAll(SELECTOR_ITEM_IMG)).on(EVENT_DRAG_START, function (e) {
|
369
373
|
return e.preventDefault();
|
370
374
|
});
|
371
375
|
|
372
376
|
if (this._pointerEvent) {
|
373
|
-
$(this._element).on(
|
377
|
+
$(this._element).on(EVENT_POINTERDOWN, function (event) {
|
374
378
|
return start(event);
|
375
379
|
});
|
376
|
-
$(this._element).on(
|
380
|
+
$(this._element).on(EVENT_POINTERUP, function (event) {
|
377
381
|
return end(event);
|
378
382
|
});
|
379
383
|
|
380
|
-
this._element.classList.add(
|
384
|
+
this._element.classList.add(CLASS_NAME_POINTER_EVENT);
|
381
385
|
} else {
|
382
|
-
$(this._element).on(
|
386
|
+
$(this._element).on(EVENT_TOUCHSTART, function (event) {
|
383
387
|
return start(event);
|
384
388
|
});
|
385
|
-
$(this._element).on(
|
389
|
+
$(this._element).on(EVENT_TOUCHMOVE, function (event) {
|
386
390
|
return move(event);
|
387
391
|
});
|
388
|
-
$(this._element).on(
|
392
|
+
$(this._element).on(EVENT_TOUCHEND, function (event) {
|
389
393
|
return end(event);
|
390
394
|
});
|
391
395
|
}
|
@@ -406,19 +410,17 @@
|
|
406
410
|
event.preventDefault();
|
407
411
|
this.next();
|
408
412
|
break;
|
409
|
-
|
410
|
-
default:
|
411
413
|
}
|
412
414
|
};
|
413
415
|
|
414
416
|
_proto._getItemIndex = function _getItemIndex(element) {
|
415
|
-
this._items = element && element.parentNode ? [].slice.call(element.parentNode.querySelectorAll(
|
417
|
+
this._items = element && element.parentNode ? [].slice.call(element.parentNode.querySelectorAll(SELECTOR_ITEM)) : [];
|
416
418
|
return this._items.indexOf(element);
|
417
419
|
};
|
418
420
|
|
419
421
|
_proto._getItemByDirection = function _getItemByDirection(direction, activeElement) {
|
420
|
-
var isNextDirection = direction ===
|
421
|
-
var isPrevDirection = direction ===
|
422
|
+
var isNextDirection = direction === DIRECTION_NEXT;
|
423
|
+
var isPrevDirection = direction === DIRECTION_PREV;
|
422
424
|
|
423
425
|
var activeIndex = this._getItemIndex(activeElement);
|
424
426
|
|
@@ -429,7 +431,7 @@
|
|
429
431
|
return activeElement;
|
430
432
|
}
|
431
433
|
|
432
|
-
var delta = direction ===
|
434
|
+
var delta = direction === DIRECTION_PREV ? -1 : 1;
|
433
435
|
var itemIndex = (activeIndex + delta) % this._items.length;
|
434
436
|
return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex];
|
435
437
|
};
|
@@ -437,9 +439,9 @@
|
|
437
439
|
_proto._triggerSlideEvent = function _triggerSlideEvent(relatedTarget, eventDirectionName) {
|
438
440
|
var targetIndex = this._getItemIndex(relatedTarget);
|
439
441
|
|
440
|
-
var fromIndex = this._getItemIndex(this._element.querySelector(
|
442
|
+
var fromIndex = this._getItemIndex(this._element.querySelector(SELECTOR_ACTIVE_ITEM));
|
441
443
|
|
442
|
-
var slideEvent = $.Event(
|
444
|
+
var slideEvent = $.Event(EVENT_SLIDE, {
|
443
445
|
relatedTarget: relatedTarget,
|
444
446
|
direction: eventDirectionName,
|
445
447
|
from: fromIndex,
|
@@ -451,13 +453,13 @@
|
|
451
453
|
|
452
454
|
_proto._setActiveIndicatorElement = function _setActiveIndicatorElement(element) {
|
453
455
|
if (this._indicatorsElement) {
|
454
|
-
var indicators = [].slice.call(this._indicatorsElement.querySelectorAll(
|
455
|
-
$(indicators).removeClass(
|
456
|
+
var indicators = [].slice.call(this._indicatorsElement.querySelectorAll(SELECTOR_ACTIVE));
|
457
|
+
$(indicators).removeClass(CLASS_NAME_ACTIVE);
|
456
458
|
|
457
459
|
var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)];
|
458
460
|
|
459
461
|
if (nextIndicator) {
|
460
|
-
$(nextIndicator).addClass(
|
462
|
+
$(nextIndicator).addClass(CLASS_NAME_ACTIVE);
|
461
463
|
}
|
462
464
|
}
|
463
465
|
};
|
@@ -465,7 +467,7 @@
|
|
465
467
|
_proto._slide = function _slide(direction, element) {
|
466
468
|
var _this4 = this;
|
467
469
|
|
468
|
-
var activeElement = this._element.querySelector(
|
470
|
+
var activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM);
|
469
471
|
|
470
472
|
var activeElementIndex = this._getItemIndex(activeElement);
|
471
473
|
|
@@ -478,17 +480,17 @@
|
|
478
480
|
var orderClassName;
|
479
481
|
var eventDirectionName;
|
480
482
|
|
481
|
-
if (direction ===
|
482
|
-
directionalClassName =
|
483
|
-
orderClassName =
|
484
|
-
eventDirectionName =
|
483
|
+
if (direction === DIRECTION_NEXT) {
|
484
|
+
directionalClassName = CLASS_NAME_LEFT;
|
485
|
+
orderClassName = CLASS_NAME_NEXT;
|
486
|
+
eventDirectionName = DIRECTION_LEFT;
|
485
487
|
} else {
|
486
|
-
directionalClassName =
|
487
|
-
orderClassName =
|
488
|
-
eventDirectionName =
|
488
|
+
directionalClassName = CLASS_NAME_RIGHT;
|
489
|
+
orderClassName = CLASS_NAME_PREV;
|
490
|
+
eventDirectionName = DIRECTION_RIGHT;
|
489
491
|
}
|
490
492
|
|
491
|
-
if (nextElement && $(nextElement).hasClass(
|
493
|
+
if (nextElement && $(nextElement).hasClass(CLASS_NAME_ACTIVE)) {
|
492
494
|
this._isSliding = false;
|
493
495
|
return;
|
494
496
|
}
|
@@ -512,14 +514,14 @@
|
|
512
514
|
|
513
515
|
this._setActiveIndicatorElement(nextElement);
|
514
516
|
|
515
|
-
var slidEvent = $.Event(
|
517
|
+
var slidEvent = $.Event(EVENT_SLID, {
|
516
518
|
relatedTarget: nextElement,
|
517
519
|
direction: eventDirectionName,
|
518
520
|
from: activeElementIndex,
|
519
521
|
to: nextElementIndex
|
520
522
|
});
|
521
523
|
|
522
|
-
if ($(this._element).hasClass(
|
524
|
+
if ($(this._element).hasClass(CLASS_NAME_SLIDE)) {
|
523
525
|
$(nextElement).addClass(orderClassName);
|
524
526
|
Util.reflow(nextElement);
|
525
527
|
$(activeElement).addClass(directionalClassName);
|
@@ -535,16 +537,16 @@
|
|
535
537
|
|
536
538
|
var transitionDuration = Util.getTransitionDurationFromElement(activeElement);
|
537
539
|
$(activeElement).one(Util.TRANSITION_END, function () {
|
538
|
-
$(nextElement).removeClass(directionalClassName + " " + orderClassName).addClass(
|
539
|
-
$(activeElement).removeClass(
|
540
|
+
$(nextElement).removeClass(directionalClassName + " " + orderClassName).addClass(CLASS_NAME_ACTIVE);
|
541
|
+
$(activeElement).removeClass(CLASS_NAME_ACTIVE + " " + orderClassName + " " + directionalClassName);
|
540
542
|
_this4._isSliding = false;
|
541
543
|
setTimeout(function () {
|
542
544
|
return $(_this4._element).trigger(slidEvent);
|
543
545
|
}, 0);
|
544
546
|
}).emulateTransitionEnd(transitionDuration);
|
545
547
|
} else {
|
546
|
-
$(activeElement).removeClass(
|
547
|
-
$(nextElement).addClass(
|
548
|
+
$(activeElement).removeClass(CLASS_NAME_ACTIVE);
|
549
|
+
$(nextElement).addClass(CLASS_NAME_ACTIVE);
|
548
550
|
this._isSliding = false;
|
549
551
|
$(this._element).trigger(slidEvent);
|
550
552
|
}
|
@@ -559,10 +561,10 @@
|
|
559
561
|
return this.each(function () {
|
560
562
|
var data = $(this).data(DATA_KEY);
|
561
563
|
|
562
|
-
var _config =
|
564
|
+
var _config = _objectSpread2(_objectSpread2({}, Default), $(this).data());
|
563
565
|
|
564
566
|
if (typeof config === 'object') {
|
565
|
-
_config =
|
567
|
+
_config = _objectSpread2(_objectSpread2({}, _config), config);
|
566
568
|
}
|
567
569
|
|
568
570
|
var action = typeof config === 'string' ? config : _config.slide;
|
@@ -596,11 +598,11 @@
|
|
596
598
|
|
597
599
|
var target = $(selector)[0];
|
598
600
|
|
599
|
-
if (!target || !$(target).hasClass(
|
601
|
+
if (!target || !$(target).hasClass(CLASS_NAME_CAROUSEL)) {
|
600
602
|
return;
|
601
603
|
}
|
602
604
|
|
603
|
-
var config =
|
605
|
+
var config = _objectSpread2(_objectSpread2({}, $(target).data()), $(this).data());
|
604
606
|
|
605
607
|
var slideIndex = this.getAttribute('data-slide-to');
|
606
608
|
|
@@ -638,9 +640,9 @@
|
|
638
640
|
*/
|
639
641
|
|
640
642
|
|
641
|
-
$(document).on(
|
642
|
-
$(window).on(
|
643
|
-
var carousels = [].slice.call(document.querySelectorAll(
|
643
|
+
$(document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_SLIDE, Carousel._dataApiClickHandler);
|
644
|
+
$(window).on(EVENT_LOAD_DATA_API, function () {
|
645
|
+
var carousels = [].slice.call(document.querySelectorAll(SELECTOR_DATA_RIDE));
|
644
646
|
|
645
647
|
for (var i = 0, len = carousels.length; i < len; i++) {
|
646
648
|
var $carousel = $(carousels[i]);
|
@@ -664,4 +666,4 @@
|
|
664
666
|
|
665
667
|
return Carousel;
|
666
668
|
|
667
|
-
}));
|
669
|
+
})));
|