bootstrap 4.5.2 → 5.0.0.beta1
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 +1 -1
- data/README.md +5 -2
- data/assets/javascripts/bootstrap-sprockets.js +11 -8
- data/assets/javascripts/bootstrap.js +2170 -1572
- data/assets/javascripts/bootstrap.min.js +2 -2
- data/assets/javascripts/bootstrap/alert.js +195 -66
- data/assets/javascripts/bootstrap/button.js +120 -136
- data/assets/javascripts/bootstrap/carousel.js +390 -184
- data/assets/javascripts/bootstrap/collapse.js +364 -133
- data/assets/javascripts/bootstrap/dom/data.js +81 -0
- data/assets/javascripts/bootstrap/dom/event-handler.js +309 -0
- data/assets/javascripts/bootstrap/dom/manipulator.js +86 -0
- data/assets/javascripts/bootstrap/dom/selector-engine.js +98 -0
- data/assets/javascripts/bootstrap/dropdown.js +357 -232
- data/assets/javascripts/bootstrap/modal.js +406 -211
- data/assets/javascripts/bootstrap/popover.js +82 -50
- data/assets/javascripts/bootstrap/scrollspy.js +226 -80
- data/assets/javascripts/bootstrap/tab.js +215 -77
- data/assets/javascripts/bootstrap/toast.js +239 -79
- data/assets/javascripts/bootstrap/tooltip.js +529 -258
- data/assets/stylesheets/_bootstrap-grid.scss +51 -15
- data/assets/stylesheets/_bootstrap-reboot.scss +4 -1
- data/assets/stylesheets/_bootstrap.scss +15 -8
- data/assets/stylesheets/bootstrap/_accordion.scss +125 -0
- data/assets/stylesheets/bootstrap/_alert.scss +15 -9
- data/assets/stylesheets/bootstrap/_badge.scss +2 -27
- data/assets/stylesheets/bootstrap/_breadcrumb.scss +4 -20
- data/assets/stylesheets/bootstrap/_button-group.scss +21 -45
- data/assets/stylesheets/bootstrap/_buttons.scss +27 -60
- data/assets/stylesheets/bootstrap/_card.scss +25 -96
- data/assets/stylesheets/bootstrap/_carousel.scss +54 -28
- data/assets/stylesheets/bootstrap/_close.scss +30 -30
- data/assets/stylesheets/bootstrap/_containers.scss +41 -0
- data/assets/stylesheets/bootstrap/_dropdown.scss +74 -31
- data/assets/stylesheets/bootstrap/_forms.scss +9 -347
- data/assets/stylesheets/bootstrap/_functions.scss +87 -23
- data/assets/stylesheets/bootstrap/_grid.scss +3 -54
- data/assets/stylesheets/bootstrap/_helpers.scss +7 -0
- data/assets/stylesheets/bootstrap/_list-group.scss +18 -9
- data/assets/stylesheets/bootstrap/_mixins.scss +7 -13
- data/assets/stylesheets/bootstrap/_modal.scss +41 -46
- data/assets/stylesheets/bootstrap/_nav.scss +12 -8
- data/assets/stylesheets/bootstrap/_navbar.scss +43 -74
- data/assets/stylesheets/bootstrap/_pagination.scss +10 -20
- data/assets/stylesheets/bootstrap/_popover.scss +23 -20
- data/assets/stylesheets/bootstrap/_progress.scss +3 -5
- data/assets/stylesheets/bootstrap/_reboot.scss +328 -173
- data/assets/stylesheets/bootstrap/_root.scss +5 -9
- data/assets/stylesheets/bootstrap/_spinners.scss +14 -5
- data/assets/stylesheets/bootstrap/_tables.scss +79 -114
- data/assets/stylesheets/bootstrap/_toasts.scss +19 -15
- data/assets/stylesheets/bootstrap/_tooltip.scss +17 -17
- data/assets/stylesheets/bootstrap/_transitions.scss +0 -1
- data/assets/stylesheets/bootstrap/_type.scss +38 -59
- data/assets/stylesheets/bootstrap/_utilities.scss +560 -18
- data/assets/stylesheets/bootstrap/_variables.scss +652 -459
- data/assets/stylesheets/bootstrap/bootstrap-utilities.scss +18 -0
- data/assets/stylesheets/bootstrap/forms/_floating-labels.scss +61 -0
- data/assets/stylesheets/bootstrap/forms/_form-check.scss +151 -0
- data/assets/stylesheets/bootstrap/forms/_form-control.scss +223 -0
- data/assets/stylesheets/bootstrap/forms/_form-range.scss +91 -0
- data/assets/stylesheets/bootstrap/forms/_form-select.scss +68 -0
- data/assets/stylesheets/bootstrap/forms/_form-text.scss +11 -0
- data/assets/stylesheets/bootstrap/forms/_input-group.scss +121 -0
- data/assets/stylesheets/bootstrap/forms/_labels.scss +36 -0
- data/assets/stylesheets/bootstrap/forms/_validation.scss +12 -0
- data/assets/stylesheets/bootstrap/{utilities → helpers}/_clearfix.scss +0 -0
- data/assets/stylesheets/bootstrap/helpers/_colored-links.scss +12 -0
- data/assets/stylesheets/bootstrap/helpers/_position.scss +30 -0
- data/assets/stylesheets/bootstrap/helpers/_ratio.scss +26 -0
- data/assets/stylesheets/bootstrap/helpers/_stretched-link.scss +15 -0
- data/assets/stylesheets/bootstrap/helpers/_text-truncation.scss +7 -0
- data/assets/stylesheets/bootstrap/helpers/_visually-hidden.scss +8 -0
- data/assets/stylesheets/bootstrap/mixins/_alert.scss +1 -5
- data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +9 -9
- data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +7 -9
- data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +14 -10
- data/assets/stylesheets/bootstrap/mixins/_buttons.scss +65 -47
- data/assets/stylesheets/bootstrap/mixins/_caret.scss +8 -8
- data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +2 -0
- data/assets/stylesheets/bootstrap/mixins/_container.scss +9 -0
- data/assets/stylesheets/bootstrap/mixins/_forms.scss +17 -78
- data/assets/stylesheets/bootstrap/mixins/_gradients.scss +9 -11
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +84 -33
- data/assets/stylesheets/bootstrap/mixins/_image.scss +1 -21
- data/assets/stylesheets/bootstrap/mixins/_list-group.scss +3 -2
- data/assets/stylesheets/bootstrap/mixins/_lists.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_pagination.scss +15 -8
- data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +2 -2
- data/assets/stylesheets/bootstrap/mixins/_table-variants.scss +21 -0
- data/assets/stylesheets/bootstrap/mixins/_transition.scss +2 -2
- data/assets/stylesheets/bootstrap/mixins/_utilities.scss +68 -0
- data/assets/stylesheets/bootstrap/mixins/_visually-hidden.scss +28 -0
- data/assets/stylesheets/bootstrap/utilities/_api.scss +47 -0
- data/assets/stylesheets/bootstrap/vendor/_rfs.scss +234 -126
- data/lib/bootstrap/version.rb +2 -2
- data/tasks/updater/js.rb +6 -4
- metadata +33 -41
- data/assets/javascripts/bootstrap/util.js +0 -192
- data/assets/stylesheets/bootstrap/_code.scss +0 -48
- data/assets/stylesheets/bootstrap/_custom-forms.scss +0 -523
- data/assets/stylesheets/bootstrap/_input-group.scss +0 -192
- data/assets/stylesheets/bootstrap/_jumbotron.scss +0 -17
- data/assets/stylesheets/bootstrap/_media.scss +0 -8
- data/assets/stylesheets/bootstrap/_print.scss +0 -141
- data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +0 -23
- data/assets/stylesheets/bootstrap/mixins/_badge.scss +0 -17
- data/assets/stylesheets/bootstrap/mixins/_float.scss +0 -14
- data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +0 -80
- data/assets/stylesheets/bootstrap/mixins/_hover.scss +0 -37
- data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +0 -11
- data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +0 -34
- data/assets/stylesheets/bootstrap/mixins/_size.scss +0 -7
- data/assets/stylesheets/bootstrap/mixins/_table-row.scss +0 -39
- data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +0 -17
- data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +0 -11
- data/assets/stylesheets/bootstrap/mixins/_visibility.scss +0 -8
- data/assets/stylesheets/bootstrap/utilities/_align.scss +0 -8
- data/assets/stylesheets/bootstrap/utilities/_background.scss +0 -19
- data/assets/stylesheets/bootstrap/utilities/_borders.scss +0 -75
- data/assets/stylesheets/bootstrap/utilities/_display.scss +0 -26
- data/assets/stylesheets/bootstrap/utilities/_embed.scss +0 -39
- data/assets/stylesheets/bootstrap/utilities/_flex.scss +0 -51
- data/assets/stylesheets/bootstrap/utilities/_float.scss +0 -11
- data/assets/stylesheets/bootstrap/utilities/_interactions.scss +0 -5
- data/assets/stylesheets/bootstrap/utilities/_overflow.scss +0 -5
- data/assets/stylesheets/bootstrap/utilities/_position.scss +0 -32
- data/assets/stylesheets/bootstrap/utilities/_screenreaders.scss +0 -11
- data/assets/stylesheets/bootstrap/utilities/_shadows.scss +0 -6
- data/assets/stylesheets/bootstrap/utilities/_sizing.scss +0 -20
- data/assets/stylesheets/bootstrap/utilities/_spacing.scss +0 -73
- data/assets/stylesheets/bootstrap/utilities/_stretched-link.scss +0 -19
- data/assets/stylesheets/bootstrap/utilities/_text.scss +0 -72
- data/assets/stylesheets/bootstrap/utilities/_visibility.scss +0 -13
|
@@ -1,16 +1,114 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Bootstrap tab.js
|
|
2
|
+
* Bootstrap tab.js v5.0.0-beta1 (https://getbootstrap.com/)
|
|
3
3
|
* Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
|
|
4
4
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
5
5
|
*/
|
|
6
6
|
(function (global, factory) {
|
|
7
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('
|
|
8
|
-
typeof define === 'function' && define.amd ? define(['
|
|
9
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Tab = factory(global.
|
|
10
|
-
}(this, (function (
|
|
7
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('./dom/data.js'), require('./dom/event-handler.js'), require('./dom/selector-engine.js')) :
|
|
8
|
+
typeof define === 'function' && define.amd ? define(['./dom/data', './dom/event-handler', './dom/selector-engine'], factory) :
|
|
9
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Tab = factory(global.Data, global.EventHandler, global.SelectorEngine));
|
|
10
|
+
}(this, (function (Data, EventHandler, SelectorEngine) { 'use strict';
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
+
|
|
14
|
+
var Data__default = /*#__PURE__*/_interopDefaultLegacy(Data);
|
|
15
|
+
var EventHandler__default = /*#__PURE__*/_interopDefaultLegacy(EventHandler);
|
|
16
|
+
var SelectorEngine__default = /*#__PURE__*/_interopDefaultLegacy(SelectorEngine);
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* --------------------------------------------------------------------------
|
|
20
|
+
* Bootstrap (v5.0.0-beta1): util/index.js
|
|
21
|
+
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
22
|
+
* --------------------------------------------------------------------------
|
|
23
|
+
*/
|
|
24
|
+
var MILLISECONDS_MULTIPLIER = 1000;
|
|
25
|
+
var TRANSITION_END = 'transitionend'; // Shoutout AngusCroll (https://goo.gl/pxwQGp)
|
|
26
|
+
|
|
27
|
+
var getSelector = function getSelector(element) {
|
|
28
|
+
var selector = element.getAttribute('data-bs-target');
|
|
29
|
+
|
|
30
|
+
if (!selector || selector === '#') {
|
|
31
|
+
var hrefAttr = element.getAttribute('href');
|
|
32
|
+
selector = hrefAttr && hrefAttr !== '#' ? hrefAttr.trim() : null;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
return selector;
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
var getElementFromSelector = function getElementFromSelector(element) {
|
|
39
|
+
var selector = getSelector(element);
|
|
40
|
+
return selector ? document.querySelector(selector) : null;
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
var getTransitionDurationFromElement = function getTransitionDurationFromElement(element) {
|
|
44
|
+
if (!element) {
|
|
45
|
+
return 0;
|
|
46
|
+
} // Get transition-duration of the element
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
var _window$getComputedSt = window.getComputedStyle(element),
|
|
50
|
+
transitionDuration = _window$getComputedSt.transitionDuration,
|
|
51
|
+
transitionDelay = _window$getComputedSt.transitionDelay;
|
|
52
|
+
|
|
53
|
+
var floatTransitionDuration = Number.parseFloat(transitionDuration);
|
|
54
|
+
var floatTransitionDelay = Number.parseFloat(transitionDelay); // Return 0 if element or transition duration is not found
|
|
55
|
+
|
|
56
|
+
if (!floatTransitionDuration && !floatTransitionDelay) {
|
|
57
|
+
return 0;
|
|
58
|
+
} // If multiple durations are defined, take the first
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
transitionDuration = transitionDuration.split(',')[0];
|
|
62
|
+
transitionDelay = transitionDelay.split(',')[0];
|
|
63
|
+
return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER;
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
var triggerTransitionEnd = function triggerTransitionEnd(element) {
|
|
67
|
+
element.dispatchEvent(new Event(TRANSITION_END));
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
var emulateTransitionEnd = function emulateTransitionEnd(element, duration) {
|
|
71
|
+
var called = false;
|
|
72
|
+
var durationPadding = 5;
|
|
73
|
+
var emulatedDuration = duration + durationPadding;
|
|
74
|
+
|
|
75
|
+
function listener() {
|
|
76
|
+
called = true;
|
|
77
|
+
element.removeEventListener(TRANSITION_END, listener);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
element.addEventListener(TRANSITION_END, listener);
|
|
81
|
+
setTimeout(function () {
|
|
82
|
+
if (!called) {
|
|
83
|
+
triggerTransitionEnd(element);
|
|
84
|
+
}
|
|
85
|
+
}, emulatedDuration);
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
var reflow = function reflow(element) {
|
|
89
|
+
return element.offsetHeight;
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
var getjQuery = function getjQuery() {
|
|
93
|
+
var _window = window,
|
|
94
|
+
jQuery = _window.jQuery;
|
|
95
|
+
|
|
96
|
+
if (jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {
|
|
97
|
+
return jQuery;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
return null;
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
var onDOMContentLoaded = function onDOMContentLoaded(callback) {
|
|
104
|
+
if (document.readyState === 'loading') {
|
|
105
|
+
document.addEventListener('DOMContentLoaded', callback);
|
|
106
|
+
} else {
|
|
107
|
+
callback();
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
var isRTL = document.documentElement.dir === 'rtl';
|
|
14
112
|
|
|
15
113
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
16
114
|
|
|
@@ -21,12 +119,56 @@
|
|
|
21
119
|
* ------------------------------------------------------------------------
|
|
22
120
|
*/
|
|
23
121
|
|
|
122
|
+
var VERSION = '5.0.0-beta1';
|
|
123
|
+
|
|
124
|
+
var BaseComponent = /*#__PURE__*/function () {
|
|
125
|
+
function BaseComponent(element) {
|
|
126
|
+
if (!element) {
|
|
127
|
+
return;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
this._element = element;
|
|
131
|
+
Data__default['default'].setData(element, this.constructor.DATA_KEY, this);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
var _proto = BaseComponent.prototype;
|
|
135
|
+
|
|
136
|
+
_proto.dispose = function dispose() {
|
|
137
|
+
Data__default['default'].removeData(this._element, this.constructor.DATA_KEY);
|
|
138
|
+
this._element = null;
|
|
139
|
+
}
|
|
140
|
+
/** Static */
|
|
141
|
+
;
|
|
142
|
+
|
|
143
|
+
BaseComponent.getInstance = function getInstance(element) {
|
|
144
|
+
return Data__default['default'].getData(element, this.DATA_KEY);
|
|
145
|
+
};
|
|
146
|
+
|
|
147
|
+
_createClass(BaseComponent, null, [{
|
|
148
|
+
key: "VERSION",
|
|
149
|
+
get: function get() {
|
|
150
|
+
return VERSION;
|
|
151
|
+
}
|
|
152
|
+
}]);
|
|
153
|
+
|
|
154
|
+
return BaseComponent;
|
|
155
|
+
}();
|
|
156
|
+
|
|
157
|
+
function _defineProperties$1(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
158
|
+
|
|
159
|
+
function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); if (staticProps) _defineProperties$1(Constructor, staticProps); return Constructor; }
|
|
160
|
+
|
|
161
|
+
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
|
|
162
|
+
/**
|
|
163
|
+
* ------------------------------------------------------------------------
|
|
164
|
+
* Constants
|
|
165
|
+
* ------------------------------------------------------------------------
|
|
166
|
+
*/
|
|
167
|
+
|
|
24
168
|
var NAME = 'tab';
|
|
25
|
-
var VERSION = '4.5.2';
|
|
26
169
|
var DATA_KEY = 'bs.tab';
|
|
27
170
|
var EVENT_KEY = "." + DATA_KEY;
|
|
28
171
|
var DATA_API_KEY = '.data-api';
|
|
29
|
-
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
|
30
172
|
var EVENT_HIDE = "hide" + EVENT_KEY;
|
|
31
173
|
var EVENT_HIDDEN = "hidden" + EVENT_KEY;
|
|
32
174
|
var EVENT_SHOW = "show" + EVENT_KEY;
|
|
@@ -40,21 +182,22 @@
|
|
|
40
182
|
var SELECTOR_DROPDOWN = '.dropdown';
|
|
41
183
|
var SELECTOR_NAV_LIST_GROUP = '.nav, .list-group';
|
|
42
184
|
var SELECTOR_ACTIVE = '.active';
|
|
43
|
-
var SELECTOR_ACTIVE_UL = '> li > .active';
|
|
44
|
-
var SELECTOR_DATA_TOGGLE = '[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]';
|
|
185
|
+
var SELECTOR_ACTIVE_UL = ':scope > li > .active';
|
|
186
|
+
var SELECTOR_DATA_TOGGLE = '[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]';
|
|
45
187
|
var SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle';
|
|
46
|
-
var SELECTOR_DROPDOWN_ACTIVE_CHILD = '> .dropdown-menu .active';
|
|
188
|
+
var SELECTOR_DROPDOWN_ACTIVE_CHILD = ':scope > .dropdown-menu .active';
|
|
47
189
|
/**
|
|
48
190
|
* ------------------------------------------------------------------------
|
|
49
191
|
* Class Definition
|
|
50
192
|
* ------------------------------------------------------------------------
|
|
51
193
|
*/
|
|
52
194
|
|
|
53
|
-
var Tab = /*#__PURE__*/function () {
|
|
54
|
-
|
|
55
|
-
this._element = element;
|
|
56
|
-
} // Getters
|
|
195
|
+
var Tab = /*#__PURE__*/function (_BaseComponent) {
|
|
196
|
+
_inheritsLoose(Tab, _BaseComponent);
|
|
57
197
|
|
|
198
|
+
function Tab() {
|
|
199
|
+
return _BaseComponent.apply(this, arguments) || this;
|
|
200
|
+
}
|
|
58
201
|
|
|
59
202
|
var _proto = Tab.prototype;
|
|
60
203
|
|
|
@@ -62,53 +205,46 @@
|
|
|
62
205
|
_proto.show = function show() {
|
|
63
206
|
var _this = this;
|
|
64
207
|
|
|
65
|
-
if (this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE &&
|
|
208
|
+
if (this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE && this._element.classList.contains(CLASS_NAME_ACTIVE) || this._element.classList.contains(CLASS_NAME_DISABLED)) {
|
|
66
209
|
return;
|
|
67
210
|
}
|
|
68
211
|
|
|
69
|
-
var target;
|
|
70
212
|
var previous;
|
|
71
|
-
var
|
|
72
|
-
|
|
213
|
+
var target = getElementFromSelector(this._element);
|
|
214
|
+
|
|
215
|
+
var listElement = this._element.closest(SELECTOR_NAV_LIST_GROUP);
|
|
73
216
|
|
|
74
217
|
if (listElement) {
|
|
75
218
|
var itemSelector = listElement.nodeName === 'UL' || listElement.nodeName === 'OL' ? SELECTOR_ACTIVE_UL : SELECTOR_ACTIVE;
|
|
76
|
-
previous =
|
|
219
|
+
previous = SelectorEngine__default['default'].find(itemSelector, listElement);
|
|
77
220
|
previous = previous[previous.length - 1];
|
|
78
221
|
}
|
|
79
222
|
|
|
80
|
-
var hideEvent =
|
|
81
|
-
relatedTarget: this._element
|
|
82
|
-
});
|
|
83
|
-
var showEvent = $.Event(EVENT_SHOW, {
|
|
84
|
-
relatedTarget: previous
|
|
85
|
-
});
|
|
223
|
+
var hideEvent = null;
|
|
86
224
|
|
|
87
225
|
if (previous) {
|
|
88
|
-
|
|
226
|
+
hideEvent = EventHandler__default['default'].trigger(previous, EVENT_HIDE, {
|
|
227
|
+
relatedTarget: this._element
|
|
228
|
+
});
|
|
89
229
|
}
|
|
90
230
|
|
|
91
|
-
|
|
231
|
+
var showEvent = EventHandler__default['default'].trigger(this._element, EVENT_SHOW, {
|
|
232
|
+
relatedTarget: previous
|
|
233
|
+
});
|
|
92
234
|
|
|
93
|
-
if (showEvent.
|
|
235
|
+
if (showEvent.defaultPrevented || hideEvent !== null && hideEvent.defaultPrevented) {
|
|
94
236
|
return;
|
|
95
237
|
}
|
|
96
238
|
|
|
97
|
-
if (selector) {
|
|
98
|
-
target = document.querySelector(selector);
|
|
99
|
-
}
|
|
100
|
-
|
|
101
239
|
this._activate(this._element, listElement);
|
|
102
240
|
|
|
103
241
|
var complete = function complete() {
|
|
104
|
-
|
|
242
|
+
EventHandler__default['default'].trigger(previous, EVENT_HIDDEN, {
|
|
105
243
|
relatedTarget: _this._element
|
|
106
244
|
});
|
|
107
|
-
|
|
245
|
+
EventHandler__default['default'].trigger(_this._element, EVENT_SHOWN, {
|
|
108
246
|
relatedTarget: previous
|
|
109
247
|
});
|
|
110
|
-
$(previous).trigger(hiddenEvent);
|
|
111
|
-
$(_this._element).trigger(shownEvent);
|
|
112
248
|
};
|
|
113
249
|
|
|
114
250
|
if (target) {
|
|
@@ -116,28 +252,25 @@
|
|
|
116
252
|
} else {
|
|
117
253
|
complete();
|
|
118
254
|
}
|
|
119
|
-
};
|
|
120
|
-
|
|
121
|
-
_proto.dispose = function dispose() {
|
|
122
|
-
$.removeData(this._element, DATA_KEY);
|
|
123
|
-
this._element = null;
|
|
124
255
|
} // Private
|
|
125
256
|
;
|
|
126
257
|
|
|
127
258
|
_proto._activate = function _activate(element, container, callback) {
|
|
128
259
|
var _this2 = this;
|
|
129
260
|
|
|
130
|
-
var activeElements = container && (container.nodeName === 'UL' || container.nodeName === 'OL') ?
|
|
261
|
+
var activeElements = container && (container.nodeName === 'UL' || container.nodeName === 'OL') ? SelectorEngine__default['default'].find(SELECTOR_ACTIVE_UL, container) : SelectorEngine__default['default'].children(container, SELECTOR_ACTIVE);
|
|
131
262
|
var active = activeElements[0];
|
|
132
|
-
var isTransitioning = callback && active &&
|
|
263
|
+
var isTransitioning = callback && active && active.classList.contains(CLASS_NAME_FADE);
|
|
133
264
|
|
|
134
265
|
var complete = function complete() {
|
|
135
266
|
return _this2._transitionComplete(element, active, callback);
|
|
136
267
|
};
|
|
137
268
|
|
|
138
269
|
if (active && isTransitioning) {
|
|
139
|
-
var transitionDuration =
|
|
140
|
-
|
|
270
|
+
var transitionDuration = getTransitionDurationFromElement(active);
|
|
271
|
+
active.classList.remove(CLASS_NAME_SHOW);
|
|
272
|
+
EventHandler__default['default'].one(active, TRANSITION_END, complete);
|
|
273
|
+
emulateTransitionEnd(active, transitionDuration);
|
|
141
274
|
} else {
|
|
142
275
|
complete();
|
|
143
276
|
}
|
|
@@ -145,11 +278,11 @@
|
|
|
145
278
|
|
|
146
279
|
_proto._transitionComplete = function _transitionComplete(element, active, callback) {
|
|
147
280
|
if (active) {
|
|
148
|
-
|
|
149
|
-
var dropdownChild =
|
|
281
|
+
active.classList.remove(CLASS_NAME_ACTIVE);
|
|
282
|
+
var dropdownChild = SelectorEngine__default['default'].findOne(SELECTOR_DROPDOWN_ACTIVE_CHILD, active.parentNode);
|
|
150
283
|
|
|
151
284
|
if (dropdownChild) {
|
|
152
|
-
|
|
285
|
+
dropdownChild.classList.remove(CLASS_NAME_ACTIVE);
|
|
153
286
|
}
|
|
154
287
|
|
|
155
288
|
if (active.getAttribute('role') === 'tab') {
|
|
@@ -157,24 +290,25 @@
|
|
|
157
290
|
}
|
|
158
291
|
}
|
|
159
292
|
|
|
160
|
-
|
|
293
|
+
element.classList.add(CLASS_NAME_ACTIVE);
|
|
161
294
|
|
|
162
295
|
if (element.getAttribute('role') === 'tab') {
|
|
163
296
|
element.setAttribute('aria-selected', true);
|
|
164
297
|
}
|
|
165
298
|
|
|
166
|
-
|
|
299
|
+
reflow(element);
|
|
167
300
|
|
|
168
301
|
if (element.classList.contains(CLASS_NAME_FADE)) {
|
|
169
302
|
element.classList.add(CLASS_NAME_SHOW);
|
|
170
303
|
}
|
|
171
304
|
|
|
172
|
-
if (element.parentNode &&
|
|
173
|
-
var dropdownElement =
|
|
305
|
+
if (element.parentNode && element.parentNode.classList.contains(CLASS_NAME_DROPDOWN_MENU)) {
|
|
306
|
+
var dropdownElement = element.closest(SELECTOR_DROPDOWN);
|
|
174
307
|
|
|
175
308
|
if (dropdownElement) {
|
|
176
|
-
|
|
177
|
-
|
|
309
|
+
SelectorEngine__default['default'].find(SELECTOR_DROPDOWN_TOGGLE).forEach(function (dropdown) {
|
|
310
|
+
return dropdown.classList.add(CLASS_NAME_ACTIVE);
|
|
311
|
+
});
|
|
178
312
|
}
|
|
179
313
|
|
|
180
314
|
element.setAttribute('aria-expanded', true);
|
|
@@ -186,15 +320,9 @@
|
|
|
186
320
|
} // Static
|
|
187
321
|
;
|
|
188
322
|
|
|
189
|
-
Tab.
|
|
323
|
+
Tab.jQueryInterface = function jQueryInterface(config) {
|
|
190
324
|
return this.each(function () {
|
|
191
|
-
var
|
|
192
|
-
var data = $this.data(DATA_KEY);
|
|
193
|
-
|
|
194
|
-
if (!data) {
|
|
195
|
-
data = new Tab(this);
|
|
196
|
-
$this.data(DATA_KEY, data);
|
|
197
|
-
}
|
|
325
|
+
var data = Data__default['default'].getData(this, DATA_KEY) || new Tab(this);
|
|
198
326
|
|
|
199
327
|
if (typeof config === 'string') {
|
|
200
328
|
if (typeof data[config] === 'undefined') {
|
|
@@ -206,15 +334,16 @@
|
|
|
206
334
|
});
|
|
207
335
|
};
|
|
208
336
|
|
|
209
|
-
_createClass(Tab, null, [{
|
|
210
|
-
key: "
|
|
337
|
+
_createClass$1(Tab, null, [{
|
|
338
|
+
key: "DATA_KEY",
|
|
339
|
+
// Getters
|
|
211
340
|
get: function get() {
|
|
212
|
-
return
|
|
341
|
+
return DATA_KEY;
|
|
213
342
|
}
|
|
214
343
|
}]);
|
|
215
344
|
|
|
216
345
|
return Tab;
|
|
217
|
-
}();
|
|
346
|
+
}(BaseComponent);
|
|
218
347
|
/**
|
|
219
348
|
* ------------------------------------------------------------------------
|
|
220
349
|
* Data Api implementation
|
|
@@ -222,24 +351,33 @@
|
|
|
222
351
|
*/
|
|
223
352
|
|
|
224
353
|
|
|
225
|
-
|
|
354
|
+
EventHandler__default['default'].on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
|
|
226
355
|
event.preventDefault();
|
|
227
|
-
|
|
228
|
-
|
|
356
|
+
var data = Data__default['default'].getData(this, DATA_KEY) || new Tab(this);
|
|
357
|
+
data.show();
|
|
229
358
|
});
|
|
230
359
|
/**
|
|
231
360
|
* ------------------------------------------------------------------------
|
|
232
361
|
* jQuery
|
|
233
362
|
* ------------------------------------------------------------------------
|
|
363
|
+
* add .Tab to jQuery only if jQuery is present
|
|
234
364
|
*/
|
|
235
365
|
|
|
236
|
-
|
|
237
|
-
|
|
366
|
+
onDOMContentLoaded(function () {
|
|
367
|
+
var $ = getjQuery();
|
|
368
|
+
/* istanbul ignore if */
|
|
238
369
|
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
370
|
+
if ($) {
|
|
371
|
+
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
|
372
|
+
$.fn[NAME] = Tab.jQueryInterface;
|
|
373
|
+
$.fn[NAME].Constructor = Tab;
|
|
374
|
+
|
|
375
|
+
$.fn[NAME].noConflict = function () {
|
|
376
|
+
$.fn[NAME] = JQUERY_NO_CONFLICT;
|
|
377
|
+
return Tab.jQueryInterface;
|
|
378
|
+
};
|
|
379
|
+
}
|
|
380
|
+
});
|
|
243
381
|
|
|
244
382
|
return Tab;
|
|
245
383
|
|
|
@@ -1,18 +1,122 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Bootstrap toast.js
|
|
2
|
+
* Bootstrap toast.js v5.0.0-beta1 (https://getbootstrap.com/)
|
|
3
3
|
* Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
|
|
4
4
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
5
5
|
*/
|
|
6
6
|
(function (global, factory) {
|
|
7
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('
|
|
8
|
-
typeof define === 'function' && define.amd ? define(['
|
|
9
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Toast = factory(global.
|
|
10
|
-
}(this, (function (
|
|
7
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('./dom/data.js'), require('./dom/event-handler.js'), require('./dom/manipulator.js')) :
|
|
8
|
+
typeof define === 'function' && define.amd ? define(['./dom/data', './dom/event-handler', './dom/manipulator'], factory) :
|
|
9
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Toast = factory(global.Data, global.EventHandler, global.Manipulator));
|
|
10
|
+
}(this, (function (Data, EventHandler, Manipulator) { 'use strict';
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
Util = Util && Object.prototype.hasOwnProperty.call(Util, 'default') ? Util['default'] : Util;
|
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
13
|
|
|
15
|
-
|
|
14
|
+
var Data__default = /*#__PURE__*/_interopDefaultLegacy(Data);
|
|
15
|
+
var EventHandler__default = /*#__PURE__*/_interopDefaultLegacy(EventHandler);
|
|
16
|
+
var Manipulator__default = /*#__PURE__*/_interopDefaultLegacy(Manipulator);
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* --------------------------------------------------------------------------
|
|
20
|
+
* Bootstrap (v5.0.0-beta1): util/index.js
|
|
21
|
+
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
22
|
+
* --------------------------------------------------------------------------
|
|
23
|
+
*/
|
|
24
|
+
var MILLISECONDS_MULTIPLIER = 1000;
|
|
25
|
+
var TRANSITION_END = 'transitionend'; // Shoutout AngusCroll (https://goo.gl/pxwQGp)
|
|
26
|
+
|
|
27
|
+
var toType = function toType(obj) {
|
|
28
|
+
if (obj === null || obj === undefined) {
|
|
29
|
+
return "" + obj;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase();
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
var getTransitionDurationFromElement = function getTransitionDurationFromElement(element) {
|
|
36
|
+
if (!element) {
|
|
37
|
+
return 0;
|
|
38
|
+
} // Get transition-duration of the element
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
var _window$getComputedSt = window.getComputedStyle(element),
|
|
42
|
+
transitionDuration = _window$getComputedSt.transitionDuration,
|
|
43
|
+
transitionDelay = _window$getComputedSt.transitionDelay;
|
|
44
|
+
|
|
45
|
+
var floatTransitionDuration = Number.parseFloat(transitionDuration);
|
|
46
|
+
var floatTransitionDelay = Number.parseFloat(transitionDelay); // Return 0 if element or transition duration is not found
|
|
47
|
+
|
|
48
|
+
if (!floatTransitionDuration && !floatTransitionDelay) {
|
|
49
|
+
return 0;
|
|
50
|
+
} // If multiple durations are defined, take the first
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
transitionDuration = transitionDuration.split(',')[0];
|
|
54
|
+
transitionDelay = transitionDelay.split(',')[0];
|
|
55
|
+
return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER;
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
var triggerTransitionEnd = function triggerTransitionEnd(element) {
|
|
59
|
+
element.dispatchEvent(new Event(TRANSITION_END));
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
var isElement = function isElement(obj) {
|
|
63
|
+
return (obj[0] || obj).nodeType;
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
var emulateTransitionEnd = function emulateTransitionEnd(element, duration) {
|
|
67
|
+
var called = false;
|
|
68
|
+
var durationPadding = 5;
|
|
69
|
+
var emulatedDuration = duration + durationPadding;
|
|
70
|
+
|
|
71
|
+
function listener() {
|
|
72
|
+
called = true;
|
|
73
|
+
element.removeEventListener(TRANSITION_END, listener);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
element.addEventListener(TRANSITION_END, listener);
|
|
77
|
+
setTimeout(function () {
|
|
78
|
+
if (!called) {
|
|
79
|
+
triggerTransitionEnd(element);
|
|
80
|
+
}
|
|
81
|
+
}, emulatedDuration);
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
var typeCheckConfig = function typeCheckConfig(componentName, config, configTypes) {
|
|
85
|
+
Object.keys(configTypes).forEach(function (property) {
|
|
86
|
+
var expectedTypes = configTypes[property];
|
|
87
|
+
var value = config[property];
|
|
88
|
+
var valueType = value && isElement(value) ? 'element' : toType(value);
|
|
89
|
+
|
|
90
|
+
if (!new RegExp(expectedTypes).test(valueType)) {
|
|
91
|
+
throw new Error(componentName.toUpperCase() + ": " + ("Option \"" + property + "\" provided type \"" + valueType + "\" ") + ("but expected type \"" + expectedTypes + "\"."));
|
|
92
|
+
}
|
|
93
|
+
});
|
|
94
|
+
};
|
|
95
|
+
|
|
96
|
+
var reflow = function reflow(element) {
|
|
97
|
+
return element.offsetHeight;
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
var getjQuery = function getjQuery() {
|
|
101
|
+
var _window = window,
|
|
102
|
+
jQuery = _window.jQuery;
|
|
103
|
+
|
|
104
|
+
if (jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {
|
|
105
|
+
return jQuery;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
return null;
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
var onDOMContentLoaded = function onDOMContentLoaded(callback) {
|
|
112
|
+
if (document.readyState === 'loading') {
|
|
113
|
+
document.addEventListener('DOMContentLoaded', callback);
|
|
114
|
+
} else {
|
|
115
|
+
callback();
|
|
116
|
+
}
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
var isRTL = document.documentElement.dir === 'rtl';
|
|
16
120
|
|
|
17
121
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
18
122
|
|
|
@@ -23,11 +127,57 @@
|
|
|
23
127
|
* ------------------------------------------------------------------------
|
|
24
128
|
*/
|
|
25
129
|
|
|
130
|
+
var VERSION = '5.0.0-beta1';
|
|
131
|
+
|
|
132
|
+
var BaseComponent = /*#__PURE__*/function () {
|
|
133
|
+
function BaseComponent(element) {
|
|
134
|
+
if (!element) {
|
|
135
|
+
return;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
this._element = element;
|
|
139
|
+
Data__default['default'].setData(element, this.constructor.DATA_KEY, this);
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
var _proto = BaseComponent.prototype;
|
|
143
|
+
|
|
144
|
+
_proto.dispose = function dispose() {
|
|
145
|
+
Data__default['default'].removeData(this._element, this.constructor.DATA_KEY);
|
|
146
|
+
this._element = null;
|
|
147
|
+
}
|
|
148
|
+
/** Static */
|
|
149
|
+
;
|
|
150
|
+
|
|
151
|
+
BaseComponent.getInstance = function getInstance(element) {
|
|
152
|
+
return Data__default['default'].getData(element, this.DATA_KEY);
|
|
153
|
+
};
|
|
154
|
+
|
|
155
|
+
_createClass(BaseComponent, null, [{
|
|
156
|
+
key: "VERSION",
|
|
157
|
+
get: function get() {
|
|
158
|
+
return VERSION;
|
|
159
|
+
}
|
|
160
|
+
}]);
|
|
161
|
+
|
|
162
|
+
return BaseComponent;
|
|
163
|
+
}();
|
|
164
|
+
|
|
165
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
166
|
+
|
|
167
|
+
function _defineProperties$1(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
168
|
+
|
|
169
|
+
function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); if (staticProps) _defineProperties$1(Constructor, staticProps); return Constructor; }
|
|
170
|
+
|
|
171
|
+
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
|
|
172
|
+
/**
|
|
173
|
+
* ------------------------------------------------------------------------
|
|
174
|
+
* Constants
|
|
175
|
+
* ------------------------------------------------------------------------
|
|
176
|
+
*/
|
|
177
|
+
|
|
26
178
|
var NAME = 'toast';
|
|
27
|
-
var VERSION = '4.5.2';
|
|
28
179
|
var DATA_KEY = 'bs.toast';
|
|
29
180
|
var EVENT_KEY = "." + DATA_KEY;
|
|
30
|
-
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
|
31
181
|
var EVENT_CLICK_DISMISS = "click.dismiss" + EVENT_KEY;
|
|
32
182
|
var EVENT_HIDE = "hide" + EVENT_KEY;
|
|
33
183
|
var EVENT_HIDDEN = "hidden" + EVENT_KEY;
|
|
@@ -45,22 +195,28 @@
|
|
|
45
195
|
var Default = {
|
|
46
196
|
animation: true,
|
|
47
197
|
autohide: true,
|
|
48
|
-
delay:
|
|
198
|
+
delay: 5000
|
|
49
199
|
};
|
|
50
|
-
var SELECTOR_DATA_DISMISS = '[data-dismiss="toast"]';
|
|
200
|
+
var SELECTOR_DATA_DISMISS = '[data-bs-dismiss="toast"]';
|
|
51
201
|
/**
|
|
52
202
|
* ------------------------------------------------------------------------
|
|
53
203
|
* Class Definition
|
|
54
204
|
* ------------------------------------------------------------------------
|
|
55
205
|
*/
|
|
56
206
|
|
|
57
|
-
var Toast = /*#__PURE__*/function () {
|
|
207
|
+
var Toast = /*#__PURE__*/function (_BaseComponent) {
|
|
208
|
+
_inheritsLoose(Toast, _BaseComponent);
|
|
209
|
+
|
|
58
210
|
function Toast(element, config) {
|
|
59
|
-
|
|
60
|
-
this._config = this._getConfig(config);
|
|
61
|
-
this._timeout = null;
|
|
211
|
+
var _this;
|
|
62
212
|
|
|
63
|
-
|
|
213
|
+
_this = _BaseComponent.call(this, element) || this;
|
|
214
|
+
_this._config = _this._getConfig(config);
|
|
215
|
+
_this._timeout = null;
|
|
216
|
+
|
|
217
|
+
_this._setListeners();
|
|
218
|
+
|
|
219
|
+
return _this;
|
|
64
220
|
} // Getters
|
|
65
221
|
|
|
66
222
|
|
|
@@ -68,12 +224,11 @@
|
|
|
68
224
|
|
|
69
225
|
// Public
|
|
70
226
|
_proto.show = function show() {
|
|
71
|
-
var
|
|
227
|
+
var _this2 = this;
|
|
72
228
|
|
|
73
|
-
var showEvent =
|
|
74
|
-
$(this._element).trigger(showEvent);
|
|
229
|
+
var showEvent = EventHandler__default['default'].trigger(this._element, EVENT_SHOW);
|
|
75
230
|
|
|
76
|
-
if (showEvent.
|
|
231
|
+
if (showEvent.defaultPrevented) {
|
|
77
232
|
return;
|
|
78
233
|
}
|
|
79
234
|
|
|
@@ -84,46 +239,62 @@
|
|
|
84
239
|
}
|
|
85
240
|
|
|
86
241
|
var complete = function complete() {
|
|
87
|
-
|
|
242
|
+
_this2._element.classList.remove(CLASS_NAME_SHOWING);
|
|
88
243
|
|
|
89
|
-
|
|
244
|
+
_this2._element.classList.add(CLASS_NAME_SHOW);
|
|
90
245
|
|
|
91
|
-
|
|
246
|
+
EventHandler__default['default'].trigger(_this2._element, EVENT_SHOWN);
|
|
92
247
|
|
|
93
|
-
if (
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
},
|
|
248
|
+
if (_this2._config.autohide) {
|
|
249
|
+
_this2._timeout = setTimeout(function () {
|
|
250
|
+
_this2.hide();
|
|
251
|
+
}, _this2._config.delay);
|
|
97
252
|
}
|
|
98
253
|
};
|
|
99
254
|
|
|
100
255
|
this._element.classList.remove(CLASS_NAME_HIDE);
|
|
101
256
|
|
|
102
|
-
|
|
257
|
+
reflow(this._element);
|
|
103
258
|
|
|
104
259
|
this._element.classList.add(CLASS_NAME_SHOWING);
|
|
105
260
|
|
|
106
261
|
if (this._config.animation) {
|
|
107
|
-
var transitionDuration =
|
|
108
|
-
|
|
262
|
+
var transitionDuration = getTransitionDurationFromElement(this._element);
|
|
263
|
+
EventHandler__default['default'].one(this._element, TRANSITION_END, complete);
|
|
264
|
+
emulateTransitionEnd(this._element, transitionDuration);
|
|
109
265
|
} else {
|
|
110
266
|
complete();
|
|
111
267
|
}
|
|
112
268
|
};
|
|
113
269
|
|
|
114
270
|
_proto.hide = function hide() {
|
|
271
|
+
var _this3 = this;
|
|
272
|
+
|
|
115
273
|
if (!this._element.classList.contains(CLASS_NAME_SHOW)) {
|
|
116
274
|
return;
|
|
117
275
|
}
|
|
118
276
|
|
|
119
|
-
var hideEvent =
|
|
120
|
-
$(this._element).trigger(hideEvent);
|
|
277
|
+
var hideEvent = EventHandler__default['default'].trigger(this._element, EVENT_HIDE);
|
|
121
278
|
|
|
122
|
-
if (hideEvent.
|
|
279
|
+
if (hideEvent.defaultPrevented) {
|
|
123
280
|
return;
|
|
124
281
|
}
|
|
125
282
|
|
|
126
|
-
|
|
283
|
+
var complete = function complete() {
|
|
284
|
+
_this3._element.classList.add(CLASS_NAME_HIDE);
|
|
285
|
+
|
|
286
|
+
EventHandler__default['default'].trigger(_this3._element, EVENT_HIDDEN);
|
|
287
|
+
};
|
|
288
|
+
|
|
289
|
+
this._element.classList.remove(CLASS_NAME_SHOW);
|
|
290
|
+
|
|
291
|
+
if (this._config.animation) {
|
|
292
|
+
var transitionDuration = getTransitionDurationFromElement(this._element);
|
|
293
|
+
EventHandler__default['default'].one(this._element, TRANSITION_END, complete);
|
|
294
|
+
emulateTransitionEnd(this._element, transitionDuration);
|
|
295
|
+
} else {
|
|
296
|
+
complete();
|
|
297
|
+
}
|
|
127
298
|
};
|
|
128
299
|
|
|
129
300
|
_proto.dispose = function dispose() {
|
|
@@ -133,62 +304,42 @@
|
|
|
133
304
|
this._element.classList.remove(CLASS_NAME_SHOW);
|
|
134
305
|
}
|
|
135
306
|
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
this
|
|
307
|
+
EventHandler__default['default'].off(this._element, EVENT_CLICK_DISMISS);
|
|
308
|
+
|
|
309
|
+
_BaseComponent.prototype.dispose.call(this);
|
|
310
|
+
|
|
139
311
|
this._config = null;
|
|
140
312
|
} // Private
|
|
141
313
|
;
|
|
142
314
|
|
|
143
315
|
_proto._getConfig = function _getConfig(config) {
|
|
144
|
-
config = _extends({}, Default,
|
|
145
|
-
|
|
316
|
+
config = _extends({}, Default, Manipulator__default['default'].getDataAttributes(this._element), typeof config === 'object' && config ? config : {});
|
|
317
|
+
typeCheckConfig(NAME, config, this.constructor.DefaultType);
|
|
146
318
|
return config;
|
|
147
319
|
};
|
|
148
320
|
|
|
149
321
|
_proto._setListeners = function _setListeners() {
|
|
150
|
-
var
|
|
322
|
+
var _this4 = this;
|
|
151
323
|
|
|
152
|
-
|
|
153
|
-
return
|
|
324
|
+
EventHandler__default['default'].on(this._element, EVENT_CLICK_DISMISS, SELECTOR_DATA_DISMISS, function () {
|
|
325
|
+
return _this4.hide();
|
|
154
326
|
});
|
|
155
327
|
};
|
|
156
328
|
|
|
157
|
-
_proto._close = function _close() {
|
|
158
|
-
var _this3 = this;
|
|
159
|
-
|
|
160
|
-
var complete = function complete() {
|
|
161
|
-
_this3._element.classList.add(CLASS_NAME_HIDE);
|
|
162
|
-
|
|
163
|
-
$(_this3._element).trigger(EVENT_HIDDEN);
|
|
164
|
-
};
|
|
165
|
-
|
|
166
|
-
this._element.classList.remove(CLASS_NAME_SHOW);
|
|
167
|
-
|
|
168
|
-
if (this._config.animation) {
|
|
169
|
-
var transitionDuration = Util.getTransitionDurationFromElement(this._element);
|
|
170
|
-
$(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
|
|
171
|
-
} else {
|
|
172
|
-
complete();
|
|
173
|
-
}
|
|
174
|
-
};
|
|
175
|
-
|
|
176
329
|
_proto._clearTimeout = function _clearTimeout() {
|
|
177
330
|
clearTimeout(this._timeout);
|
|
178
331
|
this._timeout = null;
|
|
179
332
|
} // Static
|
|
180
333
|
;
|
|
181
334
|
|
|
182
|
-
Toast.
|
|
335
|
+
Toast.jQueryInterface = function jQueryInterface(config) {
|
|
183
336
|
return this.each(function () {
|
|
184
|
-
var
|
|
185
|
-
var data = $element.data(DATA_KEY);
|
|
337
|
+
var data = Data__default['default'].getData(this, DATA_KEY);
|
|
186
338
|
|
|
187
339
|
var _config = typeof config === 'object' && config;
|
|
188
340
|
|
|
189
341
|
if (!data) {
|
|
190
342
|
data = new Toast(this, _config);
|
|
191
|
-
$element.data(DATA_KEY, data);
|
|
192
343
|
}
|
|
193
344
|
|
|
194
345
|
if (typeof config === 'string') {
|
|
@@ -201,12 +352,7 @@
|
|
|
201
352
|
});
|
|
202
353
|
};
|
|
203
354
|
|
|
204
|
-
_createClass(Toast, null, [{
|
|
205
|
-
key: "VERSION",
|
|
206
|
-
get: function get() {
|
|
207
|
-
return VERSION;
|
|
208
|
-
}
|
|
209
|
-
}, {
|
|
355
|
+
_createClass$1(Toast, null, [{
|
|
210
356
|
key: "DefaultType",
|
|
211
357
|
get: function get() {
|
|
212
358
|
return DefaultType;
|
|
@@ -216,24 +362,38 @@
|
|
|
216
362
|
get: function get() {
|
|
217
363
|
return Default;
|
|
218
364
|
}
|
|
365
|
+
}, {
|
|
366
|
+
key: "DATA_KEY",
|
|
367
|
+
get: function get() {
|
|
368
|
+
return DATA_KEY;
|
|
369
|
+
}
|
|
219
370
|
}]);
|
|
220
371
|
|
|
221
372
|
return Toast;
|
|
222
|
-
}();
|
|
373
|
+
}(BaseComponent);
|
|
223
374
|
/**
|
|
224
375
|
* ------------------------------------------------------------------------
|
|
225
376
|
* jQuery
|
|
226
377
|
* ------------------------------------------------------------------------
|
|
378
|
+
* add .Toast to jQuery only if jQuery is present
|
|
227
379
|
*/
|
|
228
380
|
|
|
229
381
|
|
|
230
|
-
|
|
231
|
-
|
|
382
|
+
onDOMContentLoaded(function () {
|
|
383
|
+
var $ = getjQuery();
|
|
384
|
+
/* istanbul ignore if */
|
|
232
385
|
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
386
|
+
if ($) {
|
|
387
|
+
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
|
388
|
+
$.fn[NAME] = Toast.jQueryInterface;
|
|
389
|
+
$.fn[NAME].Constructor = Toast;
|
|
390
|
+
|
|
391
|
+
$.fn[NAME].noConflict = function () {
|
|
392
|
+
$.fn[NAME] = JQUERY_NO_CONFLICT;
|
|
393
|
+
return Toast.jQueryInterface;
|
|
394
|
+
};
|
|
395
|
+
}
|
|
396
|
+
});
|
|
237
397
|
|
|
238
398
|
return Toast;
|
|
239
399
|
|