bootstrap 4.3.1 → 4.5.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
+
})));
|