bootstrap 4.5.0 → 4.6.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/README.md +1 -1
- data/assets/javascripts/bootstrap/alert.js +35 -41
- data/assets/javascripts/bootstrap/button.js +42 -44
- data/assets/javascripts/bootstrap/carousel.js +126 -155
- data/assets/javascripts/bootstrap/collapse.js +88 -125
- data/assets/javascripts/bootstrap/dropdown.js +93 -133
- data/assets/javascripts/bootstrap/modal.js +163 -183
- data/assets/javascripts/bootstrap/popover.js +57 -82
- data/assets/javascripts/bootstrap/scrollspy.js +63 -100
- data/assets/javascripts/bootstrap/tab.js +58 -58
- data/assets/javascripts/bootstrap/toast.js +66 -95
- data/assets/javascripts/bootstrap/tooltip.js +136 -166
- data/assets/javascripts/bootstrap/util.js +22 -25
- data/assets/javascripts/bootstrap-sprockets.js +6 -6
- data/assets/javascripts/bootstrap.js +884 -947
- 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 -3
- data/assets/stylesheets/bootstrap/_card.scss +19 -15
- data/assets/stylesheets/bootstrap/_carousel.scss +6 -3
- data/assets/stylesheets/bootstrap/_custom-forms.scss +20 -16
- data/assets/stylesheets/bootstrap/_dropdown.scss +2 -2
- data/assets/stylesheets/bootstrap/_forms.scss +10 -10
- data/assets/stylesheets/bootstrap/_functions.scss +50 -1
- data/assets/stylesheets/bootstrap/_grid.scss +1 -5
- data/assets/stylesheets/bootstrap/_images.scss +1 -1
- data/assets/stylesheets/bootstrap/_input-group.scss +22 -3
- data/assets/stylesheets/bootstrap/_jumbotron.scss +1 -1
- data/assets/stylesheets/bootstrap/_list-group.scss +1 -1
- data/assets/stylesheets/bootstrap/_modal.scss +2 -3
- data/assets/stylesheets/bootstrap/_nav.scss +3 -4
- data/assets/stylesheets/bootstrap/_navbar.scss +10 -2
- data/assets/stylesheets/bootstrap/_pagination.scss +2 -2
- data/assets/stylesheets/bootstrap/_popover.scss +9 -9
- data/assets/stylesheets/bootstrap/_print.scss +0 -9
- data/assets/stylesheets/bootstrap/_progress.scss +1 -1
- data/assets/stylesheets/bootstrap/_reboot.scss +17 -13
- data/assets/stylesheets/bootstrap/_root.scss +0 -1
- data/assets/stylesheets/bootstrap/_spinners.scss +15 -6
- data/assets/stylesheets/bootstrap/_toasts.scss +4 -2
- data/assets/stylesheets/bootstrap/_tooltip.scss +4 -4
- data/assets/stylesheets/bootstrap/_type.scss +1 -1
- data/assets/stylesheets/bootstrap/_variables.scss +30 -29
- data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_forms.scss +21 -3
- data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +2 -3
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +17 -17
- data/assets/stylesheets/bootstrap/mixins/_image.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +2 -2
- data/assets/stylesheets/bootstrap/mixins/_transition.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/_spacing.scss +1 -1
- data/assets/stylesheets/bootstrap/utilities/_text.scss +2 -1
- data/assets/stylesheets/bootstrap/vendor/_rfs.scss +126 -102
- data/lib/bootstrap/version.rb +2 -2
- metadata +2 -2
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Bootstrap modal.js v4.
|
|
3
|
-
* Copyright 2011-
|
|
4
|
-
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/
|
|
2
|
+
* Bootstrap modal.js v4.6.1 (https://getbootstrap.com/)
|
|
3
|
+
* Copyright 2011-2021 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.Modal = 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.Modal = 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++) {
|
|
@@ -28,81 +30,43 @@
|
|
|
28
30
|
return Constructor;
|
|
29
31
|
}
|
|
30
32
|
|
|
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);
|
|
48
|
-
|
|
49
|
-
if (Object.getOwnPropertySymbols) {
|
|
50
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
51
|
-
if (enumerableOnly) symbols = symbols.filter(function (sym) {
|
|
52
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
53
|
-
});
|
|
54
|
-
keys.push.apply(keys, symbols);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
return keys;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
function _objectSpread2(target) {
|
|
61
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
62
|
-
var source = arguments[i] != null ? arguments[i] : {};
|
|
33
|
+
function _extends() {
|
|
34
|
+
_extends = Object.assign || function (target) {
|
|
35
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
36
|
+
var source = arguments[i];
|
|
63
37
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
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
|
-
});
|
|
38
|
+
for (var key in source) {
|
|
39
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
40
|
+
target[key] = source[key];
|
|
41
|
+
}
|
|
42
|
+
}
|
|
74
43
|
}
|
|
75
|
-
}
|
|
76
44
|
|
|
77
|
-
|
|
45
|
+
return target;
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
return _extends.apply(this, arguments);
|
|
78
49
|
}
|
|
79
50
|
|
|
80
51
|
/**
|
|
81
|
-
* ------------------------------------------------------------------------
|
|
82
52
|
* Constants
|
|
83
|
-
* ------------------------------------------------------------------------
|
|
84
53
|
*/
|
|
85
54
|
|
|
86
55
|
var NAME = 'modal';
|
|
87
|
-
var VERSION = '4.
|
|
56
|
+
var VERSION = '4.6.1';
|
|
88
57
|
var DATA_KEY = 'bs.modal';
|
|
89
58
|
var EVENT_KEY = "." + DATA_KEY;
|
|
90
59
|
var DATA_API_KEY = '.data-api';
|
|
91
|
-
var JQUERY_NO_CONFLICT =
|
|
60
|
+
var JQUERY_NO_CONFLICT = $__default["default"].fn[NAME];
|
|
92
61
|
var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key
|
|
93
62
|
|
|
94
|
-
var
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
var
|
|
101
|
-
backdrop: '(boolean|string)',
|
|
102
|
-
keyboard: 'boolean',
|
|
103
|
-
focus: 'boolean',
|
|
104
|
-
show: 'boolean'
|
|
105
|
-
};
|
|
63
|
+
var CLASS_NAME_SCROLLABLE = 'modal-dialog-scrollable';
|
|
64
|
+
var CLASS_NAME_SCROLLBAR_MEASURER = 'modal-scrollbar-measure';
|
|
65
|
+
var CLASS_NAME_BACKDROP = 'modal-backdrop';
|
|
66
|
+
var CLASS_NAME_OPEN = 'modal-open';
|
|
67
|
+
var CLASS_NAME_FADE = 'fade';
|
|
68
|
+
var CLASS_NAME_SHOW = 'show';
|
|
69
|
+
var CLASS_NAME_STATIC = 'modal-static';
|
|
106
70
|
var EVENT_HIDE = "hide" + EVENT_KEY;
|
|
107
71
|
var EVENT_HIDE_PREVENTED = "hidePrevented" + EVENT_KEY;
|
|
108
72
|
var EVENT_HIDDEN = "hidden" + EVENT_KEY;
|
|
@@ -115,23 +79,26 @@
|
|
|
115
79
|
var EVENT_MOUSEUP_DISMISS = "mouseup.dismiss" + EVENT_KEY;
|
|
116
80
|
var EVENT_MOUSEDOWN_DISMISS = "mousedown.dismiss" + EVENT_KEY;
|
|
117
81
|
var EVENT_CLICK_DATA_API = "click" + EVENT_KEY + DATA_API_KEY;
|
|
118
|
-
var CLASS_NAME_SCROLLABLE = 'modal-dialog-scrollable';
|
|
119
|
-
var CLASS_NAME_SCROLLBAR_MEASURER = 'modal-scrollbar-measure';
|
|
120
|
-
var CLASS_NAME_BACKDROP = 'modal-backdrop';
|
|
121
|
-
var CLASS_NAME_OPEN = 'modal-open';
|
|
122
|
-
var CLASS_NAME_FADE = 'fade';
|
|
123
|
-
var CLASS_NAME_SHOW = 'show';
|
|
124
|
-
var CLASS_NAME_STATIC = 'modal-static';
|
|
125
82
|
var SELECTOR_DIALOG = '.modal-dialog';
|
|
126
83
|
var SELECTOR_MODAL_BODY = '.modal-body';
|
|
127
84
|
var SELECTOR_DATA_TOGGLE = '[data-toggle="modal"]';
|
|
128
85
|
var SELECTOR_DATA_DISMISS = '[data-dismiss="modal"]';
|
|
129
86
|
var SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top';
|
|
130
87
|
var SELECTOR_STICKY_CONTENT = '.sticky-top';
|
|
88
|
+
var Default = {
|
|
89
|
+
backdrop: true,
|
|
90
|
+
keyboard: true,
|
|
91
|
+
focus: true,
|
|
92
|
+
show: true
|
|
93
|
+
};
|
|
94
|
+
var DefaultType = {
|
|
95
|
+
backdrop: '(boolean|string)',
|
|
96
|
+
keyboard: 'boolean',
|
|
97
|
+
focus: 'boolean',
|
|
98
|
+
show: 'boolean'
|
|
99
|
+
};
|
|
131
100
|
/**
|
|
132
|
-
*
|
|
133
|
-
* Class Definition
|
|
134
|
-
* ------------------------------------------------------------------------
|
|
101
|
+
* Class definition
|
|
135
102
|
*/
|
|
136
103
|
|
|
137
104
|
var Modal = /*#__PURE__*/function () {
|
|
@@ -162,21 +129,21 @@
|
|
|
162
129
|
return;
|
|
163
130
|
}
|
|
164
131
|
|
|
165
|
-
|
|
166
|
-
this._isTransitioning = true;
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
var showEvent = $.Event(EVENT_SHOW, {
|
|
132
|
+
var showEvent = $__default["default"].Event(EVENT_SHOW, {
|
|
170
133
|
relatedTarget: relatedTarget
|
|
171
134
|
});
|
|
172
|
-
$(this._element).trigger(showEvent);
|
|
135
|
+
$__default["default"](this._element).trigger(showEvent);
|
|
173
136
|
|
|
174
|
-
if (
|
|
137
|
+
if (showEvent.isDefaultPrevented()) {
|
|
175
138
|
return;
|
|
176
139
|
}
|
|
177
140
|
|
|
178
141
|
this._isShown = true;
|
|
179
142
|
|
|
143
|
+
if ($__default["default"](this._element).hasClass(CLASS_NAME_FADE)) {
|
|
144
|
+
this._isTransitioning = true;
|
|
145
|
+
}
|
|
146
|
+
|
|
180
147
|
this._checkScrollbar();
|
|
181
148
|
|
|
182
149
|
this._setScrollbar();
|
|
@@ -187,12 +154,12 @@
|
|
|
187
154
|
|
|
188
155
|
this._setResizeEvent();
|
|
189
156
|
|
|
190
|
-
$(this._element).on(EVENT_CLICK_DISMISS, SELECTOR_DATA_DISMISS, function (event) {
|
|
157
|
+
$__default["default"](this._element).on(EVENT_CLICK_DISMISS, SELECTOR_DATA_DISMISS, function (event) {
|
|
191
158
|
return _this.hide(event);
|
|
192
159
|
});
|
|
193
|
-
$(this._dialog).on(EVENT_MOUSEDOWN_DISMISS, function () {
|
|
194
|
-
$(_this._element).one(EVENT_MOUSEUP_DISMISS, function (event) {
|
|
195
|
-
if ($(event.target).is(_this._element)) {
|
|
160
|
+
$__default["default"](this._dialog).on(EVENT_MOUSEDOWN_DISMISS, function () {
|
|
161
|
+
$__default["default"](_this._element).one(EVENT_MOUSEUP_DISMISS, function (event) {
|
|
162
|
+
if ($__default["default"](event.target).is(_this._element)) {
|
|
196
163
|
_this._ignoreBackdropClick = true;
|
|
197
164
|
}
|
|
198
165
|
});
|
|
@@ -214,15 +181,15 @@
|
|
|
214
181
|
return;
|
|
215
182
|
}
|
|
216
183
|
|
|
217
|
-
var hideEvent =
|
|
218
|
-
$(this._element).trigger(hideEvent);
|
|
184
|
+
var hideEvent = $__default["default"].Event(EVENT_HIDE);
|
|
185
|
+
$__default["default"](this._element).trigger(hideEvent);
|
|
219
186
|
|
|
220
187
|
if (!this._isShown || hideEvent.isDefaultPrevented()) {
|
|
221
188
|
return;
|
|
222
189
|
}
|
|
223
190
|
|
|
224
191
|
this._isShown = false;
|
|
225
|
-
var transition = $(this._element).hasClass(CLASS_NAME_FADE);
|
|
192
|
+
var transition = $__default["default"](this._element).hasClass(CLASS_NAME_FADE);
|
|
226
193
|
|
|
227
194
|
if (transition) {
|
|
228
195
|
this._isTransitioning = true;
|
|
@@ -232,14 +199,14 @@
|
|
|
232
199
|
|
|
233
200
|
this._setResizeEvent();
|
|
234
201
|
|
|
235
|
-
$(document).off(EVENT_FOCUSIN);
|
|
236
|
-
$(this._element).removeClass(CLASS_NAME_SHOW);
|
|
237
|
-
$(this._element).off(EVENT_CLICK_DISMISS);
|
|
238
|
-
$(this._dialog).off(EVENT_MOUSEDOWN_DISMISS);
|
|
202
|
+
$__default["default"](document).off(EVENT_FOCUSIN);
|
|
203
|
+
$__default["default"](this._element).removeClass(CLASS_NAME_SHOW);
|
|
204
|
+
$__default["default"](this._element).off(EVENT_CLICK_DISMISS);
|
|
205
|
+
$__default["default"](this._dialog).off(EVENT_MOUSEDOWN_DISMISS);
|
|
239
206
|
|
|
240
207
|
if (transition) {
|
|
241
|
-
var transitionDuration =
|
|
242
|
-
$(this._element).one(
|
|
208
|
+
var transitionDuration = Util__default["default"].getTransitionDurationFromElement(this._element);
|
|
209
|
+
$__default["default"](this._element).one(Util__default["default"].TRANSITION_END, function (event) {
|
|
243
210
|
return _this2._hideModal(event);
|
|
244
211
|
}).emulateTransitionEnd(transitionDuration);
|
|
245
212
|
} else {
|
|
@@ -249,7 +216,7 @@
|
|
|
249
216
|
|
|
250
217
|
_proto.dispose = function dispose() {
|
|
251
218
|
[window, this._element, this._dialog].forEach(function (htmlElement) {
|
|
252
|
-
return $(htmlElement).off(EVENT_KEY);
|
|
219
|
+
return $__default["default"](htmlElement).off(EVENT_KEY);
|
|
253
220
|
});
|
|
254
221
|
/**
|
|
255
222
|
* `document` has 2 events `EVENT_FOCUSIN` and `EVENT_CLICK_DATA_API`
|
|
@@ -257,8 +224,8 @@
|
|
|
257
224
|
* It will remove `EVENT_CLICK_DATA_API` event that should remain
|
|
258
225
|
*/
|
|
259
226
|
|
|
260
|
-
$(document).off(EVENT_FOCUSIN);
|
|
261
|
-
|
|
227
|
+
$__default["default"](document).off(EVENT_FOCUSIN);
|
|
228
|
+
$__default["default"].removeData(this._element, DATA_KEY);
|
|
262
229
|
this._config = null;
|
|
263
230
|
this._element = null;
|
|
264
231
|
this._dialog = null;
|
|
@@ -276,39 +243,48 @@
|
|
|
276
243
|
;
|
|
277
244
|
|
|
278
245
|
_proto._getConfig = function _getConfig(config) {
|
|
279
|
-
config =
|
|
280
|
-
|
|
246
|
+
config = _extends({}, Default, config);
|
|
247
|
+
Util__default["default"].typeCheckConfig(NAME, config, DefaultType);
|
|
281
248
|
return config;
|
|
282
249
|
};
|
|
283
250
|
|
|
284
251
|
_proto._triggerBackdropTransition = function _triggerBackdropTransition() {
|
|
285
252
|
var _this3 = this;
|
|
286
253
|
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
$(this._element).trigger(hideEventPrevented);
|
|
254
|
+
var hideEventPrevented = $__default["default"].Event(EVENT_HIDE_PREVENTED);
|
|
255
|
+
$__default["default"](this._element).trigger(hideEventPrevented);
|
|
290
256
|
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
this._element.classList.add(CLASS_NAME_STATIC);
|
|
257
|
+
if (hideEventPrevented.isDefaultPrevented()) {
|
|
258
|
+
return;
|
|
259
|
+
}
|
|
296
260
|
|
|
297
|
-
|
|
298
|
-
$(this._element).one(Util.TRANSITION_END, function () {
|
|
299
|
-
_this3._element.classList.remove(CLASS_NAME_STATIC);
|
|
300
|
-
}).emulateTransitionEnd(modalTransitionDuration);
|
|
261
|
+
var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
|
|
301
262
|
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
this.hide();
|
|
263
|
+
if (!isModalOverflowing) {
|
|
264
|
+
this._element.style.overflowY = 'hidden';
|
|
305
265
|
}
|
|
266
|
+
|
|
267
|
+
this._element.classList.add(CLASS_NAME_STATIC);
|
|
268
|
+
|
|
269
|
+
var modalTransitionDuration = Util__default["default"].getTransitionDurationFromElement(this._dialog);
|
|
270
|
+
$__default["default"](this._element).off(Util__default["default"].TRANSITION_END);
|
|
271
|
+
$__default["default"](this._element).one(Util__default["default"].TRANSITION_END, function () {
|
|
272
|
+
_this3._element.classList.remove(CLASS_NAME_STATIC);
|
|
273
|
+
|
|
274
|
+
if (!isModalOverflowing) {
|
|
275
|
+
$__default["default"](_this3._element).one(Util__default["default"].TRANSITION_END, function () {
|
|
276
|
+
_this3._element.style.overflowY = '';
|
|
277
|
+
}).emulateTransitionEnd(_this3._element, modalTransitionDuration);
|
|
278
|
+
}
|
|
279
|
+
}).emulateTransitionEnd(modalTransitionDuration);
|
|
280
|
+
|
|
281
|
+
this._element.focus();
|
|
306
282
|
};
|
|
307
283
|
|
|
308
284
|
_proto._showElement = function _showElement(relatedTarget) {
|
|
309
285
|
var _this4 = this;
|
|
310
286
|
|
|
311
|
-
var transition = $(this._element).hasClass(CLASS_NAME_FADE);
|
|
287
|
+
var transition = $__default["default"](this._element).hasClass(CLASS_NAME_FADE);
|
|
312
288
|
var modalBody = this._dialog ? this._dialog.querySelector(SELECTOR_MODAL_BODY) : null;
|
|
313
289
|
|
|
314
290
|
if (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {
|
|
@@ -322,23 +298,25 @@
|
|
|
322
298
|
|
|
323
299
|
this._element.setAttribute('aria-modal', true);
|
|
324
300
|
|
|
325
|
-
|
|
301
|
+
this._element.setAttribute('role', 'dialog');
|
|
302
|
+
|
|
303
|
+
if ($__default["default"](this._dialog).hasClass(CLASS_NAME_SCROLLABLE) && modalBody) {
|
|
326
304
|
modalBody.scrollTop = 0;
|
|
327
305
|
} else {
|
|
328
306
|
this._element.scrollTop = 0;
|
|
329
307
|
}
|
|
330
308
|
|
|
331
309
|
if (transition) {
|
|
332
|
-
|
|
310
|
+
Util__default["default"].reflow(this._element);
|
|
333
311
|
}
|
|
334
312
|
|
|
335
|
-
$(this._element).addClass(CLASS_NAME_SHOW);
|
|
313
|
+
$__default["default"](this._element).addClass(CLASS_NAME_SHOW);
|
|
336
314
|
|
|
337
315
|
if (this._config.focus) {
|
|
338
316
|
this._enforceFocus();
|
|
339
317
|
}
|
|
340
318
|
|
|
341
|
-
var shownEvent =
|
|
319
|
+
var shownEvent = $__default["default"].Event(EVENT_SHOWN, {
|
|
342
320
|
relatedTarget: relatedTarget
|
|
343
321
|
});
|
|
344
322
|
|
|
@@ -348,12 +326,12 @@
|
|
|
348
326
|
}
|
|
349
327
|
|
|
350
328
|
_this4._isTransitioning = false;
|
|
351
|
-
$(_this4._element).trigger(shownEvent);
|
|
329
|
+
$__default["default"](_this4._element).trigger(shownEvent);
|
|
352
330
|
};
|
|
353
331
|
|
|
354
332
|
if (transition) {
|
|
355
|
-
var transitionDuration =
|
|
356
|
-
$(this._dialog).one(
|
|
333
|
+
var transitionDuration = Util__default["default"].getTransitionDurationFromElement(this._dialog);
|
|
334
|
+
$__default["default"](this._dialog).one(Util__default["default"].TRANSITION_END, transitionComplete).emulateTransitionEnd(transitionDuration);
|
|
357
335
|
} else {
|
|
358
336
|
transitionComplete();
|
|
359
337
|
}
|
|
@@ -362,9 +340,9 @@
|
|
|
362
340
|
_proto._enforceFocus = function _enforceFocus() {
|
|
363
341
|
var _this5 = this;
|
|
364
342
|
|
|
365
|
-
$(document).off(EVENT_FOCUSIN) // Guard against infinite focus loop
|
|
343
|
+
$__default["default"](document).off(EVENT_FOCUSIN) // Guard against infinite focus loop
|
|
366
344
|
.on(EVENT_FOCUSIN, function (event) {
|
|
367
|
-
if (document !== event.target && _this5._element !== event.target && $(_this5._element).has(event.target).length === 0) {
|
|
345
|
+
if (document !== event.target && _this5._element !== event.target && $__default["default"](_this5._element).has(event.target).length === 0) {
|
|
368
346
|
_this5._element.focus();
|
|
369
347
|
}
|
|
370
348
|
});
|
|
@@ -374,7 +352,7 @@
|
|
|
374
352
|
var _this6 = this;
|
|
375
353
|
|
|
376
354
|
if (this._isShown) {
|
|
377
|
-
$(this._element).on(EVENT_KEYDOWN_DISMISS, function (event) {
|
|
355
|
+
$__default["default"](this._element).on(EVENT_KEYDOWN_DISMISS, function (event) {
|
|
378
356
|
if (_this6._config.keyboard && event.which === ESCAPE_KEYCODE) {
|
|
379
357
|
event.preventDefault();
|
|
380
358
|
|
|
@@ -384,7 +362,7 @@
|
|
|
384
362
|
}
|
|
385
363
|
});
|
|
386
364
|
} else if (!this._isShown) {
|
|
387
|
-
$(this._element).off(EVENT_KEYDOWN_DISMISS);
|
|
365
|
+
$__default["default"](this._element).off(EVENT_KEYDOWN_DISMISS);
|
|
388
366
|
}
|
|
389
367
|
};
|
|
390
368
|
|
|
@@ -392,11 +370,11 @@
|
|
|
392
370
|
var _this7 = this;
|
|
393
371
|
|
|
394
372
|
if (this._isShown) {
|
|
395
|
-
$(window).on(EVENT_RESIZE, function (event) {
|
|
373
|
+
$__default["default"](window).on(EVENT_RESIZE, function (event) {
|
|
396
374
|
return _this7.handleUpdate(event);
|
|
397
375
|
});
|
|
398
376
|
} else {
|
|
399
|
-
$(window).off(EVENT_RESIZE);
|
|
377
|
+
$__default["default"](window).off(EVENT_RESIZE);
|
|
400
378
|
}
|
|
401
379
|
};
|
|
402
380
|
|
|
@@ -409,22 +387,24 @@
|
|
|
409
387
|
|
|
410
388
|
this._element.removeAttribute('aria-modal');
|
|
411
389
|
|
|
390
|
+
this._element.removeAttribute('role');
|
|
391
|
+
|
|
412
392
|
this._isTransitioning = false;
|
|
413
393
|
|
|
414
394
|
this._showBackdrop(function () {
|
|
415
|
-
$(document.body).removeClass(CLASS_NAME_OPEN);
|
|
395
|
+
$__default["default"](document.body).removeClass(CLASS_NAME_OPEN);
|
|
416
396
|
|
|
417
397
|
_this8._resetAdjustments();
|
|
418
398
|
|
|
419
399
|
_this8._resetScrollbar();
|
|
420
400
|
|
|
421
|
-
$(_this8._element).trigger(EVENT_HIDDEN);
|
|
401
|
+
$__default["default"](_this8._element).trigger(EVENT_HIDDEN);
|
|
422
402
|
});
|
|
423
403
|
};
|
|
424
404
|
|
|
425
405
|
_proto._removeBackdrop = function _removeBackdrop() {
|
|
426
406
|
if (this._backdrop) {
|
|
427
|
-
$(this._backdrop).remove();
|
|
407
|
+
$__default["default"](this._backdrop).remove();
|
|
428
408
|
this._backdrop = null;
|
|
429
409
|
}
|
|
430
410
|
};
|
|
@@ -432,7 +412,7 @@
|
|
|
432
412
|
_proto._showBackdrop = function _showBackdrop(callback) {
|
|
433
413
|
var _this9 = this;
|
|
434
414
|
|
|
435
|
-
var animate = $(this._element).hasClass(CLASS_NAME_FADE) ? CLASS_NAME_FADE : '';
|
|
415
|
+
var animate = $__default["default"](this._element).hasClass(CLASS_NAME_FADE) ? CLASS_NAME_FADE : '';
|
|
436
416
|
|
|
437
417
|
if (this._isShown && this._config.backdrop) {
|
|
438
418
|
this._backdrop = document.createElement('div');
|
|
@@ -442,8 +422,8 @@
|
|
|
442
422
|
this._backdrop.classList.add(animate);
|
|
443
423
|
}
|
|
444
424
|
|
|
445
|
-
$(this._backdrop).appendTo(document.body);
|
|
446
|
-
$(this._element).on(EVENT_CLICK_DISMISS, function (event) {
|
|
425
|
+
$__default["default"](this._backdrop).appendTo(document.body);
|
|
426
|
+
$__default["default"](this._element).on(EVENT_CLICK_DISMISS, function (event) {
|
|
447
427
|
if (_this9._ignoreBackdropClick) {
|
|
448
428
|
_this9._ignoreBackdropClick = false;
|
|
449
429
|
return;
|
|
@@ -453,14 +433,18 @@
|
|
|
453
433
|
return;
|
|
454
434
|
}
|
|
455
435
|
|
|
456
|
-
_this9.
|
|
436
|
+
if (_this9._config.backdrop === 'static') {
|
|
437
|
+
_this9._triggerBackdropTransition();
|
|
438
|
+
} else {
|
|
439
|
+
_this9.hide();
|
|
440
|
+
}
|
|
457
441
|
});
|
|
458
442
|
|
|
459
443
|
if (animate) {
|
|
460
|
-
|
|
444
|
+
Util__default["default"].reflow(this._backdrop);
|
|
461
445
|
}
|
|
462
446
|
|
|
463
|
-
$(this._backdrop).addClass(CLASS_NAME_SHOW);
|
|
447
|
+
$__default["default"](this._backdrop).addClass(CLASS_NAME_SHOW);
|
|
464
448
|
|
|
465
449
|
if (!callback) {
|
|
466
450
|
return;
|
|
@@ -471,10 +455,10 @@
|
|
|
471
455
|
return;
|
|
472
456
|
}
|
|
473
457
|
|
|
474
|
-
var backdropTransitionDuration =
|
|
475
|
-
$(this._backdrop).one(
|
|
458
|
+
var backdropTransitionDuration = Util__default["default"].getTransitionDurationFromElement(this._backdrop);
|
|
459
|
+
$__default["default"](this._backdrop).one(Util__default["default"].TRANSITION_END, callback).emulateTransitionEnd(backdropTransitionDuration);
|
|
476
460
|
} else if (!this._isShown && this._backdrop) {
|
|
477
|
-
$(this._backdrop).removeClass(CLASS_NAME_SHOW);
|
|
461
|
+
$__default["default"](this._backdrop).removeClass(CLASS_NAME_SHOW);
|
|
478
462
|
|
|
479
463
|
var callbackRemove = function callbackRemove() {
|
|
480
464
|
_this9._removeBackdrop();
|
|
@@ -484,10 +468,10 @@
|
|
|
484
468
|
}
|
|
485
469
|
};
|
|
486
470
|
|
|
487
|
-
if ($(this._element).hasClass(CLASS_NAME_FADE)) {
|
|
488
|
-
var _backdropTransitionDuration =
|
|
471
|
+
if ($__default["default"](this._element).hasClass(CLASS_NAME_FADE)) {
|
|
472
|
+
var _backdropTransitionDuration = Util__default["default"].getTransitionDurationFromElement(this._backdrop);
|
|
489
473
|
|
|
490
|
-
$(this._backdrop).one(
|
|
474
|
+
$__default["default"](this._backdrop).one(Util__default["default"].TRANSITION_END, callbackRemove).emulateTransitionEnd(_backdropTransitionDuration);
|
|
491
475
|
} else {
|
|
492
476
|
callbackRemove();
|
|
493
477
|
}
|
|
@@ -532,46 +516,46 @@
|
|
|
532
516
|
var fixedContent = [].slice.call(document.querySelectorAll(SELECTOR_FIXED_CONTENT));
|
|
533
517
|
var stickyContent = [].slice.call(document.querySelectorAll(SELECTOR_STICKY_CONTENT)); // Adjust fixed content padding
|
|
534
518
|
|
|
535
|
-
$(fixedContent).each(function (index, element) {
|
|
519
|
+
$__default["default"](fixedContent).each(function (index, element) {
|
|
536
520
|
var actualPadding = element.style.paddingRight;
|
|
537
|
-
var calculatedPadding = $(element).css('padding-right');
|
|
538
|
-
$(element).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + _this10._scrollbarWidth + "px");
|
|
521
|
+
var calculatedPadding = $__default["default"](element).css('padding-right');
|
|
522
|
+
$__default["default"](element).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + _this10._scrollbarWidth + "px");
|
|
539
523
|
}); // Adjust sticky content margin
|
|
540
524
|
|
|
541
|
-
$(stickyContent).each(function (index, element) {
|
|
525
|
+
$__default["default"](stickyContent).each(function (index, element) {
|
|
542
526
|
var actualMargin = element.style.marginRight;
|
|
543
|
-
var calculatedMargin = $(element).css('margin-right');
|
|
544
|
-
$(element).data('margin-right', actualMargin).css('margin-right', parseFloat(calculatedMargin) - _this10._scrollbarWidth + "px");
|
|
527
|
+
var calculatedMargin = $__default["default"](element).css('margin-right');
|
|
528
|
+
$__default["default"](element).data('margin-right', actualMargin).css('margin-right', parseFloat(calculatedMargin) - _this10._scrollbarWidth + "px");
|
|
545
529
|
}); // Adjust body padding
|
|
546
530
|
|
|
547
531
|
var actualPadding = document.body.style.paddingRight;
|
|
548
|
-
var calculatedPadding = $(document.body).css('padding-right');
|
|
549
|
-
$(document.body).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + this._scrollbarWidth + "px");
|
|
532
|
+
var calculatedPadding = $__default["default"](document.body).css('padding-right');
|
|
533
|
+
$__default["default"](document.body).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + this._scrollbarWidth + "px");
|
|
550
534
|
}
|
|
551
535
|
|
|
552
|
-
$(document.body).addClass(CLASS_NAME_OPEN);
|
|
536
|
+
$__default["default"](document.body).addClass(CLASS_NAME_OPEN);
|
|
553
537
|
};
|
|
554
538
|
|
|
555
539
|
_proto._resetScrollbar = function _resetScrollbar() {
|
|
556
540
|
// Restore fixed content padding
|
|
557
541
|
var fixedContent = [].slice.call(document.querySelectorAll(SELECTOR_FIXED_CONTENT));
|
|
558
|
-
$(fixedContent).each(function (index, element) {
|
|
559
|
-
var padding = $(element).data('padding-right');
|
|
560
|
-
$(element).removeData('padding-right');
|
|
542
|
+
$__default["default"](fixedContent).each(function (index, element) {
|
|
543
|
+
var padding = $__default["default"](element).data('padding-right');
|
|
544
|
+
$__default["default"](element).removeData('padding-right');
|
|
561
545
|
element.style.paddingRight = padding ? padding : '';
|
|
562
546
|
}); // Restore sticky content
|
|
563
547
|
|
|
564
548
|
var elements = [].slice.call(document.querySelectorAll("" + SELECTOR_STICKY_CONTENT));
|
|
565
|
-
$(elements).each(function (index, element) {
|
|
566
|
-
var margin = $(element).data('margin-right');
|
|
549
|
+
$__default["default"](elements).each(function (index, element) {
|
|
550
|
+
var margin = $__default["default"](element).data('margin-right');
|
|
567
551
|
|
|
568
552
|
if (typeof margin !== 'undefined') {
|
|
569
|
-
$(element).css('margin-right', margin).removeData('margin-right');
|
|
553
|
+
$__default["default"](element).css('margin-right', margin).removeData('margin-right');
|
|
570
554
|
}
|
|
571
555
|
}); // Restore body padding
|
|
572
556
|
|
|
573
|
-
var padding = $(document.body).data('padding-right');
|
|
574
|
-
$(document.body).removeData('padding-right');
|
|
557
|
+
var padding = $__default["default"](document.body).data('padding-right');
|
|
558
|
+
$__default["default"](document.body).removeData('padding-right');
|
|
575
559
|
document.body.style.paddingRight = padding ? padding : '';
|
|
576
560
|
};
|
|
577
561
|
|
|
@@ -588,13 +572,13 @@
|
|
|
588
572
|
|
|
589
573
|
Modal._jQueryInterface = function _jQueryInterface(config, relatedTarget) {
|
|
590
574
|
return this.each(function () {
|
|
591
|
-
var data = $(this).data(DATA_KEY);
|
|
575
|
+
var data = $__default["default"](this).data(DATA_KEY);
|
|
592
576
|
|
|
593
|
-
var _config =
|
|
577
|
+
var _config = _extends({}, Default, $__default["default"](this).data(), typeof config === 'object' && config ? config : {});
|
|
594
578
|
|
|
595
579
|
if (!data) {
|
|
596
580
|
data = new Modal(this, _config);
|
|
597
|
-
$(this).data(DATA_KEY, data);
|
|
581
|
+
$__default["default"](this).data(DATA_KEY, data);
|
|
598
582
|
}
|
|
599
583
|
|
|
600
584
|
if (typeof config === 'string') {
|
|
@@ -624,57 +608,53 @@
|
|
|
624
608
|
return Modal;
|
|
625
609
|
}();
|
|
626
610
|
/**
|
|
627
|
-
*
|
|
628
|
-
* Data Api implementation
|
|
629
|
-
* ------------------------------------------------------------------------
|
|
611
|
+
* Data API implementation
|
|
630
612
|
*/
|
|
631
613
|
|
|
632
614
|
|
|
633
|
-
$(document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
|
|
615
|
+
$__default["default"](document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
|
|
634
616
|
var _this11 = this;
|
|
635
617
|
|
|
636
618
|
var target;
|
|
637
|
-
var selector =
|
|
619
|
+
var selector = Util__default["default"].getSelectorFromElement(this);
|
|
638
620
|
|
|
639
621
|
if (selector) {
|
|
640
622
|
target = document.querySelector(selector);
|
|
641
623
|
}
|
|
642
624
|
|
|
643
|
-
var config = $(target).data(DATA_KEY) ? 'toggle' :
|
|
625
|
+
var config = $__default["default"](target).data(DATA_KEY) ? 'toggle' : _extends({}, $__default["default"](target).data(), $__default["default"](this).data());
|
|
644
626
|
|
|
645
627
|
if (this.tagName === 'A' || this.tagName === 'AREA') {
|
|
646
628
|
event.preventDefault();
|
|
647
629
|
}
|
|
648
630
|
|
|
649
|
-
var $target = $(target).one(EVENT_SHOW, function (showEvent) {
|
|
631
|
+
var $target = $__default["default"](target).one(EVENT_SHOW, function (showEvent) {
|
|
650
632
|
if (showEvent.isDefaultPrevented()) {
|
|
651
633
|
// Only register focus restorer if modal will actually get shown
|
|
652
634
|
return;
|
|
653
635
|
}
|
|
654
636
|
|
|
655
637
|
$target.one(EVENT_HIDDEN, function () {
|
|
656
|
-
if ($(_this11).is(':visible')) {
|
|
638
|
+
if ($__default["default"](_this11).is(':visible')) {
|
|
657
639
|
_this11.focus();
|
|
658
640
|
}
|
|
659
641
|
});
|
|
660
642
|
});
|
|
661
643
|
|
|
662
|
-
Modal._jQueryInterface.call($(target), config, this);
|
|
644
|
+
Modal._jQueryInterface.call($__default["default"](target), config, this);
|
|
663
645
|
});
|
|
664
646
|
/**
|
|
665
|
-
* ------------------------------------------------------------------------
|
|
666
647
|
* jQuery
|
|
667
|
-
* ------------------------------------------------------------------------
|
|
668
648
|
*/
|
|
669
649
|
|
|
670
|
-
|
|
671
|
-
|
|
650
|
+
$__default["default"].fn[NAME] = Modal._jQueryInterface;
|
|
651
|
+
$__default["default"].fn[NAME].Constructor = Modal;
|
|
672
652
|
|
|
673
|
-
|
|
674
|
-
|
|
653
|
+
$__default["default"].fn[NAME].noConflict = function () {
|
|
654
|
+
$__default["default"].fn[NAME] = JQUERY_NO_CONFLICT;
|
|
675
655
|
return Modal._jQueryInterface;
|
|
676
656
|
};
|
|
677
657
|
|
|
678
658
|
return Modal;
|
|
679
659
|
|
|
680
|
-
}))
|
|
660
|
+
}));
|