bootstrap 4.3.1 → 4.6.2.1
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 +4 -12
- data/README.md +7 -1
- data/Rakefile +16 -4
- data/assets/javascripts/bootstrap/alert.js +43 -55
- data/assets/javascripts/bootstrap/button.js +112 -70
- data/assets/javascripts/bootstrap/carousel.js +164 -189
- data/assets/javascripts/bootstrap/collapse.js +98 -129
- data/assets/javascripts/bootstrap/dropdown.js +165 -200
- data/assets/javascripts/bootstrap/modal.js +218 -205
- data/assets/javascripts/bootstrap/popover.js +63 -79
- data/assets/javascripts/bootstrap/scrollspy.js +82 -119
- data/assets/javascripts/bootstrap/tab.js +79 -85
- data/assets/javascripts/bootstrap/toast.js +100 -115
- data/assets/javascripts/bootstrap/tooltip.js +207 -225
- data/assets/javascripts/bootstrap/util.js +41 -23
- data/assets/javascripts/bootstrap.js +1235 -1314
- data/assets/javascripts/bootstrap.min.js +4 -4
- data/assets/stylesheets/_bootstrap-grid.scss +5 -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 +3 -2
- data/assets/stylesheets/bootstrap/_button-group.scss +1 -1
- data/assets/stylesheets/bootstrap/_buttons.scss +13 -8
- data/assets/stylesheets/bootstrap/_card.scss +47 -50
- data/assets/stylesheets/bootstrap/_carousel.scss +12 -9
- data/assets/stylesheets/bootstrap/_close.scss +2 -3
- data/assets/stylesheets/bootstrap/_code.scss +1 -1
- data/assets/stylesheets/bootstrap/_custom-forms.scss +43 -24
- data/assets/stylesheets/bootstrap/_dropdown.scss +7 -6
- data/assets/stylesheets/bootstrap/_forms.scss +30 -13
- data/assets/stylesheets/bootstrap/_functions.scss +110 -6
- data/assets/stylesheets/bootstrap/_grid.scss +32 -11
- data/assets/stylesheets/bootstrap/_images.scss +3 -3
- data/assets/stylesheets/bootstrap/_input-group.scss +23 -5
- data/assets/stylesheets/bootstrap/_jumbotron.scss +1 -1
- 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 +12 -7
- data/assets/stylesheets/bootstrap/_navbar.scss +55 -17
- data/assets/stylesheets/bootstrap/_pagination.scss +5 -4
- data/assets/stylesheets/bootstrap/_popover.scss +17 -18
- data/assets/stylesheets/bootstrap/_print.scss +1 -10
- data/assets/stylesheets/bootstrap/_progress.scss +7 -3
- data/assets/stylesheets/bootstrap/_reboot.scss +39 -38
- data/assets/stylesheets/bootstrap/_spinners.scss +18 -8
- data/assets/stylesheets/bootstrap/_tables.scss +3 -3
- data/assets/stylesheets/bootstrap/_toasts.scss +4 -2
- data/assets/stylesheets/bootstrap/_tooltip.scss +4 -4
- data/assets/stylesheets/bootstrap/_transitions.scss +6 -0
- data/assets/stylesheets/bootstrap/_type.scss +3 -3
- data/assets/stylesheets/bootstrap/_utilities.scss +2 -1
- data/assets/stylesheets/bootstrap/_variables.scss +71 -45
- 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 +52 -49
- data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +31 -17
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +32 -14
- data/assets/stylesheets/bootstrap/mixins/_hover.scss +4 -4
- data/assets/stylesheets/bootstrap/mixins/_image.scss +2 -2
- 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 +2 -2
- data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +5 -4
- 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/_embed.scss +1 -1
- data/assets/stylesheets/bootstrap/utilities/_interactions.scss +5 -0
- data/assets/stylesheets/bootstrap/utilities/_spacing.scss +1 -1
- data/assets/stylesheets/bootstrap/utilities/_text.scss +4 -4
- data/assets/stylesheets/bootstrap/vendor/_rfs.scss +126 -102
- data/bootstrap.gemspec +2 -4
- data/lib/bootstrap/engine.rb +17 -1
- data/lib/bootstrap/version.rb +2 -2
- data/tasks/updater/js.rb +18 -6
- data/tasks/updater/network.rb +8 -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/gemfiles/rails_7_0_dartsass.gemfile +8 -0
- data/test/gemfiles/rails_7_0_sassc.gemfile +8 -0
- data/test/support/dummy_rails_integration.rb +3 -1
- data/test/test_helper.rb +18 -13
- metadata +17 -21
@@ -1,16 +1,18 @@
|
|
1
1
|
/*!
|
2
|
-
* Bootstrap carousel.js v4.
|
3
|
-
* Copyright 2011-
|
4
|
-
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/
|
2
|
+
* Bootstrap carousel.js v4.6.2 (https://getbootstrap.com/)
|
3
|
+
* Copyright 2011-2022 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
|
-
typeof define === 'function' && define.amd ? define(['jquery', './util
|
9
|
-
(global = global || self, global.Carousel = factory(global.jQuery, global.Util));
|
10
|
-
}(this, function ($, Util) { 'use strict';
|
8
|
+
typeof define === 'function' && define.amd ? define(['jquery', './util'], factory) :
|
9
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Carousel = factory(global.jQuery, global.Util));
|
10
|
+
})(this, (function ($, Util) { 'use strict';
|
11
11
|
|
12
|
-
|
13
|
-
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
13
|
+
|
14
|
+
var $__default = /*#__PURE__*/_interopDefaultLegacy($);
|
15
|
+
var Util__default = /*#__PURE__*/_interopDefaultLegacy(Util);
|
14
16
|
|
15
17
|
function _defineProperties(target, props) {
|
16
18
|
for (var i = 0; i < props.length; i++) {
|
@@ -25,55 +27,39 @@
|
|
25
27
|
function _createClass(Constructor, protoProps, staticProps) {
|
26
28
|
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
27
29
|
if (staticProps) _defineProperties(Constructor, staticProps);
|
30
|
+
Object.defineProperty(Constructor, "prototype", {
|
31
|
+
writable: false
|
32
|
+
});
|
28
33
|
return Constructor;
|
29
34
|
}
|
30
35
|
|
31
|
-
function
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
enumerable: true,
|
36
|
-
configurable: true,
|
37
|
-
writable: true
|
38
|
-
});
|
39
|
-
} else {
|
40
|
-
obj[key] = value;
|
41
|
-
}
|
42
|
-
|
43
|
-
return obj;
|
44
|
-
}
|
36
|
+
function _extends() {
|
37
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
38
|
+
for (var i = 1; i < arguments.length; i++) {
|
39
|
+
var source = arguments[i];
|
45
40
|
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
if (typeof Object.getOwnPropertySymbols === 'function') {
|
52
|
-
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
|
53
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
54
|
-
}));
|
41
|
+
for (var key in source) {
|
42
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
43
|
+
target[key] = source[key];
|
44
|
+
}
|
45
|
+
}
|
55
46
|
}
|
56
47
|
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
}
|
61
|
-
|
62
|
-
return target;
|
48
|
+
return target;
|
49
|
+
};
|
50
|
+
return _extends.apply(this, arguments);
|
63
51
|
}
|
64
52
|
|
65
53
|
/**
|
66
|
-
* ------------------------------------------------------------------------
|
67
54
|
* Constants
|
68
|
-
* ------------------------------------------------------------------------
|
69
55
|
*/
|
70
56
|
|
71
57
|
var NAME = 'carousel';
|
72
|
-
var VERSION = '4.
|
58
|
+
var VERSION = '4.6.2';
|
73
59
|
var DATA_KEY = 'bs.carousel';
|
74
60
|
var EVENT_KEY = "." + DATA_KEY;
|
75
61
|
var DATA_API_KEY = '.data-api';
|
76
|
-
var JQUERY_NO_CONFLICT =
|
62
|
+
var JQUERY_NO_CONFLICT = $__default["default"].fn[NAME];
|
77
63
|
var ARROW_LEFT_KEYCODE = 37; // KeyboardEvent.which value for left arrow key
|
78
64
|
|
79
65
|
var ARROW_RIGHT_KEYCODE = 39; // KeyboardEvent.which value for right arrow key
|
@@ -81,6 +67,39 @@
|
|
81
67
|
var TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch
|
82
68
|
|
83
69
|
var SWIPE_THRESHOLD = 40;
|
70
|
+
var CLASS_NAME_CAROUSEL = 'carousel';
|
71
|
+
var CLASS_NAME_ACTIVE = 'active';
|
72
|
+
var CLASS_NAME_SLIDE = 'slide';
|
73
|
+
var CLASS_NAME_RIGHT = 'carousel-item-right';
|
74
|
+
var CLASS_NAME_LEFT = 'carousel-item-left';
|
75
|
+
var CLASS_NAME_NEXT = 'carousel-item-next';
|
76
|
+
var CLASS_NAME_PREV = 'carousel-item-prev';
|
77
|
+
var CLASS_NAME_POINTER_EVENT = 'pointer-event';
|
78
|
+
var DIRECTION_NEXT = 'next';
|
79
|
+
var DIRECTION_PREV = 'prev';
|
80
|
+
var DIRECTION_LEFT = 'left';
|
81
|
+
var DIRECTION_RIGHT = 'right';
|
82
|
+
var EVENT_SLIDE = "slide" + EVENT_KEY;
|
83
|
+
var EVENT_SLID = "slid" + EVENT_KEY;
|
84
|
+
var EVENT_KEYDOWN = "keydown" + EVENT_KEY;
|
85
|
+
var EVENT_MOUSEENTER = "mouseenter" + EVENT_KEY;
|
86
|
+
var EVENT_MOUSELEAVE = "mouseleave" + EVENT_KEY;
|
87
|
+
var EVENT_TOUCHSTART = "touchstart" + EVENT_KEY;
|
88
|
+
var EVENT_TOUCHMOVE = "touchmove" + EVENT_KEY;
|
89
|
+
var EVENT_TOUCHEND = "touchend" + EVENT_KEY;
|
90
|
+
var EVENT_POINTERDOWN = "pointerdown" + EVENT_KEY;
|
91
|
+
var EVENT_POINTERUP = "pointerup" + EVENT_KEY;
|
92
|
+
var EVENT_DRAG_START = "dragstart" + EVENT_KEY;
|
93
|
+
var EVENT_LOAD_DATA_API = "load" + EVENT_KEY + DATA_API_KEY;
|
94
|
+
var EVENT_CLICK_DATA_API = "click" + EVENT_KEY + DATA_API_KEY;
|
95
|
+
var SELECTOR_ACTIVE = '.active';
|
96
|
+
var SELECTOR_ACTIVE_ITEM = '.active.carousel-item';
|
97
|
+
var SELECTOR_ITEM = '.carousel-item';
|
98
|
+
var SELECTOR_ITEM_IMG = '.carousel-item img';
|
99
|
+
var SELECTOR_NEXT_PREV = '.carousel-item-next, .carousel-item-prev';
|
100
|
+
var SELECTOR_INDICATORS = '.carousel-indicators';
|
101
|
+
var SELECTOR_DATA_SLIDE = '[data-slide], [data-slide-to]';
|
102
|
+
var SELECTOR_DATA_RIDE = '[data-ride="carousel"]';
|
84
103
|
var Default = {
|
85
104
|
interval: 5000,
|
86
105
|
keyboard: true,
|
@@ -97,62 +116,15 @@
|
|
97
116
|
wrap: 'boolean',
|
98
117
|
touch: 'boolean'
|
99
118
|
};
|
100
|
-
var Direction = {
|
101
|
-
NEXT: 'next',
|
102
|
-
PREV: 'prev',
|
103
|
-
LEFT: 'left',
|
104
|
-
RIGHT: 'right'
|
105
|
-
};
|
106
|
-
var Event = {
|
107
|
-
SLIDE: "slide" + EVENT_KEY,
|
108
|
-
SLID: "slid" + EVENT_KEY,
|
109
|
-
KEYDOWN: "keydown" + EVENT_KEY,
|
110
|
-
MOUSEENTER: "mouseenter" + EVENT_KEY,
|
111
|
-
MOUSELEAVE: "mouseleave" + EVENT_KEY,
|
112
|
-
TOUCHSTART: "touchstart" + EVENT_KEY,
|
113
|
-
TOUCHMOVE: "touchmove" + EVENT_KEY,
|
114
|
-
TOUCHEND: "touchend" + EVENT_KEY,
|
115
|
-
POINTERDOWN: "pointerdown" + EVENT_KEY,
|
116
|
-
POINTERUP: "pointerup" + EVENT_KEY,
|
117
|
-
DRAG_START: "dragstart" + EVENT_KEY,
|
118
|
-
LOAD_DATA_API: "load" + EVENT_KEY + DATA_API_KEY,
|
119
|
-
CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
|
120
|
-
};
|
121
|
-
var ClassName = {
|
122
|
-
CAROUSEL: 'carousel',
|
123
|
-
ACTIVE: 'active',
|
124
|
-
SLIDE: 'slide',
|
125
|
-
RIGHT: 'carousel-item-right',
|
126
|
-
LEFT: 'carousel-item-left',
|
127
|
-
NEXT: 'carousel-item-next',
|
128
|
-
PREV: 'carousel-item-prev',
|
129
|
-
ITEM: 'carousel-item',
|
130
|
-
POINTER_EVENT: 'pointer-event'
|
131
|
-
};
|
132
|
-
var Selector = {
|
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
|
-
};
|
142
119
|
var PointerType = {
|
143
120
|
TOUCH: 'touch',
|
144
121
|
PEN: 'pen'
|
145
|
-
/**
|
146
|
-
* ------------------------------------------------------------------------
|
147
|
-
* Class Definition
|
148
|
-
* ------------------------------------------------------------------------
|
149
|
-
*/
|
150
|
-
|
151
122
|
};
|
123
|
+
/**
|
124
|
+
* Class definition
|
125
|
+
*/
|
152
126
|
|
153
|
-
var Carousel =
|
154
|
-
/*#__PURE__*/
|
155
|
-
function () {
|
127
|
+
var Carousel = /*#__PURE__*/function () {
|
156
128
|
function Carousel(element, config) {
|
157
129
|
this._items = null;
|
158
130
|
this._interval = null;
|
@@ -164,7 +136,7 @@
|
|
164
136
|
this.touchDeltaX = 0;
|
165
137
|
this._config = this._getConfig(config);
|
166
138
|
this._element = element;
|
167
|
-
this._indicatorsElement = this._element.querySelector(
|
139
|
+
this._indicatorsElement = this._element.querySelector(SELECTOR_INDICATORS);
|
168
140
|
this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;
|
169
141
|
this._pointerEvent = Boolean(window.PointerEvent || window.MSPointerEvent);
|
170
142
|
|
@@ -177,21 +149,22 @@
|
|
177
149
|
// Public
|
178
150
|
_proto.next = function next() {
|
179
151
|
if (!this._isSliding) {
|
180
|
-
this._slide(
|
152
|
+
this._slide(DIRECTION_NEXT);
|
181
153
|
}
|
182
154
|
};
|
183
155
|
|
184
156
|
_proto.nextWhenVisible = function nextWhenVisible() {
|
185
|
-
// Don't call next when the page isn't visible
|
157
|
+
var $element = $__default["default"](this._element); // Don't call next when the page isn't visible
|
186
158
|
// or the carousel or its parent isn't visible
|
187
|
-
|
159
|
+
|
160
|
+
if (!document.hidden && $element.is(':visible') && $element.css('visibility') !== 'hidden') {
|
188
161
|
this.next();
|
189
162
|
}
|
190
163
|
};
|
191
164
|
|
192
165
|
_proto.prev = function prev() {
|
193
166
|
if (!this._isSliding) {
|
194
|
-
this._slide(
|
167
|
+
this._slide(DIRECTION_PREV);
|
195
168
|
}
|
196
169
|
};
|
197
170
|
|
@@ -200,8 +173,8 @@
|
|
200
173
|
this._isPaused = true;
|
201
174
|
}
|
202
175
|
|
203
|
-
if (this._element.querySelector(
|
204
|
-
|
176
|
+
if (this._element.querySelector(SELECTOR_NEXT_PREV)) {
|
177
|
+
Util__default["default"].triggerTransitionEnd(this._element);
|
205
178
|
this.cycle(true);
|
206
179
|
}
|
207
180
|
|
@@ -220,6 +193,8 @@
|
|
220
193
|
}
|
221
194
|
|
222
195
|
if (this._config.interval && !this._isPaused) {
|
196
|
+
this._updateInterval();
|
197
|
+
|
223
198
|
this._interval = setInterval((document.visibilityState ? this.nextWhenVisible : this.next).bind(this), this._config.interval);
|
224
199
|
}
|
225
200
|
};
|
@@ -227,7 +202,7 @@
|
|
227
202
|
_proto.to = function to(index) {
|
228
203
|
var _this = this;
|
229
204
|
|
230
|
-
this._activeElement = this._element.querySelector(
|
205
|
+
this._activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM);
|
231
206
|
|
232
207
|
var activeIndex = this._getItemIndex(this._activeElement);
|
233
208
|
|
@@ -236,7 +211,7 @@
|
|
236
211
|
}
|
237
212
|
|
238
213
|
if (this._isSliding) {
|
239
|
-
$(this._element).one(
|
214
|
+
$__default["default"](this._element).one(EVENT_SLID, function () {
|
240
215
|
return _this.to(index);
|
241
216
|
});
|
242
217
|
return;
|
@@ -248,14 +223,14 @@
|
|
248
223
|
return;
|
249
224
|
}
|
250
225
|
|
251
|
-
var direction = index > activeIndex ?
|
226
|
+
var direction = index > activeIndex ? DIRECTION_NEXT : DIRECTION_PREV;
|
252
227
|
|
253
228
|
this._slide(direction, this._items[index]);
|
254
229
|
};
|
255
230
|
|
256
231
|
_proto.dispose = function dispose() {
|
257
|
-
$(this._element).off(EVENT_KEY);
|
258
|
-
|
232
|
+
$__default["default"](this._element).off(EVENT_KEY);
|
233
|
+
$__default["default"].removeData(this._element, DATA_KEY);
|
259
234
|
this._items = null;
|
260
235
|
this._config = null;
|
261
236
|
this._element = null;
|
@@ -268,8 +243,8 @@
|
|
268
243
|
;
|
269
244
|
|
270
245
|
_proto._getConfig = function _getConfig(config) {
|
271
|
-
config =
|
272
|
-
|
246
|
+
config = _extends({}, Default, config);
|
247
|
+
Util__default["default"].typeCheckConfig(NAME, config, DefaultType);
|
273
248
|
return config;
|
274
249
|
};
|
275
250
|
|
@@ -280,7 +255,8 @@
|
|
280
255
|
return;
|
281
256
|
}
|
282
257
|
|
283
|
-
var direction = absDeltax / this.touchDeltaX;
|
258
|
+
var direction = absDeltax / this.touchDeltaX;
|
259
|
+
this.touchDeltaX = 0; // swipe left
|
284
260
|
|
285
261
|
if (direction > 0) {
|
286
262
|
this.prev();
|
@@ -296,15 +272,15 @@
|
|
296
272
|
var _this2 = this;
|
297
273
|
|
298
274
|
if (this._config.keyboard) {
|
299
|
-
$(this._element).on(
|
275
|
+
$__default["default"](this._element).on(EVENT_KEYDOWN, function (event) {
|
300
276
|
return _this2._keydown(event);
|
301
277
|
});
|
302
278
|
}
|
303
279
|
|
304
280
|
if (this._config.pause === 'hover') {
|
305
|
-
$(this._element).on(
|
281
|
+
$__default["default"](this._element).on(EVENT_MOUSEENTER, function (event) {
|
306
282
|
return _this2.pause(event);
|
307
|
-
}).on(
|
283
|
+
}).on(EVENT_MOUSELEAVE, function (event) {
|
308
284
|
return _this2.cycle(event);
|
309
285
|
});
|
310
286
|
}
|
@@ -331,11 +307,7 @@
|
|
331
307
|
|
332
308
|
var move = function move(event) {
|
333
309
|
// ensure swiping with one touch and not pinching
|
334
|
-
|
335
|
-
_this3.touchDeltaX = 0;
|
336
|
-
} else {
|
337
|
-
_this3.touchDeltaX = event.originalEvent.touches[0].clientX - _this3.touchStartX;
|
338
|
-
}
|
310
|
+
_this3.touchDeltaX = event.originalEvent.touches && event.originalEvent.touches.length > 1 ? 0 : event.originalEvent.touches[0].clientX - _this3.touchStartX;
|
339
311
|
};
|
340
312
|
|
341
313
|
var end = function end(event) {
|
@@ -365,27 +337,27 @@
|
|
365
337
|
}
|
366
338
|
};
|
367
339
|
|
368
|
-
$(this._element.querySelectorAll(
|
340
|
+
$__default["default"](this._element.querySelectorAll(SELECTOR_ITEM_IMG)).on(EVENT_DRAG_START, function (e) {
|
369
341
|
return e.preventDefault();
|
370
342
|
});
|
371
343
|
|
372
344
|
if (this._pointerEvent) {
|
373
|
-
$(this._element).on(
|
345
|
+
$__default["default"](this._element).on(EVENT_POINTERDOWN, function (event) {
|
374
346
|
return start(event);
|
375
347
|
});
|
376
|
-
$(this._element).on(
|
348
|
+
$__default["default"](this._element).on(EVENT_POINTERUP, function (event) {
|
377
349
|
return end(event);
|
378
350
|
});
|
379
351
|
|
380
|
-
this._element.classList.add(
|
352
|
+
this._element.classList.add(CLASS_NAME_POINTER_EVENT);
|
381
353
|
} else {
|
382
|
-
$(this._element).on(
|
354
|
+
$__default["default"](this._element).on(EVENT_TOUCHSTART, function (event) {
|
383
355
|
return start(event);
|
384
356
|
});
|
385
|
-
$(this._element).on(
|
357
|
+
$__default["default"](this._element).on(EVENT_TOUCHMOVE, function (event) {
|
386
358
|
return move(event);
|
387
359
|
});
|
388
|
-
$(this._element).on(
|
360
|
+
$__default["default"](this._element).on(EVENT_TOUCHEND, function (event) {
|
389
361
|
return end(event);
|
390
362
|
});
|
391
363
|
}
|
@@ -406,19 +378,17 @@
|
|
406
378
|
event.preventDefault();
|
407
379
|
this.next();
|
408
380
|
break;
|
409
|
-
|
410
|
-
default:
|
411
381
|
}
|
412
382
|
};
|
413
383
|
|
414
384
|
_proto._getItemIndex = function _getItemIndex(element) {
|
415
|
-
this._items = element && element.parentNode ? [].slice.call(element.parentNode.querySelectorAll(
|
385
|
+
this._items = element && element.parentNode ? [].slice.call(element.parentNode.querySelectorAll(SELECTOR_ITEM)) : [];
|
416
386
|
return this._items.indexOf(element);
|
417
387
|
};
|
418
388
|
|
419
389
|
_proto._getItemByDirection = function _getItemByDirection(direction, activeElement) {
|
420
|
-
var isNextDirection = direction ===
|
421
|
-
var isPrevDirection = direction ===
|
390
|
+
var isNextDirection = direction === DIRECTION_NEXT;
|
391
|
+
var isPrevDirection = direction === DIRECTION_PREV;
|
422
392
|
|
423
393
|
var activeIndex = this._getItemIndex(activeElement);
|
424
394
|
|
@@ -429,7 +399,7 @@
|
|
429
399
|
return activeElement;
|
430
400
|
}
|
431
401
|
|
432
|
-
var delta = direction ===
|
402
|
+
var delta = direction === DIRECTION_PREV ? -1 : 1;
|
433
403
|
var itemIndex = (activeIndex + delta) % this._items.length;
|
434
404
|
return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex];
|
435
405
|
};
|
@@ -437,35 +407,52 @@
|
|
437
407
|
_proto._triggerSlideEvent = function _triggerSlideEvent(relatedTarget, eventDirectionName) {
|
438
408
|
var targetIndex = this._getItemIndex(relatedTarget);
|
439
409
|
|
440
|
-
var fromIndex = this._getItemIndex(this._element.querySelector(
|
410
|
+
var fromIndex = this._getItemIndex(this._element.querySelector(SELECTOR_ACTIVE_ITEM));
|
441
411
|
|
442
|
-
var slideEvent =
|
412
|
+
var slideEvent = $__default["default"].Event(EVENT_SLIDE, {
|
443
413
|
relatedTarget: relatedTarget,
|
444
414
|
direction: eventDirectionName,
|
445
415
|
from: fromIndex,
|
446
416
|
to: targetIndex
|
447
417
|
});
|
448
|
-
$(this._element).trigger(slideEvent);
|
418
|
+
$__default["default"](this._element).trigger(slideEvent);
|
449
419
|
return slideEvent;
|
450
420
|
};
|
451
421
|
|
452
422
|
_proto._setActiveIndicatorElement = function _setActiveIndicatorElement(element) {
|
453
423
|
if (this._indicatorsElement) {
|
454
|
-
var indicators = [].slice.call(this._indicatorsElement.querySelectorAll(
|
455
|
-
$(indicators).removeClass(
|
424
|
+
var indicators = [].slice.call(this._indicatorsElement.querySelectorAll(SELECTOR_ACTIVE));
|
425
|
+
$__default["default"](indicators).removeClass(CLASS_NAME_ACTIVE);
|
456
426
|
|
457
427
|
var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)];
|
458
428
|
|
459
429
|
if (nextIndicator) {
|
460
|
-
$(nextIndicator).addClass(
|
430
|
+
$__default["default"](nextIndicator).addClass(CLASS_NAME_ACTIVE);
|
461
431
|
}
|
462
432
|
}
|
463
433
|
};
|
464
434
|
|
435
|
+
_proto._updateInterval = function _updateInterval() {
|
436
|
+
var element = this._activeElement || this._element.querySelector(SELECTOR_ACTIVE_ITEM);
|
437
|
+
|
438
|
+
if (!element) {
|
439
|
+
return;
|
440
|
+
}
|
441
|
+
|
442
|
+
var elementInterval = parseInt(element.getAttribute('data-interval'), 10);
|
443
|
+
|
444
|
+
if (elementInterval) {
|
445
|
+
this._config.defaultInterval = this._config.defaultInterval || this._config.interval;
|
446
|
+
this._config.interval = elementInterval;
|
447
|
+
} else {
|
448
|
+
this._config.interval = this._config.defaultInterval || this._config.interval;
|
449
|
+
}
|
450
|
+
};
|
451
|
+
|
465
452
|
_proto._slide = function _slide(direction, element) {
|
466
453
|
var _this4 = this;
|
467
454
|
|
468
|
-
var activeElement = this._element.querySelector(
|
455
|
+
var activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM);
|
469
456
|
|
470
457
|
var activeElementIndex = this._getItemIndex(activeElement);
|
471
458
|
|
@@ -478,17 +465,17 @@
|
|
478
465
|
var orderClassName;
|
479
466
|
var eventDirectionName;
|
480
467
|
|
481
|
-
if (direction ===
|
482
|
-
directionalClassName =
|
483
|
-
orderClassName =
|
484
|
-
eventDirectionName =
|
468
|
+
if (direction === DIRECTION_NEXT) {
|
469
|
+
directionalClassName = CLASS_NAME_LEFT;
|
470
|
+
orderClassName = CLASS_NAME_NEXT;
|
471
|
+
eventDirectionName = DIRECTION_LEFT;
|
485
472
|
} else {
|
486
|
-
directionalClassName =
|
487
|
-
orderClassName =
|
488
|
-
eventDirectionName =
|
473
|
+
directionalClassName = CLASS_NAME_RIGHT;
|
474
|
+
orderClassName = CLASS_NAME_PREV;
|
475
|
+
eventDirectionName = DIRECTION_RIGHT;
|
489
476
|
}
|
490
477
|
|
491
|
-
if (nextElement && $(nextElement).hasClass(
|
478
|
+
if (nextElement && $__default["default"](nextElement).hasClass(CLASS_NAME_ACTIVE)) {
|
492
479
|
this._isSliding = false;
|
493
480
|
return;
|
494
481
|
}
|
@@ -512,41 +499,33 @@
|
|
512
499
|
|
513
500
|
this._setActiveIndicatorElement(nextElement);
|
514
501
|
|
515
|
-
|
502
|
+
this._activeElement = nextElement;
|
503
|
+
var slidEvent = $__default["default"].Event(EVENT_SLID, {
|
516
504
|
relatedTarget: nextElement,
|
517
505
|
direction: eventDirectionName,
|
518
506
|
from: activeElementIndex,
|
519
507
|
to: nextElementIndex
|
520
508
|
});
|
521
509
|
|
522
|
-
if ($(this._element).hasClass(
|
523
|
-
$(nextElement).addClass(orderClassName);
|
524
|
-
|
525
|
-
$(activeElement).addClass(directionalClassName);
|
526
|
-
$(nextElement).addClass(directionalClassName);
|
527
|
-
var
|
528
|
-
|
529
|
-
|
530
|
-
|
531
|
-
this._config.interval = nextElementInterval;
|
532
|
-
} else {
|
533
|
-
this._config.interval = this._config.defaultInterval || this._config.interval;
|
534
|
-
}
|
535
|
-
|
536
|
-
var transitionDuration = Util.getTransitionDurationFromElement(activeElement);
|
537
|
-
$(activeElement).one(Util.TRANSITION_END, function () {
|
538
|
-
$(nextElement).removeClass(directionalClassName + " " + orderClassName).addClass(ClassName.ACTIVE);
|
539
|
-
$(activeElement).removeClass(ClassName.ACTIVE + " " + orderClassName + " " + directionalClassName);
|
510
|
+
if ($__default["default"](this._element).hasClass(CLASS_NAME_SLIDE)) {
|
511
|
+
$__default["default"](nextElement).addClass(orderClassName);
|
512
|
+
Util__default["default"].reflow(nextElement);
|
513
|
+
$__default["default"](activeElement).addClass(directionalClassName);
|
514
|
+
$__default["default"](nextElement).addClass(directionalClassName);
|
515
|
+
var transitionDuration = Util__default["default"].getTransitionDurationFromElement(activeElement);
|
516
|
+
$__default["default"](activeElement).one(Util__default["default"].TRANSITION_END, function () {
|
517
|
+
$__default["default"](nextElement).removeClass(directionalClassName + " " + orderClassName).addClass(CLASS_NAME_ACTIVE);
|
518
|
+
$__default["default"](activeElement).removeClass(CLASS_NAME_ACTIVE + " " + orderClassName + " " + directionalClassName);
|
540
519
|
_this4._isSliding = false;
|
541
520
|
setTimeout(function () {
|
542
|
-
return $(_this4._element).trigger(slidEvent);
|
521
|
+
return $__default["default"](_this4._element).trigger(slidEvent);
|
543
522
|
}, 0);
|
544
523
|
}).emulateTransitionEnd(transitionDuration);
|
545
524
|
} else {
|
546
|
-
$(activeElement).removeClass(
|
547
|
-
$(nextElement).addClass(
|
525
|
+
$__default["default"](activeElement).removeClass(CLASS_NAME_ACTIVE);
|
526
|
+
$__default["default"](nextElement).addClass(CLASS_NAME_ACTIVE);
|
548
527
|
this._isSliding = false;
|
549
|
-
$(this._element).trigger(slidEvent);
|
528
|
+
$__default["default"](this._element).trigger(slidEvent);
|
550
529
|
}
|
551
530
|
|
552
531
|
if (isCycling) {
|
@@ -557,19 +536,19 @@
|
|
557
536
|
|
558
537
|
Carousel._jQueryInterface = function _jQueryInterface(config) {
|
559
538
|
return this.each(function () {
|
560
|
-
var data = $(this).data(DATA_KEY);
|
539
|
+
var data = $__default["default"](this).data(DATA_KEY);
|
561
540
|
|
562
|
-
var _config =
|
541
|
+
var _config = _extends({}, Default, $__default["default"](this).data());
|
563
542
|
|
564
543
|
if (typeof config === 'object') {
|
565
|
-
_config =
|
544
|
+
_config = _extends({}, _config, config);
|
566
545
|
}
|
567
546
|
|
568
547
|
var action = typeof config === 'string' ? config : _config.slide;
|
569
548
|
|
570
549
|
if (!data) {
|
571
550
|
data = new Carousel(this, _config);
|
572
|
-
$(this).data(DATA_KEY, data);
|
551
|
+
$__default["default"](this).data(DATA_KEY, data);
|
573
552
|
}
|
574
553
|
|
575
554
|
if (typeof config === 'number') {
|
@@ -588,19 +567,19 @@
|
|
588
567
|
};
|
589
568
|
|
590
569
|
Carousel._dataApiClickHandler = function _dataApiClickHandler(event) {
|
591
|
-
var selector =
|
570
|
+
var selector = Util__default["default"].getSelectorFromElement(this);
|
592
571
|
|
593
572
|
if (!selector) {
|
594
573
|
return;
|
595
574
|
}
|
596
575
|
|
597
|
-
var target = $(selector)[0];
|
576
|
+
var target = $__default["default"](selector)[0];
|
598
577
|
|
599
|
-
if (!target || !$(target).hasClass(
|
578
|
+
if (!target || !$__default["default"](target).hasClass(CLASS_NAME_CAROUSEL)) {
|
600
579
|
return;
|
601
580
|
}
|
602
581
|
|
603
|
-
var config =
|
582
|
+
var config = _extends({}, $__default["default"](target).data(), $__default["default"](this).data());
|
604
583
|
|
605
584
|
var slideIndex = this.getAttribute('data-slide-to');
|
606
585
|
|
@@ -608,10 +587,10 @@
|
|
608
587
|
config.interval = false;
|
609
588
|
}
|
610
589
|
|
611
|
-
Carousel._jQueryInterface.call($(target), config);
|
590
|
+
Carousel._jQueryInterface.call($__default["default"](target), config);
|
612
591
|
|
613
592
|
if (slideIndex) {
|
614
|
-
$(target).data(DATA_KEY).to(slideIndex);
|
593
|
+
$__default["default"](target).data(DATA_KEY).to(slideIndex);
|
615
594
|
}
|
616
595
|
|
617
596
|
event.preventDefault();
|
@@ -632,33 +611,29 @@
|
|
632
611
|
return Carousel;
|
633
612
|
}();
|
634
613
|
/**
|
635
|
-
*
|
636
|
-
* Data Api implementation
|
637
|
-
* ------------------------------------------------------------------------
|
614
|
+
* Data API implementation
|
638
615
|
*/
|
639
616
|
|
640
617
|
|
641
|
-
$(document).on(
|
642
|
-
$(window).on(
|
643
|
-
var carousels = [].slice.call(document.querySelectorAll(
|
618
|
+
$__default["default"](document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_SLIDE, Carousel._dataApiClickHandler);
|
619
|
+
$__default["default"](window).on(EVENT_LOAD_DATA_API, function () {
|
620
|
+
var carousels = [].slice.call(document.querySelectorAll(SELECTOR_DATA_RIDE));
|
644
621
|
|
645
622
|
for (var i = 0, len = carousels.length; i < len; i++) {
|
646
|
-
var $carousel = $(carousels[i]);
|
623
|
+
var $carousel = $__default["default"](carousels[i]);
|
647
624
|
|
648
625
|
Carousel._jQueryInterface.call($carousel, $carousel.data());
|
649
626
|
}
|
650
627
|
});
|
651
628
|
/**
|
652
|
-
* ------------------------------------------------------------------------
|
653
629
|
* jQuery
|
654
|
-
* ------------------------------------------------------------------------
|
655
630
|
*/
|
656
631
|
|
657
|
-
|
658
|
-
|
632
|
+
$__default["default"].fn[NAME] = Carousel._jQueryInterface;
|
633
|
+
$__default["default"].fn[NAME].Constructor = Carousel;
|
659
634
|
|
660
|
-
|
661
|
-
|
635
|
+
$__default["default"].fn[NAME].noConflict = function () {
|
636
|
+
$__default["default"].fn[NAME] = JQUERY_NO_CONFLICT;
|
662
637
|
return Carousel._jQueryInterface;
|
663
638
|
};
|
664
639
|
|