bootstrap 4.4.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 +11 -1
- data/CHANGELOG.md +4 -0
- data/README.md +7 -1
- data/Rakefile +16 -4
- data/assets/javascripts/bootstrap/alert.js +42 -53
- data/assets/javascripts/bootstrap/button.js +76 -81
- data/assets/javascripts/bootstrap/carousel.js +161 -199
- data/assets/javascripts/bootstrap/collapse.js +97 -142
- data/assets/javascripts/bootstrap/dropdown.js +130 -186
- data/assets/javascripts/bootstrap/modal.js +191 -213
- data/assets/javascripts/bootstrap/popover.js +62 -92
- data/assets/javascripts/bootstrap/scrollspy.js +81 -132
- data/assets/javascripts/bootstrap/tab.js +78 -83
- data/assets/javascripts/bootstrap/toast.js +83 -118
- data/assets/javascripts/bootstrap/tooltip.js +158 -198
- data/assets/javascripts/bootstrap/util.js +27 -26
- data/assets/javascripts/bootstrap-sprockets.js +7 -7
- data/assets/javascripts/bootstrap.js +1037 -1202
- 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/_breadcrumb.scss +1 -1
- data/assets/stylesheets/bootstrap/_buttons.scss +10 -7
- data/assets/stylesheets/bootstrap/_card.scss +30 -22
- data/assets/stylesheets/bootstrap/_carousel.scss +6 -3
- data/assets/stylesheets/bootstrap/_close.scss +0 -1
- data/assets/stylesheets/bootstrap/_custom-forms.scss +23 -18
- data/assets/stylesheets/bootstrap/_dropdown.scss +4 -3
- data/assets/stylesheets/bootstrap/_forms.scss +19 -10
- data/assets/stylesheets/bootstrap/_functions.scss +62 -6
- data/assets/stylesheets/bootstrap/_grid.scss +10 -6
- data/assets/stylesheets/bootstrap/_images.scss +1 -1
- data/assets/stylesheets/bootstrap/_input-group.scss +24 -4
- data/assets/stylesheets/bootstrap/_jumbotron.scss +1 -1
- data/assets/stylesheets/bootstrap/_list-group.scss +10 -14
- data/assets/stylesheets/bootstrap/_modal.scss +4 -3
- data/assets/stylesheets/bootstrap/_nav.scss +9 -4
- data/assets/stylesheets/bootstrap/_navbar.scss +10 -2
- data/assets/stylesheets/bootstrap/_pagination.scss +3 -2
- data/assets/stylesheets/bootstrap/_popover.scss +9 -9
- data/assets/stylesheets/bootstrap/_print.scss +0 -9
- data/assets/stylesheets/bootstrap/_progress.scss +2 -1
- data/assets/stylesheets/bootstrap/_reboot.scss +27 -25
- data/assets/stylesheets/bootstrap/_root.scss +0 -1
- data/assets/stylesheets/bootstrap/_spinners.scss +18 -8
- 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 +1 -1
- data/assets/stylesheets/bootstrap/_utilities.scss +2 -1
- data/assets/stylesheets/bootstrap/_variables.scss +34 -28
- data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +2 -1
- data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +27 -14
- data/assets/stylesheets/bootstrap/mixins/_buttons.scss +6 -6
- data/assets/stylesheets/bootstrap/mixins/_forms.scss +23 -5
- data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +26 -17
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +17 -17
- data/assets/stylesheets/bootstrap/mixins/_image.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +2 -2
- data/assets/stylesheets/bootstrap/mixins/_transition.scss +18 -8
- data/assets/stylesheets/bootstrap/utilities/_background.scss +1 -1
- 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 +2 -2
- data/assets/stylesheets/bootstrap/vendor/_rfs.scss +126 -102
- data/bootstrap.gemspec +1 -3
- 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/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
- metadata +12 -19
|
@@ -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,70 +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
|
-
}
|
|
45
|
-
|
|
46
|
-
function ownKeys(object, enumerableOnly) {
|
|
47
|
-
var keys = Object.keys(object);
|
|
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];
|
|
48
40
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
keys.push.apply(keys, symbols);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
return keys;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
function _objectSpread2(target) {
|
|
61
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
62
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
63
|
-
|
|
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
|
-
});
|
|
41
|
+
for (var key in source) {
|
|
42
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
43
|
+
target[key] = source[key];
|
|
44
|
+
}
|
|
45
|
+
}
|
|
74
46
|
}
|
|
75
|
-
}
|
|
76
47
|
|
|
77
|
-
|
|
48
|
+
return target;
|
|
49
|
+
};
|
|
50
|
+
return _extends.apply(this, arguments);
|
|
78
51
|
}
|
|
79
52
|
|
|
80
53
|
/**
|
|
81
|
-
* ------------------------------------------------------------------------
|
|
82
54
|
* Constants
|
|
83
|
-
* ------------------------------------------------------------------------
|
|
84
55
|
*/
|
|
85
56
|
|
|
86
57
|
var NAME = 'carousel';
|
|
87
|
-
var VERSION = '4.
|
|
58
|
+
var VERSION = '4.6.2';
|
|
88
59
|
var DATA_KEY = 'bs.carousel';
|
|
89
60
|
var EVENT_KEY = "." + DATA_KEY;
|
|
90
61
|
var DATA_API_KEY = '.data-api';
|
|
91
|
-
var JQUERY_NO_CONFLICT =
|
|
62
|
+
var JQUERY_NO_CONFLICT = $__default["default"].fn[NAME];
|
|
92
63
|
var ARROW_LEFT_KEYCODE = 37; // KeyboardEvent.which value for left arrow key
|
|
93
64
|
|
|
94
65
|
var ARROW_RIGHT_KEYCODE = 39; // KeyboardEvent.which value for right arrow key
|
|
@@ -96,6 +67,39 @@
|
|
|
96
67
|
var TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch
|
|
97
68
|
|
|
98
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"]';
|
|
99
103
|
var Default = {
|
|
100
104
|
interval: 5000,
|
|
101
105
|
keyboard: true,
|
|
@@ -112,61 +116,15 @@
|
|
|
112
116
|
wrap: 'boolean',
|
|
113
117
|
touch: 'boolean'
|
|
114
118
|
};
|
|
115
|
-
var Direction = {
|
|
116
|
-
NEXT: 'next',
|
|
117
|
-
PREV: 'prev',
|
|
118
|
-
LEFT: 'left',
|
|
119
|
-
RIGHT: 'right'
|
|
120
|
-
};
|
|
121
|
-
var Event = {
|
|
122
|
-
SLIDE: "slide" + EVENT_KEY,
|
|
123
|
-
SLID: "slid" + EVENT_KEY,
|
|
124
|
-
KEYDOWN: "keydown" + EVENT_KEY,
|
|
125
|
-
MOUSEENTER: "mouseenter" + EVENT_KEY,
|
|
126
|
-
MOUSELEAVE: "mouseleave" + EVENT_KEY,
|
|
127
|
-
TOUCHSTART: "touchstart" + EVENT_KEY,
|
|
128
|
-
TOUCHMOVE: "touchmove" + EVENT_KEY,
|
|
129
|
-
TOUCHEND: "touchend" + EVENT_KEY,
|
|
130
|
-
POINTERDOWN: "pointerdown" + EVENT_KEY,
|
|
131
|
-
POINTERUP: "pointerup" + EVENT_KEY,
|
|
132
|
-
DRAG_START: "dragstart" + EVENT_KEY,
|
|
133
|
-
LOAD_DATA_API: "load" + EVENT_KEY + DATA_API_KEY,
|
|
134
|
-
CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
|
|
135
|
-
};
|
|
136
|
-
var ClassName = {
|
|
137
|
-
CAROUSEL: 'carousel',
|
|
138
|
-
ACTIVE: 'active',
|
|
139
|
-
SLIDE: 'slide',
|
|
140
|
-
RIGHT: 'carousel-item-right',
|
|
141
|
-
LEFT: 'carousel-item-left',
|
|
142
|
-
NEXT: 'carousel-item-next',
|
|
143
|
-
PREV: 'carousel-item-prev',
|
|
144
|
-
ITEM: 'carousel-item',
|
|
145
|
-
POINTER_EVENT: 'pointer-event'
|
|
146
|
-
};
|
|
147
|
-
var Selector = {
|
|
148
|
-
ACTIVE: '.active',
|
|
149
|
-
ACTIVE_ITEM: '.active.carousel-item',
|
|
150
|
-
ITEM: '.carousel-item',
|
|
151
|
-
ITEM_IMG: '.carousel-item img',
|
|
152
|
-
NEXT_PREV: '.carousel-item-next, .carousel-item-prev',
|
|
153
|
-
INDICATORS: '.carousel-indicators',
|
|
154
|
-
DATA_SLIDE: '[data-slide], [data-slide-to]',
|
|
155
|
-
DATA_RIDE: '[data-ride="carousel"]'
|
|
156
|
-
};
|
|
157
119
|
var PointerType = {
|
|
158
120
|
TOUCH: 'touch',
|
|
159
121
|
PEN: 'pen'
|
|
160
122
|
};
|
|
161
123
|
/**
|
|
162
|
-
*
|
|
163
|
-
* Class Definition
|
|
164
|
-
* ------------------------------------------------------------------------
|
|
124
|
+
* Class definition
|
|
165
125
|
*/
|
|
166
126
|
|
|
167
|
-
var Carousel =
|
|
168
|
-
/*#__PURE__*/
|
|
169
|
-
function () {
|
|
127
|
+
var Carousel = /*#__PURE__*/function () {
|
|
170
128
|
function Carousel(element, config) {
|
|
171
129
|
this._items = null;
|
|
172
130
|
this._interval = null;
|
|
@@ -178,7 +136,7 @@
|
|
|
178
136
|
this.touchDeltaX = 0;
|
|
179
137
|
this._config = this._getConfig(config);
|
|
180
138
|
this._element = element;
|
|
181
|
-
this._indicatorsElement = this._element.querySelector(
|
|
139
|
+
this._indicatorsElement = this._element.querySelector(SELECTOR_INDICATORS);
|
|
182
140
|
this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;
|
|
183
141
|
this._pointerEvent = Boolean(window.PointerEvent || window.MSPointerEvent);
|
|
184
142
|
|
|
@@ -191,21 +149,22 @@
|
|
|
191
149
|
// Public
|
|
192
150
|
_proto.next = function next() {
|
|
193
151
|
if (!this._isSliding) {
|
|
194
|
-
this._slide(
|
|
152
|
+
this._slide(DIRECTION_NEXT);
|
|
195
153
|
}
|
|
196
154
|
};
|
|
197
155
|
|
|
198
156
|
_proto.nextWhenVisible = function nextWhenVisible() {
|
|
199
|
-
// 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
|
|
200
158
|
// or the carousel or its parent isn't visible
|
|
201
|
-
|
|
159
|
+
|
|
160
|
+
if (!document.hidden && $element.is(':visible') && $element.css('visibility') !== 'hidden') {
|
|
202
161
|
this.next();
|
|
203
162
|
}
|
|
204
163
|
};
|
|
205
164
|
|
|
206
165
|
_proto.prev = function prev() {
|
|
207
166
|
if (!this._isSliding) {
|
|
208
|
-
this._slide(
|
|
167
|
+
this._slide(DIRECTION_PREV);
|
|
209
168
|
}
|
|
210
169
|
};
|
|
211
170
|
|
|
@@ -214,8 +173,8 @@
|
|
|
214
173
|
this._isPaused = true;
|
|
215
174
|
}
|
|
216
175
|
|
|
217
|
-
if (this._element.querySelector(
|
|
218
|
-
|
|
176
|
+
if (this._element.querySelector(SELECTOR_NEXT_PREV)) {
|
|
177
|
+
Util__default["default"].triggerTransitionEnd(this._element);
|
|
219
178
|
this.cycle(true);
|
|
220
179
|
}
|
|
221
180
|
|
|
@@ -234,6 +193,8 @@
|
|
|
234
193
|
}
|
|
235
194
|
|
|
236
195
|
if (this._config.interval && !this._isPaused) {
|
|
196
|
+
this._updateInterval();
|
|
197
|
+
|
|
237
198
|
this._interval = setInterval((document.visibilityState ? this.nextWhenVisible : this.next).bind(this), this._config.interval);
|
|
238
199
|
}
|
|
239
200
|
};
|
|
@@ -241,7 +202,7 @@
|
|
|
241
202
|
_proto.to = function to(index) {
|
|
242
203
|
var _this = this;
|
|
243
204
|
|
|
244
|
-
this._activeElement = this._element.querySelector(
|
|
205
|
+
this._activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM);
|
|
245
206
|
|
|
246
207
|
var activeIndex = this._getItemIndex(this._activeElement);
|
|
247
208
|
|
|
@@ -250,7 +211,7 @@
|
|
|
250
211
|
}
|
|
251
212
|
|
|
252
213
|
if (this._isSliding) {
|
|
253
|
-
$(this._element).one(
|
|
214
|
+
$__default["default"](this._element).one(EVENT_SLID, function () {
|
|
254
215
|
return _this.to(index);
|
|
255
216
|
});
|
|
256
217
|
return;
|
|
@@ -262,14 +223,14 @@
|
|
|
262
223
|
return;
|
|
263
224
|
}
|
|
264
225
|
|
|
265
|
-
var direction = index > activeIndex ?
|
|
226
|
+
var direction = index > activeIndex ? DIRECTION_NEXT : DIRECTION_PREV;
|
|
266
227
|
|
|
267
228
|
this._slide(direction, this._items[index]);
|
|
268
229
|
};
|
|
269
230
|
|
|
270
231
|
_proto.dispose = function dispose() {
|
|
271
|
-
$(this._element).off(EVENT_KEY);
|
|
272
|
-
|
|
232
|
+
$__default["default"](this._element).off(EVENT_KEY);
|
|
233
|
+
$__default["default"].removeData(this._element, DATA_KEY);
|
|
273
234
|
this._items = null;
|
|
274
235
|
this._config = null;
|
|
275
236
|
this._element = null;
|
|
@@ -282,8 +243,8 @@
|
|
|
282
243
|
;
|
|
283
244
|
|
|
284
245
|
_proto._getConfig = function _getConfig(config) {
|
|
285
|
-
config =
|
|
286
|
-
|
|
246
|
+
config = _extends({}, Default, config);
|
|
247
|
+
Util__default["default"].typeCheckConfig(NAME, config, DefaultType);
|
|
287
248
|
return config;
|
|
288
249
|
};
|
|
289
250
|
|
|
@@ -311,15 +272,15 @@
|
|
|
311
272
|
var _this2 = this;
|
|
312
273
|
|
|
313
274
|
if (this._config.keyboard) {
|
|
314
|
-
$(this._element).on(
|
|
275
|
+
$__default["default"](this._element).on(EVENT_KEYDOWN, function (event) {
|
|
315
276
|
return _this2._keydown(event);
|
|
316
277
|
});
|
|
317
278
|
}
|
|
318
279
|
|
|
319
280
|
if (this._config.pause === 'hover') {
|
|
320
|
-
$(this._element).on(
|
|
281
|
+
$__default["default"](this._element).on(EVENT_MOUSEENTER, function (event) {
|
|
321
282
|
return _this2.pause(event);
|
|
322
|
-
}).on(
|
|
283
|
+
}).on(EVENT_MOUSELEAVE, function (event) {
|
|
323
284
|
return _this2.cycle(event);
|
|
324
285
|
});
|
|
325
286
|
}
|
|
@@ -346,11 +307,7 @@
|
|
|
346
307
|
|
|
347
308
|
var move = function move(event) {
|
|
348
309
|
// ensure swiping with one touch and not pinching
|
|
349
|
-
|
|
350
|
-
_this3.touchDeltaX = 0;
|
|
351
|
-
} else {
|
|
352
|
-
_this3.touchDeltaX = event.originalEvent.touches[0].clientX - _this3.touchStartX;
|
|
353
|
-
}
|
|
310
|
+
_this3.touchDeltaX = event.originalEvent.touches && event.originalEvent.touches.length > 1 ? 0 : event.originalEvent.touches[0].clientX - _this3.touchStartX;
|
|
354
311
|
};
|
|
355
312
|
|
|
356
313
|
var end = function end(event) {
|
|
@@ -380,27 +337,27 @@
|
|
|
380
337
|
}
|
|
381
338
|
};
|
|
382
339
|
|
|
383
|
-
$(this._element.querySelectorAll(
|
|
340
|
+
$__default["default"](this._element.querySelectorAll(SELECTOR_ITEM_IMG)).on(EVENT_DRAG_START, function (e) {
|
|
384
341
|
return e.preventDefault();
|
|
385
342
|
});
|
|
386
343
|
|
|
387
344
|
if (this._pointerEvent) {
|
|
388
|
-
$(this._element).on(
|
|
345
|
+
$__default["default"](this._element).on(EVENT_POINTERDOWN, function (event) {
|
|
389
346
|
return start(event);
|
|
390
347
|
});
|
|
391
|
-
$(this._element).on(
|
|
348
|
+
$__default["default"](this._element).on(EVENT_POINTERUP, function (event) {
|
|
392
349
|
return end(event);
|
|
393
350
|
});
|
|
394
351
|
|
|
395
|
-
this._element.classList.add(
|
|
352
|
+
this._element.classList.add(CLASS_NAME_POINTER_EVENT);
|
|
396
353
|
} else {
|
|
397
|
-
$(this._element).on(
|
|
354
|
+
$__default["default"](this._element).on(EVENT_TOUCHSTART, function (event) {
|
|
398
355
|
return start(event);
|
|
399
356
|
});
|
|
400
|
-
$(this._element).on(
|
|
357
|
+
$__default["default"](this._element).on(EVENT_TOUCHMOVE, function (event) {
|
|
401
358
|
return move(event);
|
|
402
359
|
});
|
|
403
|
-
$(this._element).on(
|
|
360
|
+
$__default["default"](this._element).on(EVENT_TOUCHEND, function (event) {
|
|
404
361
|
return end(event);
|
|
405
362
|
});
|
|
406
363
|
}
|
|
@@ -425,13 +382,13 @@
|
|
|
425
382
|
};
|
|
426
383
|
|
|
427
384
|
_proto._getItemIndex = function _getItemIndex(element) {
|
|
428
|
-
this._items = element && element.parentNode ? [].slice.call(element.parentNode.querySelectorAll(
|
|
385
|
+
this._items = element && element.parentNode ? [].slice.call(element.parentNode.querySelectorAll(SELECTOR_ITEM)) : [];
|
|
429
386
|
return this._items.indexOf(element);
|
|
430
387
|
};
|
|
431
388
|
|
|
432
389
|
_proto._getItemByDirection = function _getItemByDirection(direction, activeElement) {
|
|
433
|
-
var isNextDirection = direction ===
|
|
434
|
-
var isPrevDirection = direction ===
|
|
390
|
+
var isNextDirection = direction === DIRECTION_NEXT;
|
|
391
|
+
var isPrevDirection = direction === DIRECTION_PREV;
|
|
435
392
|
|
|
436
393
|
var activeIndex = this._getItemIndex(activeElement);
|
|
437
394
|
|
|
@@ -442,7 +399,7 @@
|
|
|
442
399
|
return activeElement;
|
|
443
400
|
}
|
|
444
401
|
|
|
445
|
-
var delta = direction ===
|
|
402
|
+
var delta = direction === DIRECTION_PREV ? -1 : 1;
|
|
446
403
|
var itemIndex = (activeIndex + delta) % this._items.length;
|
|
447
404
|
return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex];
|
|
448
405
|
};
|
|
@@ -450,35 +407,52 @@
|
|
|
450
407
|
_proto._triggerSlideEvent = function _triggerSlideEvent(relatedTarget, eventDirectionName) {
|
|
451
408
|
var targetIndex = this._getItemIndex(relatedTarget);
|
|
452
409
|
|
|
453
|
-
var fromIndex = this._getItemIndex(this._element.querySelector(
|
|
410
|
+
var fromIndex = this._getItemIndex(this._element.querySelector(SELECTOR_ACTIVE_ITEM));
|
|
454
411
|
|
|
455
|
-
var slideEvent =
|
|
412
|
+
var slideEvent = $__default["default"].Event(EVENT_SLIDE, {
|
|
456
413
|
relatedTarget: relatedTarget,
|
|
457
414
|
direction: eventDirectionName,
|
|
458
415
|
from: fromIndex,
|
|
459
416
|
to: targetIndex
|
|
460
417
|
});
|
|
461
|
-
$(this._element).trigger(slideEvent);
|
|
418
|
+
$__default["default"](this._element).trigger(slideEvent);
|
|
462
419
|
return slideEvent;
|
|
463
420
|
};
|
|
464
421
|
|
|
465
422
|
_proto._setActiveIndicatorElement = function _setActiveIndicatorElement(element) {
|
|
466
423
|
if (this._indicatorsElement) {
|
|
467
|
-
var indicators = [].slice.call(this._indicatorsElement.querySelectorAll(
|
|
468
|
-
$(indicators).removeClass(
|
|
424
|
+
var indicators = [].slice.call(this._indicatorsElement.querySelectorAll(SELECTOR_ACTIVE));
|
|
425
|
+
$__default["default"](indicators).removeClass(CLASS_NAME_ACTIVE);
|
|
469
426
|
|
|
470
427
|
var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)];
|
|
471
428
|
|
|
472
429
|
if (nextIndicator) {
|
|
473
|
-
$(nextIndicator).addClass(
|
|
430
|
+
$__default["default"](nextIndicator).addClass(CLASS_NAME_ACTIVE);
|
|
474
431
|
}
|
|
475
432
|
}
|
|
476
433
|
};
|
|
477
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
|
+
|
|
478
452
|
_proto._slide = function _slide(direction, element) {
|
|
479
453
|
var _this4 = this;
|
|
480
454
|
|
|
481
|
-
var activeElement = this._element.querySelector(
|
|
455
|
+
var activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM);
|
|
482
456
|
|
|
483
457
|
var activeElementIndex = this._getItemIndex(activeElement);
|
|
484
458
|
|
|
@@ -491,17 +465,17 @@
|
|
|
491
465
|
var orderClassName;
|
|
492
466
|
var eventDirectionName;
|
|
493
467
|
|
|
494
|
-
if (direction ===
|
|
495
|
-
directionalClassName =
|
|
496
|
-
orderClassName =
|
|
497
|
-
eventDirectionName =
|
|
468
|
+
if (direction === DIRECTION_NEXT) {
|
|
469
|
+
directionalClassName = CLASS_NAME_LEFT;
|
|
470
|
+
orderClassName = CLASS_NAME_NEXT;
|
|
471
|
+
eventDirectionName = DIRECTION_LEFT;
|
|
498
472
|
} else {
|
|
499
|
-
directionalClassName =
|
|
500
|
-
orderClassName =
|
|
501
|
-
eventDirectionName =
|
|
473
|
+
directionalClassName = CLASS_NAME_RIGHT;
|
|
474
|
+
orderClassName = CLASS_NAME_PREV;
|
|
475
|
+
eventDirectionName = DIRECTION_RIGHT;
|
|
502
476
|
}
|
|
503
477
|
|
|
504
|
-
if (nextElement && $(nextElement).hasClass(
|
|
478
|
+
if (nextElement && $__default["default"](nextElement).hasClass(CLASS_NAME_ACTIVE)) {
|
|
505
479
|
this._isSliding = false;
|
|
506
480
|
return;
|
|
507
481
|
}
|
|
@@ -525,41 +499,33 @@
|
|
|
525
499
|
|
|
526
500
|
this._setActiveIndicatorElement(nextElement);
|
|
527
501
|
|
|
528
|
-
|
|
502
|
+
this._activeElement = nextElement;
|
|
503
|
+
var slidEvent = $__default["default"].Event(EVENT_SLID, {
|
|
529
504
|
relatedTarget: nextElement,
|
|
530
505
|
direction: eventDirectionName,
|
|
531
506
|
from: activeElementIndex,
|
|
532
507
|
to: nextElementIndex
|
|
533
508
|
});
|
|
534
509
|
|
|
535
|
-
if ($(this._element).hasClass(
|
|
536
|
-
$(nextElement).addClass(orderClassName);
|
|
537
|
-
|
|
538
|
-
$(activeElement).addClass(directionalClassName);
|
|
539
|
-
$(nextElement).addClass(directionalClassName);
|
|
540
|
-
var
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
this._config.interval = nextElementInterval;
|
|
545
|
-
} else {
|
|
546
|
-
this._config.interval = this._config.defaultInterval || this._config.interval;
|
|
547
|
-
}
|
|
548
|
-
|
|
549
|
-
var transitionDuration = Util.getTransitionDurationFromElement(activeElement);
|
|
550
|
-
$(activeElement).one(Util.TRANSITION_END, function () {
|
|
551
|
-
$(nextElement).removeClass(directionalClassName + " " + orderClassName).addClass(ClassName.ACTIVE);
|
|
552
|
-
$(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);
|
|
553
519
|
_this4._isSliding = false;
|
|
554
520
|
setTimeout(function () {
|
|
555
|
-
return $(_this4._element).trigger(slidEvent);
|
|
521
|
+
return $__default["default"](_this4._element).trigger(slidEvent);
|
|
556
522
|
}, 0);
|
|
557
523
|
}).emulateTransitionEnd(transitionDuration);
|
|
558
524
|
} else {
|
|
559
|
-
$(activeElement).removeClass(
|
|
560
|
-
$(nextElement).addClass(
|
|
525
|
+
$__default["default"](activeElement).removeClass(CLASS_NAME_ACTIVE);
|
|
526
|
+
$__default["default"](nextElement).addClass(CLASS_NAME_ACTIVE);
|
|
561
527
|
this._isSliding = false;
|
|
562
|
-
$(this._element).trigger(slidEvent);
|
|
528
|
+
$__default["default"](this._element).trigger(slidEvent);
|
|
563
529
|
}
|
|
564
530
|
|
|
565
531
|
if (isCycling) {
|
|
@@ -570,19 +536,19 @@
|
|
|
570
536
|
|
|
571
537
|
Carousel._jQueryInterface = function _jQueryInterface(config) {
|
|
572
538
|
return this.each(function () {
|
|
573
|
-
var data = $(this).data(DATA_KEY);
|
|
539
|
+
var data = $__default["default"](this).data(DATA_KEY);
|
|
574
540
|
|
|
575
|
-
var _config =
|
|
541
|
+
var _config = _extends({}, Default, $__default["default"](this).data());
|
|
576
542
|
|
|
577
543
|
if (typeof config === 'object') {
|
|
578
|
-
_config =
|
|
544
|
+
_config = _extends({}, _config, config);
|
|
579
545
|
}
|
|
580
546
|
|
|
581
547
|
var action = typeof config === 'string' ? config : _config.slide;
|
|
582
548
|
|
|
583
549
|
if (!data) {
|
|
584
550
|
data = new Carousel(this, _config);
|
|
585
|
-
$(this).data(DATA_KEY, data);
|
|
551
|
+
$__default["default"](this).data(DATA_KEY, data);
|
|
586
552
|
}
|
|
587
553
|
|
|
588
554
|
if (typeof config === 'number') {
|
|
@@ -601,19 +567,19 @@
|
|
|
601
567
|
};
|
|
602
568
|
|
|
603
569
|
Carousel._dataApiClickHandler = function _dataApiClickHandler(event) {
|
|
604
|
-
var selector =
|
|
570
|
+
var selector = Util__default["default"].getSelectorFromElement(this);
|
|
605
571
|
|
|
606
572
|
if (!selector) {
|
|
607
573
|
return;
|
|
608
574
|
}
|
|
609
575
|
|
|
610
|
-
var target = $(selector)[0];
|
|
576
|
+
var target = $__default["default"](selector)[0];
|
|
611
577
|
|
|
612
|
-
if (!target || !$(target).hasClass(
|
|
578
|
+
if (!target || !$__default["default"](target).hasClass(CLASS_NAME_CAROUSEL)) {
|
|
613
579
|
return;
|
|
614
580
|
}
|
|
615
581
|
|
|
616
|
-
var config =
|
|
582
|
+
var config = _extends({}, $__default["default"](target).data(), $__default["default"](this).data());
|
|
617
583
|
|
|
618
584
|
var slideIndex = this.getAttribute('data-slide-to');
|
|
619
585
|
|
|
@@ -621,10 +587,10 @@
|
|
|
621
587
|
config.interval = false;
|
|
622
588
|
}
|
|
623
589
|
|
|
624
|
-
Carousel._jQueryInterface.call($(target), config);
|
|
590
|
+
Carousel._jQueryInterface.call($__default["default"](target), config);
|
|
625
591
|
|
|
626
592
|
if (slideIndex) {
|
|
627
|
-
$(target).data(DATA_KEY).to(slideIndex);
|
|
593
|
+
$__default["default"](target).data(DATA_KEY).to(slideIndex);
|
|
628
594
|
}
|
|
629
595
|
|
|
630
596
|
event.preventDefault();
|
|
@@ -645,36 +611,32 @@
|
|
|
645
611
|
return Carousel;
|
|
646
612
|
}();
|
|
647
613
|
/**
|
|
648
|
-
*
|
|
649
|
-
* Data Api implementation
|
|
650
|
-
* ------------------------------------------------------------------------
|
|
614
|
+
* Data API implementation
|
|
651
615
|
*/
|
|
652
616
|
|
|
653
617
|
|
|
654
|
-
$(document).on(
|
|
655
|
-
$(window).on(
|
|
656
|
-
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));
|
|
657
621
|
|
|
658
622
|
for (var i = 0, len = carousels.length; i < len; i++) {
|
|
659
|
-
var $carousel = $(carousels[i]);
|
|
623
|
+
var $carousel = $__default["default"](carousels[i]);
|
|
660
624
|
|
|
661
625
|
Carousel._jQueryInterface.call($carousel, $carousel.data());
|
|
662
626
|
}
|
|
663
627
|
});
|
|
664
628
|
/**
|
|
665
|
-
* ------------------------------------------------------------------------
|
|
666
629
|
* jQuery
|
|
667
|
-
* ------------------------------------------------------------------------
|
|
668
630
|
*/
|
|
669
631
|
|
|
670
|
-
|
|
671
|
-
|
|
632
|
+
$__default["default"].fn[NAME] = Carousel._jQueryInterface;
|
|
633
|
+
$__default["default"].fn[NAME].Constructor = Carousel;
|
|
672
634
|
|
|
673
|
-
|
|
674
|
-
|
|
635
|
+
$__default["default"].fn[NAME].noConflict = function () {
|
|
636
|
+
$__default["default"].fn[NAME] = JQUERY_NO_CONFLICT;
|
|
675
637
|
return Carousel._jQueryInterface;
|
|
676
638
|
};
|
|
677
639
|
|
|
678
640
|
return Carousel;
|
|
679
641
|
|
|
680
|
-
}))
|
|
642
|
+
}));
|