bootstrap 4.3.0 → 4.5.3
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 +4 -4
- data/.travis.yml +15 -1
- data/CHANGELOG.md +2 -14
- data/README.md +1 -1
- data/assets/javascripts/bootstrap-sprockets.js +7 -7
- data/assets/javascripts/bootstrap.js +1186 -1056
- data/assets/javascripts/bootstrap.min.js +4 -4
- data/assets/javascripts/bootstrap/alert.js +45 -65
- data/assets/javascripts/bootstrap/button.js +114 -80
- data/assets/javascripts/bootstrap/carousel.js +131 -186
- data/assets/javascripts/bootstrap/collapse.js +86 -140
- data/assets/javascripts/bootstrap/dropdown.js +152 -207
- data/assets/javascripts/bootstrap/modal.js +204 -214
- data/assets/javascripts/bootstrap/popover.js +41 -95
- data/assets/javascripts/bootstrap/scrollspy.js +69 -127
- data/assets/javascripts/bootstrap/tab.js +75 -95
- data/assets/javascripts/bootstrap/toast.js +87 -127
- data/assets/javascripts/bootstrap/tooltip.js +298 -198
- data/assets/javascripts/bootstrap/util.js +41 -20
- data/assets/stylesheets/_bootstrap-grid.scss +4 -4
- data/assets/stylesheets/_bootstrap-reboot.scss +4 -4
- data/assets/stylesheets/_bootstrap.scss +4 -4
- data/assets/stylesheets/bootstrap/_alert.scss +1 -0
- 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 +42 -45
- 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 +34 -17
- data/assets/stylesheets/bootstrap/_dropdown.scss +6 -5
- data/assets/stylesheets/bootstrap/_forms.scss +26 -9
- data/assets/stylesheets/bootstrap/_functions.scss +63 -5
- data/assets/stylesheets/bootstrap/_grid.scss +32 -11
- 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 +26 -15
- data/assets/stylesheets/bootstrap/_nav.scss +6 -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 +32 -31
- data/assets/stylesheets/bootstrap/_root.scss +1 -0
- data/assets/stylesheets/bootstrap/_spinners.scss +3 -2
- data/assets/stylesheets/bootstrap/_tables.scss +3 -3
- data/assets/stylesheets/bootstrap/_toasts.scss +4 -2
- data/assets/stylesheets/bootstrap/_type.scss +2 -2
- data/assets/stylesheets/bootstrap/_utilities.scss +2 -1
- data/assets/stylesheets/bootstrap/_variables.scss +51 -32
- 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 +27 -14
- 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 +35 -49
- data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +29 -15
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +25 -7
- 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 +4 -3
- 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 +18 -8
- data/assets/stylesheets/bootstrap/utilities/_background.scss +2 -2
- data/assets/stylesheets/bootstrap/utilities/_borders.scss +1 -1
- data/assets/stylesheets/bootstrap/utilities/_interactions.scss +5 -0
- data/assets/stylesheets/bootstrap/utilities/_text.scss +4 -4
- data/assets/stylesheets/bootstrap/vendor/_rfs.scss +0 -8
- data/bootstrap.gemspec +1 -1
- data/lib/bootstrap/version.rb +2 -2
- data/tasks/updater/js.rb +1 -1
- 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,67 +1,24 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Bootstrap carousel.js v4.3
|
|
3
|
-
* Copyright 2011-
|
|
4
|
-
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/
|
|
2
|
+
* Bootstrap carousel.js v4.5.3 (https://getbootstrap.com/)
|
|
3
|
+
* Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
|
|
4
|
+
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/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
|
-
(global = global || self, global.Carousel = factory(global.jQuery, global.Util));
|
|
10
|
-
}(this, function ($, Util) { 'use strict';
|
|
11
|
-
|
|
12
|
-
$ = $ && $.hasOwnProperty('default') ? $['default'] : $;
|
|
13
|
-
Util = Util && Util.hasOwnProperty('default') ? Util['default'] : Util;
|
|
14
|
-
|
|
15
|
-
function _defineProperties(target, props) {
|
|
16
|
-
for (var i = 0; i < props.length; i++) {
|
|
17
|
-
var descriptor = props[i];
|
|
18
|
-
descriptor.enumerable = descriptor.enumerable || false;
|
|
19
|
-
descriptor.configurable = true;
|
|
20
|
-
if ("value" in descriptor) descriptor.writable = true;
|
|
21
|
-
Object.defineProperty(target, descriptor.key, descriptor);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
function _createClass(Constructor, protoProps, staticProps) {
|
|
26
|
-
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
27
|
-
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
28
|
-
return Constructor;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
function _defineProperty(obj, key, value) {
|
|
32
|
-
if (key in obj) {
|
|
33
|
-
Object.defineProperty(obj, key, {
|
|
34
|
-
value: value,
|
|
35
|
-
enumerable: true,
|
|
36
|
-
configurable: true,
|
|
37
|
-
writable: true
|
|
38
|
-
});
|
|
39
|
-
} else {
|
|
40
|
-
obj[key] = value;
|
|
41
|
-
}
|
|
9
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Carousel = factory(global.jQuery, global.Util));
|
|
10
|
+
}(this, (function ($, Util) { 'use strict';
|
|
42
11
|
|
|
43
|
-
|
|
44
|
-
}
|
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
45
13
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
49
|
-
var ownKeys = Object.keys(source);
|
|
14
|
+
var $__default = /*#__PURE__*/_interopDefaultLegacy($);
|
|
15
|
+
var Util__default = /*#__PURE__*/_interopDefaultLegacy(Util);
|
|
50
16
|
|
|
51
|
-
|
|
52
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
|
|
53
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
54
|
-
}));
|
|
55
|
-
}
|
|
17
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
56
18
|
|
|
57
|
-
|
|
58
|
-
_defineProperty(target, key, source[key]);
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
return target;
|
|
63
|
-
}
|
|
19
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
64
20
|
|
|
21
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
65
22
|
/**
|
|
66
23
|
* ------------------------------------------------------------------------
|
|
67
24
|
* Constants
|
|
@@ -69,11 +26,11 @@
|
|
|
69
26
|
*/
|
|
70
27
|
|
|
71
28
|
var NAME = 'carousel';
|
|
72
|
-
var VERSION = '4.3
|
|
29
|
+
var VERSION = '4.5.3';
|
|
73
30
|
var DATA_KEY = 'bs.carousel';
|
|
74
31
|
var EVENT_KEY = "." + DATA_KEY;
|
|
75
32
|
var DATA_API_KEY = '.data-api';
|
|
76
|
-
var JQUERY_NO_CONFLICT =
|
|
33
|
+
var JQUERY_NO_CONFLICT = $__default['default'].fn[NAME];
|
|
77
34
|
var ARROW_LEFT_KEYCODE = 37; // KeyboardEvent.which value for left arrow key
|
|
78
35
|
|
|
79
36
|
var ARROW_RIGHT_KEYCODE = 39; // KeyboardEvent.which value for right arrow key
|
|
@@ -97,62 +54,50 @@
|
|
|
97
54
|
wrap: 'boolean',
|
|
98
55
|
touch: 'boolean'
|
|
99
56
|
};
|
|
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
|
-
};
|
|
57
|
+
var DIRECTION_NEXT = 'next';
|
|
58
|
+
var DIRECTION_PREV = 'prev';
|
|
59
|
+
var DIRECTION_LEFT = 'left';
|
|
60
|
+
var DIRECTION_RIGHT = 'right';
|
|
61
|
+
var EVENT_SLIDE = "slide" + EVENT_KEY;
|
|
62
|
+
var EVENT_SLID = "slid" + EVENT_KEY;
|
|
63
|
+
var EVENT_KEYDOWN = "keydown" + EVENT_KEY;
|
|
64
|
+
var EVENT_MOUSEENTER = "mouseenter" + EVENT_KEY;
|
|
65
|
+
var EVENT_MOUSELEAVE = "mouseleave" + EVENT_KEY;
|
|
66
|
+
var EVENT_TOUCHSTART = "touchstart" + EVENT_KEY;
|
|
67
|
+
var EVENT_TOUCHMOVE = "touchmove" + EVENT_KEY;
|
|
68
|
+
var EVENT_TOUCHEND = "touchend" + EVENT_KEY;
|
|
69
|
+
var EVENT_POINTERDOWN = "pointerdown" + EVENT_KEY;
|
|
70
|
+
var EVENT_POINTERUP = "pointerup" + EVENT_KEY;
|
|
71
|
+
var EVENT_DRAG_START = "dragstart" + EVENT_KEY;
|
|
72
|
+
var EVENT_LOAD_DATA_API = "load" + EVENT_KEY + DATA_API_KEY;
|
|
73
|
+
var EVENT_CLICK_DATA_API = "click" + EVENT_KEY + DATA_API_KEY;
|
|
74
|
+
var CLASS_NAME_CAROUSEL = 'carousel';
|
|
75
|
+
var CLASS_NAME_ACTIVE = 'active';
|
|
76
|
+
var CLASS_NAME_SLIDE = 'slide';
|
|
77
|
+
var CLASS_NAME_RIGHT = 'carousel-item-right';
|
|
78
|
+
var CLASS_NAME_LEFT = 'carousel-item-left';
|
|
79
|
+
var CLASS_NAME_NEXT = 'carousel-item-next';
|
|
80
|
+
var CLASS_NAME_PREV = 'carousel-item-prev';
|
|
81
|
+
var CLASS_NAME_POINTER_EVENT = 'pointer-event';
|
|
82
|
+
var SELECTOR_ACTIVE = '.active';
|
|
83
|
+
var SELECTOR_ACTIVE_ITEM = '.active.carousel-item';
|
|
84
|
+
var SELECTOR_ITEM = '.carousel-item';
|
|
85
|
+
var SELECTOR_ITEM_IMG = '.carousel-item img';
|
|
86
|
+
var SELECTOR_NEXT_PREV = '.carousel-item-next, .carousel-item-prev';
|
|
87
|
+
var SELECTOR_INDICATORS = '.carousel-indicators';
|
|
88
|
+
var SELECTOR_DATA_SLIDE = '[data-slide], [data-slide-to]';
|
|
89
|
+
var SELECTOR_DATA_RIDE = '[data-ride="carousel"]';
|
|
142
90
|
var PointerType = {
|
|
143
91
|
TOUCH: 'touch',
|
|
144
92
|
PEN: 'pen'
|
|
145
|
-
/**
|
|
146
|
-
* ------------------------------------------------------------------------
|
|
147
|
-
* Class Definition
|
|
148
|
-
* ------------------------------------------------------------------------
|
|
149
|
-
*/
|
|
150
|
-
|
|
151
93
|
};
|
|
94
|
+
/**
|
|
95
|
+
* ------------------------------------------------------------------------
|
|
96
|
+
* Class Definition
|
|
97
|
+
* ------------------------------------------------------------------------
|
|
98
|
+
*/
|
|
152
99
|
|
|
153
|
-
var Carousel =
|
|
154
|
-
/*#__PURE__*/
|
|
155
|
-
function () {
|
|
100
|
+
var Carousel = /*#__PURE__*/function () {
|
|
156
101
|
function Carousel(element, config) {
|
|
157
102
|
this._items = null;
|
|
158
103
|
this._interval = null;
|
|
@@ -164,7 +109,7 @@
|
|
|
164
109
|
this.touchDeltaX = 0;
|
|
165
110
|
this._config = this._getConfig(config);
|
|
166
111
|
this._element = element;
|
|
167
|
-
this._indicatorsElement = this._element.querySelector(
|
|
112
|
+
this._indicatorsElement = this._element.querySelector(SELECTOR_INDICATORS);
|
|
168
113
|
this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;
|
|
169
114
|
this._pointerEvent = Boolean(window.PointerEvent || window.MSPointerEvent);
|
|
170
115
|
|
|
@@ -177,21 +122,22 @@
|
|
|
177
122
|
// Public
|
|
178
123
|
_proto.next = function next() {
|
|
179
124
|
if (!this._isSliding) {
|
|
180
|
-
this._slide(
|
|
125
|
+
this._slide(DIRECTION_NEXT);
|
|
181
126
|
}
|
|
182
127
|
};
|
|
183
128
|
|
|
184
129
|
_proto.nextWhenVisible = function nextWhenVisible() {
|
|
185
|
-
// Don't call next when the page isn't visible
|
|
130
|
+
var $element = $__default['default'](this._element); // Don't call next when the page isn't visible
|
|
186
131
|
// or the carousel or its parent isn't visible
|
|
187
|
-
|
|
132
|
+
|
|
133
|
+
if (!document.hidden && $element.is(':visible') && $element.css('visibility') !== 'hidden') {
|
|
188
134
|
this.next();
|
|
189
135
|
}
|
|
190
136
|
};
|
|
191
137
|
|
|
192
138
|
_proto.prev = function prev() {
|
|
193
139
|
if (!this._isSliding) {
|
|
194
|
-
this._slide(
|
|
140
|
+
this._slide(DIRECTION_PREV);
|
|
195
141
|
}
|
|
196
142
|
};
|
|
197
143
|
|
|
@@ -200,8 +146,8 @@
|
|
|
200
146
|
this._isPaused = true;
|
|
201
147
|
}
|
|
202
148
|
|
|
203
|
-
if (this._element.querySelector(
|
|
204
|
-
|
|
149
|
+
if (this._element.querySelector(SELECTOR_NEXT_PREV)) {
|
|
150
|
+
Util__default['default'].triggerTransitionEnd(this._element);
|
|
205
151
|
this.cycle(true);
|
|
206
152
|
}
|
|
207
153
|
|
|
@@ -227,7 +173,7 @@
|
|
|
227
173
|
_proto.to = function to(index) {
|
|
228
174
|
var _this = this;
|
|
229
175
|
|
|
230
|
-
this._activeElement = this._element.querySelector(
|
|
176
|
+
this._activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM);
|
|
231
177
|
|
|
232
178
|
var activeIndex = this._getItemIndex(this._activeElement);
|
|
233
179
|
|
|
@@ -236,7 +182,7 @@
|
|
|
236
182
|
}
|
|
237
183
|
|
|
238
184
|
if (this._isSliding) {
|
|
239
|
-
$(this._element).one(
|
|
185
|
+
$__default['default'](this._element).one(EVENT_SLID, function () {
|
|
240
186
|
return _this.to(index);
|
|
241
187
|
});
|
|
242
188
|
return;
|
|
@@ -248,14 +194,14 @@
|
|
|
248
194
|
return;
|
|
249
195
|
}
|
|
250
196
|
|
|
251
|
-
var direction = index > activeIndex ?
|
|
197
|
+
var direction = index > activeIndex ? DIRECTION_NEXT : DIRECTION_PREV;
|
|
252
198
|
|
|
253
199
|
this._slide(direction, this._items[index]);
|
|
254
200
|
};
|
|
255
201
|
|
|
256
202
|
_proto.dispose = function dispose() {
|
|
257
|
-
$(this._element).off(EVENT_KEY);
|
|
258
|
-
|
|
203
|
+
$__default['default'](this._element).off(EVENT_KEY);
|
|
204
|
+
$__default['default'].removeData(this._element, DATA_KEY);
|
|
259
205
|
this._items = null;
|
|
260
206
|
this._config = null;
|
|
261
207
|
this._element = null;
|
|
@@ -268,8 +214,8 @@
|
|
|
268
214
|
;
|
|
269
215
|
|
|
270
216
|
_proto._getConfig = function _getConfig(config) {
|
|
271
|
-
config =
|
|
272
|
-
|
|
217
|
+
config = _extends({}, Default, config);
|
|
218
|
+
Util__default['default'].typeCheckConfig(NAME, config, DefaultType);
|
|
273
219
|
return config;
|
|
274
220
|
};
|
|
275
221
|
|
|
@@ -280,7 +226,8 @@
|
|
|
280
226
|
return;
|
|
281
227
|
}
|
|
282
228
|
|
|
283
|
-
var direction = absDeltax / this.touchDeltaX;
|
|
229
|
+
var direction = absDeltax / this.touchDeltaX;
|
|
230
|
+
this.touchDeltaX = 0; // swipe left
|
|
284
231
|
|
|
285
232
|
if (direction > 0) {
|
|
286
233
|
this.prev();
|
|
@@ -296,15 +243,15 @@
|
|
|
296
243
|
var _this2 = this;
|
|
297
244
|
|
|
298
245
|
if (this._config.keyboard) {
|
|
299
|
-
$(this._element).on(
|
|
246
|
+
$__default['default'](this._element).on(EVENT_KEYDOWN, function (event) {
|
|
300
247
|
return _this2._keydown(event);
|
|
301
248
|
});
|
|
302
249
|
}
|
|
303
250
|
|
|
304
251
|
if (this._config.pause === 'hover') {
|
|
305
|
-
$(this._element).on(
|
|
252
|
+
$__default['default'](this._element).on(EVENT_MOUSEENTER, function (event) {
|
|
306
253
|
return _this2.pause(event);
|
|
307
|
-
}).on(
|
|
254
|
+
}).on(EVENT_MOUSELEAVE, function (event) {
|
|
308
255
|
return _this2.cycle(event);
|
|
309
256
|
});
|
|
310
257
|
}
|
|
@@ -365,27 +312,27 @@
|
|
|
365
312
|
}
|
|
366
313
|
};
|
|
367
314
|
|
|
368
|
-
$(this._element.querySelectorAll(
|
|
315
|
+
$__default['default'](this._element.querySelectorAll(SELECTOR_ITEM_IMG)).on(EVENT_DRAG_START, function (e) {
|
|
369
316
|
return e.preventDefault();
|
|
370
317
|
});
|
|
371
318
|
|
|
372
319
|
if (this._pointerEvent) {
|
|
373
|
-
$(this._element).on(
|
|
320
|
+
$__default['default'](this._element).on(EVENT_POINTERDOWN, function (event) {
|
|
374
321
|
return start(event);
|
|
375
322
|
});
|
|
376
|
-
$(this._element).on(
|
|
323
|
+
$__default['default'](this._element).on(EVENT_POINTERUP, function (event) {
|
|
377
324
|
return end(event);
|
|
378
325
|
});
|
|
379
326
|
|
|
380
|
-
this._element.classList.add(
|
|
327
|
+
this._element.classList.add(CLASS_NAME_POINTER_EVENT);
|
|
381
328
|
} else {
|
|
382
|
-
$(this._element).on(
|
|
329
|
+
$__default['default'](this._element).on(EVENT_TOUCHSTART, function (event) {
|
|
383
330
|
return start(event);
|
|
384
331
|
});
|
|
385
|
-
$(this._element).on(
|
|
332
|
+
$__default['default'](this._element).on(EVENT_TOUCHMOVE, function (event) {
|
|
386
333
|
return move(event);
|
|
387
334
|
});
|
|
388
|
-
$(this._element).on(
|
|
335
|
+
$__default['default'](this._element).on(EVENT_TOUCHEND, function (event) {
|
|
389
336
|
return end(event);
|
|
390
337
|
});
|
|
391
338
|
}
|
|
@@ -406,19 +353,17 @@
|
|
|
406
353
|
event.preventDefault();
|
|
407
354
|
this.next();
|
|
408
355
|
break;
|
|
409
|
-
|
|
410
|
-
default:
|
|
411
356
|
}
|
|
412
357
|
};
|
|
413
358
|
|
|
414
359
|
_proto._getItemIndex = function _getItemIndex(element) {
|
|
415
|
-
this._items = element && element.parentNode ? [].slice.call(element.parentNode.querySelectorAll(
|
|
360
|
+
this._items = element && element.parentNode ? [].slice.call(element.parentNode.querySelectorAll(SELECTOR_ITEM)) : [];
|
|
416
361
|
return this._items.indexOf(element);
|
|
417
362
|
};
|
|
418
363
|
|
|
419
364
|
_proto._getItemByDirection = function _getItemByDirection(direction, activeElement) {
|
|
420
|
-
var isNextDirection = direction ===
|
|
421
|
-
var isPrevDirection = direction ===
|
|
365
|
+
var isNextDirection = direction === DIRECTION_NEXT;
|
|
366
|
+
var isPrevDirection = direction === DIRECTION_PREV;
|
|
422
367
|
|
|
423
368
|
var activeIndex = this._getItemIndex(activeElement);
|
|
424
369
|
|
|
@@ -429,7 +374,7 @@
|
|
|
429
374
|
return activeElement;
|
|
430
375
|
}
|
|
431
376
|
|
|
432
|
-
var delta = direction ===
|
|
377
|
+
var delta = direction === DIRECTION_PREV ? -1 : 1;
|
|
433
378
|
var itemIndex = (activeIndex + delta) % this._items.length;
|
|
434
379
|
return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex];
|
|
435
380
|
};
|
|
@@ -437,27 +382,27 @@
|
|
|
437
382
|
_proto._triggerSlideEvent = function _triggerSlideEvent(relatedTarget, eventDirectionName) {
|
|
438
383
|
var targetIndex = this._getItemIndex(relatedTarget);
|
|
439
384
|
|
|
440
|
-
var fromIndex = this._getItemIndex(this._element.querySelector(
|
|
385
|
+
var fromIndex = this._getItemIndex(this._element.querySelector(SELECTOR_ACTIVE_ITEM));
|
|
441
386
|
|
|
442
|
-
var slideEvent =
|
|
387
|
+
var slideEvent = $__default['default'].Event(EVENT_SLIDE, {
|
|
443
388
|
relatedTarget: relatedTarget,
|
|
444
389
|
direction: eventDirectionName,
|
|
445
390
|
from: fromIndex,
|
|
446
391
|
to: targetIndex
|
|
447
392
|
});
|
|
448
|
-
$(this._element).trigger(slideEvent);
|
|
393
|
+
$__default['default'](this._element).trigger(slideEvent);
|
|
449
394
|
return slideEvent;
|
|
450
395
|
};
|
|
451
396
|
|
|
452
397
|
_proto._setActiveIndicatorElement = function _setActiveIndicatorElement(element) {
|
|
453
398
|
if (this._indicatorsElement) {
|
|
454
|
-
var indicators = [].slice.call(this._indicatorsElement.querySelectorAll(
|
|
455
|
-
$(indicators).removeClass(
|
|
399
|
+
var indicators = [].slice.call(this._indicatorsElement.querySelectorAll(SELECTOR_ACTIVE));
|
|
400
|
+
$__default['default'](indicators).removeClass(CLASS_NAME_ACTIVE);
|
|
456
401
|
|
|
457
402
|
var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)];
|
|
458
403
|
|
|
459
404
|
if (nextIndicator) {
|
|
460
|
-
$(nextIndicator).addClass(
|
|
405
|
+
$__default['default'](nextIndicator).addClass(CLASS_NAME_ACTIVE);
|
|
461
406
|
}
|
|
462
407
|
}
|
|
463
408
|
};
|
|
@@ -465,7 +410,7 @@
|
|
|
465
410
|
_proto._slide = function _slide(direction, element) {
|
|
466
411
|
var _this4 = this;
|
|
467
412
|
|
|
468
|
-
var activeElement = this._element.querySelector(
|
|
413
|
+
var activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM);
|
|
469
414
|
|
|
470
415
|
var activeElementIndex = this._getItemIndex(activeElement);
|
|
471
416
|
|
|
@@ -478,17 +423,17 @@
|
|
|
478
423
|
var orderClassName;
|
|
479
424
|
var eventDirectionName;
|
|
480
425
|
|
|
481
|
-
if (direction ===
|
|
482
|
-
directionalClassName =
|
|
483
|
-
orderClassName =
|
|
484
|
-
eventDirectionName =
|
|
426
|
+
if (direction === DIRECTION_NEXT) {
|
|
427
|
+
directionalClassName = CLASS_NAME_LEFT;
|
|
428
|
+
orderClassName = CLASS_NAME_NEXT;
|
|
429
|
+
eventDirectionName = DIRECTION_LEFT;
|
|
485
430
|
} else {
|
|
486
|
-
directionalClassName =
|
|
487
|
-
orderClassName =
|
|
488
|
-
eventDirectionName =
|
|
431
|
+
directionalClassName = CLASS_NAME_RIGHT;
|
|
432
|
+
orderClassName = CLASS_NAME_PREV;
|
|
433
|
+
eventDirectionName = DIRECTION_RIGHT;
|
|
489
434
|
}
|
|
490
435
|
|
|
491
|
-
if (nextElement && $(nextElement).hasClass(
|
|
436
|
+
if (nextElement && $__default['default'](nextElement).hasClass(CLASS_NAME_ACTIVE)) {
|
|
492
437
|
this._isSliding = false;
|
|
493
438
|
return;
|
|
494
439
|
}
|
|
@@ -512,18 +457,18 @@
|
|
|
512
457
|
|
|
513
458
|
this._setActiveIndicatorElement(nextElement);
|
|
514
459
|
|
|
515
|
-
var slidEvent =
|
|
460
|
+
var slidEvent = $__default['default'].Event(EVENT_SLID, {
|
|
516
461
|
relatedTarget: nextElement,
|
|
517
462
|
direction: eventDirectionName,
|
|
518
463
|
from: activeElementIndex,
|
|
519
464
|
to: nextElementIndex
|
|
520
465
|
});
|
|
521
466
|
|
|
522
|
-
if ($(this._element).hasClass(
|
|
523
|
-
$(nextElement).addClass(orderClassName);
|
|
524
|
-
|
|
525
|
-
$(activeElement).addClass(directionalClassName);
|
|
526
|
-
$(nextElement).addClass(directionalClassName);
|
|
467
|
+
if ($__default['default'](this._element).hasClass(CLASS_NAME_SLIDE)) {
|
|
468
|
+
$__default['default'](nextElement).addClass(orderClassName);
|
|
469
|
+
Util__default['default'].reflow(nextElement);
|
|
470
|
+
$__default['default'](activeElement).addClass(directionalClassName);
|
|
471
|
+
$__default['default'](nextElement).addClass(directionalClassName);
|
|
527
472
|
var nextElementInterval = parseInt(nextElement.getAttribute('data-interval'), 10);
|
|
528
473
|
|
|
529
474
|
if (nextElementInterval) {
|
|
@@ -533,20 +478,20 @@
|
|
|
533
478
|
this._config.interval = this._config.defaultInterval || this._config.interval;
|
|
534
479
|
}
|
|
535
480
|
|
|
536
|
-
var transitionDuration =
|
|
537
|
-
$(activeElement).one(
|
|
538
|
-
$(nextElement).removeClass(directionalClassName + " " + orderClassName).addClass(
|
|
539
|
-
$(activeElement).removeClass(
|
|
481
|
+
var transitionDuration = Util__default['default'].getTransitionDurationFromElement(activeElement);
|
|
482
|
+
$__default['default'](activeElement).one(Util__default['default'].TRANSITION_END, function () {
|
|
483
|
+
$__default['default'](nextElement).removeClass(directionalClassName + " " + orderClassName).addClass(CLASS_NAME_ACTIVE);
|
|
484
|
+
$__default['default'](activeElement).removeClass(CLASS_NAME_ACTIVE + " " + orderClassName + " " + directionalClassName);
|
|
540
485
|
_this4._isSliding = false;
|
|
541
486
|
setTimeout(function () {
|
|
542
|
-
return $(_this4._element).trigger(slidEvent);
|
|
487
|
+
return $__default['default'](_this4._element).trigger(slidEvent);
|
|
543
488
|
}, 0);
|
|
544
489
|
}).emulateTransitionEnd(transitionDuration);
|
|
545
490
|
} else {
|
|
546
|
-
$(activeElement).removeClass(
|
|
547
|
-
$(nextElement).addClass(
|
|
491
|
+
$__default['default'](activeElement).removeClass(CLASS_NAME_ACTIVE);
|
|
492
|
+
$__default['default'](nextElement).addClass(CLASS_NAME_ACTIVE);
|
|
548
493
|
this._isSliding = false;
|
|
549
|
-
$(this._element).trigger(slidEvent);
|
|
494
|
+
$__default['default'](this._element).trigger(slidEvent);
|
|
550
495
|
}
|
|
551
496
|
|
|
552
497
|
if (isCycling) {
|
|
@@ -557,19 +502,19 @@
|
|
|
557
502
|
|
|
558
503
|
Carousel._jQueryInterface = function _jQueryInterface(config) {
|
|
559
504
|
return this.each(function () {
|
|
560
|
-
var data = $(this).data(DATA_KEY);
|
|
505
|
+
var data = $__default['default'](this).data(DATA_KEY);
|
|
561
506
|
|
|
562
|
-
var _config =
|
|
507
|
+
var _config = _extends({}, Default, $__default['default'](this).data());
|
|
563
508
|
|
|
564
509
|
if (typeof config === 'object') {
|
|
565
|
-
_config =
|
|
510
|
+
_config = _extends({}, _config, config);
|
|
566
511
|
}
|
|
567
512
|
|
|
568
513
|
var action = typeof config === 'string' ? config : _config.slide;
|
|
569
514
|
|
|
570
515
|
if (!data) {
|
|
571
516
|
data = new Carousel(this, _config);
|
|
572
|
-
$(this).data(DATA_KEY, data);
|
|
517
|
+
$__default['default'](this).data(DATA_KEY, data);
|
|
573
518
|
}
|
|
574
519
|
|
|
575
520
|
if (typeof config === 'number') {
|
|
@@ -588,19 +533,19 @@
|
|
|
588
533
|
};
|
|
589
534
|
|
|
590
535
|
Carousel._dataApiClickHandler = function _dataApiClickHandler(event) {
|
|
591
|
-
var selector =
|
|
536
|
+
var selector = Util__default['default'].getSelectorFromElement(this);
|
|
592
537
|
|
|
593
538
|
if (!selector) {
|
|
594
539
|
return;
|
|
595
540
|
}
|
|
596
541
|
|
|
597
|
-
var target = $(selector)[0];
|
|
542
|
+
var target = $__default['default'](selector)[0];
|
|
598
543
|
|
|
599
|
-
if (!target || !$(target).hasClass(
|
|
544
|
+
if (!target || !$__default['default'](target).hasClass(CLASS_NAME_CAROUSEL)) {
|
|
600
545
|
return;
|
|
601
546
|
}
|
|
602
547
|
|
|
603
|
-
var config =
|
|
548
|
+
var config = _extends({}, $__default['default'](target).data(), $__default['default'](this).data());
|
|
604
549
|
|
|
605
550
|
var slideIndex = this.getAttribute('data-slide-to');
|
|
606
551
|
|
|
@@ -608,10 +553,10 @@
|
|
|
608
553
|
config.interval = false;
|
|
609
554
|
}
|
|
610
555
|
|
|
611
|
-
Carousel._jQueryInterface.call($(target), config);
|
|
556
|
+
Carousel._jQueryInterface.call($__default['default'](target), config);
|
|
612
557
|
|
|
613
558
|
if (slideIndex) {
|
|
614
|
-
$(target).data(DATA_KEY).to(slideIndex);
|
|
559
|
+
$__default['default'](target).data(DATA_KEY).to(slideIndex);
|
|
615
560
|
}
|
|
616
561
|
|
|
617
562
|
event.preventDefault();
|
|
@@ -638,12 +583,12 @@
|
|
|
638
583
|
*/
|
|
639
584
|
|
|
640
585
|
|
|
641
|
-
$(document).on(
|
|
642
|
-
$(window).on(
|
|
643
|
-
var carousels = [].slice.call(document.querySelectorAll(
|
|
586
|
+
$__default['default'](document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_SLIDE, Carousel._dataApiClickHandler);
|
|
587
|
+
$__default['default'](window).on(EVENT_LOAD_DATA_API, function () {
|
|
588
|
+
var carousels = [].slice.call(document.querySelectorAll(SELECTOR_DATA_RIDE));
|
|
644
589
|
|
|
645
590
|
for (var i = 0, len = carousels.length; i < len; i++) {
|
|
646
|
-
var $carousel = $(carousels[i]);
|
|
591
|
+
var $carousel = $__default['default'](carousels[i]);
|
|
647
592
|
|
|
648
593
|
Carousel._jQueryInterface.call($carousel, $carousel.data());
|
|
649
594
|
}
|
|
@@ -654,14 +599,14 @@
|
|
|
654
599
|
* ------------------------------------------------------------------------
|
|
655
600
|
*/
|
|
656
601
|
|
|
657
|
-
|
|
658
|
-
|
|
602
|
+
$__default['default'].fn[NAME] = Carousel._jQueryInterface;
|
|
603
|
+
$__default['default'].fn[NAME].Constructor = Carousel;
|
|
659
604
|
|
|
660
|
-
|
|
661
|
-
|
|
605
|
+
$__default['default'].fn[NAME].noConflict = function () {
|
|
606
|
+
$__default['default'].fn[NAME] = JQUERY_NO_CONFLICT;
|
|
662
607
|
return Carousel._jQueryInterface;
|
|
663
608
|
};
|
|
664
609
|
|
|
665
610
|
return Carousel;
|
|
666
611
|
|
|
667
|
-
}));
|
|
612
|
+
})));
|