1 | /*!
|
---|
2 | * Bootstrap v4.3.1 (https://getbootstrap.com/)
|
---|
3 | * Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
|
---|
4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
---|
5 | */
|
---|
6 | (function (global, factory) {
|
---|
7 | typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jquery')) :
|
---|
8 | typeof define === 'function' && define.amd ? define(['exports', 'jquery'], factory) :
|
---|
9 | (global = global || self, factory(global.bootstrap = {}, global.jQuery));
|
---|
10 | }(this, function (exports, $) { 'use strict';
|
---|
11 |
|
---|
12 | $ = $ && $.hasOwnProperty('default') ? $['default'] : $;
|
---|
13 |
|
---|
14 | function _defineProperties(target, props) {
|
---|
15 | for (var i = 0; i < props.length; i++) {
|
---|
16 | var descriptor = props[i];
|
---|
17 | descriptor.enumerable = descriptor.enumerable || false;
|
---|
18 | descriptor.configurable = true;
|
---|
19 | if ("value" in descriptor) descriptor.writable = true;
|
---|
20 | Object.defineProperty(target, descriptor.key, descriptor);
|
---|
21 | }
|
---|
22 | }
|
---|
23 |
|
---|
24 | function _createClass(Constructor, protoProps, staticProps) {
|
---|
25 | if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
---|
26 | if (staticProps) _defineProperties(Constructor, staticProps);
|
---|
27 | return Constructor;
|
---|
28 | }
|
---|
29 |
|
---|
30 | function _defineProperty(obj, key, value) {
|
---|
31 | if (key in obj) {
|
---|
32 | Object.defineProperty(obj, key, {
|
---|
33 | value: value,
|
---|
34 | enumerable: true,
|
---|
35 | configurable: true,
|
---|
36 | writable: true
|
---|
37 | });
|
---|
38 | } else {
|
---|
39 | obj[key] = value;
|
---|
40 | }
|
---|
41 |
|
---|
42 | return obj;
|
---|
43 | }
|
---|
44 |
|
---|
45 | function _objectSpread(target) {
|
---|
46 | for (var i = 1; i < arguments.length; i++) {
|
---|
47 | var source = arguments[i] != null ? arguments[i] : {};
|
---|
48 | var ownKeys = Object.keys(source);
|
---|
49 |
|
---|
50 | if (typeof Object.getOwnPropertySymbols === 'function') {
|
---|
51 | ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
|
---|
52 | return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
---|
53 | }));
|
---|
54 | }
|
---|
55 |
|
---|
56 | ownKeys.forEach(function (key) {
|
---|
57 | _defineProperty(target, key, source[key]);
|
---|
58 | });
|
---|
59 | }
|
---|
60 |
|
---|
61 | return target;
|
---|
62 | }
|
---|
63 |
|
---|
64 | function _inheritsLoose(subClass, superClass) {
|
---|
65 | subClass.prototype = Object.create(superClass.prototype);
|
---|
66 | subClass.prototype.constructor = subClass;
|
---|
67 | subClass.__proto__ = superClass;
|
---|
68 | }
|
---|
69 |
|
---|
70 | /**
|
---|
71 | * --------------------------------------------------------------------------
|
---|
72 | * Bootstrap (v4.3.1): util.js
|
---|
73 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
---|
74 | * --------------------------------------------------------------------------
|
---|
75 | */
|
---|
76 | /**
|
---|
77 | * ------------------------------------------------------------------------
|
---|
78 | * Private TransitionEnd Helpers
|
---|
79 | * ------------------------------------------------------------------------
|
---|
80 | */
|
---|
81 |
|
---|
82 | var TRANSITION_END = 'transitionend';
|
---|
83 | var MAX_UID = 1000000;
|
---|
84 | var MILLISECONDS_MULTIPLIER = 1000; // Shoutout AngusCroll (https://goo.gl/pxwQGp)
|
---|
85 |
|
---|
86 | function toType(obj) {
|
---|
87 | return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase();
|
---|
88 | }
|
---|
89 |
|
---|
90 | function getSpecialTransitionEndEvent() {
|
---|
91 | return {
|
---|
92 | bindType: TRANSITION_END,
|
---|
93 | delegateType: TRANSITION_END,
|
---|
94 | handle: function handle(event) {
|
---|
95 | if ($(event.target).is(this)) {
|
---|
96 | return event.handleObj.handler.apply(this, arguments); // eslint-disable-line prefer-rest-params
|
---|
97 | }
|
---|
98 |
|
---|
99 | return undefined; // eslint-disable-line no-undefined
|
---|
100 | }
|
---|
101 | };
|
---|
102 | }
|
---|
103 |
|
---|
104 | function transitionEndEmulator(duration) {
|
---|
105 | var _this = this;
|
---|
106 |
|
---|
107 | var called = false;
|
---|
108 | $(this).one(Util.TRANSITION_END, function () {
|
---|
109 | called = true;
|
---|
110 | });
|
---|
111 | setTimeout(function () {
|
---|
112 | if (!called) {
|
---|
113 | Util.triggerTransitionEnd(_this);
|
---|
114 | }
|
---|
115 | }, duration);
|
---|
116 | return this;
|
---|
117 | }
|
---|
118 |
|
---|
119 | function setTransitionEndSupport() {
|
---|
120 | $.fn.emulateTransitionEnd = transitionEndEmulator;
|
---|
121 | $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();
|
---|
122 | }
|
---|
123 | /**
|
---|
124 | * --------------------------------------------------------------------------
|
---|
125 | * Public Util Api
|
---|
126 | * --------------------------------------------------------------------------
|
---|
127 | */
|
---|
128 |
|
---|
129 |
|
---|
130 | var Util = {
|
---|
131 | TRANSITION_END: 'bsTransitionEnd',
|
---|
132 | getUID: function getUID(prefix) {
|
---|
133 | do {
|
---|
134 | // eslint-disable-next-line no-bitwise
|
---|
135 | prefix += ~~(Math.random() * MAX_UID); // "~~" acts like a faster Math.floor() here
|
---|
136 | } while (document.getElementById(prefix));
|
---|
137 |
|
---|
138 | return prefix;
|
---|
139 | },
|
---|
140 | getSelectorFromElement: function getSelectorFromElement(element) {
|
---|
141 | var selector = element.getAttribute('data-target');
|
---|
142 |
|
---|
143 | if (!selector || selector === '#') {
|
---|
144 | var hrefAttr = element.getAttribute('href');
|
---|
145 | selector = hrefAttr && hrefAttr !== '#' ? hrefAttr.trim() : '';
|
---|
146 | }
|
---|
147 |
|
---|
148 | try {
|
---|
149 | return document.querySelector(selector) ? selector : null;
|
---|
150 | } catch (err) {
|
---|
151 | return null;
|
---|
152 | }
|
---|
153 | },
|
---|
154 | getTransitionDurationFromElement: function getTransitionDurationFromElement(element) {
|
---|
155 | if (!element) {
|
---|
156 | return 0;
|
---|
157 | } // Get transition-duration of the element
|
---|
158 |
|
---|
159 |
|
---|
160 | var transitionDuration = $(element).css('transition-duration');
|
---|
161 | var transitionDelay = $(element).css('transition-delay');
|
---|
162 | var floatTransitionDuration = parseFloat(transitionDuration);
|
---|
163 | var floatTransitionDelay = parseFloat(transitionDelay); // Return 0 if element or transition duration is not found
|
---|
164 |
|
---|
165 | if (!floatTransitionDuration && !floatTransitionDelay) {
|
---|
166 | return 0;
|
---|
167 | } // If multiple durations are defined, take the first
|
---|
168 |
|
---|
169 |
|
---|
170 | transitionDuration = transitionDuration.split(',')[0];
|
---|
171 | transitionDelay = transitionDelay.split(',')[0];
|
---|
172 | return (parseFloat(transitionDuration) + parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER;
|
---|
173 | },
|
---|
174 | reflow: function reflow(element) {
|
---|
175 | return element.offsetHeight;
|
---|
176 | },
|
---|
177 | triggerTransitionEnd: function triggerTransitionEnd(element) {
|
---|
178 | $(element).trigger(TRANSITION_END);
|
---|
179 | },
|
---|
180 | // TODO: Remove in v5
|
---|
181 | supportsTransitionEnd: function supportsTransitionEnd() {
|
---|
182 | return Boolean(TRANSITION_END);
|
---|
183 | },
|
---|
184 | isElement: function isElement(obj) {
|
---|
185 | return (obj[0] || obj).nodeType;
|
---|
186 | },
|
---|
187 | typeCheckConfig: function typeCheckConfig(componentName, config, configTypes) {
|
---|
188 | for (var property in configTypes) {
|
---|
189 | if (Object.prototype.hasOwnProperty.call(configTypes, property)) {
|
---|
190 | var expectedTypes = configTypes[property];
|
---|
191 | var value = config[property];
|
---|
192 | var valueType = value && Util.isElement(value) ? 'element' : toType(value);
|
---|
193 |
|
---|
194 | if (!new RegExp(expectedTypes).test(valueType)) {
|
---|
195 | throw new Error(componentName.toUpperCase() + ": " + ("Option \"" + property + "\" provided type \"" + valueType + "\" ") + ("but expected type \"" + expectedTypes + "\"."));
|
---|
196 | }
|
---|
197 | }
|
---|
198 | }
|
---|
199 | },
|
---|
200 | findShadowRoot: function findShadowRoot(element) {
|
---|
201 | if (!document.documentElement.attachShadow) {
|
---|
202 | return null;
|
---|
203 | } // Can find the shadow root otherwise it'll return the document
|
---|
204 |
|
---|
205 |
|
---|
206 | if (typeof element.getRootNode === 'function') {
|
---|
207 | var root = element.getRootNode();
|
---|
208 | return root instanceof ShadowRoot ? root : null;
|
---|
209 | }
|
---|
210 |
|
---|
211 | if (element instanceof ShadowRoot) {
|
---|
212 | return element;
|
---|
213 | } // when we don't find a shadow root
|
---|
214 |
|
---|
215 |
|
---|
216 | if (!element.parentNode) {
|
---|
217 | return null;
|
---|
218 | }
|
---|
219 |
|
---|
220 | return Util.findShadowRoot(element.parentNode);
|
---|
221 | }
|
---|
222 | };
|
---|
223 | setTransitionEndSupport();
|
---|
224 |
|
---|
225 | /**
|
---|
226 | * ------------------------------------------------------------------------
|
---|
227 | * Constants
|
---|
228 | * ------------------------------------------------------------------------
|
---|
229 | */
|
---|
230 |
|
---|
231 | var NAME = 'alert';
|
---|
232 | var VERSION = '4.3.1';
|
---|
233 | var DATA_KEY = 'bs.alert';
|
---|
234 | var EVENT_KEY = "." + DATA_KEY;
|
---|
235 | var DATA_API_KEY = '.data-api';
|
---|
236 | var JQUERY_NO_CONFLICT = $.fn[NAME];
|
---|
237 | var Selector = {
|
---|
238 | DISMISS: '[data-dismiss="alert"]'
|
---|
239 | };
|
---|
240 | var Event = {
|
---|
241 | CLOSE: "close" + EVENT_KEY,
|
---|
242 | CLOSED: "closed" + EVENT_KEY,
|
---|
243 | CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
|
---|
244 | };
|
---|
245 | var ClassName = {
|
---|
246 | ALERT: 'alert',
|
---|
247 | FADE: 'fade',
|
---|
248 | SHOW: 'show'
|
---|
249 | /**
|
---|
250 | * ------------------------------------------------------------------------
|
---|
251 | * Class Definition
|
---|
252 | * ------------------------------------------------------------------------
|
---|
253 | */
|
---|
254 |
|
---|
255 | };
|
---|
256 |
|
---|
257 | var Alert =
|
---|
258 | /*#__PURE__*/
|
---|
259 | function () {
|
---|
260 | function Alert(element) {
|
---|
261 | this._element = element;
|
---|
262 | } // Getters
|
---|
263 |
|
---|
264 |
|
---|
265 | var _proto = Alert.prototype;
|
---|
266 |
|
---|
267 | // Public
|
---|
268 | _proto.close = function close(element) {
|
---|
269 | var rootElement = this._element;
|
---|
270 |
|
---|
271 | if (element) {
|
---|
272 | rootElement = this._getRootElement(element);
|
---|
273 | }
|
---|
274 |
|
---|
275 | var customEvent = this._triggerCloseEvent(rootElement);
|
---|
276 |
|
---|
277 | if (customEvent.isDefaultPrevented()) {
|
---|
278 | return;
|
---|
279 | }
|
---|
280 |
|
---|
281 | this._removeElement(rootElement);
|
---|
282 | };
|
---|
283 |
|
---|
284 | _proto.dispose = function dispose() {
|
---|
285 | $.removeData(this._element, DATA_KEY);
|
---|
286 | this._element = null;
|
---|
287 | } // Private
|
---|
288 | ;
|
---|
289 |
|
---|
290 | _proto._getRootElement = function _getRootElement(element) {
|
---|
291 | var selector = Util.getSelectorFromElement(element);
|
---|
292 | var parent = false;
|
---|
293 |
|
---|
294 | if (selector) {
|
---|
295 | parent = document.querySelector(selector);
|
---|
296 | }
|
---|
297 |
|
---|
298 | if (!parent) {
|
---|
299 | parent = $(element).closest("." + ClassName.ALERT)[0];
|
---|
300 | }
|
---|
301 |
|
---|
302 | return parent;
|
---|
303 | };
|
---|
304 |
|
---|
305 | _proto._triggerCloseEvent = function _triggerCloseEvent(element) {
|
---|
306 | var closeEvent = $.Event(Event.CLOSE);
|
---|
307 | $(element).trigger(closeEvent);
|
---|
308 | return closeEvent;
|
---|
309 | };
|
---|
310 |
|
---|
311 | _proto._removeElement = function _removeElement(element) {
|
---|
312 | var _this = this;
|
---|
313 |
|
---|
314 | $(element).removeClass(ClassName.SHOW);
|
---|
315 |
|
---|
316 | if (!$(element).hasClass(ClassName.FADE)) {
|
---|
317 | this._destroyElement(element);
|
---|
318 |
|
---|
319 | return;
|
---|
320 | }
|
---|
321 |
|
---|
322 | var transitionDuration = Util.getTransitionDurationFromElement(element);
|
---|
323 | $(element).one(Util.TRANSITION_END, function (event) {
|
---|
324 | return _this._destroyElement(element, event);
|
---|
325 | }).emulateTransitionEnd(transitionDuration);
|
---|
326 | };
|
---|
327 |
|
---|
328 | _proto._destroyElement = function _destroyElement(element) {
|
---|
329 | $(element).detach().trigger(Event.CLOSED).remove();
|
---|
330 | } // Static
|
---|
331 | ;
|
---|
332 |
|
---|
333 | Alert._jQueryInterface = function _jQueryInterface(config) {
|
---|
334 | return this.each(function () {
|
---|
335 | var $element = $(this);
|
---|
336 | var data = $element.data(DATA_KEY);
|
---|
337 |
|
---|
338 | if (!data) {
|
---|
339 | data = new Alert(this);
|
---|
340 | $element.data(DATA_KEY, data);
|
---|
341 | }
|
---|
342 |
|
---|
343 | if (config === 'close') {
|
---|
344 | data[config](this);
|
---|
345 | }
|
---|
346 | });
|
---|
347 | };
|
---|
348 |
|
---|
349 | Alert._handleDismiss = function _handleDismiss(alertInstance) {
|
---|
350 | return function (event) {
|
---|
351 | if (event) {
|
---|
352 | event.preventDefault();
|
---|
353 | }
|
---|
354 |
|
---|
355 | alertInstance.close(this);
|
---|
356 | };
|
---|
357 | };
|
---|
358 |
|
---|
359 | _createClass(Alert, null, [{
|
---|
360 | key: "VERSION",
|
---|
361 | get: function get() {
|
---|
362 | return VERSION;
|
---|
363 | }
|
---|
364 | }]);
|
---|
365 |
|
---|
366 | return Alert;
|
---|
367 | }();
|
---|
368 | /**
|
---|
369 | * ------------------------------------------------------------------------
|
---|
370 | * Data Api implementation
|
---|
371 | * ------------------------------------------------------------------------
|
---|
372 | */
|
---|
373 |
|
---|
374 |
|
---|
375 | $(document).on(Event.CLICK_DATA_API, Selector.DISMISS, Alert._handleDismiss(new Alert()));
|
---|
376 | /**
|
---|
377 | * ------------------------------------------------------------------------
|
---|
378 | * jQuery
|
---|
379 | * ------------------------------------------------------------------------
|
---|
380 | */
|
---|
381 |
|
---|
382 | $.fn[NAME] = Alert._jQueryInterface;
|
---|
383 | $.fn[NAME].Constructor = Alert;
|
---|
384 |
|
---|
385 | $.fn[NAME].noConflict = function () {
|
---|
386 | $.fn[NAME] = JQUERY_NO_CONFLICT;
|
---|
387 | return Alert._jQueryInterface;
|
---|
388 | };
|
---|
389 |
|
---|
390 | /**
|
---|
391 | * ------------------------------------------------------------------------
|
---|
392 | * Constants
|
---|
393 | * ------------------------------------------------------------------------
|
---|
394 | */
|
---|
395 |
|
---|
396 | var NAME$1 = 'button';
|
---|
397 | var VERSION$1 = '4.3.1';
|
---|
398 | var DATA_KEY$1 = 'bs.button';
|
---|
399 | var EVENT_KEY$1 = "." + DATA_KEY$1;
|
---|
400 | var DATA_API_KEY$1 = '.data-api';
|
---|
401 | var JQUERY_NO_CONFLICT$1 = $.fn[NAME$1];
|
---|
402 | var ClassName$1 = {
|
---|
403 | ACTIVE: 'active',
|
---|
404 | BUTTON: 'btn',
|
---|
405 | FOCUS: 'focus'
|
---|
406 | };
|
---|
407 | var Selector$1 = {
|
---|
408 | DATA_TOGGLE_CARROT: '[data-toggle^="button"]',
|
---|
409 | DATA_TOGGLE: '[data-toggle="buttons"]',
|
---|
410 | INPUT: 'input:not([type="hidden"])',
|
---|
411 | ACTIVE: '.active',
|
---|
412 | BUTTON: '.btn'
|
---|
413 | };
|
---|
414 | var Event$1 = {
|
---|
415 | CLICK_DATA_API: "click" + EVENT_KEY$1 + DATA_API_KEY$1,
|
---|
416 | FOCUS_BLUR_DATA_API: "focus" + EVENT_KEY$1 + DATA_API_KEY$1 + " " + ("blur" + EVENT_KEY$1 + DATA_API_KEY$1)
|
---|
417 | /**
|
---|
418 | * ------------------------------------------------------------------------
|
---|
419 | * Class Definition
|
---|
420 | * ------------------------------------------------------------------------
|
---|
421 | */
|
---|
422 |
|
---|
423 | };
|
---|
424 |
|
---|
425 | var Button =
|
---|
426 | /*#__PURE__*/
|
---|
427 | function () {
|
---|
428 | function Button(element) {
|
---|
429 | this._element = element;
|
---|
430 | } // Getters
|
---|
431 |
|
---|
432 |
|
---|
433 | var _proto = Button.prototype;
|
---|
434 |
|
---|
435 | // Public
|
---|
436 | _proto.toggle = function toggle() {
|
---|
437 | var triggerChangeEvent = true;
|
---|
438 | var addAriaPressed = true;
|
---|
439 | var rootElement = $(this._element).closest(Selector$1.DATA_TOGGLE)[0];
|
---|
440 |
|
---|
441 | if (rootElement) {
|
---|
442 | var input = this._element.querySelector(Selector$1.INPUT);
|
---|
443 |
|
---|
444 | if (input) {
|
---|
445 | if (input.type === 'radio') {
|
---|
446 | if (input.checked && this._element.classList.contains(ClassName$1.ACTIVE)) {
|
---|
447 | triggerChangeEvent = false;
|
---|
448 | } else {
|
---|
449 | var activeElement = rootElement.querySelector(Selector$1.ACTIVE);
|
---|
450 |
|
---|
451 | if (activeElement) {
|
---|
452 | $(activeElement).removeClass(ClassName$1.ACTIVE);
|
---|
453 | }
|
---|
454 | }
|
---|
455 | }
|
---|
456 |
|
---|
457 | if (triggerChangeEvent) {
|
---|
458 | if (input.hasAttribute('disabled') || rootElement.hasAttribute('disabled') || input.classList.contains('disabled') || rootElement.classList.contains('disabled')) {
|
---|
459 | return;
|
---|
460 | }
|
---|
461 |
|
---|
462 | input.checked = !this._element.classList.contains(ClassName$1.ACTIVE);
|
---|
463 | $(input).trigger('change');
|
---|
464 | }
|
---|
465 |
|
---|
466 | input.focus();
|
---|
467 | addAriaPressed = false;
|
---|
468 | }
|
---|
469 | }
|
---|
470 |
|
---|
471 | if (addAriaPressed) {
|
---|
472 | this._element.setAttribute('aria-pressed', !this._element.classList.contains(ClassName$1.ACTIVE));
|
---|
473 | }
|
---|
474 |
|
---|
475 | if (triggerChangeEvent) {
|
---|
476 | $(this._element).toggleClass(ClassName$1.ACTIVE);
|
---|
477 | }
|
---|
478 | };
|
---|
479 |
|
---|
480 | _proto.dispose = function dispose() {
|
---|
481 | $.removeData(this._element, DATA_KEY$1);
|
---|
482 | this._element = null;
|
---|
483 | } // Static
|
---|
484 | ;
|
---|
485 |
|
---|
486 | Button._jQueryInterface = function _jQueryInterface(config) {
|
---|
487 | return this.each(function () {
|
---|
488 | var data = $(this).data(DATA_KEY$1);
|
---|
489 |
|
---|
490 | if (!data) {
|
---|
491 | data = new Button(this);
|
---|
492 | $(this).data(DATA_KEY$1, data);
|
---|
493 | }
|
---|
494 |
|
---|
495 | if (config === 'toggle') {
|
---|
496 | data[config]();
|
---|
497 | }
|
---|
498 | });
|
---|
499 | };
|
---|
500 |
|
---|
501 | _createClass(Button, null, [{
|
---|
502 | key: "VERSION",
|
---|
503 | get: function get() {
|
---|
504 | return VERSION$1;
|
---|
505 | }
|
---|
506 | }]);
|
---|
507 |
|
---|
508 | return Button;
|
---|
509 | }();
|
---|
510 | /**
|
---|
511 | * ------------------------------------------------------------------------
|
---|
512 | * Data Api implementation
|
---|
513 | * ------------------------------------------------------------------------
|
---|
514 | */
|
---|
515 |
|
---|
516 |
|
---|
517 | $(document).on(Event$1.CLICK_DATA_API, Selector$1.DATA_TOGGLE_CARROT, function (event) {
|
---|
518 | event.preventDefault();
|
---|
519 | var button = event.target;
|
---|
520 |
|
---|
521 | if (!$(button).hasClass(ClassName$1.BUTTON)) {
|
---|
522 | button = $(button).closest(Selector$1.BUTTON);
|
---|
523 | }
|
---|
524 |
|
---|
525 | Button._jQueryInterface.call($(button), 'toggle');
|
---|
526 | }).on(Event$1.FOCUS_BLUR_DATA_API, Selector$1.DATA_TOGGLE_CARROT, function (event) {
|
---|
527 | var button = $(event.target).closest(Selector$1.BUTTON)[0];
|
---|
528 | $(button).toggleClass(ClassName$1.FOCUS, /^focus(in)?$/.test(event.type));
|
---|
529 | });
|
---|
530 | /**
|
---|
531 | * ------------------------------------------------------------------------
|
---|
532 | * jQuery
|
---|
533 | * ------------------------------------------------------------------------
|
---|
534 | */
|
---|
535 |
|
---|
536 | $.fn[NAME$1] = Button._jQueryInterface;
|
---|
537 | $.fn[NAME$1].Constructor = Button;
|
---|
538 |
|
---|
539 | $.fn[NAME$1].noConflict = function () {
|
---|
540 | $.fn[NAME$1] = JQUERY_NO_CONFLICT$1;
|
---|
541 | return Button._jQueryInterface;
|
---|
542 | };
|
---|
543 |
|
---|
544 | /**
|
---|
545 | * ------------------------------------------------------------------------
|
---|
546 | * Constants
|
---|
547 | * ------------------------------------------------------------------------
|
---|
548 | */
|
---|
549 |
|
---|
550 | var NAME$2 = 'carousel';
|
---|
551 | var VERSION$2 = '4.3.1';
|
---|
552 | var DATA_KEY$2 = 'bs.carousel';
|
---|
553 | var EVENT_KEY$2 = "." + DATA_KEY$2;
|
---|
554 | var DATA_API_KEY$2 = '.data-api';
|
---|
555 | var JQUERY_NO_CONFLICT$2 = $.fn[NAME$2];
|
---|
556 | var ARROW_LEFT_KEYCODE = 37; // KeyboardEvent.which value for left arrow key
|
---|
557 |
|
---|
558 | var ARROW_RIGHT_KEYCODE = 39; // KeyboardEvent.which value for right arrow key
|
---|
559 |
|
---|
560 | var TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch
|
---|
561 |
|
---|
562 | var SWIPE_THRESHOLD = 40;
|
---|
563 | var Default = {
|
---|
564 | interval: 5000,
|
---|
565 | keyboard: true,
|
---|
566 | slide: false,
|
---|
567 | pause: 'hover',
|
---|
568 | wrap: true,
|
---|
569 | touch: true
|
---|
570 | };
|
---|
571 | var DefaultType = {
|
---|
572 | interval: '(number|boolean)',
|
---|
573 | keyboard: 'boolean',
|
---|
574 | slide: '(boolean|string)',
|
---|
575 | pause: '(string|boolean)',
|
---|
576 | wrap: 'boolean',
|
---|
577 | touch: 'boolean'
|
---|
578 | };
|
---|
579 | var Direction = {
|
---|
580 | NEXT: 'next',
|
---|
581 | PREV: 'prev',
|
---|
582 | LEFT: 'left',
|
---|
583 | RIGHT: 'right'
|
---|
584 | };
|
---|
585 | var Event$2 = {
|
---|
586 | SLIDE: "slide" + EVENT_KEY$2,
|
---|
587 | SLID: "slid" + EVENT_KEY$2,
|
---|
588 | KEYDOWN: "keydown" + EVENT_KEY$2,
|
---|
589 | MOUSEENTER: "mouseenter" + EVENT_KEY$2,
|
---|
590 | MOUSELEAVE: "mouseleave" + EVENT_KEY$2,
|
---|
591 | TOUCHSTART: "touchstart" + EVENT_KEY$2,
|
---|
592 | TOUCHMOVE: "touchmove" + EVENT_KEY$2,
|
---|
593 | TOUCHEND: "touchend" + EVENT_KEY$2,
|
---|
594 | POINTERDOWN: "pointerdown" + EVENT_KEY$2,
|
---|
595 | POINTERUP: "pointerup" + EVENT_KEY$2,
|
---|
596 | DRAG_START: "dragstart" + EVENT_KEY$2,
|
---|
597 | LOAD_DATA_API: "load" + EVENT_KEY$2 + DATA_API_KEY$2,
|
---|
598 | CLICK_DATA_API: "click" + EVENT_KEY$2 + DATA_API_KEY$2
|
---|
599 | };
|
---|
600 | var ClassName$2 = {
|
---|
601 | CAROUSEL: 'carousel',
|
---|
602 | ACTIVE: 'active',
|
---|
603 | SLIDE: 'slide',
|
---|
604 | RIGHT: 'carousel-item-right',
|
---|
605 | LEFT: 'carousel-item-left',
|
---|
606 | NEXT: 'carousel-item-next',
|
---|
607 | PREV: 'carousel-item-prev',
|
---|
608 | ITEM: 'carousel-item',
|
---|
609 | POINTER_EVENT: 'pointer-event'
|
---|
610 | };
|
---|
611 | var Selector$2 = {
|
---|
612 | ACTIVE: '.active',
|
---|
613 | ACTIVE_ITEM: '.active.carousel-item',
|
---|
614 | ITEM: '.carousel-item',
|
---|
615 | ITEM_IMG: '.carousel-item img',
|
---|
616 | NEXT_PREV: '.carousel-item-next, .carousel-item-prev',
|
---|
617 | INDICATORS: '.carousel-indicators',
|
---|
618 | DATA_SLIDE: '[data-slide], [data-slide-to]',
|
---|
619 | DATA_RIDE: '[data-ride="carousel"]'
|
---|
620 | };
|
---|
621 | var PointerType = {
|
---|
622 | TOUCH: 'touch',
|
---|
623 | PEN: 'pen'
|
---|
624 | /**
|
---|
625 | * ------------------------------------------------------------------------
|
---|
626 | * Class Definition
|
---|
627 | * ------------------------------------------------------------------------
|
---|
628 | */
|
---|
629 |
|
---|
630 | };
|
---|
631 |
|
---|
632 | var Carousel =
|
---|
633 | /*#__PURE__*/
|
---|
634 | function () {
|
---|
635 | function Carousel(element, config) {
|
---|
636 | this._items = null;
|
---|
637 | this._interval = null;
|
---|
638 | this._activeElement = null;
|
---|
639 | this._isPaused = false;
|
---|
640 | this._isSliding = false;
|
---|
641 | this.touchTimeout = null;
|
---|
642 | this.touchStartX = 0;
|
---|
643 | this.touchDeltaX = 0;
|
---|
644 | this._config = this._getConfig(config);
|
---|
645 | this._element = element;
|
---|
646 | this._indicatorsElement = this._element.querySelector(Selector$2.INDICATORS);
|
---|
647 | this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;
|
---|
648 | this._pointerEvent = Boolean(window.PointerEvent || window.MSPointerEvent);
|
---|
649 |
|
---|
650 | this._addEventListeners();
|
---|
651 | } // Getters
|
---|
652 |
|
---|
653 |
|
---|
654 | var _proto = Carousel.prototype;
|
---|
655 |
|
---|
656 | // Public
|
---|
657 | _proto.next = function next() {
|
---|
658 | if (!this._isSliding) {
|
---|
659 | this._slide(Direction.NEXT);
|
---|
660 | }
|
---|
661 | };
|
---|
662 |
|
---|
663 | _proto.nextWhenVisible = function nextWhenVisible() {
|
---|
664 | // Don't call next when the page isn't visible
|
---|
665 | // or the carousel or its parent isn't visible
|
---|
666 | if (!document.hidden && $(this._element).is(':visible') && $(this._element).css('visibility') !== 'hidden') {
|
---|
667 | this.next();
|
---|
668 | }
|
---|
669 | };
|
---|
670 |
|
---|
671 | _proto.prev = function prev() {
|
---|
672 | if (!this._isSliding) {
|
---|
673 | this._slide(Direction.PREV);
|
---|
674 | }
|
---|
675 | };
|
---|
676 |
|
---|
677 | _proto.pause = function pause(event) {
|
---|
678 | if (!event) {
|
---|
679 | this._isPaused = true;
|
---|
680 | }
|
---|
681 |
|
---|
682 | if (this._element.querySelector(Selector$2.NEXT_PREV)) {
|
---|
683 | Util.triggerTransitionEnd(this._element);
|
---|
684 | this.cycle(true);
|
---|
685 | }
|
---|
686 |
|
---|
687 | clearInterval(this._interval);
|
---|
688 | this._interval = null;
|
---|
689 | };
|
---|
690 |
|
---|
691 | _proto.cycle = function cycle(event) {
|
---|
692 | if (!event) {
|
---|
693 | this._isPaused = false;
|
---|
694 | }
|
---|
695 |
|
---|
696 | if (this._interval) {
|
---|
697 | clearInterval(this._interval);
|
---|
698 | this._interval = null;
|
---|
699 | }
|
---|
700 |
|
---|
701 | if (this._config.interval && !this._isPaused) {
|
---|
702 | this._interval = setInterval((document.visibilityState ? this.nextWhenVisible : this.next).bind(this), this._config.interval);
|
---|
703 | }
|
---|
704 | };
|
---|
705 |
|
---|
706 | _proto.to = function to(index) {
|
---|
707 | var _this = this;
|
---|
708 |
|
---|
709 | this._activeElement = this._element.querySelector(Selector$2.ACTIVE_ITEM);
|
---|
710 |
|
---|
711 | var activeIndex = this._getItemIndex(this._activeElement);
|
---|
712 |
|
---|
713 | if (index > this._items.length - 1 || index < 0) {
|
---|
714 | return;
|
---|
715 | }
|
---|
716 |
|
---|
717 | if (this._isSliding) {
|
---|
718 | $(this._element).one(Event$2.SLID, function () {
|
---|
719 | return _this.to(index);
|
---|
720 | });
|
---|
721 | return;
|
---|
722 | }
|
---|
723 |
|
---|
724 | if (activeIndex === index) {
|
---|
725 | this.pause();
|
---|
726 | this.cycle();
|
---|
727 | return;
|
---|
728 | }
|
---|
729 |
|
---|
730 | var direction = index > activeIndex ? Direction.NEXT : Direction.PREV;
|
---|
731 |
|
---|
732 | this._slide(direction, this._items[index]);
|
---|
733 | };
|
---|
734 |
|
---|
735 | _proto.dispose = function dispose() {
|
---|
736 | $(this._element).off(EVENT_KEY$2);
|
---|
737 | $.removeData(this._element, DATA_KEY$2);
|
---|
738 | this._items = null;
|
---|
739 | this._config = null;
|
---|
740 | this._element = null;
|
---|
741 | this._interval = null;
|
---|
742 | this._isPaused = null;
|
---|
743 | this._isSliding = null;
|
---|
744 | this._activeElement = null;
|
---|
745 | this._indicatorsElement = null;
|
---|
746 | } // Private
|
---|
747 | ;
|
---|
748 |
|
---|
749 | _proto._getConfig = function _getConfig(config) {
|
---|
750 | config = _objectSpread({}, Default, config);
|
---|
751 | Util.typeCheckConfig(NAME$2, config, DefaultType);
|
---|
752 | return config;
|
---|
753 | };
|
---|
754 |
|
---|
755 | _proto._handleSwipe = function _handleSwipe() {
|
---|
756 | var absDeltax = Math.abs(this.touchDeltaX);
|
---|
757 |
|
---|
758 | if (absDeltax <= SWIPE_THRESHOLD) {
|
---|
759 | return;
|
---|
760 | }
|
---|
761 |
|
---|
762 | var direction = absDeltax / this.touchDeltaX; // swipe left
|
---|
763 |
|
---|
764 | if (direction > 0) {
|
---|
765 | this.prev();
|
---|
766 | } // swipe right
|
---|
767 |
|
---|
768 |
|
---|
769 | if (direction < 0) {
|
---|
770 | this.next();
|
---|
771 | }
|
---|
772 | };
|
---|
773 |
|
---|
774 | _proto._addEventListeners = function _addEventListeners() {
|
---|
775 | var _this2 = this;
|
---|
776 |
|
---|
777 | if (this._config.keyboard) {
|
---|
778 | $(this._element).on(Event$2.KEYDOWN, function (event) {
|
---|
779 | return _this2._keydown(event);
|
---|
780 | });
|
---|
781 | }
|
---|
782 |
|
---|
783 | if (this._config.pause === 'hover') {
|
---|
784 | $(this._element).on(Event$2.MOUSEENTER, function (event) {
|
---|
785 | return _this2.pause(event);
|
---|
786 | }).on(Event$2.MOUSELEAVE, function (event) {
|
---|
787 | return _this2.cycle(event);
|
---|
788 | });
|
---|
789 | }
|
---|
790 |
|
---|
791 | if (this._config.touch) {
|
---|
792 | this._addTouchEventListeners();
|
---|
793 | }
|
---|
794 | };
|
---|
795 |
|
---|
796 | _proto._addTouchEventListeners = function _addTouchEventListeners() {
|
---|
797 | var _this3 = this;
|
---|
798 |
|
---|
799 | if (!this._touchSupported) {
|
---|
800 | return;
|
---|
801 | }
|
---|
802 |
|
---|
803 | var start = function start(event) {
|
---|
804 | if (_this3._pointerEvent && PointerType[event.originalEvent.pointerType.toUpperCase()]) {
|
---|
805 | _this3.touchStartX = event.originalEvent.clientX;
|
---|
806 | } else if (!_this3._pointerEvent) {
|
---|
807 | _this3.touchStartX = event.originalEvent.touches[0].clientX;
|
---|
808 | }
|
---|
809 | };
|
---|
810 |
|
---|
811 | var move = function move(event) {
|
---|
812 | // ensure swiping with one touch and not pinching
|
---|
813 | if (event.originalEvent.touches && event.originalEvent.touches.length > 1) {
|
---|
814 | _this3.touchDeltaX = 0;
|
---|
815 | } else {
|
---|
816 | _this3.touchDeltaX = event.originalEvent.touches[0].clientX - _this3.touchStartX;
|
---|
817 | }
|
---|
818 | };
|
---|
819 |
|
---|
820 | var end = function end(event) {
|
---|
821 | if (_this3._pointerEvent && PointerType[event.originalEvent.pointerType.toUpperCase()]) {
|
---|
822 | _this3.touchDeltaX = event.originalEvent.clientX - _this3.touchStartX;
|
---|
823 | }
|
---|
824 |
|
---|
825 | _this3._handleSwipe();
|
---|
826 |
|
---|
827 | if (_this3._config.pause === 'hover') {
|
---|
828 | // If it's a touch-enabled device, mouseenter/leave are fired as
|
---|
829 | // part of the mouse compatibility events on first tap - the carousel
|
---|
830 | // would stop cycling until user tapped out of it;
|
---|
831 | // here, we listen for touchend, explicitly pause the carousel
|
---|
832 | // (as if it's the second time we tap on it, mouseenter compat event
|
---|
833 | // is NOT fired) and after a timeout (to allow for mouse compatibility
|
---|
834 | // events to fire) we explicitly restart cycling
|
---|
835 | _this3.pause();
|
---|
836 |
|
---|
837 | if (_this3.touchTimeout) {
|
---|
838 | clearTimeout(_this3.touchTimeout);
|
---|
839 | }
|
---|
840 |
|
---|
841 | _this3.touchTimeout = setTimeout(function (event) {
|
---|
842 | return _this3.cycle(event);
|
---|
843 | }, TOUCHEVENT_COMPAT_WAIT + _this3._config.interval);
|
---|
844 | }
|
---|
845 | };
|
---|
846 |
|
---|
847 | $(this._element.querySelectorAll(Selector$2.ITEM_IMG)).on(Event$2.DRAG_START, function (e) {
|
---|
848 | return e.preventDefault();
|
---|
849 | });
|
---|
850 |
|
---|
851 | if (this._pointerEvent) {
|
---|
852 | $(this._element).on(Event$2.POINTERDOWN, function (event) {
|
---|
853 | return start(event);
|
---|
854 | });
|
---|
855 | $(this._element).on(Event$2.POINTERUP, function (event) {
|
---|
856 | return end(event);
|
---|
857 | });
|
---|
858 |
|
---|
859 | this._element.classList.add(ClassName$2.POINTER_EVENT);
|
---|
860 | } else {
|
---|
861 | $(this._element).on(Event$2.TOUCHSTART, function (event) {
|
---|
862 | return start(event);
|
---|
863 | });
|
---|
864 | $(this._element).on(Event$2.TOUCHMOVE, function (event) {
|
---|
865 | return move(event);
|
---|
866 | });
|
---|
867 | $(this._element).on(Event$2.TOUCHEND, function (event) {
|
---|
868 | return end(event);
|
---|
869 | });
|
---|
870 | }
|
---|
871 | };
|
---|
872 |
|
---|
873 | _proto._keydown = function _keydown(event) {
|
---|
874 | if (/input|textarea/i.test(event.target.tagName)) {
|
---|
875 | return;
|
---|
876 | }
|
---|
877 |
|
---|
878 | switch (event.which) {
|
---|
879 | case ARROW_LEFT_KEYCODE:
|
---|
880 | event.preventDefault();
|
---|
881 | this.prev();
|
---|
882 | break;
|
---|
883 |
|
---|
884 | case ARROW_RIGHT_KEYCODE:
|
---|
885 | event.preventDefault();
|
---|
886 | this.next();
|
---|
887 | break;
|
---|
888 |
|
---|
889 | default:
|
---|
890 | }
|
---|
891 | };
|
---|
892 |
|
---|
893 | _proto._getItemIndex = function _getItemIndex(element) {
|
---|
894 | this._items = element && element.parentNode ? [].slice.call(element.parentNode.querySelectorAll(Selector$2.ITEM)) : [];
|
---|
895 | return this._items.indexOf(element);
|
---|
896 | };
|
---|
897 |
|
---|
898 | _proto._getItemByDirection = function _getItemByDirection(direction, activeElement) {
|
---|
899 | var isNextDirection = direction === Direction.NEXT;
|
---|
900 | var isPrevDirection = direction === Direction.PREV;
|
---|
901 |
|
---|
902 | var activeIndex = this._getItemIndex(activeElement);
|
---|
903 |
|
---|
904 | var lastItemIndex = this._items.length - 1;
|
---|
905 | var isGoingToWrap = isPrevDirection && activeIndex === 0 || isNextDirection && activeIndex === lastItemIndex;
|
---|
906 |
|
---|
907 | if (isGoingToWrap && !this._config.wrap) {
|
---|
908 | return activeElement;
|
---|
909 | }
|
---|
910 |
|
---|
911 | var delta = direction === Direction.PREV ? -1 : 1;
|
---|
912 | var itemIndex = (activeIndex + delta) % this._items.length;
|
---|
913 | return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex];
|
---|
914 | };
|
---|
915 |
|
---|
916 | _proto._triggerSlideEvent = function _triggerSlideEvent(relatedTarget, eventDirectionName) {
|
---|
917 | var targetIndex = this._getItemIndex(relatedTarget);
|
---|
918 |
|
---|
919 | var fromIndex = this._getItemIndex(this._element.querySelector(Selector$2.ACTIVE_ITEM));
|
---|
920 |
|
---|
921 | var slideEvent = $.Event(Event$2.SLIDE, {
|
---|
922 | relatedTarget: relatedTarget,
|
---|
923 | direction: eventDirectionName,
|
---|
924 | from: fromIndex,
|
---|
925 | to: targetIndex
|
---|
926 | });
|
---|
927 | $(this._element).trigger(slideEvent);
|
---|
928 | return slideEvent;
|
---|
929 | };
|
---|
930 |
|
---|
931 | _proto._setActiveIndicatorElement = function _setActiveIndicatorElement(element) {
|
---|
932 | if (this._indicatorsElement) {
|
---|
933 | var indicators = [].slice.call(this._indicatorsElement.querySelectorAll(Selector$2.ACTIVE));
|
---|
934 | $(indicators).removeClass(ClassName$2.ACTIVE);
|
---|
935 |
|
---|
936 | var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)];
|
---|
937 |
|
---|
938 | if (nextIndicator) {
|
---|
939 | $(nextIndicator).addClass(ClassName$2.ACTIVE);
|
---|
940 | }
|
---|
941 | }
|
---|
942 | };
|
---|
943 |
|
---|
944 | _proto._slide = function _slide(direction, element) {
|
---|
945 | var _this4 = this;
|
---|
946 |
|
---|
947 | var activeElement = this._element.querySelector(Selector$2.ACTIVE_ITEM);
|
---|
948 |
|
---|
949 | var activeElementIndex = this._getItemIndex(activeElement);
|
---|
950 |
|
---|
951 | var nextElement = element || activeElement && this._getItemByDirection(direction, activeElement);
|
---|
952 |
|
---|
953 | var nextElementIndex = this._getItemIndex(nextElement);
|
---|
954 |
|
---|
955 | var isCycling = Boolean(this._interval);
|
---|
956 | var directionalClassName;
|
---|
957 | var orderClassName;
|
---|
958 | var eventDirectionName;
|
---|
959 |
|
---|
960 | if (direction === Direction.NEXT) {
|
---|
961 | directionalClassName = ClassName$2.LEFT;
|
---|
962 | orderClassName = ClassName$2.NEXT;
|
---|
963 | eventDirectionName = Direction.LEFT;
|
---|
964 | } else {
|
---|
965 | directionalClassName = ClassName$2.RIGHT;
|
---|
966 | orderClassName = ClassName$2.PREV;
|
---|
967 | eventDirectionName = Direction.RIGHT;
|
---|
968 | }
|
---|
969 |
|
---|
970 | if (nextElement && $(nextElement).hasClass(ClassName$2.ACTIVE)) {
|
---|
971 | this._isSliding = false;
|
---|
972 | return;
|
---|
973 | }
|
---|
974 |
|
---|
975 | var slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName);
|
---|
976 |
|
---|
977 | if (slideEvent.isDefaultPrevented()) {
|
---|
978 | return;
|
---|
979 | }
|
---|
980 |
|
---|
981 | if (!activeElement || !nextElement) {
|
---|
982 | // Some weirdness is happening, so we bail
|
---|
983 | return;
|
---|
984 | }
|
---|
985 |
|
---|
986 | this._isSliding = true;
|
---|
987 |
|
---|
988 | if (isCycling) {
|
---|
989 | this.pause();
|
---|
990 | }
|
---|
991 |
|
---|
992 | this._setActiveIndicatorElement(nextElement);
|
---|
993 |
|
---|
994 | var slidEvent = $.Event(Event$2.SLID, {
|
---|
995 | relatedTarget: nextElement,
|
---|
996 | direction: eventDirectionName,
|
---|
997 | from: activeElementIndex,
|
---|
998 | to: nextElementIndex
|
---|
999 | });
|
---|
1000 |
|
---|
1001 | if ($(this._element).hasClass(ClassName$2.SLIDE)) {
|
---|
1002 | $(nextElement).addClass(orderClassName);
|
---|
1003 | Util.reflow(nextElement);
|
---|
1004 | $(activeElement).addClass(directionalClassName);
|
---|
1005 | $(nextElement).addClass(directionalClassName);
|
---|
1006 | var nextElementInterval = parseInt(nextElement.getAttribute('data-interval'), 10);
|
---|
1007 |
|
---|
1008 | if (nextElementInterval) {
|
---|
1009 | this._config.defaultInterval = this._config.defaultInterval || this._config.interval;
|
---|
1010 | this._config.interval = nextElementInterval;
|
---|
1011 | } else {
|
---|
1012 | this._config.interval = this._config.defaultInterval || this._config.interval;
|
---|
1013 | }
|
---|
1014 |
|
---|
1015 | var transitionDuration = Util.getTransitionDurationFromElement(activeElement);
|
---|
1016 | $(activeElement).one(Util.TRANSITION_END, function () {
|
---|
1017 | $(nextElement).removeClass(directionalClassName + " " + orderClassName).addClass(ClassName$2.ACTIVE);
|
---|
1018 | $(activeElement).removeClass(ClassName$2.ACTIVE + " " + orderClassName + " " + directionalClassName);
|
---|
1019 | _this4._isSliding = false;
|
---|
1020 | setTimeout(function () {
|
---|
1021 | return $(_this4._element).trigger(slidEvent);
|
---|
1022 | }, 0);
|
---|
1023 | }).emulateTransitionEnd(transitionDuration);
|
---|
1024 | } else {
|
---|
1025 | $(activeElement).removeClass(ClassName$2.ACTIVE);
|
---|
1026 | $(nextElement).addClass(ClassName$2.ACTIVE);
|
---|
1027 | this._isSliding = false;
|
---|
1028 | $(this._element).trigger(slidEvent);
|
---|
1029 | }
|
---|
1030 |
|
---|
1031 | if (isCycling) {
|
---|
1032 | this.cycle();
|
---|
1033 | }
|
---|
1034 | } // Static
|
---|
1035 | ;
|
---|
1036 |
|
---|
1037 | Carousel._jQueryInterface = function _jQueryInterface(config) {
|
---|
1038 | return this.each(function () {
|
---|
1039 | var data = $(this).data(DATA_KEY$2);
|
---|
1040 |
|
---|
1041 | var _config = _objectSpread({}, Default, $(this).data());
|
---|
1042 |
|
---|
1043 | if (typeof config === 'object') {
|
---|
1044 | _config = _objectSpread({}, _config, config);
|
---|
1045 | }
|
---|
1046 |
|
---|
1047 | var action = typeof config === 'string' ? config : _config.slide;
|
---|
1048 |
|
---|
1049 | if (!data) {
|
---|
1050 | data = new Carousel(this, _config);
|
---|
1051 | $(this).data(DATA_KEY$2, data);
|
---|
1052 | }
|
---|
1053 |
|
---|
1054 | if (typeof config === 'number') {
|
---|
1055 | data.to(config);
|
---|
1056 | } else if (typeof action === 'string') {
|
---|
1057 | if (typeof data[action] === 'undefined') {
|
---|
1058 | throw new TypeError("No method named \"" + action + "\"");
|
---|
1059 | }
|
---|
1060 |
|
---|
1061 | data[action]();
|
---|
1062 | } else if (_config.interval && _config.ride) {
|
---|
1063 | data.pause();
|
---|
1064 | data.cycle();
|
---|
1065 | }
|
---|
1066 | });
|
---|
1067 | };
|
---|
1068 |
|
---|
1069 | Carousel._dataApiClickHandler = function _dataApiClickHandler(event) {
|
---|
1070 | var selector = Util.getSelectorFromElement(this);
|
---|
1071 |
|
---|
1072 | if (!selector) {
|
---|
1073 | return;
|
---|
1074 | }
|
---|
1075 |
|
---|
1076 | var target = $(selector)[0];
|
---|
1077 |
|
---|
1078 | if (!target || !$(target).hasClass(ClassName$2.CAROUSEL)) {
|
---|
1079 | return;
|
---|
1080 | }
|
---|
1081 |
|
---|
1082 | var config = _objectSpread({}, $(target).data(), $(this).data());
|
---|
1083 |
|
---|
1084 | var slideIndex = this.getAttribute('data-slide-to');
|
---|
1085 |
|
---|
1086 | if (slideIndex) {
|
---|
1087 | config.interval = false;
|
---|
1088 | }
|
---|
1089 |
|
---|
1090 | Carousel._jQueryInterface.call($(target), config);
|
---|
1091 |
|
---|
1092 | if (slideIndex) {
|
---|
1093 | $(target).data(DATA_KEY$2).to(slideIndex);
|
---|
1094 | }
|
---|
1095 |
|
---|
1096 | event.preventDefault();
|
---|
1097 | };
|
---|
1098 |
|
---|
1099 | _createClass(Carousel, null, [{
|
---|
1100 | key: "VERSION",
|
---|
1101 | get: function get() {
|
---|
1102 | return VERSION$2;
|
---|
1103 | }
|
---|
1104 | }, {
|
---|
1105 | key: "Default",
|
---|
1106 | get: function get() {
|
---|
1107 | return Default;
|
---|
1108 | }
|
---|
1109 | }]);
|
---|
1110 |
|
---|
1111 | return Carousel;
|
---|
1112 | }();
|
---|
1113 | /**
|
---|
1114 | * ------------------------------------------------------------------------
|
---|
1115 | * Data Api implementation
|
---|
1116 | * ------------------------------------------------------------------------
|
---|
1117 | */
|
---|
1118 |
|
---|
1119 |
|
---|
1120 | $(document).on(Event$2.CLICK_DATA_API, Selector$2.DATA_SLIDE, Carousel._dataApiClickHandler);
|
---|
1121 | $(window).on(Event$2.LOAD_DATA_API, function () {
|
---|
1122 | var carousels = [].slice.call(document.querySelectorAll(Selector$2.DATA_RIDE));
|
---|
1123 |
|
---|
1124 | for (var i = 0, len = carousels.length; i < len; i++) {
|
---|
1125 | var $carousel = $(carousels[i]);
|
---|
1126 |
|
---|
1127 | Carousel._jQueryInterface.call($carousel, $carousel.data());
|
---|
1128 | }
|
---|
1129 | });
|
---|
1130 | /**
|
---|
1131 | * ------------------------------------------------------------------------
|
---|
1132 | * jQuery
|
---|
1133 | * ------------------------------------------------------------------------
|
---|
1134 | */
|
---|
1135 |
|
---|
1136 | $.fn[NAME$2] = Carousel._jQueryInterface;
|
---|
1137 | $.fn[NAME$2].Constructor = Carousel;
|
---|
1138 |
|
---|
1139 | $.fn[NAME$2].noConflict = function () {
|
---|
1140 | $.fn[NAME$2] = JQUERY_NO_CONFLICT$2;
|
---|
1141 | return Carousel._jQueryInterface;
|
---|
1142 | };
|
---|
1143 |
|
---|
1144 | /**
|
---|
1145 | * ------------------------------------------------------------------------
|
---|
1146 | * Constants
|
---|
1147 | * ------------------------------------------------------------------------
|
---|
1148 | */
|
---|
1149 |
|
---|
1150 | var NAME$3 = 'collapse';
|
---|
1151 | var VERSION$3 = '4.3.1';
|
---|
1152 | var DATA_KEY$3 = 'bs.collapse';
|
---|
1153 | var EVENT_KEY$3 = "." + DATA_KEY$3;
|
---|
1154 | var DATA_API_KEY$3 = '.data-api';
|
---|
1155 | var JQUERY_NO_CONFLICT$3 = $.fn[NAME$3];
|
---|
1156 | var Default$1 = {
|
---|
1157 | toggle: true,
|
---|
1158 | parent: ''
|
---|
1159 | };
|
---|
1160 | var DefaultType$1 = {
|
---|
1161 | toggle: 'boolean',
|
---|
1162 | parent: '(string|element)'
|
---|
1163 | };
|
---|
1164 | var Event$3 = {
|
---|
1165 | SHOW: "show" + EVENT_KEY$3,
|
---|
1166 | SHOWN: "shown" + EVENT_KEY$3,
|
---|
1167 | HIDE: "hide" + EVENT_KEY$3,
|
---|
1168 | HIDDEN: "hidden" + EVENT_KEY$3,
|
---|
1169 | CLICK_DATA_API: "click" + EVENT_KEY$3 + DATA_API_KEY$3
|
---|
1170 | };
|
---|
1171 | var ClassName$3 = {
|
---|
1172 | SHOW: 'show',
|
---|
1173 | COLLAPSE: 'collapse',
|
---|
1174 | COLLAPSING: 'collapsing',
|
---|
1175 | COLLAPSED: 'collapsed'
|
---|
1176 | };
|
---|
1177 | var Dimension = {
|
---|
1178 | WIDTH: 'width',
|
---|
1179 | HEIGHT: 'height'
|
---|
1180 | };
|
---|
1181 | var Selector$3 = {
|
---|
1182 | ACTIVES: '.show, .collapsing',
|
---|
1183 | DATA_TOGGLE: '[data-toggle="collapse"]'
|
---|
1184 | /**
|
---|
1185 | * ------------------------------------------------------------------------
|
---|
1186 | * Class Definition
|
---|
1187 | * ------------------------------------------------------------------------
|
---|
1188 | */
|
---|
1189 |
|
---|
1190 | };
|
---|
1191 |
|
---|
1192 | var Collapse =
|
---|
1193 | /*#__PURE__*/
|
---|
1194 | function () {
|
---|
1195 | function Collapse(element, config) {
|
---|
1196 | this._isTransitioning = false;
|
---|
1197 | this._element = element;
|
---|
1198 | this._config = this._getConfig(config);
|
---|
1199 | this._triggerArray = [].slice.call(document.querySelectorAll("[data-toggle=\"collapse\"][href=\"#" + element.id + "\"]," + ("[data-toggle=\"collapse\"][data-target=\"#" + element.id + "\"]")));
|
---|
1200 | var toggleList = [].slice.call(document.querySelectorAll(Selector$3.DATA_TOGGLE));
|
---|
1201 |
|
---|
1202 | for (var i = 0, len = toggleList.length; i < len; i++) {
|
---|
1203 | var elem = toggleList[i];
|
---|
1204 | var selector = Util.getSelectorFromElement(elem);
|
---|
1205 | var filterElement = [].slice.call(document.querySelectorAll(selector)).filter(function (foundElem) {
|
---|
1206 | return foundElem === element;
|
---|
1207 | });
|
---|
1208 |
|
---|
1209 | if (selector !== null && filterElement.length > 0) {
|
---|
1210 | this._selector = selector;
|
---|
1211 |
|
---|
1212 | this._triggerArray.push(elem);
|
---|
1213 | }
|
---|
1214 | }
|
---|
1215 |
|
---|
1216 | this._parent = this._config.parent ? this._getParent() : null;
|
---|
1217 |
|
---|
1218 | if (!this._config.parent) {
|
---|
1219 | this._addAriaAndCollapsedClass(this._element, this._triggerArray);
|
---|
1220 | }
|
---|
1221 |
|
---|
1222 | if (this._config.toggle) {
|
---|
1223 | this.toggle();
|
---|
1224 | }
|
---|
1225 | } // Getters
|
---|
1226 |
|
---|
1227 |
|
---|
1228 | var _proto = Collapse.prototype;
|
---|
1229 |
|
---|
1230 | // Public
|
---|
1231 | _proto.toggle = function toggle() {
|
---|
1232 | if ($(this._element).hasClass(ClassName$3.SHOW)) {
|
---|
1233 | this.hide();
|
---|
1234 | } else {
|
---|
1235 | this.show();
|
---|
1236 | }
|
---|
1237 | };
|
---|
1238 |
|
---|
1239 | _proto.show = function show() {
|
---|
1240 | var _this = this;
|
---|
1241 |
|
---|
1242 | if (this._isTransitioning || $(this._element).hasClass(ClassName$3.SHOW)) {
|
---|
1243 | return;
|
---|
1244 | }
|
---|
1245 |
|
---|
1246 | var actives;
|
---|
1247 | var activesData;
|
---|
1248 |
|
---|
1249 | if (this._parent) {
|
---|
1250 | actives = [].slice.call(this._parent.querySelectorAll(Selector$3.ACTIVES)).filter(function (elem) {
|
---|
1251 | if (typeof _this._config.parent === 'string') {
|
---|
1252 | return elem.getAttribute('data-parent') === _this._config.parent;
|
---|
1253 | }
|
---|
1254 |
|
---|
1255 | return elem.classList.contains(ClassName$3.COLLAPSE);
|
---|
1256 | });
|
---|
1257 |
|
---|
1258 | if (actives.length === 0) {
|
---|
1259 | actives = null;
|
---|
1260 | }
|
---|
1261 | }
|
---|
1262 |
|
---|
1263 | if (actives) {
|
---|
1264 | activesData = $(actives).not(this._selector).data(DATA_KEY$3);
|
---|
1265 |
|
---|
1266 | if (activesData && activesData._isTransitioning) {
|
---|
1267 | return;
|
---|
1268 | }
|
---|
1269 | }
|
---|
1270 |
|
---|
1271 | var startEvent = $.Event(Event$3.SHOW);
|
---|
1272 | $(this._element).trigger(startEvent);
|
---|
1273 |
|
---|
1274 | if (startEvent.isDefaultPrevented()) {
|
---|
1275 | return;
|
---|
1276 | }
|
---|
1277 |
|
---|
1278 | if (actives) {
|
---|
1279 | Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide');
|
---|
1280 |
|
---|
1281 | if (!activesData) {
|
---|
1282 | $(actives).data(DATA_KEY$3, null);
|
---|
1283 | }
|
---|
1284 | }
|
---|
1285 |
|
---|
1286 | var dimension = this._getDimension();
|
---|
1287 |
|
---|
1288 | $(this._element).removeClass(ClassName$3.COLLAPSE).addClass(ClassName$3.COLLAPSING);
|
---|
1289 | this._element.style[dimension] = 0;
|
---|
1290 |
|
---|
1291 | if (this._triggerArray.length) {
|
---|
1292 | $(this._triggerArray).removeClass(ClassName$3.COLLAPSED).attr('aria-expanded', true);
|
---|
1293 | }
|
---|
1294 |
|
---|
1295 | this.setTransitioning(true);
|
---|
1296 |
|
---|
1297 | var complete = function complete() {
|
---|
1298 | $(_this._element).removeClass(ClassName$3.COLLAPSING).addClass(ClassName$3.COLLAPSE).addClass(ClassName$3.SHOW);
|
---|
1299 | _this._element.style[dimension] = '';
|
---|
1300 |
|
---|
1301 | _this.setTransitioning(false);
|
---|
1302 |
|
---|
1303 | $(_this._element).trigger(Event$3.SHOWN);
|
---|
1304 | };
|
---|
1305 |
|
---|
1306 | var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
|
---|
1307 | var scrollSize = "scroll" + capitalizedDimension;
|
---|
1308 | var transitionDuration = Util.getTransitionDurationFromElement(this._element);
|
---|
1309 | $(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
|
---|
1310 | this._element.style[dimension] = this._element[scrollSize] + "px";
|
---|
1311 | };
|
---|
1312 |
|
---|
1313 | _proto.hide = function hide() {
|
---|
1314 | var _this2 = this;
|
---|
1315 |
|
---|
1316 | if (this._isTransitioning || !$(this._element).hasClass(ClassName$3.SHOW)) {
|
---|
1317 | return;
|
---|
1318 | }
|
---|
1319 |
|
---|
1320 | var startEvent = $.Event(Event$3.HIDE);
|
---|
1321 | $(this._element).trigger(startEvent);
|
---|
1322 |
|
---|
1323 | if (startEvent.isDefaultPrevented()) {
|
---|
1324 | return;
|
---|
1325 | }
|
---|
1326 |
|
---|
1327 | var dimension = this._getDimension();
|
---|
1328 |
|
---|
1329 | this._element.style[dimension] = this._element.getBoundingClientRect()[dimension] + "px";
|
---|
1330 | Util.reflow(this._element);
|
---|
1331 | $(this._element).addClass(ClassName$3.COLLAPSING).removeClass(ClassName$3.COLLAPSE).removeClass(ClassName$3.SHOW);
|
---|
1332 | var triggerArrayLength = this._triggerArray.length;
|
---|
1333 |
|
---|
1334 | if (triggerArrayLength > 0) {
|
---|
1335 | for (var i = 0; i < triggerArrayLength; i++) {
|
---|
1336 | var trigger = this._triggerArray[i];
|
---|
1337 | var selector = Util.getSelectorFromElement(trigger);
|
---|
1338 |
|
---|
1339 | if (selector !== null) {
|
---|
1340 | var $elem = $([].slice.call(document.querySelectorAll(selector)));
|
---|
1341 |
|
---|
1342 | if (!$elem.hasClass(ClassName$3.SHOW)) {
|
---|
1343 | $(trigger).addClass(ClassName$3.COLLAPSED).attr('aria-expanded', false);
|
---|
1344 | }
|
---|
1345 | }
|
---|
1346 | }
|
---|
1347 | }
|
---|
1348 |
|
---|
1349 | this.setTransitioning(true);
|
---|
1350 |
|
---|
1351 | var complete = function complete() {
|
---|
1352 | _this2.setTransitioning(false);
|
---|
1353 |
|
---|
1354 | $(_this2._element).removeClass(ClassName$3.COLLAPSING).addClass(ClassName$3.COLLAPSE).trigger(Event$3.HIDDEN);
|
---|
1355 | };
|
---|
1356 |
|
---|
1357 | this._element.style[dimension] = '';
|
---|
1358 | var transitionDuration = Util.getTransitionDurationFromElement(this._element);
|
---|
1359 | $(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
|
---|
1360 | };
|
---|
1361 |
|
---|
1362 | _proto.setTransitioning = function setTransitioning(isTransitioning) {
|
---|
1363 | this._isTransitioning = isTransitioning;
|
---|
1364 | };
|
---|
1365 |
|
---|
1366 | _proto.dispose = function dispose() {
|
---|
1367 | $.removeData(this._element, DATA_KEY$3);
|
---|
1368 | this._config = null;
|
---|
1369 | this._parent = null;
|
---|
1370 | this._element = null;
|
---|
1371 | this._triggerArray = null;
|
---|
1372 | this._isTransitioning = null;
|
---|
1373 | } // Private
|
---|
1374 | ;
|
---|
1375 |
|
---|
1376 | _proto._getConfig = function _getConfig(config) {
|
---|
1377 | config = _objectSpread({}, Default$1, config);
|
---|
1378 | config.toggle = Boolean(config.toggle); // Coerce string values
|
---|
1379 |
|
---|
1380 | Util.typeCheckConfig(NAME$3, config, DefaultType$1);
|
---|
1381 | return config;
|
---|
1382 | };
|
---|
1383 |
|
---|
1384 | _proto._getDimension = function _getDimension() {
|
---|
1385 | var hasWidth = $(this._element).hasClass(Dimension.WIDTH);
|
---|
1386 | return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT;
|
---|
1387 | };
|
---|
1388 |
|
---|
1389 | _proto._getParent = function _getParent() {
|
---|
1390 | var _this3 = this;
|
---|
1391 |
|
---|
1392 | var parent;
|
---|
1393 |
|
---|
1394 | if (Util.isElement(this._config.parent)) {
|
---|
1395 | parent = this._config.parent; // It's a jQuery object
|
---|
1396 |
|
---|
1397 | if (typeof this._config.parent.jquery !== 'undefined') {
|
---|
1398 | parent = this._config.parent[0];
|
---|
1399 | }
|
---|
1400 | } else {
|
---|
1401 | parent = document.querySelector(this._config.parent);
|
---|
1402 | }
|
---|
1403 |
|
---|
1404 | var selector = "[data-toggle=\"collapse\"][data-parent=\"" + this._config.parent + "\"]";
|
---|
1405 | var children = [].slice.call(parent.querySelectorAll(selector));
|
---|
1406 | $(children).each(function (i, element) {
|
---|
1407 | _this3._addAriaAndCollapsedClass(Collapse._getTargetFromElement(element), [element]);
|
---|
1408 | });
|
---|
1409 | return parent;
|
---|
1410 | };
|
---|
1411 |
|
---|
1412 | _proto._addAriaAndCollapsedClass = function _addAriaAndCollapsedClass(element, triggerArray) {
|
---|
1413 | var isOpen = $(element).hasClass(ClassName$3.SHOW);
|
---|
1414 |
|
---|
1415 | if (triggerArray.length) {
|
---|
1416 | $(triggerArray).toggleClass(ClassName$3.COLLAPSED, !isOpen).attr('aria-expanded', isOpen);
|
---|
1417 | }
|
---|
1418 | } // Static
|
---|
1419 | ;
|
---|
1420 |
|
---|
1421 | Collapse._getTargetFromElement = function _getTargetFromElement(element) {
|
---|
1422 | var selector = Util.getSelectorFromElement(element);
|
---|
1423 | return selector ? document.querySelector(selector) : null;
|
---|
1424 | };
|
---|
1425 |
|
---|
1426 | Collapse._jQueryInterface = function _jQueryInterface(config) {
|
---|
1427 | return this.each(function () {
|
---|
1428 | var $this = $(this);
|
---|
1429 | var data = $this.data(DATA_KEY$3);
|
---|
1430 |
|
---|
1431 | var _config = _objectSpread({}, Default$1, $this.data(), typeof config === 'object' && config ? config : {});
|
---|
1432 |
|
---|
1433 | if (!data && _config.toggle && /show|hide/.test(config)) {
|
---|
1434 | _config.toggle = false;
|
---|
1435 | }
|
---|
1436 |
|
---|
1437 | if (!data) {
|
---|
1438 | data = new Collapse(this, _config);
|
---|
1439 | $this.data(DATA_KEY$3, data);
|
---|
1440 | }
|
---|
1441 |
|
---|
1442 | if (typeof config === 'string') {
|
---|
1443 | if (typeof data[config] === 'undefined') {
|
---|
1444 | throw new TypeError("No method named \"" + config + "\"");
|
---|
1445 | }
|
---|
1446 |
|
---|
1447 | data[config]();
|
---|
1448 | }
|
---|
1449 | });
|
---|
1450 | };
|
---|
1451 |
|
---|
1452 | _createClass(Collapse, null, [{
|
---|
1453 | key: "VERSION",
|
---|
1454 | get: function get() {
|
---|
1455 | return VERSION$3;
|
---|
1456 | }
|
---|
1457 | }, {
|
---|
1458 | key: "Default",
|
---|
1459 | get: function get() {
|
---|
1460 | return Default$1;
|
---|
1461 | }
|
---|
1462 | }]);
|
---|
1463 |
|
---|
1464 | return Collapse;
|
---|
1465 | }();
|
---|
1466 | /**
|
---|
1467 | * ------------------------------------------------------------------------
|
---|
1468 | * Data Api implementation
|
---|
1469 | * ------------------------------------------------------------------------
|
---|
1470 | */
|
---|
1471 |
|
---|
1472 |
|
---|
1473 | $(document).on(Event$3.CLICK_DATA_API, Selector$3.DATA_TOGGLE, function (event) {
|
---|
1474 | // preventDefault only for <a> elements (which change the URL) not inside the collapsible element
|
---|
1475 | if (event.currentTarget.tagName === 'A') {
|
---|
1476 | event.preventDefault();
|
---|
1477 | }
|
---|
1478 |
|
---|
1479 | var $trigger = $(this);
|
---|
1480 | var selector = Util.getSelectorFromElement(this);
|
---|
1481 | var selectors = [].slice.call(document.querySelectorAll(selector));
|
---|
1482 | $(selectors).each(function () {
|
---|
1483 | var $target = $(this);
|
---|
1484 | var data = $target.data(DATA_KEY$3);
|
---|
1485 | var config = data ? 'toggle' : $trigger.data();
|
---|
1486 |
|
---|
1487 | Collapse._jQueryInterface.call($target, config);
|
---|
1488 | });
|
---|
1489 | });
|
---|
1490 | /**
|
---|
1491 | * ------------------------------------------------------------------------
|
---|
1492 | * jQuery
|
---|
1493 | * ------------------------------------------------------------------------
|
---|
1494 | */
|
---|
1495 |
|
---|
1496 | $.fn[NAME$3] = Collapse._jQueryInterface;
|
---|
1497 | $.fn[NAME$3].Constructor = Collapse;
|
---|
1498 |
|
---|
1499 | $.fn[NAME$3].noConflict = function () {
|
---|
1500 | $.fn[NAME$3] = JQUERY_NO_CONFLICT$3;
|
---|
1501 | return Collapse._jQueryInterface;
|
---|
1502 | };
|
---|
1503 |
|
---|
1504 | /**!
|
---|
1505 | * @fileOverview Kickass library to create and place poppers near their reference elements.
|
---|
1506 | * @version 1.14.7
|
---|
1507 | * @license
|
---|
1508 | * Copyright (c) 2016 Federico Zivolo and contributors
|
---|
1509 | *
|
---|
1510 | * Permission is hereby granted, free of charge, to any person obtaining a copy
|
---|
1511 | * of this software and associated documentation files (the "Software"), to deal
|
---|
1512 | * in the Software without restriction, including without limitation the rights
|
---|
1513 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
---|
1514 | * copies of the Software, and to permit persons to whom the Software is
|
---|
1515 | * furnished to do so, subject to the following conditions:
|
---|
1516 | *
|
---|
1517 | * The above copyright notice and this permission notice shall be included in all
|
---|
1518 | * copies or substantial portions of the Software.
|
---|
1519 | *
|
---|
1520 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
---|
1521 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
---|
1522 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
---|
1523 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
---|
1524 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
---|
1525 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
---|
1526 | * SOFTWARE.
|
---|
1527 | */
|
---|
1528 | var isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
|
---|
1529 |
|
---|
1530 | var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
|
---|
1531 | var timeoutDuration = 0;
|
---|
1532 | for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
|
---|
1533 | if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
|
---|
1534 | timeoutDuration = 1;
|
---|
1535 | break;
|
---|
1536 | }
|
---|
1537 | }
|
---|
1538 |
|
---|
1539 | function microtaskDebounce(fn) {
|
---|
1540 | var called = false;
|
---|
1541 | return function () {
|
---|
1542 | if (called) {
|
---|
1543 | return;
|
---|
1544 | }
|
---|
1545 | called = true;
|
---|
1546 | window.Promise.resolve().then(function () {
|
---|
1547 | called = false;
|
---|
1548 | fn();
|
---|
1549 | });
|
---|
1550 | };
|
---|
1551 | }
|
---|
1552 |
|
---|
1553 | function taskDebounce(fn) {
|
---|
1554 | var scheduled = false;
|
---|
1555 | return function () {
|
---|
1556 | if (!scheduled) {
|
---|
1557 | scheduled = true;
|
---|
1558 | setTimeout(function () {
|
---|
1559 | scheduled = false;
|
---|
1560 | fn();
|
---|
1561 | }, timeoutDuration);
|
---|
1562 | }
|
---|
1563 | };
|
---|
1564 | }
|
---|
1565 |
|
---|
1566 | var supportsMicroTasks = isBrowser && window.Promise;
|
---|
1567 |
|
---|
1568 | /**
|
---|
1569 | * Create a debounced version of a method, that's asynchronously deferred
|
---|
1570 | * but called in the minimum time possible.
|
---|
1571 | *
|
---|
1572 | * @method
|
---|
1573 | * @memberof Popper.Utils
|
---|
1574 | * @argument {Function} fn
|
---|
1575 | * @returns {Function}
|
---|
1576 | */
|
---|
1577 | var debounce = supportsMicroTasks ? microtaskDebounce : taskDebounce;
|
---|
1578 |
|
---|
1579 | /**
|
---|
1580 | * Check if the given variable is a function
|
---|
1581 | * @method
|
---|
1582 | * @memberof Popper.Utils
|
---|
1583 | * @argument {Any} functionToCheck - variable to check
|
---|
1584 | * @returns {Boolean} answer to: is a function?
|
---|
1585 | */
|
---|
1586 | function isFunction(functionToCheck) {
|
---|
1587 | var getType = {};
|
---|
1588 | return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
|
---|
1589 | }
|
---|
1590 |
|
---|
1591 | /**
|
---|
1592 | * Get CSS computed property of the given element
|
---|
1593 | * @method
|
---|
1594 | * @memberof Popper.Utils
|
---|
1595 | * @argument {Eement} element
|
---|
1596 | * @argument {String} property
|
---|
1597 | */
|
---|
1598 | function getStyleComputedProperty(element, property) {
|
---|
1599 | if (element.nodeType !== 1) {
|
---|
1600 | return [];
|
---|
1601 | }
|
---|
1602 | // NOTE: 1 DOM access here
|
---|
1603 | var window = element.ownerDocument.defaultView;
|
---|
1604 | var css = window.getComputedStyle(element, null);
|
---|
1605 | return property ? css[property] : css;
|
---|
1606 | }
|
---|
1607 |
|
---|
1608 | /**
|
---|
1609 | * Returns the parentNode or the host of the element
|
---|
1610 | * @method
|
---|
1611 | * @memberof Popper.Utils
|
---|
1612 | * @argument {Element} element
|
---|
1613 | * @returns {Element} parent
|
---|
1614 | */
|
---|
1615 | function getParentNode(element) {
|
---|
1616 | if (element.nodeName === 'HTML') {
|
---|
1617 | return element;
|
---|
1618 | }
|
---|
1619 | return element.parentNode || element.host;
|
---|
1620 | }
|
---|
1621 |
|
---|
1622 | /**
|
---|
1623 | * Returns the scrolling parent of the given element
|
---|
1624 | * @method
|
---|
1625 | * @memberof Popper.Utils
|
---|
1626 | * @argument {Element} element
|
---|
1627 | * @returns {Element} scroll parent
|
---|
1628 | */
|
---|
1629 | function getScrollParent(element) {
|
---|
1630 | // Return body, `getScroll` will take care to get the correct `scrollTop` from it
|
---|
1631 | if (!element) {
|
---|
1632 | return document.body;
|
---|
1633 | }
|
---|
1634 |
|
---|
1635 | switch (element.nodeName) {
|
---|
1636 | case 'HTML':
|
---|
1637 | case 'BODY':
|
---|
1638 | return element.ownerDocument.body;
|
---|
1639 | case '#document':
|
---|
1640 | return element.body;
|
---|
1641 | }
|
---|
1642 |
|
---|
1643 | // Firefox want us to check `-x` and `-y` variations as well
|
---|
1644 |
|
---|
1645 | var _getStyleComputedProp = getStyleComputedProperty(element),
|
---|
1646 | overflow = _getStyleComputedProp.overflow,
|
---|
1647 | overflowX = _getStyleComputedProp.overflowX,
|
---|
1648 | overflowY = _getStyleComputedProp.overflowY;
|
---|
1649 |
|
---|
1650 | if (/(auto|scroll|overlay)/.test(overflow + overflowY + overflowX)) {
|
---|
1651 | return element;
|
---|
1652 | }
|
---|
1653 |
|
---|
1654 | return getScrollParent(getParentNode(element));
|
---|
1655 | }
|
---|
1656 |
|
---|
1657 | var isIE11 = isBrowser && !!(window.MSInputMethodContext && document.documentMode);
|
---|
1658 | var isIE10 = isBrowser && /MSIE 10/.test(navigator.userAgent);
|
---|
1659 |
|
---|
1660 | /**
|
---|
1661 | * Determines if the browser is Internet Explorer
|
---|
1662 | * @method
|
---|
1663 | * @memberof Popper.Utils
|
---|
1664 | * @param {Number} version to check
|
---|
1665 | * @returns {Boolean} isIE
|
---|
1666 | */
|
---|
1667 | function isIE(version) {
|
---|
1668 | if (version === 11) {
|
---|
1669 | return isIE11;
|
---|
1670 | }
|
---|
1671 | if (version === 10) {
|
---|
1672 | return isIE10;
|
---|
1673 | }
|
---|
1674 | return isIE11 || isIE10;
|
---|
1675 | }
|
---|
1676 |
|
---|
1677 | /**
|
---|
1678 | * Returns the offset parent of the given element
|
---|
1679 | * @method
|
---|
1680 | * @memberof Popper.Utils
|
---|
1681 | * @argument {Element} element
|
---|
1682 | * @returns {Element} offset parent
|
---|
1683 | */
|
---|
1684 | function getOffsetParent(element) {
|
---|
1685 | if (!element) {
|
---|
1686 | return document.documentElement;
|
---|
1687 | }
|
---|
1688 |
|
---|
1689 | var noOffsetParent = isIE(10) ? document.body : null;
|
---|
1690 |
|
---|
1691 | // NOTE: 1 DOM access here
|
---|
1692 | var offsetParent = element.offsetParent || null;
|
---|
1693 | // Skip hidden elements which don't have an offsetParent
|
---|
1694 | while (offsetParent === noOffsetParent && element.nextElementSibling) {
|
---|
1695 | offsetParent = (element = element.nextElementSibling).offsetParent;
|
---|
1696 | }
|
---|
1697 |
|
---|
1698 | var nodeName = offsetParent && offsetParent.nodeName;
|
---|
1699 |
|
---|
1700 | if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {
|
---|
1701 | return element ? element.ownerDocument.documentElement : document.documentElement;
|
---|
1702 | }
|
---|
1703 |
|
---|
1704 | // .offsetParent will return the closest TH, TD or TABLE in case
|
---|
1705 | // no offsetParent is present, I hate this job...
|
---|
1706 | if (['TH', 'TD', 'TABLE'].indexOf(offsetParent.nodeName) !== -1 && getStyleComputedProperty(offsetParent, 'position') === 'static') {
|
---|
1707 | return getOffsetParent(offsetParent);
|
---|
1708 | }
|
---|
1709 |
|
---|
1710 | return offsetParent;
|
---|
1711 | }
|
---|
1712 |
|
---|
1713 | function isOffsetContainer(element) {
|
---|
1714 | var nodeName = element.nodeName;
|
---|
1715 |
|
---|
1716 | if (nodeName === 'BODY') {
|
---|
1717 | return false;
|
---|
1718 | }
|
---|
1719 | return nodeName === 'HTML' || getOffsetParent(element.firstElementChild) === element;
|
---|
1720 | }
|
---|
1721 |
|
---|
1722 | /**
|
---|
1723 | * Finds the root node (document, shadowDOM root) of the given element
|
---|
1724 | * @method
|
---|
1725 | * @memberof Popper.Utils
|
---|
1726 | * @argument {Element} node
|
---|
1727 | * @returns {Element} root node
|
---|
1728 | */
|
---|
1729 | function getRoot(node) {
|
---|
1730 | if (node.parentNode !== null) {
|
---|
1731 | return getRoot(node.parentNode);
|
---|
1732 | }
|
---|
1733 |
|
---|
1734 | return node;
|
---|
1735 | }
|
---|
1736 |
|
---|
1737 | /**
|
---|
1738 | * Finds the offset parent common to the two provided nodes
|
---|
1739 | * @method
|
---|
1740 | * @memberof Popper.Utils
|
---|
1741 | * @argument {Element} element1
|
---|
1742 | * @argument {Element} element2
|
---|
1743 | * @returns {Element} common offset parent
|
---|
1744 | */
|
---|
1745 | function findCommonOffsetParent(element1, element2) {
|
---|
1746 | // This check is needed to avoid errors in case one of the elements isn't defined for any reason
|
---|
1747 | if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {
|
---|
1748 | return document.documentElement;
|
---|
1749 | }
|
---|
1750 |
|
---|
1751 | // Here we make sure to give as "start" the element that comes first in the DOM
|
---|
1752 | var order = element1.compareDocumentPosition(element2) & Node.DOCUMENT_POSITION_FOLLOWING;
|
---|
1753 | var start = order ? element1 : element2;
|
---|
1754 | var end = order ? element2 : element1;
|
---|
1755 |
|
---|
1756 | // Get common ancestor container
|
---|
1757 | var range = document.createRange();
|
---|
1758 | range.setStart(start, 0);
|
---|
1759 | range.setEnd(end, 0);
|
---|
1760 | var commonAncestorContainer = range.commonAncestorContainer;
|
---|
1761 |
|
---|
1762 | // Both nodes are inside #document
|
---|
1763 |
|
---|
1764 | if (element1 !== commonAncestorContainer && element2 !== commonAncestorContainer || start.contains(end)) {
|
---|
1765 | if (isOffsetContainer(commonAncestorContainer)) {
|
---|
1766 | return commonAncestorContainer;
|
---|
1767 | }
|
---|
1768 |
|
---|
1769 | return getOffsetParent(commonAncestorContainer);
|
---|
1770 | }
|
---|
1771 |
|
---|
1772 | // one of the nodes is inside shadowDOM, find which one
|
---|
1773 | var element1root = getRoot(element1);
|
---|
1774 | if (element1root.host) {
|
---|
1775 | return findCommonOffsetParent(element1root.host, element2);
|
---|
1776 | } else {
|
---|
1777 | return findCommonOffsetParent(element1, getRoot(element2).host);
|
---|
1778 | }
|
---|
1779 | }
|
---|
1780 |
|
---|
1781 | /**
|
---|
1782 | * Gets the scroll value of the given element in the given side (top and left)
|
---|
1783 | * @method
|
---|
1784 | * @memberof Popper.Utils
|
---|
1785 | * @argument {Element} element
|
---|
1786 | * @argument {String} side `top` or `left`
|
---|
1787 | * @returns {number} amount of scrolled pixels
|
---|
1788 | */
|
---|
1789 | function getScroll(element) {
|
---|
1790 | var side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top';
|
---|
1791 |
|
---|
1792 | var upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';
|
---|
1793 | var nodeName = element.nodeName;
|
---|
1794 |
|
---|
1795 | if (nodeName === 'BODY' || nodeName === 'HTML') {
|
---|
1796 | var html = element.ownerDocument.documentElement;
|
---|
1797 | var scrollingElement = element.ownerDocument.scrollingElement || html;
|
---|
1798 | return scrollingElement[upperSide];
|
---|
1799 | }
|
---|
1800 |
|
---|
1801 | return element[upperSide];
|
---|
1802 | }
|
---|
1803 |
|
---|
1804 | /*
|
---|
1805 | * Sum or subtract the element scroll values (left and top) from a given rect object
|
---|
1806 | * @method
|
---|
1807 | * @memberof Popper.Utils
|
---|
1808 | * @param {Object} rect - Rect object you want to change
|
---|
1809 | * @param {HTMLElement} element - The element from the function reads the scroll values
|
---|
1810 | * @param {Boolean} subtract - set to true if you want to subtract the scroll values
|
---|
1811 | * @return {Object} rect - The modifier rect object
|
---|
1812 | */
|
---|
1813 | function includeScroll(rect, element) {
|
---|
1814 | var subtract = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
---|
1815 |
|
---|
1816 | var scrollTop = getScroll(element, 'top');
|
---|
1817 | var scrollLeft = getScroll(element, 'left');
|
---|
1818 | var modifier = subtract ? -1 : 1;
|
---|
1819 | rect.top += scrollTop * modifier;
|
---|
1820 | rect.bottom += scrollTop * modifier;
|
---|
1821 | rect.left += scrollLeft * modifier;
|
---|
1822 | rect.right += scrollLeft * modifier;
|
---|
1823 | return rect;
|
---|
1824 | }
|
---|
1825 |
|
---|
1826 | /*
|
---|
1827 | * Helper to detect borders of a given element
|
---|
1828 | * @method
|
---|
1829 | * @memberof Popper.Utils
|
---|
1830 | * @param {CSSStyleDeclaration} styles
|
---|
1831 | * Result of `getStyleComputedProperty` on the given element
|
---|
1832 | * @param {String} axis - `x` or `y`
|
---|
1833 | * @return {number} borders - The borders size of the given axis
|
---|
1834 | */
|
---|
1835 |
|
---|
1836 | function getBordersSize(styles, axis) {
|
---|
1837 | var sideA = axis === 'x' ? 'Left' : 'Top';
|
---|
1838 | var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
|
---|
1839 |
|
---|
1840 | return parseFloat(styles['border' + sideA + 'Width'], 10) + parseFloat(styles['border' + sideB + 'Width'], 10);
|
---|
1841 | }
|
---|
1842 |
|
---|
1843 | function getSize(axis, body, html, computedStyle) {
|
---|
1844 | return Math.max(body['offset' + axis], body['scroll' + axis], html['client' + axis], html['offset' + axis], html['scroll' + axis], isIE(10) ? parseInt(html['offset' + axis]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Top' : 'Left')]) + parseInt(computedStyle['margin' + (axis === 'Height' ? 'Bottom' : 'Right')]) : 0);
|
---|
1845 | }
|
---|
1846 |
|
---|
1847 | function getWindowSizes(document) {
|
---|
1848 | var body = document.body;
|
---|
1849 | var html = document.documentElement;
|
---|
1850 | var computedStyle = isIE(10) && getComputedStyle(html);
|
---|
1851 |
|
---|
1852 | return {
|
---|
1853 | height: getSize('Height', body, html, computedStyle),
|
---|
1854 | width: getSize('Width', body, html, computedStyle)
|
---|
1855 | };
|
---|
1856 | }
|
---|
1857 |
|
---|
1858 | var classCallCheck = function (instance, Constructor) {
|
---|
1859 | if (!(instance instanceof Constructor)) {
|
---|
1860 | throw new TypeError("Cannot call a class as a function");
|
---|
1861 | }
|
---|
1862 | };
|
---|
1863 |
|
---|
1864 | var createClass = function () {
|
---|
1865 | function defineProperties(target, props) {
|
---|
1866 | for (var i = 0; i < props.length; i++) {
|
---|
1867 | var descriptor = props[i];
|
---|
1868 | descriptor.enumerable = descriptor.enumerable || false;
|
---|
1869 | descriptor.configurable = true;
|
---|
1870 | if ("value" in descriptor) descriptor.writable = true;
|
---|
1871 | Object.defineProperty(target, descriptor.key, descriptor);
|
---|
1872 | }
|
---|
1873 | }
|
---|
1874 |
|
---|
1875 | return function (Constructor, protoProps, staticProps) {
|
---|
1876 | if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
---|
1877 | if (staticProps) defineProperties(Constructor, staticProps);
|
---|
1878 | return Constructor;
|
---|
1879 | };
|
---|
1880 | }();
|
---|
1881 |
|
---|
1882 |
|
---|
1883 |
|
---|
1884 |
|
---|
1885 |
|
---|
1886 | var defineProperty = function (obj, key, value) {
|
---|
1887 | if (key in obj) {
|
---|
1888 | Object.defineProperty(obj, key, {
|
---|
1889 | value: value,
|
---|
1890 | enumerable: true,
|
---|
1891 | configurable: true,
|
---|
1892 | writable: true
|
---|
1893 | });
|
---|
1894 | } else {
|
---|
1895 | obj[key] = value;
|
---|
1896 | }
|
---|
1897 |
|
---|
1898 | return obj;
|
---|
1899 | };
|
---|
1900 |
|
---|
1901 | var _extends = Object.assign || function (target) {
|
---|
1902 | for (var i = 1; i < arguments.length; i++) {
|
---|
1903 | var source = arguments[i];
|
---|
1904 |
|
---|
1905 | for (var key in source) {
|
---|
1906 | if (Object.prototype.hasOwnProperty.call(source, key)) {
|
---|
1907 | target[key] = source[key];
|
---|
1908 | }
|
---|
1909 | }
|
---|
1910 | }
|
---|
1911 |
|
---|
1912 | return target;
|
---|
1913 | };
|
---|
1914 |
|
---|
1915 | /**
|
---|
1916 | * Given element offsets, generate an output similar to getBoundingClientRect
|
---|
1917 | * @method
|
---|
1918 | * @memberof Popper.Utils
|
---|
1919 | * @argument {Object} offsets
|
---|
1920 | * @returns {Object} ClientRect like output
|
---|
1921 | */
|
---|
1922 | function getClientRect(offsets) {
|
---|
1923 | return _extends({}, offsets, {
|
---|
1924 | right: offsets.left + offsets.width,
|
---|
1925 | bottom: offsets.top + offsets.height
|
---|
1926 | });
|
---|
1927 | }
|
---|
1928 |
|
---|
1929 | /**
|
---|
1930 | * Get bounding client rect of given element
|
---|
1931 | * @method
|
---|
1932 | * @memberof Popper.Utils
|
---|
1933 | * @param {HTMLElement} element
|
---|
1934 | * @return {Object} client rect
|
---|
1935 | */
|
---|
1936 | function getBoundingClientRect(element) {
|
---|
1937 | var rect = {};
|
---|
1938 |
|
---|
1939 | // IE10 10 FIX: Please, don't ask, the element isn't
|
---|
1940 | // considered in DOM in some circumstances...
|
---|
1941 | // This isn't reproducible in IE10 compatibility mode of IE11
|
---|
1942 | try {
|
---|
1943 | if (isIE(10)) {
|
---|
1944 | rect = element.getBoundingClientRect();
|
---|
1945 | var scrollTop = getScroll(element, 'top');
|
---|
1946 | var scrollLeft = getScroll(element, 'left');
|
---|
1947 | rect.top += scrollTop;
|
---|
1948 | rect.left += scrollLeft;
|
---|
1949 | rect.bottom += scrollTop;
|
---|
1950 | rect.right += scrollLeft;
|
---|
1951 | } else {
|
---|
1952 | rect = element.getBoundingClientRect();
|
---|
1953 | }
|
---|
1954 | } catch (e) {}
|
---|
1955 |
|
---|
1956 | var result = {
|
---|
1957 | left: rect.left,
|
---|
1958 | top: rect.top,
|
---|
1959 | width: rect.right - rect.left,
|
---|
1960 | height: rect.bottom - rect.top
|
---|
1961 | };
|
---|
1962 |
|
---|
1963 | // subtract scrollbar size from sizes
|
---|
1964 | var sizes = element.nodeName === 'HTML' ? getWindowSizes(element.ownerDocument) : {};
|
---|
1965 | var width = sizes.width || element.clientWidth || result.right - result.left;
|
---|
1966 | var height = sizes.height || element.clientHeight || result.bottom - result.top;
|
---|
1967 |
|
---|
1968 | var horizScrollbar = element.offsetWidth - width;
|
---|
1969 | var vertScrollbar = element.offsetHeight - height;
|
---|
1970 |
|
---|
1971 | // if an hypothetical scrollbar is detected, we must be sure it's not a `border`
|
---|
1972 | // we make this check conditional for performance reasons
|
---|
1973 | if (horizScrollbar || vertScrollbar) {
|
---|
1974 | var styles = getStyleComputedProperty(element);
|
---|
1975 | horizScrollbar -= getBordersSize(styles, 'x');
|
---|
1976 | vertScrollbar -= getBordersSize(styles, 'y');
|
---|
1977 |
|
---|
1978 | result.width -= horizScrollbar;
|
---|
1979 | result.height -= vertScrollbar;
|
---|
1980 | }
|
---|
1981 |
|
---|
1982 | return getClientRect(result);
|
---|
1983 | }
|
---|
1984 |
|
---|
1985 | function getOffsetRectRelativeToArbitraryNode(children, parent) {
|
---|
1986 | var fixedPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
---|
1987 |
|
---|
1988 | var isIE10 = isIE(10);
|
---|
1989 | var isHTML = parent.nodeName === 'HTML';
|
---|
1990 | var childrenRect = getBoundingClientRect(children);
|
---|
1991 | var parentRect = getBoundingClientRect(parent);
|
---|
1992 | var scrollParent = getScrollParent(children);
|
---|
1993 |
|
---|
1994 | var styles = getStyleComputedProperty(parent);
|
---|
1995 | var borderTopWidth = parseFloat(styles.borderTopWidth, 10);
|
---|
1996 | var borderLeftWidth = parseFloat(styles.borderLeftWidth, 10);
|
---|
1997 |
|
---|
1998 | // In cases where the parent is fixed, we must ignore negative scroll in offset calc
|
---|
1999 | if (fixedPosition && isHTML) {
|
---|
2000 | parentRect.top = Math.max(parentRect.top, 0);
|
---|
2001 | parentRect.left = Math.max(parentRect.left, 0);
|
---|
2002 | }
|
---|
2003 | var offsets = getClientRect({
|
---|
2004 | top: childrenRect.top - parentRect.top - borderTopWidth,
|
---|
2005 | left: childrenRect.left - parentRect.left - borderLeftWidth,
|
---|
2006 | width: childrenRect.width,
|
---|
2007 | height: childrenRect.height
|
---|
2008 | });
|
---|
2009 | offsets.marginTop = 0;
|
---|
2010 | offsets.marginLeft = 0;
|
---|
2011 |
|
---|
2012 | // Subtract margins of documentElement in case it's being used as parent
|
---|
2013 | // we do this only on HTML because it's the only element that behaves
|
---|
2014 | // differently when margins are applied to it. The margins are included in
|
---|
2015 | // the box of the documentElement, in the other cases not.
|
---|
2016 | if (!isIE10 && isHTML) {
|
---|
2017 | var marginTop = parseFloat(styles.marginTop, 10);
|
---|
2018 | var marginLeft = parseFloat(styles.marginLeft, 10);
|
---|
2019 |
|
---|
2020 | offsets.top -= borderTopWidth - marginTop;
|
---|
2021 | offsets.bottom -= borderTopWidth - marginTop;
|
---|
2022 | offsets.left -= borderLeftWidth - marginLeft;
|
---|
2023 | offsets.right -= borderLeftWidth - marginLeft;
|
---|
2024 |
|
---|
2025 | // Attach marginTop and marginLeft because in some circumstances we may need them
|
---|
2026 | offsets.marginTop = marginTop;
|
---|
2027 | offsets.marginLeft = marginLeft;
|
---|
2028 | }
|
---|
2029 |
|
---|
2030 | if (isIE10 && !fixedPosition ? parent.contains(scrollParent) : parent === scrollParent && scrollParent.nodeName !== 'BODY') {
|
---|
2031 | offsets = includeScroll(offsets, parent);
|
---|
2032 | }
|
---|
2033 |
|
---|
2034 | return offsets;
|
---|
2035 | }
|
---|
2036 |
|
---|
2037 | function getViewportOffsetRectRelativeToArtbitraryNode(element) {
|
---|
2038 | var excludeScroll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
---|
2039 |
|
---|
2040 | var html = element.ownerDocument.documentElement;
|
---|
2041 | var relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);
|
---|
2042 | var width = Math.max(html.clientWidth, window.innerWidth || 0);
|
---|
2043 | var height = Math.max(html.clientHeight, window.innerHeight || 0);
|
---|
2044 |
|
---|
2045 | var scrollTop = !excludeScroll ? getScroll(html) : 0;
|
---|
2046 | var scrollLeft = !excludeScroll ? getScroll(html, 'left') : 0;
|
---|
2047 |
|
---|
2048 | var offset = {
|
---|
2049 | top: scrollTop - relativeOffset.top + relativeOffset.marginTop,
|
---|
2050 | left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,
|
---|
2051 | width: width,
|
---|
2052 | height: height
|
---|
2053 | };
|
---|
2054 |
|
---|
2055 | return getClientRect(offset);
|
---|
2056 | }
|
---|
2057 |
|
---|
2058 | /**
|
---|
2059 | * Check if the given element is fixed or is inside a fixed parent
|
---|
2060 | * @method
|
---|
2061 | * @memberof Popper.Utils
|
---|
2062 | * @argument {Element} element
|
---|
2063 | * @argument {Element} customContainer
|
---|
2064 | * @returns {Boolean} answer to "isFixed?"
|
---|
2065 | */
|
---|
2066 | function isFixed(element) {
|
---|
2067 | var nodeName = element.nodeName;
|
---|
2068 | if (nodeName === 'BODY' || nodeName === 'HTML') {
|
---|
2069 | return false;
|
---|
2070 | }
|
---|
2071 | if (getStyleComputedProperty(element, 'position') === 'fixed') {
|
---|
2072 | return true;
|
---|
2073 | }
|
---|
2074 | var parentNode = getParentNode(element);
|
---|
2075 | if (!parentNode) {
|
---|
2076 | return false;
|
---|
2077 | }
|
---|
2078 | return isFixed(parentNode);
|
---|
2079 | }
|
---|
2080 |
|
---|
2081 | /**
|
---|
2082 | * Finds the first parent of an element that has a transformed property defined
|
---|
2083 | * @method
|
---|
2084 | * @memberof Popper.Utils
|
---|
2085 | * @argument {Element} element
|
---|
2086 | * @returns {Element} first transformed parent or documentElement
|
---|
2087 | */
|
---|
2088 |
|
---|
2089 | function getFixedPositionOffsetParent(element) {
|
---|
2090 | // This check is needed to avoid errors in case one of the elements isn't defined for any reason
|
---|
2091 | if (!element || !element.parentElement || isIE()) {
|
---|
2092 | return document.documentElement;
|
---|
2093 | }
|
---|
2094 | var el = element.parentElement;
|
---|
2095 | while (el && getStyleComputedProperty(el, 'transform') === 'none') {
|
---|
2096 | el = el.parentElement;
|
---|
2097 | }
|
---|
2098 | return el || document.documentElement;
|
---|
2099 | }
|
---|
2100 |
|
---|
2101 | /**
|
---|
2102 | * Computed the boundaries limits and return them
|
---|
2103 | * @method
|
---|
2104 | * @memberof Popper.Utils
|
---|
2105 | * @param {HTMLElement} popper
|
---|
2106 | * @param {HTMLElement} reference
|
---|
2107 | * @param {number} padding
|
---|
2108 | * @param {HTMLElement} boundariesElement - Element used to define the boundaries
|
---|
2109 | * @param {Boolean} fixedPosition - Is in fixed position mode
|
---|
2110 | * @returns {Object} Coordinates of the boundaries
|
---|
2111 | */
|
---|
2112 | function getBoundaries(popper, reference, padding, boundariesElement) {
|
---|
2113 | var fixedPosition = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
---|
2114 |
|
---|
2115 | // NOTE: 1 DOM access here
|
---|
2116 |
|
---|
2117 | var boundaries = { top: 0, left: 0 };
|
---|
2118 | var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, reference);
|
---|
2119 |
|
---|
2120 | // Handle viewport case
|
---|
2121 | if (boundariesElement === 'viewport') {
|
---|
2122 | boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent, fixedPosition);
|
---|
2123 | } else {
|
---|
2124 | // Handle other cases based on DOM element used as boundaries
|
---|
2125 | var boundariesNode = void 0;
|
---|
2126 | if (boundariesElement === 'scrollParent') {
|
---|
2127 | boundariesNode = getScrollParent(getParentNode(reference));
|
---|
2128 | if (boundariesNode.nodeName === 'BODY') {
|
---|
2129 | boundariesNode = popper.ownerDocument.documentElement;
|
---|
2130 | }
|
---|
2131 | } else if (boundariesElement === 'window') {
|
---|
2132 | boundariesNode = popper.ownerDocument.documentElement;
|
---|
2133 | } else {
|
---|
2134 | boundariesNode = boundariesElement;
|
---|
2135 | }
|
---|
2136 |
|
---|
2137 | var offsets = getOffsetRectRelativeToArbitraryNode(boundariesNode, offsetParent, fixedPosition);
|
---|
2138 |
|
---|
2139 | // In case of HTML, we need a different computation
|
---|
2140 | if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {
|
---|
2141 | var _getWindowSizes = getWindowSizes(popper.ownerDocument),
|
---|
2142 | height = _getWindowSizes.height,
|
---|
2143 | width = _getWindowSizes.width;
|
---|
2144 |
|
---|
2145 | boundaries.top += offsets.top - offsets.marginTop;
|
---|
2146 | boundaries.bottom = height + offsets.top;
|
---|
2147 | boundaries.left += offsets.left - offsets.marginLeft;
|
---|
2148 | boundaries.right = width + offsets.left;
|
---|
2149 | } else {
|
---|
2150 | // for all the other DOM elements, this one is good
|
---|
2151 | boundaries = offsets;
|
---|
2152 | }
|
---|
2153 | }
|
---|
2154 |
|
---|
2155 | // Add paddings
|
---|
2156 | padding = padding || 0;
|
---|
2157 | var isPaddingNumber = typeof padding === 'number';
|
---|
2158 | boundaries.left += isPaddingNumber ? padding : padding.left || 0;
|
---|
2159 | boundaries.top += isPaddingNumber ? padding : padding.top || 0;
|
---|
2160 | boundaries.right -= isPaddingNumber ? padding : padding.right || 0;
|
---|
2161 | boundaries.bottom -= isPaddingNumber ? padding : padding.bottom || 0;
|
---|
2162 |
|
---|
2163 | return boundaries;
|
---|
2164 | }
|
---|
2165 |
|
---|
2166 | function getArea(_ref) {
|
---|
2167 | var width = _ref.width,
|
---|
2168 | height = _ref.height;
|
---|
2169 |
|
---|
2170 | return width * height;
|
---|
2171 | }
|
---|
2172 |
|
---|
2173 | /**
|
---|
2174 | * Utility used to transform the `auto` placement to the placement with more
|
---|
2175 | * available space.
|
---|
2176 | * @method
|
---|
2177 | * @memberof Popper.Utils
|
---|
2178 | * @argument {Object} data - The data object generated by update method
|
---|
2179 | * @argument {Object} options - Modifiers configuration and options
|
---|
2180 | * @returns {Object} The data object, properly modified
|
---|
2181 | */
|
---|
2182 | function computeAutoPlacement(placement, refRect, popper, reference, boundariesElement) {
|
---|
2183 | var padding = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
|
---|
2184 |
|
---|
2185 | if (placement.indexOf('auto') === -1) {
|
---|
2186 | return placement;
|
---|
2187 | }
|
---|
2188 |
|
---|
2189 | var boundaries = getBoundaries(popper, reference, padding, boundariesElement);
|
---|
2190 |
|
---|
2191 | var rects = {
|
---|
2192 | top: {
|
---|
2193 | width: boundaries.width,
|
---|
2194 | height: refRect.top - boundaries.top
|
---|
2195 | },
|
---|
2196 | right: {
|
---|
2197 | width: boundaries.right - refRect.right,
|
---|
2198 | height: boundaries.height
|
---|
2199 | },
|
---|
2200 | bottom: {
|
---|
2201 | width: boundaries.width,
|
---|
2202 | height: boundaries.bottom - refRect.bottom
|
---|
2203 | },
|
---|
2204 | left: {
|
---|
2205 | width: refRect.left - boundaries.left,
|
---|
2206 | height: boundaries.height
|
---|
2207 | }
|
---|
2208 | };
|
---|
2209 |
|
---|
2210 | var sortedAreas = Object.keys(rects).map(function (key) {
|
---|
2211 | return _extends({
|
---|
2212 | key: key
|
---|
2213 | }, rects[key], {
|
---|
2214 | area: getArea(rects[key])
|
---|
2215 | });
|
---|
2216 | }).sort(function (a, b) {
|
---|
2217 | return b.area - a.area;
|
---|
2218 | });
|
---|
2219 |
|
---|
2220 | var filteredAreas = sortedAreas.filter(function (_ref2) {
|
---|
2221 | var width = _ref2.width,
|
---|
2222 | height = _ref2.height;
|
---|
2223 | return width >= popper.clientWidth && height >= popper.clientHeight;
|
---|
2224 | });
|
---|
2225 |
|
---|
2226 | var computedPlacement = filteredAreas.length > 0 ? filteredAreas[0].key : sortedAreas[0].key;
|
---|
2227 |
|
---|
2228 | var variation = placement.split('-')[1];
|
---|
2229 |
|
---|
2230 | return computedPlacement + (variation ? '-' + variation : '');
|
---|
2231 | }
|
---|
2232 |
|
---|
2233 | /**
|
---|
2234 | * Get offsets to the reference element
|
---|
2235 | * @method
|
---|
2236 | * @memberof Popper.Utils
|
---|
2237 | * @param {Object} state
|
---|
2238 | * @param {Element} popper - the popper element
|
---|
2239 | * @param {Element} reference - the reference element (the popper will be relative to this)
|
---|
2240 | * @param {Element} fixedPosition - is in fixed position mode
|
---|
2241 | * @returns {Object} An object containing the offsets which will be applied to the popper
|
---|
2242 | */
|
---|
2243 | function getReferenceOffsets(state, popper, reference) {
|
---|
2244 | var fixedPosition = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
---|
2245 |
|
---|
2246 | var commonOffsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, reference);
|
---|
2247 | return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent, fixedPosition);
|
---|
2248 | }
|
---|
2249 |
|
---|
2250 | /**
|
---|
2251 | * Get the outer sizes of the given element (offset size + margins)
|
---|
2252 | * @method
|
---|
2253 | * @memberof Popper.Utils
|
---|
2254 | * @argument {Element} element
|
---|
2255 | * @returns {Object} object containing width and height properties
|
---|
2256 | */
|
---|
2257 | function getOuterSizes(element) {
|
---|
2258 | var window = element.ownerDocument.defaultView;
|
---|
2259 | var styles = window.getComputedStyle(element);
|
---|
2260 | var x = parseFloat(styles.marginTop || 0) + parseFloat(styles.marginBottom || 0);
|
---|
2261 | var y = parseFloat(styles.marginLeft || 0) + parseFloat(styles.marginRight || 0);
|
---|
2262 | var result = {
|
---|
2263 | width: element.offsetWidth + y,
|
---|
2264 | height: element.offsetHeight + x
|
---|
2265 | };
|
---|
2266 | return result;
|
---|
2267 | }
|
---|
2268 |
|
---|
2269 | /**
|
---|
2270 | * Get the opposite placement of the given one
|
---|
2271 | * @method
|
---|
2272 | * @memberof Popper.Utils
|
---|
2273 | * @argument {String} placement
|
---|
2274 | * @returns {String} flipped placement
|
---|
2275 | */
|
---|
2276 | function getOppositePlacement(placement) {
|
---|
2277 | var hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };
|
---|
2278 | return placement.replace(/left|right|bottom|top/g, function (matched) {
|
---|
2279 | return hash[matched];
|
---|
2280 | });
|
---|
2281 | }
|
---|
2282 |
|
---|
2283 | /**
|
---|
2284 | * Get offsets to the popper
|
---|
2285 | * @method
|
---|
2286 | * @memberof Popper.Utils
|
---|
2287 | * @param {Object} position - CSS position the Popper will get applied
|
---|
2288 | * @param {HTMLElement} popper - the popper element
|
---|
2289 | * @param {Object} referenceOffsets - the reference offsets (the popper will be relative to this)
|
---|
2290 | * @param {String} placement - one of the valid placement options
|
---|
2291 | * @returns {Object} popperOffsets - An object containing the offsets which will be applied to the popper
|
---|
2292 | */
|
---|
2293 | function getPopperOffsets(popper, referenceOffsets, placement) {
|
---|
2294 | placement = placement.split('-')[0];
|
---|
2295 |
|
---|
2296 | // Get popper node sizes
|
---|
2297 | var popperRect = getOuterSizes(popper);
|
---|
2298 |
|
---|
2299 | // Add position, width and height to our offsets object
|
---|
2300 | var popperOffsets = {
|
---|
2301 | width: popperRect.width,
|
---|
2302 | height: popperRect.height
|
---|
2303 | };
|
---|
2304 |
|
---|
2305 | // depending by the popper placement we have to compute its offsets slightly differently
|
---|
2306 | var isHoriz = ['right', 'left'].indexOf(placement) !== -1;
|
---|
2307 | var mainSide = isHoriz ? 'top' : 'left';
|
---|
2308 | var secondarySide = isHoriz ? 'left' : 'top';
|
---|
2309 | var measurement = isHoriz ? 'height' : 'width';
|
---|
2310 | var secondaryMeasurement = !isHoriz ? 'height' : 'width';
|
---|
2311 |
|
---|
2312 | popperOffsets[mainSide] = referenceOffsets[mainSide] + referenceOffsets[measurement] / 2 - popperRect[measurement] / 2;
|
---|
2313 | if (placement === secondarySide) {
|
---|
2314 | popperOffsets[secondarySide] = referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];
|
---|
2315 | } else {
|
---|
2316 | popperOffsets[secondarySide] = referenceOffsets[getOppositePlacement(secondarySide)];
|
---|
2317 | }
|
---|
2318 |
|
---|
2319 | return popperOffsets;
|
---|
2320 | }
|
---|
2321 |
|
---|
2322 | /**
|
---|
2323 | * Mimics the `find` method of Array
|
---|
2324 | * @method
|
---|
2325 | * @memberof Popper.Utils
|
---|
2326 | * @argument {Array} arr
|
---|
2327 | * @argument prop
|
---|
2328 | * @argument value
|
---|
2329 | * @returns index or -1
|
---|
2330 | */
|
---|
2331 | function find(arr, check) {
|
---|
2332 | // use native find if supported
|
---|
2333 | if (Array.prototype.find) {
|
---|
2334 | return arr.find(check);
|
---|
2335 | }
|
---|
2336 |
|
---|
2337 | // use `filter` to obtain the same behavior of `find`
|
---|
2338 | return arr.filter(check)[0];
|
---|
2339 | }
|
---|
2340 |
|
---|
2341 | /**
|
---|
2342 | * Return the index of the matching object
|
---|
2343 | * @method
|
---|
2344 | * @memberof Popper.Utils
|
---|
2345 | * @argument {Array} arr
|
---|
2346 | * @argument prop
|
---|
2347 | * @argument value
|
---|
2348 | * @returns index or -1
|
---|
2349 | */
|
---|
2350 | function findIndex(arr, prop, value) {
|
---|
2351 | // use native findIndex if supported
|
---|
2352 | if (Array.prototype.findIndex) {
|
---|
2353 | return arr.findIndex(function (cur) {
|
---|
2354 | return cur[prop] === value;
|
---|
2355 | });
|
---|
2356 | }
|
---|
2357 |
|
---|
2358 | // use `find` + `indexOf` if `findIndex` isn't supported
|
---|
2359 | var match = find(arr, function (obj) {
|
---|
2360 | return obj[prop] === value;
|
---|
2361 | });
|
---|
2362 | return arr.indexOf(match);
|
---|
2363 | }
|
---|
2364 |
|
---|
2365 | /**
|
---|
2366 | * Loop trough the list of modifiers and run them in order,
|
---|
2367 | * each of them will then edit the data object.
|
---|
2368 | * @method
|
---|
2369 | * @memberof Popper.Utils
|
---|
2370 | * @param {dataObject} data
|
---|
2371 | * @param {Array} modifiers
|
---|
2372 | * @param {String} ends - Optional modifier name used as stopper
|
---|
2373 | * @returns {dataObject}
|
---|
2374 | */
|
---|
2375 | function runModifiers(modifiers, data, ends) {
|
---|
2376 | var modifiersToRun = ends === undefined ? modifiers : modifiers.slice(0, findIndex(modifiers, 'name', ends));
|
---|
2377 |
|
---|
2378 | modifiersToRun.forEach(function (modifier) {
|
---|
2379 | if (modifier['function']) {
|
---|
2380 | // eslint-disable-line dot-notation
|
---|
2381 | console.warn('`modifier.function` is deprecated, use `modifier.fn`!');
|
---|
2382 | }
|
---|
2383 | var fn = modifier['function'] || modifier.fn; // eslint-disable-line dot-notation
|
---|
2384 | if (modifier.enabled && isFunction(fn)) {
|
---|
2385 | // Add properties to offsets to make them a complete clientRect object
|
---|
2386 | // we do this before each modifier to make sure the previous one doesn't
|
---|
2387 | // mess with these values
|
---|
2388 | data.offsets.popper = getClientRect(data.offsets.popper);
|
---|
2389 | data.offsets.reference = getClientRect(data.offsets.reference);
|
---|
2390 |
|
---|
2391 | data = fn(data, modifier);
|
---|
2392 | }
|
---|
2393 | });
|
---|
2394 |
|
---|
2395 | return data;
|
---|
2396 | }
|
---|
2397 |
|
---|
2398 | /**
|
---|
2399 | * Updates the position of the popper, computing the new offsets and applying
|
---|
2400 | * the new style.<br />
|
---|
2401 | * Prefer `scheduleUpdate` over `update` because of performance reasons.
|
---|
2402 | * @method
|
---|
2403 | * @memberof Popper
|
---|
2404 | */
|
---|
2405 | function update() {
|
---|
2406 | // if popper is destroyed, don't perform any further update
|
---|
2407 | if (this.state.isDestroyed) {
|
---|
2408 | return;
|
---|
2409 | }
|
---|
2410 |
|
---|
2411 | var data = {
|
---|
2412 | instance: this,
|
---|
2413 | styles: {},
|
---|
2414 | arrowStyles: {},
|
---|
2415 | attributes: {},
|
---|
2416 | flipped: false,
|
---|
2417 | offsets: {}
|
---|
2418 | };
|
---|
2419 |
|
---|
2420 | // compute reference element offsets
|
---|
2421 | data.offsets.reference = getReferenceOffsets(this.state, this.popper, this.reference, this.options.positionFixed);
|
---|
2422 |
|
---|
2423 | // compute auto placement, store placement inside the data object,
|
---|
2424 | // modifiers will be able to edit `placement` if needed
|
---|
2425 | // and refer to originalPlacement to know the original value
|
---|
2426 | data.placement = computeAutoPlacement(this.options.placement, data.offsets.reference, this.popper, this.reference, this.options.modifiers.flip.boundariesElement, this.options.modifiers.flip.padding);
|
---|
2427 |
|
---|
2428 | // store the computed placement inside `originalPlacement`
|
---|
2429 | data.originalPlacement = data.placement;
|
---|
2430 |
|
---|
2431 | data.positionFixed = this.options.positionFixed;
|
---|
2432 |
|
---|
2433 | // compute the popper offsets
|
---|
2434 | data.offsets.popper = getPopperOffsets(this.popper, data.offsets.reference, data.placement);
|
---|
2435 |
|
---|
2436 | data.offsets.popper.position = this.options.positionFixed ? 'fixed' : 'absolute';
|
---|
2437 |
|
---|
2438 | // run the modifiers
|
---|
2439 | data = runModifiers(this.modifiers, data);
|
---|
2440 |
|
---|
2441 | // the first `update` will call `onCreate` callback
|
---|
2442 | // the other ones will call `onUpdate` callback
|
---|
2443 | if (!this.state.isCreated) {
|
---|
2444 | this.state.isCreated = true;
|
---|
2445 | this.options.onCreate(data);
|
---|
2446 | } else {
|
---|
2447 | this.options.onUpdate(data);
|
---|
2448 | }
|
---|
2449 | }
|
---|
2450 |
|
---|
2451 | /**
|
---|
2452 | * Helper used to know if the given modifier is enabled.
|
---|
2453 | * @method
|
---|
2454 | * @memberof Popper.Utils
|
---|
2455 | * @returns {Boolean}
|
---|
2456 | */
|
---|
2457 | function isModifierEnabled(modifiers, modifierName) {
|
---|
2458 | return modifiers.some(function (_ref) {
|
---|
2459 | var name = _ref.name,
|
---|
2460 | enabled = _ref.enabled;
|
---|
2461 | return enabled && name === modifierName;
|
---|
2462 | });
|
---|
2463 | }
|
---|
2464 |
|
---|
2465 | /**
|
---|
2466 | * Get the prefixed supported property name
|
---|
2467 | * @method
|
---|
2468 | * @memberof Popper.Utils
|
---|
2469 | * @argument {String} property (camelCase)
|
---|
2470 | * @returns {String} prefixed property (camelCase or PascalCase, depending on the vendor prefix)
|
---|
2471 | */
|
---|
2472 | function getSupportedPropertyName(property) {
|
---|
2473 | var prefixes = [false, 'ms', 'Webkit', 'Moz', 'O'];
|
---|
2474 | var upperProp = property.charAt(0).toUpperCase() + property.slice(1);
|
---|
2475 |
|
---|
2476 | for (var i = 0; i < prefixes.length; i++) {
|
---|
2477 | var prefix = prefixes[i];
|
---|
2478 | var toCheck = prefix ? '' + prefix + upperProp : property;
|
---|
2479 | if (typeof document.body.style[toCheck] !== 'undefined') {
|
---|
2480 | return toCheck;
|
---|
2481 | }
|
---|
2482 | }
|
---|
2483 | return null;
|
---|
2484 | }
|
---|
2485 |
|
---|
2486 | /**
|
---|
2487 | * Destroys the popper.
|
---|
2488 | * @method
|
---|
2489 | * @memberof Popper
|
---|
2490 | */
|
---|
2491 | function destroy() {
|
---|
2492 | this.state.isDestroyed = true;
|
---|
2493 |
|
---|
2494 | // touch DOM only if `applyStyle` modifier is enabled
|
---|
2495 | if (isModifierEnabled(this.modifiers, 'applyStyle')) {
|
---|
2496 | this.popper.removeAttribute('x-placement');
|
---|
2497 | this.popper.style.position = '';
|
---|
2498 | this.popper.style.top = '';
|
---|
2499 | this.popper.style.left = '';
|
---|
2500 | this.popper.style.right = '';
|
---|
2501 | this.popper.style.bottom = '';
|
---|
2502 | this.popper.style.willChange = '';
|
---|
2503 | this.popper.style[getSupportedPropertyName('transform')] = '';
|
---|
2504 | }
|
---|
2505 |
|
---|
2506 | this.disableEventListeners();
|
---|
2507 |
|
---|
2508 | // remove the popper if user explicity asked for the deletion on destroy
|
---|
2509 | // do not use `remove` because IE11 doesn't support it
|
---|
2510 | if (this.options.removeOnDestroy) {
|
---|
2511 | this.popper.parentNode.removeChild(this.popper);
|
---|
2512 | }
|
---|
2513 | return this;
|
---|
2514 | }
|
---|
2515 |
|
---|
2516 | /**
|
---|
2517 | * Get the window associated with the element
|
---|
2518 | * @argument {Element} element
|
---|
2519 | * @returns {Window}
|
---|
2520 | */
|
---|
2521 | function getWindow(element) {
|
---|
2522 | var ownerDocument = element.ownerDocument;
|
---|
2523 | return ownerDocument ? ownerDocument.defaultView : window;
|
---|
2524 | }
|
---|
2525 |
|
---|
2526 | function attachToScrollParents(scrollParent, event, callback, scrollParents) {
|
---|
2527 | var isBody = scrollParent.nodeName === 'BODY';
|
---|
2528 | var target = isBody ? scrollParent.ownerDocument.defaultView : scrollParent;
|
---|
2529 | target.addEventListener(event, callback, { passive: true });
|
---|
2530 |
|
---|
2531 | if (!isBody) {
|
---|
2532 | attachToScrollParents(getScrollParent(target.parentNode), event, callback, scrollParents);
|
---|
2533 | }
|
---|
2534 | scrollParents.push(target);
|
---|
2535 | }
|
---|
2536 |
|
---|
2537 | /**
|
---|
2538 | * Setup needed event listeners used to update the popper position
|
---|
2539 | * @method
|
---|
2540 | * @memberof Popper.Utils
|
---|
2541 | * @private
|
---|
2542 | */
|
---|
2543 | function setupEventListeners(reference, options, state, updateBound) {
|
---|
2544 | // Resize event listener on window
|
---|
2545 | state.updateBound = updateBound;
|
---|
2546 | getWindow(reference).addEventListener('resize', state.updateBound, { passive: true });
|
---|
2547 |
|
---|
2548 | // Scroll event listener on scroll parents
|
---|
2549 | var scrollElement = getScrollParent(reference);
|
---|
2550 | attachToScrollParents(scrollElement, 'scroll', state.updateBound, state.scrollParents);
|
---|
2551 | state.scrollElement = scrollElement;
|
---|
2552 | state.eventsEnabled = true;
|
---|
2553 |
|
---|
2554 | return state;
|
---|
2555 | }
|
---|
2556 |
|
---|
2557 | /**
|
---|
2558 | * It will add resize/scroll events and start recalculating
|
---|
2559 | * position of the popper element when they are triggered.
|
---|
2560 | * @method
|
---|
2561 | * @memberof Popper
|
---|
2562 | */
|
---|
2563 | function enableEventListeners() {
|
---|
2564 | if (!this.state.eventsEnabled) {
|
---|
2565 | this.state = setupEventListeners(this.reference, this.options, this.state, this.scheduleUpdate);
|
---|
2566 | }
|
---|
2567 | }
|
---|
2568 |
|
---|
2569 | /**
|
---|
2570 | * Remove event listeners used to update the popper position
|
---|
2571 | * @method
|
---|
2572 | * @memberof Popper.Utils
|
---|
2573 | * @private
|
---|
2574 | */
|
---|
2575 | function removeEventListeners(reference, state) {
|
---|
2576 | // Remove resize event listener on window
|
---|
2577 | getWindow(reference).removeEventListener('resize', state.updateBound);
|
---|
2578 |
|
---|
2579 | // Remove scroll event listener on scroll parents
|
---|
2580 | state.scrollParents.forEach(function (target) {
|
---|
2581 | target.removeEventListener('scroll', state.updateBound);
|
---|
2582 | });
|
---|
2583 |
|
---|
2584 | // Reset state
|
---|
2585 | state.updateBound = null;
|
---|
2586 | state.scrollParents = [];
|
---|
2587 | state.scrollElement = null;
|
---|
2588 | state.eventsEnabled = false;
|
---|
2589 | return state;
|
---|
2590 | }
|
---|
2591 |
|
---|
2592 | /**
|
---|
2593 | * It will remove resize/scroll events and won't recalculate popper position
|
---|
2594 | * when they are triggered. It also won't trigger `onUpdate` callback anymore,
|
---|
2595 | * unless you call `update` method manually.
|
---|
2596 | * @method
|
---|
2597 | * @memberof Popper
|
---|
2598 | */
|
---|
2599 | function disableEventListeners() {
|
---|
2600 | if (this.state.eventsEnabled) {
|
---|
2601 | cancelAnimationFrame(this.scheduleUpdate);
|
---|
2602 | this.state = removeEventListeners(this.reference, this.state);
|
---|
2603 | }
|
---|
2604 | }
|
---|
2605 |
|
---|
2606 | /**
|
---|
2607 | * Tells if a given input is a number
|
---|
2608 | * @method
|
---|
2609 | * @memberof Popper.Utils
|
---|
2610 | * @param {*} input to check
|
---|
2611 | * @return {Boolean}
|
---|
2612 | */
|
---|
2613 | function isNumeric(n) {
|
---|
2614 | return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);
|
---|
2615 | }
|
---|
2616 |
|
---|
2617 | /**
|
---|
2618 | * Set the style to the given popper
|
---|
2619 | * @method
|
---|
2620 | * @memberof Popper.Utils
|
---|
2621 | * @argument {Element} element - Element to apply the style to
|
---|
2622 | * @argument {Object} styles
|
---|
2623 | * Object with a list of properties and values which will be applied to the element
|
---|
2624 | */
|
---|
2625 | function setStyles(element, styles) {
|
---|
2626 | Object.keys(styles).forEach(function (prop) {
|
---|
2627 | var unit = '';
|
---|
2628 | // add unit if the value is numeric and is one of the following
|
---|
2629 | if (['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !== -1 && isNumeric(styles[prop])) {
|
---|
2630 | unit = 'px';
|
---|
2631 | }
|
---|
2632 | element.style[prop] = styles[prop] + unit;
|
---|
2633 | });
|
---|
2634 | }
|
---|
2635 |
|
---|
2636 | /**
|
---|
2637 | * Set the attributes to the given popper
|
---|
2638 | * @method
|
---|
2639 | * @memberof Popper.Utils
|
---|
2640 | * @argument {Element} element - Element to apply the attributes to
|
---|
2641 | * @argument {Object} styles
|
---|
2642 | * Object with a list of properties and values which will be applied to the element
|
---|
2643 | */
|
---|
2644 | function setAttributes(element, attributes) {
|
---|
2645 | Object.keys(attributes).forEach(function (prop) {
|
---|
2646 | var value = attributes[prop];
|
---|
2647 | if (value !== false) {
|
---|
2648 | element.setAttribute(prop, attributes[prop]);
|
---|
2649 | } else {
|
---|
2650 | element.removeAttribute(prop);
|
---|
2651 | }
|
---|
2652 | });
|
---|
2653 | }
|
---|
2654 |
|
---|
2655 | /**
|
---|
2656 | * @function
|
---|
2657 | * @memberof Modifiers
|
---|
2658 | * @argument {Object} data - The data object generated by `update` method
|
---|
2659 | * @argument {Object} data.styles - List of style properties - values to apply to popper element
|
---|
2660 | * @argument {Object} data.attributes - List of attribute properties - values to apply to popper element
|
---|
2661 | * @argument {Object} options - Modifiers configuration and options
|
---|
2662 | * @returns {Object} The same data object
|
---|
2663 | */
|
---|
2664 | function applyStyle(data) {
|
---|
2665 | // any property present in `data.styles` will be applied to the popper,
|
---|
2666 | // in this way we can make the 3rd party modifiers add custom styles to it
|
---|
2667 | // Be aware, modifiers could override the properties defined in the previous
|
---|
2668 | // lines of this modifier!
|
---|
2669 | setStyles(data.instance.popper, data.styles);
|
---|
2670 |
|
---|
2671 | // any property present in `data.attributes` will be applied to the popper,
|
---|
2672 | // they will be set as HTML attributes of the element
|
---|
2673 | setAttributes(data.instance.popper, data.attributes);
|
---|
2674 |
|
---|
2675 | // if arrowElement is defined and arrowStyles has some properties
|
---|
2676 | if (data.arrowElement && Object.keys(data.arrowStyles).length) {
|
---|
2677 | setStyles(data.arrowElement, data.arrowStyles);
|
---|
2678 | }
|
---|
2679 |
|
---|
2680 | return data;
|
---|
2681 | }
|
---|
2682 |
|
---|
2683 | /**
|
---|
2684 | * Set the x-placement attribute before everything else because it could be used
|
---|
2685 | * to add margins to the popper margins needs to be calculated to get the
|
---|
2686 | * correct popper offsets.
|
---|
2687 | * @method
|
---|
2688 | * @memberof Popper.modifiers
|
---|
2689 | * @param {HTMLElement} reference - The reference element used to position the popper
|
---|
2690 | * @param {HTMLElement} popper - The HTML element used as popper
|
---|
2691 | * @param {Object} options - Popper.js options
|
---|
2692 | */
|
---|
2693 | function applyStyleOnLoad(reference, popper, options, modifierOptions, state) {
|
---|
2694 | // compute reference element offsets
|
---|
2695 | var referenceOffsets = getReferenceOffsets(state, popper, reference, options.positionFixed);
|
---|
2696 |
|
---|
2697 | // compute auto placement, store placement inside the data object,
|
---|
2698 | // modifiers will be able to edit `placement` if needed
|
---|
2699 | // and refer to originalPlacement to know the original value
|
---|
2700 | var placement = computeAutoPlacement(options.placement, referenceOffsets, popper, reference, options.modifiers.flip.boundariesElement, options.modifiers.flip.padding);
|
---|
2701 |
|
---|
2702 | popper.setAttribute('x-placement', placement);
|
---|
2703 |
|
---|
2704 | // Apply `position` to popper before anything else because
|
---|
2705 | // without the position applied we can't guarantee correct computations
|
---|
2706 | setStyles(popper, { position: options.positionFixed ? 'fixed' : 'absolute' });
|
---|
2707 |
|
---|
2708 | return options;
|
---|
2709 | }
|
---|
2710 |
|
---|
2711 | /**
|
---|
2712 | * @function
|
---|
2713 | * @memberof Popper.Utils
|
---|
2714 | * @argument {Object} data - The data object generated by `update` method
|
---|
2715 | * @argument {Boolean} shouldRound - If the offsets should be rounded at all
|
---|
2716 | * @returns {Object} The popper's position offsets rounded
|
---|
2717 | *
|
---|
2718 | * The tale of pixel-perfect positioning. It's still not 100% perfect, but as
|
---|
2719 | * good as it can be within reason.
|
---|
2720 | * Discussion here: https://github.com/FezVrasta/popper.js/pull/715
|
---|
2721 | *
|
---|
2722 | * Low DPI screens cause a popper to be blurry if not using full pixels (Safari
|
---|
2723 | * as well on High DPI screens).
|
---|
2724 | *
|
---|
2725 | * Firefox prefers no rounding for positioning and does not have blurriness on
|
---|
2726 | * high DPI screens.
|
---|
2727 | *
|
---|
2728 | * Only horizontal placement and left/right values need to be considered.
|
---|
2729 | */
|
---|
2730 | function getRoundedOffsets(data, shouldRound) {
|
---|
2731 | var _data$offsets = data.offsets,
|
---|
2732 | popper = _data$offsets.popper,
|
---|
2733 | reference = _data$offsets.reference;
|
---|
2734 | var round = Math.round,
|
---|
2735 | floor = Math.floor;
|
---|
2736 |
|
---|
2737 | var noRound = function noRound(v) {
|
---|
2738 | return v;
|
---|
2739 | };
|
---|
2740 |
|
---|
2741 | var referenceWidth = round(reference.width);
|
---|
2742 | var popperWidth = round(popper.width);
|
---|
2743 |
|
---|
2744 | var isVertical = ['left', 'right'].indexOf(data.placement) !== -1;
|
---|
2745 | var isVariation = data.placement.indexOf('-') !== -1;
|
---|
2746 | var sameWidthParity = referenceWidth % 2 === popperWidth % 2;
|
---|
2747 | var bothOddWidth = referenceWidth % 2 === 1 && popperWidth % 2 === 1;
|
---|
2748 |
|
---|
2749 | var horizontalToInteger = !shouldRound ? noRound : isVertical || isVariation || sameWidthParity ? round : floor;
|
---|
2750 | var verticalToInteger = !shouldRound ? noRound : round;
|
---|
2751 |
|
---|
2752 | return {
|
---|
2753 | left: horizontalToInteger(bothOddWidth && !isVariation && shouldRound ? popper.left - 1 : popper.left),
|
---|
2754 | top: verticalToInteger(popper.top),
|
---|
2755 | bottom: verticalToInteger(popper.bottom),
|
---|
2756 | right: horizontalToInteger(popper.right)
|
---|
2757 | };
|
---|
2758 | }
|
---|
2759 |
|
---|
2760 | var isFirefox = isBrowser && /Firefox/i.test(navigator.userAgent);
|
---|
2761 |
|
---|
2762 | /**
|
---|
2763 | * @function
|
---|
2764 | * @memberof Modifiers
|
---|
2765 | * @argument {Object} data - The data object generated by `update` method
|
---|
2766 | * @argument {Object} options - Modifiers configuration and options
|
---|
2767 | * @returns {Object} The data object, properly modified
|
---|
2768 | */
|
---|
2769 | function computeStyle(data, options) {
|
---|
2770 | var x = options.x,
|
---|
2771 | y = options.y;
|
---|
2772 | var popper = data.offsets.popper;
|
---|
2773 |
|
---|
2774 | // Remove this legacy support in Popper.js v2
|
---|
2775 |
|
---|
2776 | var legacyGpuAccelerationOption = find(data.instance.modifiers, function (modifier) {
|
---|
2777 | return modifier.name === 'applyStyle';
|
---|
2778 | }).gpuAcceleration;
|
---|
2779 | if (legacyGpuAccelerationOption !== undefined) {
|
---|
2780 | console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');
|
---|
2781 | }
|
---|
2782 | var gpuAcceleration = legacyGpuAccelerationOption !== undefined ? legacyGpuAccelerationOption : options.gpuAcceleration;
|
---|
2783 |
|
---|
2784 | var offsetParent = getOffsetParent(data.instance.popper);
|
---|
2785 | var offsetParentRect = getBoundingClientRect(offsetParent);
|
---|
2786 |
|
---|
2787 | // Styles
|
---|
2788 | var styles = {
|
---|
2789 | position: popper.position
|
---|
2790 | };
|
---|
2791 |
|
---|
2792 | var offsets = getRoundedOffsets(data, window.devicePixelRatio < 2 || !isFirefox);
|
---|
2793 |
|
---|
2794 | var sideA = x === 'bottom' ? 'top' : 'bottom';
|
---|
2795 | var sideB = y === 'right' ? 'left' : 'right';
|
---|
2796 |
|
---|
2797 | // if gpuAcceleration is set to `true` and transform is supported,
|
---|
2798 | // we use `translate3d` to apply the position to the popper we
|
---|
2799 | // automatically use the supported prefixed version if needed
|
---|
2800 | var prefixedProperty = getSupportedPropertyName('transform');
|
---|
2801 |
|
---|
2802 | // now, let's make a step back and look at this code closely (wtf?)
|
---|
2803 | // If the content of the popper grows once it's been positioned, it
|
---|
2804 | // may happen that the popper gets misplaced because of the new content
|
---|
2805 | // overflowing its reference element
|
---|
2806 | // To avoid this problem, we provide two options (x and y), which allow
|
---|
2807 | // the consumer to define the offset origin.
|
---|
2808 | // If we position a popper on top of a reference element, we can set
|
---|
2809 | // `x` to `top` to make the popper grow towards its top instead of
|
---|
2810 | // its bottom.
|
---|
2811 | var left = void 0,
|
---|
2812 | top = void 0;
|
---|
2813 | if (sideA === 'bottom') {
|
---|
2814 | // when offsetParent is <html> the positioning is relative to the bottom of the screen (excluding the scrollbar)
|
---|
2815 | // and not the bottom of the html element
|
---|
2816 | if (offsetParent.nodeName === 'HTML') {
|
---|
2817 | top = -offsetParent.clientHeight + offsets.bottom;
|
---|
2818 | } else {
|
---|
2819 | top = -offsetParentRect.height + offsets.bottom;
|
---|
2820 | }
|
---|
2821 | } else {
|
---|
2822 | top = offsets.top;
|
---|
2823 | }
|
---|
2824 | if (sideB === 'right') {
|
---|
2825 | if (offsetParent.nodeName === 'HTML') {
|
---|
2826 | left = -offsetParent.clientWidth + offsets.right;
|
---|
2827 | } else {
|
---|
2828 | left = -offsetParentRect.width + offsets.right;
|
---|
2829 | }
|
---|
2830 | } else {
|
---|
2831 | left = offsets.left;
|
---|
2832 | }
|
---|
2833 | if (gpuAcceleration && prefixedProperty) {
|
---|
2834 | styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';
|
---|
2835 | styles[sideA] = 0;
|
---|
2836 | styles[sideB] = 0;
|
---|
2837 | styles.willChange = 'transform';
|
---|
2838 | } else {
|
---|
2839 | // othwerise, we use the standard `top`, `left`, `bottom` and `right` properties
|
---|
2840 | var invertTop = sideA === 'bottom' ? -1 : 1;
|
---|
2841 | var invertLeft = sideB === 'right' ? -1 : 1;
|
---|
2842 | styles[sideA] = top * invertTop;
|
---|
2843 | styles[sideB] = left * invertLeft;
|
---|
2844 | styles.willChange = sideA + ', ' + sideB;
|
---|
2845 | }
|
---|
2846 |
|
---|
2847 | // Attributes
|
---|
2848 | var attributes = {
|
---|
2849 | 'x-placement': data.placement
|
---|
2850 | };
|
---|
2851 |
|
---|
2852 | // Update `data` attributes, styles and arrowStyles
|
---|
2853 | data.attributes = _extends({}, attributes, data.attributes);
|
---|
2854 | data.styles = _extends({}, styles, data.styles);
|
---|
2855 | data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);
|
---|
2856 |
|
---|
2857 | return data;
|
---|
2858 | }
|
---|
2859 |
|
---|
2860 | /**
|
---|
2861 | * Helper used to know if the given modifier depends from another one.<br />
|
---|
2862 | * It checks if the needed modifier is listed and enabled.
|
---|
2863 | * @method
|
---|
2864 | * @memberof Popper.Utils
|
---|
2865 | * @param {Array} modifiers - list of modifiers
|
---|
2866 | * @param {String} requestingName - name of requesting modifier
|
---|
2867 | * @param {String} requestedName - name of requested modifier
|
---|
2868 | * @returns {Boolean}
|
---|
2869 | */
|
---|
2870 | function isModifierRequired(modifiers, requestingName, requestedName) {
|
---|
2871 | var requesting = find(modifiers, function (_ref) {
|
---|
2872 | var name = _ref.name;
|
---|
2873 | return name === requestingName;
|
---|
2874 | });
|
---|
2875 |
|
---|
2876 | var isRequired = !!requesting && modifiers.some(function (modifier) {
|
---|
2877 | return modifier.name === requestedName && modifier.enabled && modifier.order < requesting.order;
|
---|
2878 | });
|
---|
2879 |
|
---|
2880 | if (!isRequired) {
|
---|
2881 | var _requesting = '`' + requestingName + '`';
|
---|
2882 | var requested = '`' + requestedName + '`';
|
---|
2883 | console.warn(requested + ' modifier is required by ' + _requesting + ' modifier in order to work, be sure to include it before ' + _requesting + '!');
|
---|
2884 | }
|
---|
2885 | return isRequired;
|
---|
2886 | }
|
---|
2887 |
|
---|
2888 | /**
|
---|
2889 | * @function
|
---|
2890 | * @memberof Modifiers
|
---|
2891 | * @argument {Object} data - The data object generated by update method
|
---|
2892 | * @argument {Object} options - Modifiers configuration and options
|
---|
2893 | * @returns {Object} The data object, properly modified
|
---|
2894 | */
|
---|
2895 | function arrow(data, options) {
|
---|
2896 | var _data$offsets$arrow;
|
---|
2897 |
|
---|
2898 | // arrow depends on keepTogether in order to work
|
---|
2899 | if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {
|
---|
2900 | return data;
|
---|
2901 | }
|
---|
2902 |
|
---|
2903 | var arrowElement = options.element;
|
---|
2904 |
|
---|
2905 | // if arrowElement is a string, suppose it's a CSS selector
|
---|
2906 | if (typeof arrowElement === 'string') {
|
---|
2907 | arrowElement = data.instance.popper.querySelector(arrowElement);
|
---|
2908 |
|
---|
2909 | // if arrowElement is not found, don't run the modifier
|
---|
2910 | if (!arrowElement) {
|
---|
2911 | return data;
|
---|
2912 | }
|
---|
2913 | } else {
|
---|
2914 | // if the arrowElement isn't a query selector we must check that the
|
---|
2915 | // provided DOM node is child of its popper node
|
---|
2916 | if (!data.instance.popper.contains(arrowElement)) {
|
---|
2917 | console.warn('WARNING: `arrow.element` must be child of its popper element!');
|
---|
2918 | return data;
|
---|
2919 | }
|
---|
2920 | }
|
---|
2921 |
|
---|
2922 | var placement = data.placement.split('-')[0];
|
---|
2923 | var _data$offsets = data.offsets,
|
---|
2924 | popper = _data$offsets.popper,
|
---|
2925 | reference = _data$offsets.reference;
|
---|
2926 |
|
---|
2927 | var isVertical = ['left', 'right'].indexOf(placement) !== -1;
|
---|
2928 |
|
---|
2929 | var len = isVertical ? 'height' : 'width';
|
---|
2930 | var sideCapitalized = isVertical ? 'Top' : 'Left';
|
---|
2931 | var side = sideCapitalized.toLowerCase();
|
---|
2932 | var altSide = isVertical ? 'left' : 'top';
|
---|
2933 | var opSide = isVertical ? 'bottom' : 'right';
|
---|
2934 | var arrowElementSize = getOuterSizes(arrowElement)[len];
|
---|
2935 |
|
---|
2936 | //
|
---|
2937 | // extends keepTogether behavior making sure the popper and its
|
---|
2938 | // reference have enough pixels in conjunction
|
---|
2939 | //
|
---|
2940 |
|
---|
2941 | // top/left side
|
---|
2942 | if (reference[opSide] - arrowElementSize < popper[side]) {
|
---|
2943 | data.offsets.popper[side] -= popper[side] - (reference[opSide] - arrowElementSize);
|
---|
2944 | }
|
---|
2945 | // bottom/right side
|
---|
2946 | if (reference[side] + arrowElementSize > popper[opSide]) {
|
---|
2947 | data.offsets.popper[side] += reference[side] + arrowElementSize - popper[opSide];
|
---|
2948 | }
|
---|
2949 | data.offsets.popper = getClientRect(data.offsets.popper);
|
---|
2950 |
|
---|
2951 | // compute center of the popper
|
---|
2952 | var center = reference[side] + reference[len] / 2 - arrowElementSize / 2;
|
---|
2953 |
|
---|
2954 | // Compute the sideValue using the updated popper offsets
|
---|
2955 | // take popper margin in account because we don't have this info available
|
---|
2956 | var css = getStyleComputedProperty(data.instance.popper);
|
---|
2957 | var popperMarginSide = parseFloat(css['margin' + sideCapitalized], 10);
|
---|
2958 | var popperBorderSide = parseFloat(css['border' + sideCapitalized + 'Width'], 10);
|
---|
2959 | var sideValue = center - data.offsets.popper[side] - popperMarginSide - popperBorderSide;
|
---|
2960 |
|
---|
2961 | // prevent arrowElement from being placed not contiguously to its popper
|
---|
2962 | sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);
|
---|
2963 |
|
---|
2964 | data.arrowElement = arrowElement;
|
---|
2965 | data.offsets.arrow = (_data$offsets$arrow = {}, defineProperty(_data$offsets$arrow, side, Math.round(sideValue)), defineProperty(_data$offsets$arrow, altSide, ''), _data$offsets$arrow);
|
---|
2966 |
|
---|
2967 | return data;
|
---|
2968 | }
|
---|
2969 |
|
---|
2970 | /**
|
---|
2971 | * Get the opposite placement variation of the given one
|
---|
2972 | * @method
|
---|
2973 | * @memberof Popper.Utils
|
---|
2974 | * @argument {String} placement variation
|
---|
2975 | * @returns {String} flipped placement variation
|
---|
2976 | */
|
---|
2977 | function getOppositeVariation(variation) {
|
---|
2978 | if (variation === 'end') {
|
---|
2979 | return 'start';
|
---|
2980 | } else if (variation === 'start') {
|
---|
2981 | return 'end';
|
---|
2982 | }
|
---|
2983 | return variation;
|
---|
2984 | }
|
---|
2985 |
|
---|
2986 | /**
|
---|
2987 | * List of accepted placements to use as values of the `placement` option.<br />
|
---|
2988 | * Valid placements are:
|
---|
2989 | * - `auto`
|
---|
2990 | * - `top`
|
---|
2991 | * - `right`
|
---|
2992 | * - `bottom`
|
---|
2993 | * - `left`
|
---|
2994 | *
|
---|
2995 | * Each placement can have a variation from this list:
|
---|
2996 | * - `-start`
|
---|
2997 | * - `-end`
|
---|
2998 | *
|
---|
2999 | * Variations are interpreted easily if you think of them as the left to right
|
---|
3000 | * written languages. Horizontally (`top` and `bottom`), `start` is left and `end`
|
---|
3001 | * is right.<br />
|
---|
3002 | * Vertically (`left` and `right`), `start` is top and `end` is bottom.
|
---|
3003 | *
|
---|
3004 | * Some valid examples are:
|
---|
3005 | * - `top-end` (on top of reference, right aligned)
|
---|
3006 | * - `right-start` (on right of reference, top aligned)
|
---|
3007 | * - `bottom` (on bottom, centered)
|
---|
3008 | * - `auto-end` (on the side with more space available, alignment depends by placement)
|
---|
3009 | *
|
---|
3010 | * @static
|
---|
3011 | * @type {Array}
|
---|
3012 | * @enum {String}
|
---|
3013 | * @readonly
|
---|
3014 | * @method placements
|
---|
3015 | * @memberof Popper
|
---|
3016 | */
|
---|
3017 | var placements = ['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start'];
|
---|
3018 |
|
---|
3019 | // Get rid of `auto` `auto-start` and `auto-end`
|
---|
3020 | var validPlacements = placements.slice(3);
|
---|
3021 |
|
---|
3022 | /**
|
---|
3023 | * Given an initial placement, returns all the subsequent placements
|
---|
3024 | * clockwise (or counter-clockwise).
|
---|
3025 | *
|
---|
3026 | * @method
|
---|
3027 | * @memberof Popper.Utils
|
---|
3028 | * @argument {String} placement - A valid placement (it accepts variations)
|
---|
3029 | * @argument {Boolean} counter - Set to true to walk the placements counterclockwise
|
---|
3030 | * @returns {Array} placements including their variations
|
---|
3031 | */
|
---|
3032 | function clockwise(placement) {
|
---|
3033 | var counter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
---|
3034 |
|
---|
3035 | var index = validPlacements.indexOf(placement);
|
---|
3036 | var arr = validPlacements.slice(index + 1).concat(validPlacements.slice(0, index));
|
---|
3037 | return counter ? arr.reverse() : arr;
|
---|
3038 | }
|
---|
3039 |
|
---|
3040 | var BEHAVIORS = {
|
---|
3041 | FLIP: 'flip',
|
---|
3042 | CLOCKWISE: 'clockwise',
|
---|
3043 | COUNTERCLOCKWISE: 'counterclockwise'
|
---|
3044 | };
|
---|
3045 |
|
---|
3046 | /**
|
---|
3047 | * @function
|
---|
3048 | * @memberof Modifiers
|
---|
3049 | * @argument {Object} data - The data object generated by update method
|
---|
3050 | * @argument {Object} options - Modifiers configuration and options
|
---|
3051 | * @returns {Object} The data object, properly modified
|
---|
3052 | */
|
---|
3053 | function flip(data, options) {
|
---|
3054 | // if `inner` modifier is enabled, we can't use the `flip` modifier
|
---|
3055 | if (isModifierEnabled(data.instance.modifiers, 'inner')) {
|
---|
3056 | return data;
|
---|
3057 | }
|
---|
3058 |
|
---|
3059 | if (data.flipped && data.placement === data.originalPlacement) {
|
---|
3060 | // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides
|
---|
3061 | return data;
|
---|
3062 | }
|
---|
3063 |
|
---|
3064 | var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, options.boundariesElement, data.positionFixed);
|
---|
3065 |
|
---|
3066 | var placement = data.placement.split('-')[0];
|
---|
3067 | var placementOpposite = getOppositePlacement(placement);
|
---|
3068 | var variation = data.placement.split('-')[1] || '';
|
---|
3069 |
|
---|
3070 | var flipOrder = [];
|
---|
3071 |
|
---|
3072 | switch (options.behavior) {
|
---|
3073 | case BEHAVIORS.FLIP:
|
---|
3074 | flipOrder = [placement, placementOpposite];
|
---|
3075 | break;
|
---|
3076 | case BEHAVIORS.CLOCKWISE:
|
---|
3077 | flipOrder = clockwise(placement);
|
---|
3078 | break;
|
---|
3079 | case BEHAVIORS.COUNTERCLOCKWISE:
|
---|
3080 | flipOrder = clockwise(placement, true);
|
---|
3081 | break;
|
---|
3082 | default:
|
---|
3083 | flipOrder = options.behavior;
|
---|
3084 | }
|
---|
3085 |
|
---|
3086 | flipOrder.forEach(function (step, index) {
|
---|
3087 | if (placement !== step || flipOrder.length === index + 1) {
|
---|
3088 | return data;
|
---|
3089 | }
|
---|
3090 |
|
---|
3091 | placement = data.placement.split('-')[0];
|
---|
3092 | placementOpposite = getOppositePlacement(placement);
|
---|
3093 |
|
---|
3094 | var popperOffsets = data.offsets.popper;
|
---|
3095 | var refOffsets = data.offsets.reference;
|
---|
3096 |
|
---|
3097 | // using floor because the reference offsets may contain decimals we are not going to consider here
|
---|
3098 | var floor = Math.floor;
|
---|
3099 | var overlapsRef = placement === 'left' && floor(popperOffsets.right) > floor(refOffsets.left) || placement === 'right' && floor(popperOffsets.left) < floor(refOffsets.right) || placement === 'top' && floor(popperOffsets.bottom) > floor(refOffsets.top) || placement === 'bottom' && floor(popperOffsets.top) < floor(refOffsets.bottom);
|
---|
3100 |
|
---|
3101 | var overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);
|
---|
3102 | var overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);
|
---|
3103 | var overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);
|
---|
3104 | var overflowsBottom = floor(popperOffsets.bottom) > floor(boundaries.bottom);
|
---|
3105 |
|
---|
3106 | var overflowsBoundaries = placement === 'left' && overflowsLeft || placement === 'right' && overflowsRight || placement === 'top' && overflowsTop || placement === 'bottom' && overflowsBottom;
|
---|
3107 |
|
---|
3108 | // flip the variation if required
|
---|
3109 | var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
|
---|
3110 | var flippedVariation = !!options.flipVariations && (isVertical && variation === 'start' && overflowsLeft || isVertical && variation === 'end' && overflowsRight || !isVertical && variation === 'start' && overflowsTop || !isVertical && variation === 'end' && overflowsBottom);
|
---|
3111 |
|
---|
3112 | if (overlapsRef || overflowsBoundaries || flippedVariation) {
|
---|
3113 | // this boolean to detect any flip loop
|
---|
3114 | data.flipped = true;
|
---|
3115 |
|
---|
3116 | if (overlapsRef || overflowsBoundaries) {
|
---|
3117 | placement = flipOrder[index + 1];
|
---|
3118 | }
|
---|
3119 |
|
---|
3120 | if (flippedVariation) {
|
---|
3121 | variation = getOppositeVariation(variation);
|
---|
3122 | }
|
---|
3123 |
|
---|
3124 | data.placement = placement + (variation ? '-' + variation : '');
|
---|
3125 |
|
---|
3126 | // this object contains `position`, we want to preserve it along with
|
---|
3127 | // any additional property we may add in the future
|
---|
3128 | data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
|
---|
3129 |
|
---|
3130 | data = runModifiers(data.instance.modifiers, data, 'flip');
|
---|
3131 | }
|
---|
3132 | });
|
---|
3133 | return data;
|
---|
3134 | }
|
---|
3135 |
|
---|
3136 | /**
|
---|
3137 | * @function
|
---|
3138 | * @memberof Modifiers
|
---|
3139 | * @argument {Object} data - The data object generated by update method
|
---|
3140 | * @argument {Object} options - Modifiers configuration and options
|
---|
3141 | * @returns {Object} The data object, properly modified
|
---|
3142 | */
|
---|
3143 | function keepTogether(data) {
|
---|
3144 | var _data$offsets = data.offsets,
|
---|
3145 | popper = _data$offsets.popper,
|
---|
3146 | reference = _data$offsets.reference;
|
---|
3147 |
|
---|
3148 | var placement = data.placement.split('-')[0];
|
---|
3149 | var floor = Math.floor;
|
---|
3150 | var isVertical = ['top', 'bottom'].indexOf(placement) !== -1;
|
---|
3151 | var side = isVertical ? 'right' : 'bottom';
|
---|
3152 | var opSide = isVertical ? 'left' : 'top';
|
---|
3153 | var measurement = isVertical ? 'width' : 'height';
|
---|
3154 |
|
---|
3155 | if (popper[side] < floor(reference[opSide])) {
|
---|
3156 | data.offsets.popper[opSide] = floor(reference[opSide]) - popper[measurement];
|
---|
3157 | }
|
---|
3158 | if (popper[opSide] > floor(reference[side])) {
|
---|
3159 | data.offsets.popper[opSide] = floor(reference[side]);
|
---|
3160 | }
|
---|
3161 |
|
---|
3162 | return data;
|
---|
3163 | }
|
---|
3164 |
|
---|
3165 | /**
|
---|
3166 | * Converts a string containing value + unit into a px value number
|
---|
3167 | * @function
|
---|
3168 | * @memberof {modifiers~offset}
|
---|
3169 | * @private
|
---|
3170 | * @argument {String} str - Value + unit string
|
---|
3171 | * @argument {String} measurement - `height` or `width`
|
---|
3172 | * @argument {Object} popperOffsets
|
---|
3173 | * @argument {Object} referenceOffsets
|
---|
3174 | * @returns {Number|String}
|
---|
3175 | * Value in pixels, or original string if no values were extracted
|
---|
3176 | */
|
---|
3177 | function toValue(str, measurement, popperOffsets, referenceOffsets) {
|
---|
3178 | // separate value from unit
|
---|
3179 | var split = str.match(/((?:\-|\+)?\d*\.?\d*)(.*)/);
|
---|
3180 | var value = +split[1];
|
---|
3181 | var unit = split[2];
|
---|
3182 |
|
---|
3183 | // If it's not a number it's an operator, I guess
|
---|
3184 | if (!value) {
|
---|
3185 | return str;
|
---|
3186 | }
|
---|
3187 |
|
---|
3188 | if (unit.indexOf('%') === 0) {
|
---|
3189 | var element = void 0;
|
---|
3190 | switch (unit) {
|
---|
3191 | case '%p':
|
---|
3192 | element = popperOffsets;
|
---|
3193 | break;
|
---|
3194 | case '%':
|
---|
3195 | case '%r':
|
---|
3196 | default:
|
---|
3197 | element = referenceOffsets;
|
---|
3198 | }
|
---|
3199 |
|
---|
3200 | var rect = getClientRect(element);
|
---|
3201 | return rect[measurement] / 100 * value;
|
---|
3202 | } else if (unit === 'vh' || unit === 'vw') {
|
---|
3203 | // if is a vh or vw, we calculate the size based on the viewport
|
---|
3204 | var size = void 0;
|
---|
3205 | if (unit === 'vh') {
|
---|
3206 | size = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
|
---|
3207 | } else {
|
---|
3208 | size = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
|
---|
3209 | }
|
---|
3210 | return size / 100 * value;
|
---|
3211 | } else {
|
---|
3212 | // if is an explicit pixel unit, we get rid of the unit and keep the value
|
---|
3213 | // if is an implicit unit, it's px, and we return just the value
|
---|
3214 | return value;
|
---|
3215 | }
|
---|
3216 | }
|
---|
3217 |
|
---|
3218 | /**
|
---|
3219 | * Parse an `offset` string to extrapolate `x` and `y` numeric offsets.
|
---|
3220 | * @function
|
---|
3221 | * @memberof {modifiers~offset}
|
---|
3222 | * @private
|
---|
3223 | * @argument {String} offset
|
---|
3224 | * @argument {Object} popperOffsets
|
---|
3225 | * @argument {Object} referenceOffsets
|
---|
3226 | * @argument {String} basePlacement
|
---|
3227 | * @returns {Array} a two cells array with x and y offsets in numbers
|
---|
3228 | */
|
---|
3229 | function parseOffset(offset, popperOffsets, referenceOffsets, basePlacement) {
|
---|
3230 | var offsets = [0, 0];
|
---|
3231 |
|
---|
3232 | // Use height if placement is left or right and index is 0 otherwise use width
|
---|
3233 | // in this way the first offset will use an axis and the second one
|
---|
3234 | // will use the other one
|
---|
3235 | var useHeight = ['right', 'left'].indexOf(basePlacement) !== -1;
|
---|
3236 |
|
---|
3237 | // Split the offset string to obtain a list of values and operands
|
---|
3238 | // The regex addresses values with the plus or minus sign in front (+10, -20, etc)
|
---|
3239 | var fragments = offset.split(/(\+|\-)/).map(function (frag) {
|
---|
3240 | return frag.trim();
|
---|
3241 | });
|
---|
3242 |
|
---|
3243 | // Detect if the offset string contains a pair of values or a single one
|
---|
3244 | // they could be separated by comma or space
|
---|
3245 | var divider = fragments.indexOf(find(fragments, function (frag) {
|
---|
3246 | return frag.search(/,|\s/) !== -1;
|
---|
3247 | }));
|
---|
3248 |
|
---|
3249 | if (fragments[divider] && fragments[divider].indexOf(',') === -1) {
|
---|
3250 | console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');
|
---|
3251 | }
|
---|
3252 |
|
---|
3253 | // If divider is found, we divide the list of values and operands to divide
|
---|
3254 | // them by ofset X and Y.
|
---|
3255 | var splitRegex = /\s*,\s*|\s+/;
|
---|
3256 | var ops = divider !== -1 ? [fragments.slice(0, divider).concat([fragments[divider].split(splitRegex)[0]]), [fragments[divider].split(splitRegex)[1]].concat(fragments.slice(divider + 1))] : [fragments];
|
---|
3257 |
|
---|
3258 | // Convert the values with units to absolute pixels to allow our computations
|
---|
3259 | ops = ops.map(function (op, index) {
|
---|
3260 | // Most of the units rely on the orientation of the popper
|
---|
3261 | var measurement = (index === 1 ? !useHeight : useHeight) ? 'height' : 'width';
|
---|
3262 | var mergeWithPrevious = false;
|
---|
3263 | return op
|
---|
3264 | // This aggregates any `+` or `-` sign that aren't considered operators
|
---|
3265 | // e.g.: 10 + +5 => [10, +, +5]
|
---|
3266 | .reduce(function (a, b) {
|
---|
3267 | if (a[a.length - 1] === '' && ['+', '-'].indexOf(b) !== -1) {
|
---|
3268 | a[a.length - 1] = b;
|
---|
3269 | mergeWithPrevious = true;
|
---|
3270 | return a;
|
---|
3271 | } else if (mergeWithPrevious) {
|
---|
3272 | a[a.length - 1] += b;
|
---|
3273 | mergeWithPrevious = false;
|
---|
3274 | return a;
|
---|
3275 | } else {
|
---|
3276 | return a.concat(b);
|
---|
3277 | }
|
---|
3278 | }, [])
|
---|
3279 | // Here we convert the string values into number values (in px)
|
---|
3280 | .map(function (str) {
|
---|
3281 | return toValue(str, measurement, popperOffsets, referenceOffsets);
|
---|
3282 | });
|
---|
3283 | });
|
---|
3284 |
|
---|
3285 | // Loop trough the offsets arrays and execute the operations
|
---|
3286 | ops.forEach(function (op, index) {
|
---|
3287 | op.forEach(function (frag, index2) {
|
---|
3288 | if (isNumeric(frag)) {
|
---|
3289 | offsets[index] += frag * (op[index2 - 1] === '-' ? -1 : 1);
|
---|
3290 | }
|
---|
3291 | });
|
---|
3292 | });
|
---|
3293 | return offsets;
|
---|
3294 | }
|
---|
3295 |
|
---|
3296 | /**
|
---|
3297 | * @function
|
---|
3298 | * @memberof Modifiers
|
---|
3299 | * @argument {Object} data - The data object generated by update method
|
---|
3300 | * @argument {Object} options - Modifiers configuration and options
|
---|
3301 | * @argument {Number|String} options.offset=0
|
---|
3302 | * The offset value as described in the modifier description
|
---|
3303 | * @returns {Object} The data object, properly modified
|
---|
3304 | */
|
---|
3305 | function offset(data, _ref) {
|
---|
3306 | var offset = _ref.offset;
|
---|
3307 | var placement = data.placement,
|
---|
3308 | _data$offsets = data.offsets,
|
---|
3309 | popper = _data$offsets.popper,
|
---|
3310 | reference = _data$offsets.reference;
|
---|
3311 |
|
---|
3312 | var basePlacement = placement.split('-')[0];
|
---|
3313 |
|
---|
3314 | var offsets = void 0;
|
---|
3315 | if (isNumeric(+offset)) {
|
---|
3316 | offsets = [+offset, 0];
|
---|
3317 | } else {
|
---|
3318 | offsets = parseOffset(offset, popper, reference, basePlacement);
|
---|
3319 | }
|
---|
3320 |
|
---|
3321 | if (basePlacement === 'left') {
|
---|
3322 | popper.top += offsets[0];
|
---|
3323 | popper.left -= offsets[1];
|
---|
3324 | } else if (basePlacement === 'right') {
|
---|
3325 | popper.top += offsets[0];
|
---|
3326 | popper.left += offsets[1];
|
---|
3327 | } else if (basePlacement === 'top') {
|
---|
3328 | popper.left += offsets[0];
|
---|
3329 | popper.top -= offsets[1];
|
---|
3330 | } else if (basePlacement === 'bottom') {
|
---|
3331 | popper.left += offsets[0];
|
---|
3332 | popper.top += offsets[1];
|
---|
3333 | }
|
---|
3334 |
|
---|
3335 | data.popper = popper;
|
---|
3336 | return data;
|
---|
3337 | }
|
---|
3338 |
|
---|
3339 | /**
|
---|
3340 | * @function
|
---|
3341 | * @memberof Modifiers
|
---|
3342 | * @argument {Object} data - The data object generated by `update` method
|
---|
3343 | * @argument {Object} options - Modifiers configuration and options
|
---|
3344 | * @returns {Object} The data object, properly modified
|
---|
3345 | */
|
---|
3346 | function preventOverflow(data, options) {
|
---|
3347 | var boundariesElement = options.boundariesElement || getOffsetParent(data.instance.popper);
|
---|
3348 |
|
---|
3349 | // If offsetParent is the reference element, we really want to
|
---|
3350 | // go one step up and use the next offsetParent as reference to
|
---|
3351 | // avoid to make this modifier completely useless and look like broken
|
---|
3352 | if (data.instance.reference === boundariesElement) {
|
---|
3353 | boundariesElement = getOffsetParent(boundariesElement);
|
---|
3354 | }
|
---|
3355 |
|
---|
3356 | // NOTE: DOM access here
|
---|
3357 | // resets the popper's position so that the document size can be calculated excluding
|
---|
3358 | // the size of the popper element itself
|
---|
3359 | var transformProp = getSupportedPropertyName('transform');
|
---|
3360 | var popperStyles = data.instance.popper.style; // assignment to help minification
|
---|
3361 | var top = popperStyles.top,
|
---|
3362 | left = popperStyles.left,
|
---|
3363 | transform = popperStyles[transformProp];
|
---|
3364 |
|
---|
3365 | popperStyles.top = '';
|
---|
3366 | popperStyles.left = '';
|
---|
3367 | popperStyles[transformProp] = '';
|
---|
3368 |
|
---|
3369 | var boundaries = getBoundaries(data.instance.popper, data.instance.reference, options.padding, boundariesElement, data.positionFixed);
|
---|
3370 |
|
---|
3371 | // NOTE: DOM access here
|
---|
3372 | // restores the original style properties after the offsets have been computed
|
---|
3373 | popperStyles.top = top;
|
---|
3374 | popperStyles.left = left;
|
---|
3375 | popperStyles[transformProp] = transform;
|
---|
3376 |
|
---|
3377 | options.boundaries = boundaries;
|
---|
3378 |
|
---|
3379 | var order = options.priority;
|
---|
3380 | var popper = data.offsets.popper;
|
---|
3381 |
|
---|
3382 | var check = {
|
---|
3383 | primary: function primary(placement) {
|
---|
3384 | var value = popper[placement];
|
---|
3385 | if (popper[placement] < boundaries[placement] && !options.escapeWithReference) {
|
---|
3386 | value = Math.max(popper[placement], boundaries[placement]);
|
---|
3387 | }
|
---|
3388 | return defineProperty({}, placement, value);
|
---|
3389 | },
|
---|
3390 | secondary: function secondary(placement) {
|
---|
3391 | var mainSide = placement === 'right' ? 'left' : 'top';
|
---|
3392 | var value = popper[mainSide];
|
---|
3393 | if (popper[placement] > boundaries[placement] && !options.escapeWithReference) {
|
---|
3394 | value = Math.min(popper[mainSide], boundaries[placement] - (placement === 'right' ? popper.width : popper.height));
|
---|
3395 | }
|
---|
3396 | return defineProperty({}, mainSide, value);
|
---|
3397 | }
|
---|
3398 | };
|
---|
3399 |
|
---|
3400 | order.forEach(function (placement) {
|
---|
3401 | var side = ['left', 'top'].indexOf(placement) !== -1 ? 'primary' : 'secondary';
|
---|
3402 | popper = _extends({}, popper, check[side](placement));
|
---|
3403 | });
|
---|
3404 |
|
---|
3405 | data.offsets.popper = popper;
|
---|
3406 |
|
---|
3407 | return data;
|
---|
3408 | }
|
---|
3409 |
|
---|
3410 | /**
|
---|
3411 | * @function
|
---|
3412 | * @memberof Modifiers
|
---|
3413 | * @argument {Object} data - The data object generated by `update` method
|
---|
3414 | * @argument {Object} options - Modifiers configuration and options
|
---|
3415 | * @returns {Object} The data object, properly modified
|
---|
3416 | */
|
---|
3417 | function shift(data) {
|
---|
3418 | var placement = data.placement;
|
---|
3419 | var basePlacement = placement.split('-')[0];
|
---|
3420 | var shiftvariation = placement.split('-')[1];
|
---|
3421 |
|
---|
3422 | // if shift shiftvariation is specified, run the modifier
|
---|
3423 | if (shiftvariation) {
|
---|
3424 | var _data$offsets = data.offsets,
|
---|
3425 | reference = _data$offsets.reference,
|
---|
3426 | popper = _data$offsets.popper;
|
---|
3427 |
|
---|
3428 | var isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;
|
---|
3429 | var side = isVertical ? 'left' : 'top';
|
---|
3430 | var measurement = isVertical ? 'width' : 'height';
|
---|
3431 |
|
---|
3432 | var shiftOffsets = {
|
---|
3433 | start: defineProperty({}, side, reference[side]),
|
---|
3434 | end: defineProperty({}, side, reference[side] + reference[measurement] - popper[measurement])
|
---|
3435 | };
|
---|
3436 |
|
---|
3437 | data.offsets.popper = _extends({}, popper, shiftOffsets[shiftvariation]);
|
---|
3438 | }
|
---|
3439 |
|
---|
3440 | return data;
|
---|
3441 | }
|
---|
3442 |
|
---|
3443 | /**
|
---|
3444 | * @function
|
---|
3445 | * @memberof Modifiers
|
---|
3446 | * @argument {Object} data - The data object generated by update method
|
---|
3447 | * @argument {Object} options - Modifiers configuration and options
|
---|
3448 | * @returns {Object} The data object, properly modified
|
---|
3449 | */
|
---|
3450 | function hide(data) {
|
---|
3451 | if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {
|
---|
3452 | return data;
|
---|
3453 | }
|
---|
3454 |
|
---|
3455 | var refRect = data.offsets.reference;
|
---|
3456 | var bound = find(data.instance.modifiers, function (modifier) {
|
---|
3457 | return modifier.name === 'preventOverflow';
|
---|
3458 | }).boundaries;
|
---|
3459 |
|
---|
3460 | if (refRect.bottom < bound.top || refRect.left > bound.right || refRect.top > bound.bottom || refRect.right < bound.left) {
|
---|
3461 | // Avoid unnecessary DOM access if visibility hasn't changed
|
---|
3462 | if (data.hide === true) {
|
---|
3463 | return data;
|
---|
3464 | }
|
---|
3465 |
|
---|
3466 | data.hide = true;
|
---|
3467 | data.attributes['x-out-of-boundaries'] = '';
|
---|
3468 | } else {
|
---|
3469 | // Avoid unnecessary DOM access if visibility hasn't changed
|
---|
3470 | if (data.hide === false) {
|
---|
3471 | return data;
|
---|
3472 | }
|
---|
3473 |
|
---|
3474 | data.hide = false;
|
---|
3475 | data.attributes['x-out-of-boundaries'] = false;
|
---|
3476 | }
|
---|
3477 |
|
---|
3478 | return data;
|
---|
3479 | }
|
---|
3480 |
|
---|
3481 | /**
|
---|
3482 | * @function
|
---|
3483 | * @memberof Modifiers
|
---|
3484 | * @argument {Object} data - The data object generated by `update` method
|
---|
3485 | * @argument {Object} options - Modifiers configuration and options
|
---|
3486 | * @returns {Object} The data object, properly modified
|
---|
3487 | */
|
---|
3488 | function inner(data) {
|
---|
3489 | var placement = data.placement;
|
---|
3490 | var basePlacement = placement.split('-')[0];
|
---|
3491 | var _data$offsets = data.offsets,
|
---|
3492 | popper = _data$offsets.popper,
|
---|
3493 | reference = _data$offsets.reference;
|
---|
3494 |
|
---|
3495 | var isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;
|
---|
3496 |
|
---|
3497 | var subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;
|
---|
3498 |
|
---|
3499 | popper[isHoriz ? 'left' : 'top'] = reference[basePlacement] - (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);
|
---|
3500 |
|
---|
3501 | data.placement = getOppositePlacement(placement);
|
---|
3502 | data.offsets.popper = getClientRect(popper);
|
---|
3503 |
|
---|
3504 | return data;
|
---|
3505 | }
|
---|
3506 |
|
---|
3507 | /**
|
---|
3508 | * Modifier function, each modifier can have a function of this type assigned
|
---|
3509 | * to its `fn` property.<br />
|
---|
3510 | * These functions will be called on each update, this means that you must
|
---|
3511 | * make sure they are performant enough to avoid performance bottlenecks.
|
---|
3512 | *
|
---|
3513 | * @function ModifierFn
|
---|
3514 | * @argument {dataObject} data - The data object generated by `update` method
|
---|
3515 | * @argument {Object} options - Modifiers configuration and options
|
---|
3516 | * @returns {dataObject} The data object, properly modified
|
---|
3517 | */
|
---|
3518 |
|
---|
3519 | /**
|
---|
3520 | * Modifiers are plugins used to alter the behavior of your poppers.<br />
|
---|
3521 | * Popper.js uses a set of 9 modifiers to provide all the basic functionalities
|
---|
3522 | * needed by the library.
|
---|
3523 | *
|
---|
3524 | * Usually you don't want to override the `order`, `fn` and `onLoad` props.
|
---|
3525 | * All the other properties are configurations that could be tweaked.
|
---|
3526 | * @namespace modifiers
|
---|
3527 | */
|
---|
3528 | var modifiers = {
|
---|
3529 | /**
|
---|
3530 | * Modifier used to shift the popper on the start or end of its reference
|
---|
3531 | * element.<br />
|
---|
3532 | * It will read the variation of the `placement` property.<br />
|
---|
3533 | * It can be one either `-end` or `-start`.
|
---|
3534 | * @memberof modifiers
|
---|
3535 | * @inner
|
---|
3536 | */
|
---|
3537 | shift: {
|
---|
3538 | /** @prop {number} order=100 - Index used to define the order of execution */
|
---|
3539 | order: 100,
|
---|
3540 | /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
---|
3541 | enabled: true,
|
---|
3542 | /** @prop {ModifierFn} */
|
---|
3543 | fn: shift
|
---|
3544 | },
|
---|
3545 |
|
---|
3546 | /**
|
---|
3547 | * The `offset` modifier can shift your popper on both its axis.
|
---|
3548 | *
|
---|
3549 | * It accepts the following units:
|
---|
3550 | * - `px` or unit-less, interpreted as pixels
|
---|
3551 | * - `%` or `%r`, percentage relative to the length of the reference element
|
---|
3552 | * - `%p`, percentage relative to the length of the popper element
|
---|
3553 | * - `vw`, CSS viewport width unit
|
---|
3554 | * - `vh`, CSS viewport height unit
|
---|
3555 | *
|
---|
3556 | * For length is intended the main axis relative to the placement of the popper.<br />
|
---|
3557 | * This means that if the placement is `top` or `bottom`, the length will be the
|
---|
3558 | * `width`. In case of `left` or `right`, it will be the `height`.
|
---|
3559 | *
|
---|
3560 | * You can provide a single value (as `Number` or `String`), or a pair of values
|
---|
3561 | * as `String` divided by a comma or one (or more) white spaces.<br />
|
---|
3562 | * The latter is a deprecated method because it leads to confusion and will be
|
---|
3563 | * removed in v2.<br />
|
---|
3564 | * Additionally, it accepts additions and subtractions between different units.
|
---|
3565 | * Note that multiplications and divisions aren't supported.
|
---|
3566 | *
|
---|
3567 | * Valid examples are:
|
---|
3568 | * ```
|
---|
3569 | * 10
|
---|
3570 | * '10%'
|
---|
3571 | * '10, 10'
|
---|
3572 | * '10%, 10'
|
---|
3573 | * '10 + 10%'
|
---|
3574 | * '10 - 5vh + 3%'
|
---|
3575 | * '-10px + 5vh, 5px - 6%'
|
---|
3576 | * ```
|
---|
3577 | * > **NB**: If you desire to apply offsets to your poppers in a way that may make them overlap
|
---|
3578 | * > with their reference element, unfortunately, you will have to disable the `flip` modifier.
|
---|
3579 | * > You can read more on this at this [issue](https://github.com/FezVrasta/popper.js/issues/373).
|
---|
3580 | *
|
---|
3581 | * @memberof modifiers
|
---|
3582 | * @inner
|
---|
3583 | */
|
---|
3584 | offset: {
|
---|
3585 | /** @prop {number} order=200 - Index used to define the order of execution */
|
---|
3586 | order: 200,
|
---|
3587 | /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
---|
3588 | enabled: true,
|
---|
3589 | /** @prop {ModifierFn} */
|
---|
3590 | fn: offset,
|
---|
3591 | /** @prop {Number|String} offset=0
|
---|
3592 | * The offset value as described in the modifier description
|
---|
3593 | */
|
---|
3594 | offset: 0
|
---|
3595 | },
|
---|
3596 |
|
---|
3597 | /**
|
---|
3598 | * Modifier used to prevent the popper from being positioned outside the boundary.
|
---|
3599 | *
|
---|
3600 | * A scenario exists where the reference itself is not within the boundaries.<br />
|
---|
3601 | * We can say it has "escaped the boundaries" — or just "escaped".<br />
|
---|
3602 | * In this case we need to decide whether the popper should either:
|
---|
3603 | *
|
---|
3604 | * - detach from the reference and remain "trapped" in the boundaries, or
|
---|
3605 | * - if it should ignore the boundary and "escape with its reference"
|
---|
3606 | *
|
---|
3607 | * When `escapeWithReference` is set to`true` and reference is completely
|
---|
3608 | * outside its boundaries, the popper will overflow (or completely leave)
|
---|
3609 | * the boundaries in order to remain attached to the edge of the reference.
|
---|
3610 | *
|
---|
3611 | * @memberof modifiers
|
---|
3612 | * @inner
|
---|
3613 | */
|
---|
3614 | preventOverflow: {
|
---|
3615 | /** @prop {number} order=300 - Index used to define the order of execution */
|
---|
3616 | order: 300,
|
---|
3617 | /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
---|
3618 | enabled: true,
|
---|
3619 | /** @prop {ModifierFn} */
|
---|
3620 | fn: preventOverflow,
|
---|
3621 | /**
|
---|
3622 | * @prop {Array} [priority=['left','right','top','bottom']]
|
---|
3623 | * Popper will try to prevent overflow following these priorities by default,
|
---|
3624 | * then, it could overflow on the left and on top of the `boundariesElement`
|
---|
3625 | */
|
---|
3626 | priority: ['left', 'right', 'top', 'bottom'],
|
---|
3627 | /**
|
---|
3628 | * @prop {number} padding=5
|
---|
3629 | * Amount of pixel used to define a minimum distance between the boundaries
|
---|
3630 | * and the popper. This makes sure the popper always has a little padding
|
---|
3631 | * between the edges of its container
|
---|
3632 | */
|
---|
3633 | padding: 5,
|
---|
3634 | /**
|
---|
3635 | * @prop {String|HTMLElement} boundariesElement='scrollParent'
|
---|
3636 | * Boundaries used by the modifier. Can be `scrollParent`, `window`,
|
---|
3637 | * `viewport` or any DOM element.
|
---|
3638 | */
|
---|
3639 | boundariesElement: 'scrollParent'
|
---|
3640 | },
|
---|
3641 |
|
---|
3642 | /**
|
---|
3643 | * Modifier used to make sure the reference and its popper stay near each other
|
---|
3644 | * without leaving any gap between the two. Especially useful when the arrow is
|
---|
3645 | * enabled and you want to ensure that it points to its reference element.
|
---|
3646 | * It cares only about the first axis. You can still have poppers with margin
|
---|
3647 | * between the popper and its reference element.
|
---|
3648 | * @memberof modifiers
|
---|
3649 | * @inner
|
---|
3650 | */
|
---|
3651 | keepTogether: {
|
---|
3652 | /** @prop {number} order=400 - Index used to define the order of execution */
|
---|
3653 | order: 400,
|
---|
3654 | /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
---|
3655 | enabled: true,
|
---|
3656 | /** @prop {ModifierFn} */
|
---|
3657 | fn: keepTogether
|
---|
3658 | },
|
---|
3659 |
|
---|
3660 | /**
|
---|
3661 | * This modifier is used to move the `arrowElement` of the popper to make
|
---|
3662 | * sure it is positioned between the reference element and its popper element.
|
---|
3663 | * It will read the outer size of the `arrowElement` node to detect how many
|
---|
3664 | * pixels of conjunction are needed.
|
---|
3665 | *
|
---|
3666 | * It has no effect if no `arrowElement` is provided.
|
---|
3667 | * @memberof modifiers
|
---|
3668 | * @inner
|
---|
3669 | */
|
---|
3670 | arrow: {
|
---|
3671 | /** @prop {number} order=500 - Index used to define the order of execution */
|
---|
3672 | order: 500,
|
---|
3673 | /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
---|
3674 | enabled: true,
|
---|
3675 | /** @prop {ModifierFn} */
|
---|
3676 | fn: arrow,
|
---|
3677 | /** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */
|
---|
3678 | element: '[x-arrow]'
|
---|
3679 | },
|
---|
3680 |
|
---|
3681 | /**
|
---|
3682 | * Modifier used to flip the popper's placement when it starts to overlap its
|
---|
3683 | * reference element.
|
---|
3684 | *
|
---|
3685 | * Requires the `preventOverflow` modifier before it in order to work.
|
---|
3686 | *
|
---|
3687 | * **NOTE:** this modifier will interrupt the current update cycle and will
|
---|
3688 | * restart it if it detects the need to flip the placement.
|
---|
3689 | * @memberof modifiers
|
---|
3690 | * @inner
|
---|
3691 | */
|
---|
3692 | flip: {
|
---|
3693 | /** @prop {number} order=600 - Index used to define the order of execution */
|
---|
3694 | order: 600,
|
---|
3695 | /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
---|
3696 | enabled: true,
|
---|
3697 | /** @prop {ModifierFn} */
|
---|
3698 | fn: flip,
|
---|
3699 | /**
|
---|
3700 | * @prop {String|Array} behavior='flip'
|
---|
3701 | * The behavior used to change the popper's placement. It can be one of
|
---|
3702 | * `flip`, `clockwise`, `counterclockwise` or an array with a list of valid
|
---|
3703 | * placements (with optional variations)
|
---|
3704 | */
|
---|
3705 | behavior: 'flip',
|
---|
3706 | /**
|
---|
3707 | * @prop {number} padding=5
|
---|
3708 | * The popper will flip if it hits the edges of the `boundariesElement`
|
---|
3709 | */
|
---|
3710 | padding: 5,
|
---|
3711 | /**
|
---|
3712 | * @prop {String|HTMLElement} boundariesElement='viewport'
|
---|
3713 | * The element which will define the boundaries of the popper position.
|
---|
3714 | * The popper will never be placed outside of the defined boundaries
|
---|
3715 | * (except if `keepTogether` is enabled)
|
---|
3716 | */
|
---|
3717 | boundariesElement: 'viewport'
|
---|
3718 | },
|
---|
3719 |
|
---|
3720 | /**
|
---|
3721 | * Modifier used to make the popper flow toward the inner of the reference element.
|
---|
3722 | * By default, when this modifier is disabled, the popper will be placed outside
|
---|
3723 | * the reference element.
|
---|
3724 | * @memberof modifiers
|
---|
3725 | * @inner
|
---|
3726 | */
|
---|
3727 | inner: {
|
---|
3728 | /** @prop {number} order=700 - Index used to define the order of execution */
|
---|
3729 | order: 700,
|
---|
3730 | /** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */
|
---|
3731 | enabled: false,
|
---|
3732 | /** @prop {ModifierFn} */
|
---|
3733 | fn: inner
|
---|
3734 | },
|
---|
3735 |
|
---|
3736 | /**
|
---|
3737 | * Modifier used to hide the popper when its reference element is outside of the
|
---|
3738 | * popper boundaries. It will set a `x-out-of-boundaries` attribute which can
|
---|
3739 | * be used to hide with a CSS selector the popper when its reference is
|
---|
3740 | * out of boundaries.
|
---|
3741 | *
|
---|
3742 | * Requires the `preventOverflow` modifier before it in order to work.
|
---|
3743 | * @memberof modifiers
|
---|
3744 | * @inner
|
---|
3745 | */
|
---|
3746 | hide: {
|
---|
3747 | /** @prop {number} order=800 - Index used to define the order of execution */
|
---|
3748 | order: 800,
|
---|
3749 | /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
---|
3750 | enabled: true,
|
---|
3751 | /** @prop {ModifierFn} */
|
---|
3752 | fn: hide
|
---|
3753 | },
|
---|
3754 |
|
---|
3755 | /**
|
---|
3756 | * Computes the style that will be applied to the popper element to gets
|
---|
3757 | * properly positioned.
|
---|
3758 | *
|
---|
3759 | * Note that this modifier will not touch the DOM, it just prepares the styles
|
---|
3760 | * so that `applyStyle` modifier can apply it. This separation is useful
|
---|
3761 | * in case you need to replace `applyStyle` with a custom implementation.
|
---|
3762 | *
|
---|
3763 | * This modifier has `850` as `order` value to maintain backward compatibility
|
---|
3764 | * with previous versions of Popper.js. Expect the modifiers ordering method
|
---|
3765 | * to change in future major versions of the library.
|
---|
3766 | *
|
---|
3767 | * @memberof modifiers
|
---|
3768 | * @inner
|
---|
3769 | */
|
---|
3770 | computeStyle: {
|
---|
3771 | /** @prop {number} order=850 - Index used to define the order of execution */
|
---|
3772 | order: 850,
|
---|
3773 | /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
---|
3774 | enabled: true,
|
---|
3775 | /** @prop {ModifierFn} */
|
---|
3776 | fn: computeStyle,
|
---|
3777 | /**
|
---|
3778 | * @prop {Boolean} gpuAcceleration=true
|
---|
3779 | * If true, it uses the CSS 3D transformation to position the popper.
|
---|
3780 | * Otherwise, it will use the `top` and `left` properties
|
---|
3781 | */
|
---|
3782 | gpuAcceleration: true,
|
---|
3783 | /**
|
---|
3784 | * @prop {string} [x='bottom']
|
---|
3785 | * Where to anchor the X axis (`bottom` or `top`). AKA X offset origin.
|
---|
3786 | * Change this if your popper should grow in a direction different from `bottom`
|
---|
3787 | */
|
---|
3788 | x: 'bottom',
|
---|
3789 | /**
|
---|
3790 | * @prop {string} [x='left']
|
---|
3791 | * Where to anchor the Y axis (`left` or `right`). AKA Y offset origin.
|
---|
3792 | * Change this if your popper should grow in a direction different from `right`
|
---|
3793 | */
|
---|
3794 | y: 'right'
|
---|
3795 | },
|
---|
3796 |
|
---|
3797 | /**
|
---|
3798 | * Applies the computed styles to the popper element.
|
---|
3799 | *
|
---|
3800 | * All the DOM manipulations are limited to this modifier. This is useful in case
|
---|
3801 | * you want to integrate Popper.js inside a framework or view library and you
|
---|
3802 | * want to delegate all the DOM manipulations to it.
|
---|
3803 | *
|
---|
3804 | * Note that if you disable this modifier, you must make sure the popper element
|
---|
3805 | * has its position set to `absolute` before Popper.js can do its work!
|
---|
3806 | *
|
---|
3807 | * Just disable this modifier and define your own to achieve the desired effect.
|
---|
3808 | *
|
---|
3809 | * @memberof modifiers
|
---|
3810 | * @inner
|
---|
3811 | */
|
---|
3812 | applyStyle: {
|
---|
3813 | /** @prop {number} order=900 - Index used to define the order of execution */
|
---|
3814 | order: 900,
|
---|
3815 | /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */
|
---|
3816 | enabled: true,
|
---|
3817 | /** @prop {ModifierFn} */
|
---|
3818 | fn: applyStyle,
|
---|
3819 | /** @prop {Function} */
|
---|
3820 | onLoad: applyStyleOnLoad,
|
---|
3821 | /**
|
---|
3822 | * @deprecated since version 1.10.0, the property moved to `computeStyle` modifier
|
---|
3823 | * @prop {Boolean} gpuAcceleration=true
|
---|
3824 | * If true, it uses the CSS 3D transformation to position the popper.
|
---|
3825 | * Otherwise, it will use the `top` and `left` properties
|
---|
3826 | */
|
---|
3827 | gpuAcceleration: undefined
|
---|
3828 | }
|
---|
3829 | };
|
---|
3830 |
|
---|
3831 | /**
|
---|
3832 | * The `dataObject` is an object containing all the information used by Popper.js.
|
---|
3833 | * This object is passed to modifiers and to the `onCreate` and `onUpdate` callbacks.
|
---|
3834 | * @name dataObject
|
---|
3835 | * @property {Object} data.instance The Popper.js instance
|
---|
3836 | * @property {String} data.placement Placement applied to popper
|
---|
3837 | * @property {String} data.originalPlacement Placement originally defined on init
|
---|
3838 | * @property {Boolean} data.flipped True if popper has been flipped by flip modifier
|
---|
3839 | * @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper
|
---|
3840 | * @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier
|
---|
3841 | * @property {Object} data.styles Any CSS property defined here will be applied to the popper. It expects the JavaScript nomenclature (eg. `marginBottom`)
|
---|
3842 | * @property {Object} data.arrowStyles Any CSS property defined here will be applied to the popper arrow. It expects the JavaScript nomenclature (eg. `marginBottom`)
|
---|
3843 | * @property {Object} data.boundaries Offsets of the popper boundaries
|
---|
3844 | * @property {Object} data.offsets The measurements of popper, reference and arrow elements
|
---|
3845 | * @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values
|
---|
3846 | * @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values
|
---|
3847 | * @property {Object} data.offsets.arrow] `top` and `left` offsets, only one of them will be different from 0
|
---|
3848 | */
|
---|
3849 |
|
---|
3850 | /**
|
---|
3851 | * Default options provided to Popper.js constructor.<br />
|
---|
3852 | * These can be overridden using the `options` argument of Popper.js.<br />
|
---|
3853 | * To override an option, simply pass an object with the same
|
---|
3854 | * structure of the `options` object, as the 3rd argument. For example:
|
---|
3855 | * ```
|
---|
3856 | * new Popper(ref, pop, {
|
---|
3857 | * modifiers: {
|
---|
3858 | * preventOverflow: { enabled: false }
|
---|
3859 | * }
|
---|
3860 | * })
|
---|
3861 | * ```
|
---|
3862 | * @type {Object}
|
---|
3863 | * @static
|
---|
3864 | * @memberof Popper
|
---|
3865 | */
|
---|
3866 | var Defaults = {
|
---|
3867 | /**
|
---|
3868 | * Popper's placement.
|
---|
3869 | * @prop {Popper.placements} placement='bottom'
|
---|
3870 | */
|
---|
3871 | placement: 'bottom',
|
---|
3872 |
|
---|
3873 | /**
|
---|
3874 | * Set this to true if you want popper to position it self in 'fixed' mode
|
---|
3875 | * @prop {Boolean} positionFixed=false
|
---|
3876 | */
|
---|
3877 | positionFixed: false,
|
---|
3878 |
|
---|
3879 | /**
|
---|
3880 | * Whether events (resize, scroll) are initially enabled.
|
---|
3881 | * @prop {Boolean} eventsEnabled=true
|
---|
3882 | */
|
---|
3883 | eventsEnabled: true,
|
---|
3884 |
|
---|
3885 | /**
|
---|
3886 | * Set to true if you want to automatically remove the popper when
|
---|
3887 | * you call the `destroy` method.
|
---|
3888 | * @prop {Boolean} removeOnDestroy=false
|
---|
3889 | */
|
---|
3890 | removeOnDestroy: false,
|
---|
3891 |
|
---|
3892 | /**
|
---|
3893 | * Callback called when the popper is created.<br />
|
---|
3894 | * By default, it is set to no-op.<br />
|
---|
3895 | * Access Popper.js instance with `data.instance`.
|
---|
3896 | * @prop {onCreate}
|
---|
3897 | */
|
---|
3898 | onCreate: function onCreate() {},
|
---|
3899 |
|
---|
3900 | /**
|
---|
3901 | * Callback called when the popper is updated. This callback is not called
|
---|
3902 | * on the initialization/creation of the popper, but only on subsequent
|
---|
3903 | * updates.<br />
|
---|
3904 | * By default, it is set to no-op.<br />
|
---|
3905 | * Access Popper.js instance with `data.instance`.
|
---|
3906 | * @prop {onUpdate}
|
---|
3907 | */
|
---|
3908 | onUpdate: function onUpdate() {},
|
---|
3909 |
|
---|
3910 | /**
|
---|
3911 | * List of modifiers used to modify the offsets before they are applied to the popper.
|
---|
3912 | * They provide most of the functionalities of Popper.js.
|
---|
3913 | * @prop {modifiers}
|
---|
3914 | */
|
---|
3915 | modifiers: modifiers
|
---|
3916 | };
|
---|
3917 |
|
---|
3918 | /**
|
---|
3919 | * @callback onCreate
|
---|
3920 | * @param {dataObject} data
|
---|
3921 | */
|
---|
3922 |
|
---|
3923 | /**
|
---|
3924 | * @callback onUpdate
|
---|
3925 | * @param {dataObject} data
|
---|
3926 | */
|
---|
3927 |
|
---|
3928 | // Utils
|
---|
3929 | // Methods
|
---|
3930 | var Popper = function () {
|
---|
3931 | /**
|
---|
3932 | * Creates a new Popper.js instance.
|
---|
3933 | * @class Popper
|
---|
3934 | * @param {HTMLElement|referenceObject} reference - The reference element used to position the popper
|
---|
3935 | * @param {HTMLElement} popper - The HTML element used as the popper
|
---|
3936 | * @param {Object} options - Your custom options to override the ones defined in [Defaults](#defaults)
|
---|
3937 | * @return {Object} instance - The generated Popper.js instance
|
---|
3938 | */
|
---|
3939 | function Popper(reference, popper) {
|
---|
3940 | var _this = this;
|
---|
3941 |
|
---|
3942 | var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
---|
3943 | classCallCheck(this, Popper);
|
---|
3944 |
|
---|
3945 | this.scheduleUpdate = function () {
|
---|
3946 | return requestAnimationFrame(_this.update);
|
---|
3947 | };
|
---|
3948 |
|
---|
3949 | // make update() debounced, so that it only runs at most once-per-tick
|
---|
3950 | this.update = debounce(this.update.bind(this));
|
---|
3951 |
|
---|
3952 | // with {} we create a new object with the options inside it
|
---|
3953 | this.options = _extends({}, Popper.Defaults, options);
|
---|
3954 |
|
---|
3955 | // init state
|
---|
3956 | this.state = {
|
---|
3957 | isDestroyed: false,
|
---|
3958 | isCreated: false,
|
---|
3959 | scrollParents: []
|
---|
3960 | };
|
---|
3961 |
|
---|
3962 | // get reference and popper elements (allow jQuery wrappers)
|
---|
3963 | this.reference = reference && reference.jquery ? reference[0] : reference;
|
---|
3964 | this.popper = popper && popper.jquery ? popper[0] : popper;
|
---|
3965 |
|
---|
3966 | // Deep merge modifiers options
|
---|
3967 | this.options.modifiers = {};
|
---|
3968 | Object.keys(_extends({}, Popper.Defaults.modifiers, options.modifiers)).forEach(function (name) {
|
---|
3969 | _this.options.modifiers[name] = _extends({}, Popper.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
|
---|
3970 | });
|
---|
3971 |
|
---|
3972 | // Refactoring modifiers' list (Object => Array)
|
---|
3973 | this.modifiers = Object.keys(this.options.modifiers).map(function (name) {
|
---|
3974 | return _extends({
|
---|
3975 | name: name
|
---|
3976 | }, _this.options.modifiers[name]);
|
---|
3977 | })
|
---|
3978 | // sort the modifiers by order
|
---|
3979 | .sort(function (a, b) {
|
---|
3980 | return a.order - b.order;
|
---|
3981 | });
|
---|
3982 |
|
---|
3983 | // modifiers have the ability to execute arbitrary code when Popper.js get inited
|
---|
3984 | // such code is executed in the same order of its modifier
|
---|
3985 | // they could add new properties to their options configuration
|
---|
3986 | // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!
|
---|
3987 | this.modifiers.forEach(function (modifierOptions) {
|
---|
3988 | if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {
|
---|
3989 | modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);
|
---|
3990 | }
|
---|
3991 | });
|
---|
3992 |
|
---|
3993 | // fire the first update to position the popper in the right place
|
---|
3994 | this.update();
|
---|
3995 |
|
---|
3996 | var eventsEnabled = this.options.eventsEnabled;
|
---|
3997 | if (eventsEnabled) {
|
---|
3998 | // setup event listeners, they will take care of update the position in specific situations
|
---|
3999 | this.enableEventListeners();
|
---|
4000 | }
|
---|
4001 |
|
---|
4002 | this.state.eventsEnabled = eventsEnabled;
|
---|
4003 | }
|
---|
4004 |
|
---|
4005 | // We can't use class properties because they don't get listed in the
|
---|
4006 | // class prototype and break stuff like Sinon stubs
|
---|
4007 |
|
---|
4008 |
|
---|
4009 | createClass(Popper, [{
|
---|
4010 | key: 'update',
|
---|
4011 | value: function update$$1() {
|
---|
4012 | return update.call(this);
|
---|
4013 | }
|
---|
4014 | }, {
|
---|
4015 | key: 'destroy',
|
---|
4016 | value: function destroy$$1() {
|
---|
4017 | return destroy.call(this);
|
---|
4018 | }
|
---|
4019 | }, {
|
---|
4020 | key: 'enableEventListeners',
|
---|
4021 | value: function enableEventListeners$$1() {
|
---|
4022 | return enableEventListeners.call(this);
|
---|
4023 | }
|
---|
4024 | }, {
|
---|
4025 | key: 'disableEventListeners',
|
---|
4026 | value: function disableEventListeners$$1() {
|
---|
4027 | return disableEventListeners.call(this);
|
---|
4028 | }
|
---|
4029 |
|
---|
4030 | /**
|
---|
4031 | * Schedules an update. It will run on the next UI update available.
|
---|
4032 | * @method scheduleUpdate
|
---|
4033 | * @memberof Popper
|
---|
4034 | */
|
---|
4035 |
|
---|
4036 |
|
---|
4037 | /**
|
---|
4038 | * Collection of utilities useful when writing custom modifiers.
|
---|
4039 | * Starting from version 1.7, this method is available only if you
|
---|
4040 | * include `popper-utils.js` before `popper.js`.
|
---|
4041 | *
|
---|
4042 | * **DEPRECATION**: This way to access PopperUtils is deprecated
|
---|
4043 | * and will be removed in v2! Use the PopperUtils module directly instead.
|
---|
4044 | * Due to the high instability of the methods contained in Utils, we can't
|
---|
4045 | * guarantee them to follow semver. Use them at your own risk!
|
---|
4046 | * @static
|
---|
4047 | * @private
|
---|
4048 | * @type {Object}
|
---|
4049 | * @deprecated since version 1.8
|
---|
4050 | * @member Utils
|
---|
4051 | * @memberof Popper
|
---|
4052 | */
|
---|
4053 |
|
---|
4054 | }]);
|
---|
4055 | return Popper;
|
---|
4056 | }();
|
---|
4057 |
|
---|
4058 | /**
|
---|
4059 | * The `referenceObject` is an object that provides an interface compatible with Popper.js
|
---|
4060 | * and lets you use it as replacement of a real DOM node.<br />
|
---|
4061 | * You can use this method to position a popper relatively to a set of coordinates
|
---|
4062 | * in case you don't have a DOM node to use as reference.
|
---|
4063 | *
|
---|
4064 | * ```
|
---|
4065 | * new Popper(referenceObject, popperNode);
|
---|
4066 | * ```
|
---|
4067 | *
|
---|
4068 | * NB: This feature isn't supported in Internet Explorer 10.
|
---|
4069 | * @name referenceObject
|
---|
4070 | * @property {Function} data.getBoundingClientRect
|
---|
4071 | * A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.
|
---|
4072 | * @property {number} data.clientWidth
|
---|
4073 | * An ES6 getter that will return the width of the virtual reference element.
|
---|
4074 | * @property {number} data.clientHeight
|
---|
4075 | * An ES6 getter that will return the height of the virtual reference element.
|
---|
4076 | */
|
---|
4077 |
|
---|
4078 |
|
---|
4079 | Popper.Utils = (typeof window !== 'undefined' ? window : global).PopperUtils;
|
---|
4080 | Popper.placements = placements;
|
---|
4081 | Popper.Defaults = Defaults;
|
---|
4082 |
|
---|
4083 | /**
|
---|
4084 | * ------------------------------------------------------------------------
|
---|
4085 | * Constants
|
---|
4086 | * ------------------------------------------------------------------------
|
---|
4087 | */
|
---|
4088 |
|
---|
4089 | var NAME$4 = 'dropdown';
|
---|
4090 | var VERSION$4 = '4.3.1';
|
---|
4091 | var DATA_KEY$4 = 'bs.dropdown';
|
---|
4092 | var EVENT_KEY$4 = "." + DATA_KEY$4;
|
---|
4093 | var DATA_API_KEY$4 = '.data-api';
|
---|
4094 | var JQUERY_NO_CONFLICT$4 = $.fn[NAME$4];
|
---|
4095 | var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key
|
---|
4096 |
|
---|
4097 | var SPACE_KEYCODE = 32; // KeyboardEvent.which value for space key
|
---|
4098 |
|
---|
4099 | var TAB_KEYCODE = 9; // KeyboardEvent.which value for tab key
|
---|
4100 |
|
---|
4101 | var ARROW_UP_KEYCODE = 38; // KeyboardEvent.which value for up arrow key
|
---|
4102 |
|
---|
4103 | var ARROW_DOWN_KEYCODE = 40; // KeyboardEvent.which value for down arrow key
|
---|
4104 |
|
---|
4105 | var RIGHT_MOUSE_BUTTON_WHICH = 3; // MouseEvent.which value for the right button (assuming a right-handed mouse)
|
---|
4106 |
|
---|
4107 | var REGEXP_KEYDOWN = new RegExp(ARROW_UP_KEYCODE + "|" + ARROW_DOWN_KEYCODE + "|" + ESCAPE_KEYCODE);
|
---|
4108 | var Event$4 = {
|
---|
4109 | HIDE: "hide" + EVENT_KEY$4,
|
---|
4110 | HIDDEN: "hidden" + EVENT_KEY$4,
|
---|
4111 | SHOW: "show" + EVENT_KEY$4,
|
---|
4112 | SHOWN: "shown" + EVENT_KEY$4,
|
---|
4113 | CLICK: "click" + EVENT_KEY$4,
|
---|
4114 | CLICK_DATA_API: "click" + EVENT_KEY$4 + DATA_API_KEY$4,
|
---|
4115 | KEYDOWN_DATA_API: "keydown" + EVENT_KEY$4 + DATA_API_KEY$4,
|
---|
4116 | KEYUP_DATA_API: "keyup" + EVENT_KEY$4 + DATA_API_KEY$4
|
---|
4117 | };
|
---|
4118 | var ClassName$4 = {
|
---|
4119 | DISABLED: 'disabled',
|
---|
4120 | SHOW: 'show',
|
---|
4121 | DROPUP: 'dropup',
|
---|
4122 | DROPRIGHT: 'dropright',
|
---|
4123 | DROPLEFT: 'dropleft',
|
---|
4124 | MENURIGHT: 'dropdown-menu-right',
|
---|
4125 | MENULEFT: 'dropdown-menu-left',
|
---|
4126 | POSITION_STATIC: 'position-static'
|
---|
4127 | };
|
---|
4128 | var Selector$4 = {
|
---|
4129 | DATA_TOGGLE: '[data-toggle="dropdown"]',
|
---|
4130 | FORM_CHILD: '.dropdown form',
|
---|
4131 | MENU: '.dropdown-menu',
|
---|
4132 | NAVBAR_NAV: '.navbar-nav',
|
---|
4133 | VISIBLE_ITEMS: '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)'
|
---|
4134 | };
|
---|
4135 | var AttachmentMap = {
|
---|
4136 | TOP: 'top-start',
|
---|
4137 | TOPEND: 'top-end',
|
---|
4138 | BOTTOM: 'bottom-start',
|
---|
4139 | BOTTOMEND: 'bottom-end',
|
---|
4140 | RIGHT: 'right-start',
|
---|
4141 | RIGHTEND: 'right-end',
|
---|
4142 | LEFT: 'left-start',
|
---|
4143 | LEFTEND: 'left-end'
|
---|
4144 | };
|
---|
4145 | var Default$2 = {
|
---|
4146 | offset: 0,
|
---|
4147 | flip: true,
|
---|
4148 | boundary: 'scrollParent',
|
---|
4149 | reference: 'toggle',
|
---|
4150 | display: 'dynamic'
|
---|
4151 | };
|
---|
4152 | var DefaultType$2 = {
|
---|
4153 | offset: '(number|string|function)',
|
---|
4154 | flip: 'boolean',
|
---|
4155 | boundary: '(string|element)',
|
---|
4156 | reference: '(string|element)',
|
---|
4157 | display: 'string'
|
---|
4158 | /**
|
---|
4159 | * ------------------------------------------------------------------------
|
---|
4160 | * Class Definition
|
---|
4161 | * ------------------------------------------------------------------------
|
---|
4162 | */
|
---|
4163 |
|
---|
4164 | };
|
---|
4165 |
|
---|
4166 | var Dropdown =
|
---|
4167 | /*#__PURE__*/
|
---|
4168 | function () {
|
---|
4169 | function Dropdown(element, config) {
|
---|
4170 | this._element = element;
|
---|
4171 | this._popper = null;
|
---|
4172 | this._config = this._getConfig(config);
|
---|
4173 | this._menu = this._getMenuElement();
|
---|
4174 | this._inNavbar = this._detectNavbar();
|
---|
4175 |
|
---|
4176 | this._addEventListeners();
|
---|
4177 | } // Getters
|
---|
4178 |
|
---|
4179 |
|
---|
4180 | var _proto = Dropdown.prototype;
|
---|
4181 |
|
---|
4182 | // Public
|
---|
4183 | _proto.toggle = function toggle() {
|
---|
4184 | if (this._element.disabled || $(this._element).hasClass(ClassName$4.DISABLED)) {
|
---|
4185 | return;
|
---|
4186 | }
|
---|
4187 |
|
---|
4188 | var parent = Dropdown._getParentFromElement(this._element);
|
---|
4189 |
|
---|
4190 | var isActive = $(this._menu).hasClass(ClassName$4.SHOW);
|
---|
4191 |
|
---|
4192 | Dropdown._clearMenus();
|
---|
4193 |
|
---|
4194 | if (isActive) {
|
---|
4195 | return;
|
---|
4196 | }
|
---|
4197 |
|
---|
4198 | var relatedTarget = {
|
---|
4199 | relatedTarget: this._element
|
---|
4200 | };
|
---|
4201 | var showEvent = $.Event(Event$4.SHOW, relatedTarget);
|
---|
4202 | $(parent).trigger(showEvent);
|
---|
4203 |
|
---|
4204 | if (showEvent.isDefaultPrevented()) {
|
---|
4205 | return;
|
---|
4206 | } // Disable totally Popper.js for Dropdown in Navbar
|
---|
4207 |
|
---|
4208 |
|
---|
4209 | if (!this._inNavbar) {
|
---|
4210 | /**
|
---|
4211 | * Check for Popper dependency
|
---|
4212 | * Popper - https://popper.js.org
|
---|
4213 | */
|
---|
4214 | if (typeof Popper === 'undefined') {
|
---|
4215 | throw new TypeError('Bootstrap\'s dropdowns require Popper.js (https://popper.js.org/)');
|
---|
4216 | }
|
---|
4217 |
|
---|
4218 | var referenceElement = this._element;
|
---|
4219 |
|
---|
4220 | if (this._config.reference === 'parent') {
|
---|
4221 | referenceElement = parent;
|
---|
4222 | } else if (Util.isElement(this._config.reference)) {
|
---|
4223 | referenceElement = this._config.reference; // Check if it's jQuery element
|
---|
4224 |
|
---|
4225 | if (typeof this._config.reference.jquery !== 'undefined') {
|
---|
4226 | referenceElement = this._config.reference[0];
|
---|
4227 | }
|
---|
4228 | } // If boundary is not `scrollParent`, then set position to `static`
|
---|
4229 | // to allow the menu to "escape" the scroll parent's boundaries
|
---|
4230 | // https://github.com/twbs/bootstrap/issues/24251
|
---|
4231 |
|
---|
4232 |
|
---|
4233 | if (this._config.boundary !== 'scrollParent') {
|
---|
4234 | $(parent).addClass(ClassName$4.POSITION_STATIC);
|
---|
4235 | }
|
---|
4236 |
|
---|
4237 | this._popper = new Popper(referenceElement, this._menu, this._getPopperConfig());
|
---|
4238 | } // If this is a touch-enabled device we add extra
|
---|
4239 | // empty mouseover listeners to the body's immediate children;
|
---|
4240 | // only needed because of broken event delegation on iOS
|
---|
4241 | // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
|
---|
4242 |
|
---|
4243 |
|
---|
4244 | if ('ontouchstart' in document.documentElement && $(parent).closest(Selector$4.NAVBAR_NAV).length === 0) {
|
---|
4245 | $(document.body).children().on('mouseover', null, $.noop);
|
---|
4246 | }
|
---|
4247 |
|
---|
4248 | this._element.focus();
|
---|
4249 |
|
---|
4250 | this._element.setAttribute('aria-expanded', true);
|
---|
4251 |
|
---|
4252 | $(this._menu).toggleClass(ClassName$4.SHOW);
|
---|
4253 | $(parent).toggleClass(ClassName$4.SHOW).trigger($.Event(Event$4.SHOWN, relatedTarget));
|
---|
4254 | };
|
---|
4255 |
|
---|
4256 | _proto.show = function show() {
|
---|
4257 | if (this._element.disabled || $(this._element).hasClass(ClassName$4.DISABLED) || $(this._menu).hasClass(ClassName$4.SHOW)) {
|
---|
4258 | return;
|
---|
4259 | }
|
---|
4260 |
|
---|
4261 | var relatedTarget = {
|
---|
4262 | relatedTarget: this._element
|
---|
4263 | };
|
---|
4264 | var showEvent = $.Event(Event$4.SHOW, relatedTarget);
|
---|
4265 |
|
---|
4266 | var parent = Dropdown._getParentFromElement(this._element);
|
---|
4267 |
|
---|
4268 | $(parent).trigger(showEvent);
|
---|
4269 |
|
---|
4270 | if (showEvent.isDefaultPrevented()) {
|
---|
4271 | return;
|
---|
4272 | }
|
---|
4273 |
|
---|
4274 | $(this._menu).toggleClass(ClassName$4.SHOW);
|
---|
4275 | $(parent).toggleClass(ClassName$4.SHOW).trigger($.Event(Event$4.SHOWN, relatedTarget));
|
---|
4276 | };
|
---|
4277 |
|
---|
4278 | _proto.hide = function hide() {
|
---|
4279 | if (this._element.disabled || $(this._element).hasClass(ClassName$4.DISABLED) || !$(this._menu).hasClass(ClassName$4.SHOW)) {
|
---|
4280 | return;
|
---|
4281 | }
|
---|
4282 |
|
---|
4283 | var relatedTarget = {
|
---|
4284 | relatedTarget: this._element
|
---|
4285 | };
|
---|
4286 | var hideEvent = $.Event(Event$4.HIDE, relatedTarget);
|
---|
4287 |
|
---|
4288 | var parent = Dropdown._getParentFromElement(this._element);
|
---|
4289 |
|
---|
4290 | $(parent).trigger(hideEvent);
|
---|
4291 |
|
---|
4292 | if (hideEvent.isDefaultPrevented()) {
|
---|
4293 | return;
|
---|
4294 | }
|
---|
4295 |
|
---|
4296 | $(this._menu).toggleClass(ClassName$4.SHOW);
|
---|
4297 | $(parent).toggleClass(ClassName$4.SHOW).trigger($.Event(Event$4.HIDDEN, relatedTarget));
|
---|
4298 | };
|
---|
4299 |
|
---|
4300 | _proto.dispose = function dispose() {
|
---|
4301 | $.removeData(this._element, DATA_KEY$4);
|
---|
4302 | $(this._element).off(EVENT_KEY$4);
|
---|
4303 | this._element = null;
|
---|
4304 | this._menu = null;
|
---|
4305 |
|
---|
4306 | if (this._popper !== null) {
|
---|
4307 | this._popper.destroy();
|
---|
4308 |
|
---|
4309 | this._popper = null;
|
---|
4310 | }
|
---|
4311 | };
|
---|
4312 |
|
---|
4313 | _proto.update = function update() {
|
---|
4314 | this._inNavbar = this._detectNavbar();
|
---|
4315 |
|
---|
4316 | if (this._popper !== null) {
|
---|
4317 | this._popper.scheduleUpdate();
|
---|
4318 | }
|
---|
4319 | } // Private
|
---|
4320 | ;
|
---|
4321 |
|
---|
4322 | _proto._addEventListeners = function _addEventListeners() {
|
---|
4323 | var _this = this;
|
---|
4324 |
|
---|
4325 | $(this._element).on(Event$4.CLICK, function (event) {
|
---|
4326 | event.preventDefault();
|
---|
4327 | event.stopPropagation();
|
---|
4328 |
|
---|
4329 | _this.toggle();
|
---|
4330 | });
|
---|
4331 | };
|
---|
4332 |
|
---|
4333 | _proto._getConfig = function _getConfig(config) {
|
---|
4334 | config = _objectSpread({}, this.constructor.Default, $(this._element).data(), config);
|
---|
4335 | Util.typeCheckConfig(NAME$4, config, this.constructor.DefaultType);
|
---|
4336 | return config;
|
---|
4337 | };
|
---|
4338 |
|
---|
4339 | _proto._getMenuElement = function _getMenuElement() {
|
---|
4340 | if (!this._menu) {
|
---|
4341 | var parent = Dropdown._getParentFromElement(this._element);
|
---|
4342 |
|
---|
4343 | if (parent) {
|
---|
4344 | this._menu = parent.querySelector(Selector$4.MENU);
|
---|
4345 | }
|
---|
4346 | }
|
---|
4347 |
|
---|
4348 | return this._menu;
|
---|
4349 | };
|
---|
4350 |
|
---|
4351 | _proto._getPlacement = function _getPlacement() {
|
---|
4352 | var $parentDropdown = $(this._element.parentNode);
|
---|
4353 | var placement = AttachmentMap.BOTTOM; // Handle dropup
|
---|
4354 |
|
---|
4355 | if ($parentDropdown.hasClass(ClassName$4.DROPUP)) {
|
---|
4356 | placement = AttachmentMap.TOP;
|
---|
4357 |
|
---|
4358 | if ($(this._menu).hasClass(ClassName$4.MENURIGHT)) {
|
---|
4359 | placement = AttachmentMap.TOPEND;
|
---|
4360 | }
|
---|
4361 | } else if ($parentDropdown.hasClass(ClassName$4.DROPRIGHT)) {
|
---|
4362 | placement = AttachmentMap.RIGHT;
|
---|
4363 | } else if ($parentDropdown.hasClass(ClassName$4.DROPLEFT)) {
|
---|
4364 | placement = AttachmentMap.LEFT;
|
---|
4365 | } else if ($(this._menu).hasClass(ClassName$4.MENURIGHT)) {
|
---|
4366 | placement = AttachmentMap.BOTTOMEND;
|
---|
4367 | }
|
---|
4368 |
|
---|
4369 | return placement;
|
---|
4370 | };
|
---|
4371 |
|
---|
4372 | _proto._detectNavbar = function _detectNavbar() {
|
---|
4373 | return $(this._element).closest('.navbar').length > 0;
|
---|
4374 | };
|
---|
4375 |
|
---|
4376 | _proto._getOffset = function _getOffset() {
|
---|
4377 | var _this2 = this;
|
---|
4378 |
|
---|
4379 | var offset = {};
|
---|
4380 |
|
---|
4381 | if (typeof this._config.offset === 'function') {
|
---|
4382 | offset.fn = function (data) {
|
---|
4383 | data.offsets = _objectSpread({}, data.offsets, _this2._config.offset(data.offsets, _this2._element) || {});
|
---|
4384 | return data;
|
---|
4385 | };
|
---|
4386 | } else {
|
---|
4387 | offset.offset = this._config.offset;
|
---|
4388 | }
|
---|
4389 |
|
---|
4390 | return offset;
|
---|
4391 | };
|
---|
4392 |
|
---|
4393 | _proto._getPopperConfig = function _getPopperConfig() {
|
---|
4394 | var popperConfig = {
|
---|
4395 | placement: this._getPlacement(),
|
---|
4396 | modifiers: {
|
---|
4397 | offset: this._getOffset(),
|
---|
4398 | flip: {
|
---|
4399 | enabled: this._config.flip
|
---|
4400 | },
|
---|
4401 | preventOverflow: {
|
---|
4402 | boundariesElement: this._config.boundary
|
---|
4403 | }
|
---|
4404 | } // Disable Popper.js if we have a static display
|
---|
4405 |
|
---|
4406 | };
|
---|
4407 |
|
---|
4408 | if (this._config.display === 'static') {
|
---|
4409 | popperConfig.modifiers.applyStyle = {
|
---|
4410 | enabled: false
|
---|
4411 | };
|
---|
4412 | }
|
---|
4413 |
|
---|
4414 | return popperConfig;
|
---|
4415 | } // Static
|
---|
4416 | ;
|
---|
4417 |
|
---|
4418 | Dropdown._jQueryInterface = function _jQueryInterface(config) {
|
---|
4419 | return this.each(function () {
|
---|
4420 | var data = $(this).data(DATA_KEY$4);
|
---|
4421 |
|
---|
4422 | var _config = typeof config === 'object' ? config : null;
|
---|
4423 |
|
---|
4424 | if (!data) {
|
---|
4425 | data = new Dropdown(this, _config);
|
---|
4426 | $(this).data(DATA_KEY$4, data);
|
---|
4427 | }
|
---|
4428 |
|
---|
4429 | if (typeof config === 'string') {
|
---|
4430 | if (typeof data[config] === 'undefined') {
|
---|
4431 | throw new TypeError("No method named \"" + config + "\"");
|
---|
4432 | }
|
---|
4433 |
|
---|
4434 | data[config]();
|
---|
4435 | }
|
---|
4436 | });
|
---|
4437 | };
|
---|
4438 |
|
---|
4439 | Dropdown._clearMenus = function _clearMenus(event) {
|
---|
4440 | if (event && (event.which === RIGHT_MOUSE_BUTTON_WHICH || event.type === 'keyup' && event.which !== TAB_KEYCODE)) {
|
---|
4441 | return;
|
---|
4442 | }
|
---|
4443 |
|
---|
4444 | var toggles = [].slice.call(document.querySelectorAll(Selector$4.DATA_TOGGLE));
|
---|
4445 |
|
---|
4446 | for (var i = 0, len = toggles.length; i < len; i++) {
|
---|
4447 | var parent = Dropdown._getParentFromElement(toggles[i]);
|
---|
4448 |
|
---|
4449 | var context = $(toggles[i]).data(DATA_KEY$4);
|
---|
4450 | var relatedTarget = {
|
---|
4451 | relatedTarget: toggles[i]
|
---|
4452 | };
|
---|
4453 |
|
---|
4454 | if (event && event.type === 'click') {
|
---|
4455 | relatedTarget.clickEvent = event;
|
---|
4456 | }
|
---|
4457 |
|
---|
4458 | if (!context) {
|
---|
4459 | continue;
|
---|
4460 | }
|
---|
4461 |
|
---|
4462 | var dropdownMenu = context._menu;
|
---|
4463 |
|
---|
4464 | if (!$(parent).hasClass(ClassName$4.SHOW)) {
|
---|
4465 | continue;
|
---|
4466 | }
|
---|
4467 |
|
---|
4468 | if (event && (event.type === 'click' && /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) && $.contains(parent, event.target)) {
|
---|
4469 | continue;
|
---|
4470 | }
|
---|
4471 |
|
---|
4472 | var hideEvent = $.Event(Event$4.HIDE, relatedTarget);
|
---|
4473 | $(parent).trigger(hideEvent);
|
---|
4474 |
|
---|
4475 | if (hideEvent.isDefaultPrevented()) {
|
---|
4476 | continue;
|
---|
4477 | } // If this is a touch-enabled device we remove the extra
|
---|
4478 | // empty mouseover listeners we added for iOS support
|
---|
4479 |
|
---|
4480 |
|
---|
4481 | if ('ontouchstart' in document.documentElement) {
|
---|
4482 | $(document.body).children().off('mouseover', null, $.noop);
|
---|
4483 | }
|
---|
4484 |
|
---|
4485 | toggles[i].setAttribute('aria-expanded', 'false');
|
---|
4486 | $(dropdownMenu).removeClass(ClassName$4.SHOW);
|
---|
4487 | $(parent).removeClass(ClassName$4.SHOW).trigger($.Event(Event$4.HIDDEN, relatedTarget));
|
---|
4488 | }
|
---|
4489 | };
|
---|
4490 |
|
---|
4491 | Dropdown._getParentFromElement = function _getParentFromElement(element) {
|
---|
4492 | var parent;
|
---|
4493 | var selector = Util.getSelectorFromElement(element);
|
---|
4494 |
|
---|
4495 | if (selector) {
|
---|
4496 | parent = document.querySelector(selector);
|
---|
4497 | }
|
---|
4498 |
|
---|
4499 | return parent || element.parentNode;
|
---|
4500 | } // eslint-disable-next-line complexity
|
---|
4501 | ;
|
---|
4502 |
|
---|
4503 | Dropdown._dataApiKeydownHandler = function _dataApiKeydownHandler(event) {
|
---|
4504 | // If not input/textarea:
|
---|
4505 | // - And not a key in REGEXP_KEYDOWN => not a dropdown command
|
---|
4506 | // If input/textarea:
|
---|
4507 | // - If space key => not a dropdown command
|
---|
4508 | // - If key is other than escape
|
---|
4509 | // - If key is not up or down => not a dropdown command
|
---|
4510 | // - If trigger inside the menu => not a dropdown command
|
---|
4511 | if (/input|textarea/i.test(event.target.tagName) ? event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE && (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE || $(event.target).closest(Selector$4.MENU).length) : !REGEXP_KEYDOWN.test(event.which)) {
|
---|
4512 | return;
|
---|
4513 | }
|
---|
4514 |
|
---|
4515 | event.preventDefault();
|
---|
4516 | event.stopPropagation();
|
---|
4517 |
|
---|
4518 | if (this.disabled || $(this).hasClass(ClassName$4.DISABLED)) {
|
---|
4519 | return;
|
---|
4520 | }
|
---|
4521 |
|
---|
4522 | var parent = Dropdown._getParentFromElement(this);
|
---|
4523 |
|
---|
4524 | var isActive = $(parent).hasClass(ClassName$4.SHOW);
|
---|
4525 |
|
---|
4526 | if (!isActive || isActive && (event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE)) {
|
---|
4527 | if (event.which === ESCAPE_KEYCODE) {
|
---|
4528 | var toggle = parent.querySelector(Selector$4.DATA_TOGGLE);
|
---|
4529 | $(toggle).trigger('focus');
|
---|
4530 | }
|
---|
4531 |
|
---|
4532 | $(this).trigger('click');
|
---|
4533 | return;
|
---|
4534 | }
|
---|
4535 |
|
---|
4536 | var items = [].slice.call(parent.querySelectorAll(Selector$4.VISIBLE_ITEMS));
|
---|
4537 |
|
---|
4538 | if (items.length === 0) {
|
---|
4539 | return;
|
---|
4540 | }
|
---|
4541 |
|
---|
4542 | var index = items.indexOf(event.target);
|
---|
4543 |
|
---|
4544 | if (event.which === ARROW_UP_KEYCODE && index > 0) {
|
---|
4545 | // Up
|
---|
4546 | index--;
|
---|
4547 | }
|
---|
4548 |
|
---|
4549 | if (event.which === ARROW_DOWN_KEYCODE && index < items.length - 1) {
|
---|
4550 | // Down
|
---|
4551 | index++;
|
---|
4552 | }
|
---|
4553 |
|
---|
4554 | if (index < 0) {
|
---|
4555 | index = 0;
|
---|
4556 | }
|
---|
4557 |
|
---|
4558 | items[index].focus();
|
---|
4559 | };
|
---|
4560 |
|
---|
4561 | _createClass(Dropdown, null, [{
|
---|
4562 | key: "VERSION",
|
---|
4563 | get: function get() {
|
---|
4564 | return VERSION$4;
|
---|
4565 | }
|
---|
4566 | }, {
|
---|
4567 | key: "Default",
|
---|
4568 | get: function get() {
|
---|
4569 | return Default$2;
|
---|
4570 | }
|
---|
4571 | }, {
|
---|
4572 | key: "DefaultType",
|
---|
4573 | get: function get() {
|
---|
4574 | return DefaultType$2;
|
---|
4575 | }
|
---|
4576 | }]);
|
---|
4577 |
|
---|
4578 | return Dropdown;
|
---|
4579 | }();
|
---|
4580 | /**
|
---|
4581 | * ------------------------------------------------------------------------
|
---|
4582 | * Data Api implementation
|
---|
4583 | * ------------------------------------------------------------------------
|
---|
4584 | */
|
---|
4585 |
|
---|
4586 |
|
---|
4587 | $(document).on(Event$4.KEYDOWN_DATA_API, Selector$4.DATA_TOGGLE, Dropdown._dataApiKeydownHandler).on(Event$4.KEYDOWN_DATA_API, Selector$4.MENU, Dropdown._dataApiKeydownHandler).on(Event$4.CLICK_DATA_API + " " + Event$4.KEYUP_DATA_API, Dropdown._clearMenus).on(Event$4.CLICK_DATA_API, Selector$4.DATA_TOGGLE, function (event) {
|
---|
4588 | event.preventDefault();
|
---|
4589 | event.stopPropagation();
|
---|
4590 |
|
---|
4591 | Dropdown._jQueryInterface.call($(this), 'toggle');
|
---|
4592 | }).on(Event$4.CLICK_DATA_API, Selector$4.FORM_CHILD, function (e) {
|
---|
4593 | e.stopPropagation();
|
---|
4594 | });
|
---|
4595 | /**
|
---|
4596 | * ------------------------------------------------------------------------
|
---|
4597 | * jQuery
|
---|
4598 | * ------------------------------------------------------------------------
|
---|
4599 | */
|
---|
4600 |
|
---|
4601 | $.fn[NAME$4] = Dropdown._jQueryInterface;
|
---|
4602 | $.fn[NAME$4].Constructor = Dropdown;
|
---|
4603 |
|
---|
4604 | $.fn[NAME$4].noConflict = function () {
|
---|
4605 | $.fn[NAME$4] = JQUERY_NO_CONFLICT$4;
|
---|
4606 | return Dropdown._jQueryInterface;
|
---|
4607 | };
|
---|
4608 |
|
---|
4609 | /**
|
---|
4610 | * ------------------------------------------------------------------------
|
---|
4611 | * Constants
|
---|
4612 | * ------------------------------------------------------------------------
|
---|
4613 | */
|
---|
4614 |
|
---|
4615 | var NAME$5 = 'modal';
|
---|
4616 | var VERSION$5 = '4.3.1';
|
---|
4617 | var DATA_KEY$5 = 'bs.modal';
|
---|
4618 | var EVENT_KEY$5 = "." + DATA_KEY$5;
|
---|
4619 | var DATA_API_KEY$5 = '.data-api';
|
---|
4620 | var JQUERY_NO_CONFLICT$5 = $.fn[NAME$5];
|
---|
4621 | var ESCAPE_KEYCODE$1 = 27; // KeyboardEvent.which value for Escape (Esc) key
|
---|
4622 |
|
---|
4623 | var Default$3 = {
|
---|
4624 | backdrop: true,
|
---|
4625 | keyboard: true,
|
---|
4626 | focus: true,
|
---|
4627 | show: true
|
---|
4628 | };
|
---|
4629 | var DefaultType$3 = {
|
---|
4630 | backdrop: '(boolean|string)',
|
---|
4631 | keyboard: 'boolean',
|
---|
4632 | focus: 'boolean',
|
---|
4633 | show: 'boolean'
|
---|
4634 | };
|
---|
4635 | var Event$5 = {
|
---|
4636 | HIDE: "hide" + EVENT_KEY$5,
|
---|
4637 | HIDDEN: "hidden" + EVENT_KEY$5,
|
---|
4638 | SHOW: "show" + EVENT_KEY$5,
|
---|
4639 | SHOWN: "shown" + EVENT_KEY$5,
|
---|
4640 | FOCUSIN: "focusin" + EVENT_KEY$5,
|
---|
4641 | RESIZE: "resize" + EVENT_KEY$5,
|
---|
4642 | CLICK_DISMISS: "click.dismiss" + EVENT_KEY$5,
|
---|
4643 | KEYDOWN_DISMISS: "keydown.dismiss" + EVENT_KEY$5,
|
---|
4644 | MOUSEUP_DISMISS: "mouseup.dismiss" + EVENT_KEY$5,
|
---|
4645 | MOUSEDOWN_DISMISS: "mousedown.dismiss" + EVENT_KEY$5,
|
---|
4646 | CLICK_DATA_API: "click" + EVENT_KEY$5 + DATA_API_KEY$5
|
---|
4647 | };
|
---|
4648 | var ClassName$5 = {
|
---|
4649 | SCROLLABLE: 'modal-dialog-scrollable',
|
---|
4650 | SCROLLBAR_MEASURER: 'modal-scrollbar-measure',
|
---|
4651 | BACKDROP: 'modal-backdrop',
|
---|
4652 | OPEN: 'modal-open',
|
---|
4653 | FADE: 'fade',
|
---|
4654 | SHOW: 'show'
|
---|
4655 | };
|
---|
4656 | var Selector$5 = {
|
---|
4657 | DIALOG: '.modal-dialog',
|
---|
4658 | MODAL_BODY: '.modal-body',
|
---|
4659 | DATA_TOGGLE: '[data-toggle="modal"]',
|
---|
4660 | DATA_DISMISS: '[data-dismiss="modal"]',
|
---|
4661 | FIXED_CONTENT: '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',
|
---|
4662 | STICKY_CONTENT: '.sticky-top'
|
---|
4663 | /**
|
---|
4664 | * ------------------------------------------------------------------------
|
---|
4665 | * Class Definition
|
---|
4666 | * ------------------------------------------------------------------------
|
---|
4667 | */
|
---|
4668 |
|
---|
4669 | };
|
---|
4670 |
|
---|
4671 | var Modal =
|
---|
4672 | /*#__PURE__*/
|
---|
4673 | function () {
|
---|
4674 | function Modal(element, config) {
|
---|
4675 | this._config = this._getConfig(config);
|
---|
4676 | this._element = element;
|
---|
4677 | this._dialog = element.querySelector(Selector$5.DIALOG);
|
---|
4678 | this._backdrop = null;
|
---|
4679 | this._isShown = false;
|
---|
4680 | this._isBodyOverflowing = false;
|
---|
4681 | this._ignoreBackdropClick = false;
|
---|
4682 | this._isTransitioning = false;
|
---|
4683 | this._scrollbarWidth = 0;
|
---|
4684 | } // Getters
|
---|
4685 |
|
---|
4686 |
|
---|
4687 | var _proto = Modal.prototype;
|
---|
4688 |
|
---|
4689 | // Public
|
---|
4690 | _proto.toggle = function toggle(relatedTarget) {
|
---|
4691 | return this._isShown ? this.hide() : this.show(relatedTarget);
|
---|
4692 | };
|
---|
4693 |
|
---|
4694 | _proto.show = function show(relatedTarget) {
|
---|
4695 | var _this = this;
|
---|
4696 |
|
---|
4697 | if (this._isShown || this._isTransitioning) {
|
---|
4698 | return;
|
---|
4699 | }
|
---|
4700 |
|
---|
4701 | if ($(this._element).hasClass(ClassName$5.FADE)) {
|
---|
4702 | this._isTransitioning = true;
|
---|
4703 | }
|
---|
4704 |
|
---|
4705 | var showEvent = $.Event(Event$5.SHOW, {
|
---|
4706 | relatedTarget: relatedTarget
|
---|
4707 | });
|
---|
4708 | $(this._element).trigger(showEvent);
|
---|
4709 |
|
---|
4710 | if (this._isShown || showEvent.isDefaultPrevented()) {
|
---|
4711 | return;
|
---|
4712 | }
|
---|
4713 |
|
---|
4714 | this._isShown = true;
|
---|
4715 |
|
---|
4716 | this._checkScrollbar();
|
---|
4717 |
|
---|
4718 | this._setScrollbar();
|
---|
4719 |
|
---|
4720 | this._adjustDialog();
|
---|
4721 |
|
---|
4722 | this._setEscapeEvent();
|
---|
4723 |
|
---|
4724 | this._setResizeEvent();
|
---|
4725 |
|
---|
4726 | $(this._element).on(Event$5.CLICK_DISMISS, Selector$5.DATA_DISMISS, function (event) {
|
---|
4727 | return _this.hide(event);
|
---|
4728 | });
|
---|
4729 | $(this._dialog).on(Event$5.MOUSEDOWN_DISMISS, function () {
|
---|
4730 | $(_this._element).one(Event$5.MOUSEUP_DISMISS, function (event) {
|
---|
4731 | if ($(event.target).is(_this._element)) {
|
---|
4732 | _this._ignoreBackdropClick = true;
|
---|
4733 | }
|
---|
4734 | });
|
---|
4735 | });
|
---|
4736 |
|
---|
4737 | this._showBackdrop(function () {
|
---|
4738 | return _this._showElement(relatedTarget);
|
---|
4739 | });
|
---|
4740 | };
|
---|
4741 |
|
---|
4742 | _proto.hide = function hide(event) {
|
---|
4743 | var _this2 = this;
|
---|
4744 |
|
---|
4745 | if (event) {
|
---|
4746 | event.preventDefault();
|
---|
4747 | }
|
---|
4748 |
|
---|
4749 | if (!this._isShown || this._isTransitioning) {
|
---|
4750 | return;
|
---|
4751 | }
|
---|
4752 |
|
---|
4753 | var hideEvent = $.Event(Event$5.HIDE);
|
---|
4754 | $(this._element).trigger(hideEvent);
|
---|
4755 |
|
---|
4756 | if (!this._isShown || hideEvent.isDefaultPrevented()) {
|
---|
4757 | return;
|
---|
4758 | }
|
---|
4759 |
|
---|
4760 | this._isShown = false;
|
---|
4761 | var transition = $(this._element).hasClass(ClassName$5.FADE);
|
---|
4762 |
|
---|
4763 | if (transition) {
|
---|
4764 | this._isTransitioning = true;
|
---|
4765 | }
|
---|
4766 |
|
---|
4767 | this._setEscapeEvent();
|
---|
4768 |
|
---|
4769 | this._setResizeEvent();
|
---|
4770 |
|
---|
4771 | $(document).off(Event$5.FOCUSIN);
|
---|
4772 | $(this._element).removeClass(ClassName$5.SHOW);
|
---|
4773 | $(this._element).off(Event$5.CLICK_DISMISS);
|
---|
4774 | $(this._dialog).off(Event$5.MOUSEDOWN_DISMISS);
|
---|
4775 |
|
---|
4776 | if (transition) {
|
---|
4777 | var transitionDuration = Util.getTransitionDurationFromElement(this._element);
|
---|
4778 | $(this._element).one(Util.TRANSITION_END, function (event) {
|
---|
4779 | return _this2._hideModal(event);
|
---|
4780 | }).emulateTransitionEnd(transitionDuration);
|
---|
4781 | } else {
|
---|
4782 | this._hideModal();
|
---|
4783 | }
|
---|
4784 | };
|
---|
4785 |
|
---|
4786 | _proto.dispose = function dispose() {
|
---|
4787 | [window, this._element, this._dialog].forEach(function (htmlElement) {
|
---|
4788 | return $(htmlElement).off(EVENT_KEY$5);
|
---|
4789 | });
|
---|
4790 | /**
|
---|
4791 | * `document` has 2 events `Event.FOCUSIN` and `Event.CLICK_DATA_API`
|
---|
4792 | * Do not move `document` in `htmlElements` array
|
---|
4793 | * It will remove `Event.CLICK_DATA_API` event that should remain
|
---|
4794 | */
|
---|
4795 |
|
---|
4796 | $(document).off(Event$5.FOCUSIN);
|
---|
4797 | $.removeData(this._element, DATA_KEY$5);
|
---|
4798 | this._config = null;
|
---|
4799 | this._element = null;
|
---|
4800 | this._dialog = null;
|
---|
4801 | this._backdrop = null;
|
---|
4802 | this._isShown = null;
|
---|
4803 | this._isBodyOverflowing = null;
|
---|
4804 | this._ignoreBackdropClick = null;
|
---|
4805 | this._isTransitioning = null;
|
---|
4806 | this._scrollbarWidth = null;
|
---|
4807 | };
|
---|
4808 |
|
---|
4809 | _proto.handleUpdate = function handleUpdate() {
|
---|
4810 | this._adjustDialog();
|
---|
4811 | } // Private
|
---|
4812 | ;
|
---|
4813 |
|
---|
4814 | _proto._getConfig = function _getConfig(config) {
|
---|
4815 | config = _objectSpread({}, Default$3, config);
|
---|
4816 | Util.typeCheckConfig(NAME$5, config, DefaultType$3);
|
---|
4817 | return config;
|
---|
4818 | };
|
---|
4819 |
|
---|
4820 | _proto._showElement = function _showElement(relatedTarget) {
|
---|
4821 | var _this3 = this;
|
---|
4822 |
|
---|
4823 | var transition = $(this._element).hasClass(ClassName$5.FADE);
|
---|
4824 |
|
---|
4825 | if (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {
|
---|
4826 | // Don't move modal's DOM position
|
---|
4827 | document.body.appendChild(this._element);
|
---|
4828 | }
|
---|
4829 |
|
---|
4830 | this._element.style.display = 'block';
|
---|
4831 |
|
---|
4832 | this._element.removeAttribute('aria-hidden');
|
---|
4833 |
|
---|
4834 | this._element.setAttribute('aria-modal', true);
|
---|
4835 |
|
---|
4836 | if ($(this._dialog).hasClass(ClassName$5.SCROLLABLE)) {
|
---|
4837 | this._dialog.querySelector(Selector$5.MODAL_BODY).scrollTop = 0;
|
---|
4838 | } else {
|
---|
4839 | this._element.scrollTop = 0;
|
---|
4840 | }
|
---|
4841 |
|
---|
4842 | if (transition) {
|
---|
4843 | Util.reflow(this._element);
|
---|
4844 | }
|
---|
4845 |
|
---|
4846 | $(this._element).addClass(ClassName$5.SHOW);
|
---|
4847 |
|
---|
4848 | if (this._config.focus) {
|
---|
4849 | this._enforceFocus();
|
---|
4850 | }
|
---|
4851 |
|
---|
4852 | var shownEvent = $.Event(Event$5.SHOWN, {
|
---|
4853 | relatedTarget: relatedTarget
|
---|
4854 | });
|
---|
4855 |
|
---|
4856 | var transitionComplete = function transitionComplete() {
|
---|
4857 | if (_this3._config.focus) {
|
---|
4858 | _this3._element.focus();
|
---|
4859 | }
|
---|
4860 |
|
---|
4861 | _this3._isTransitioning = false;
|
---|
4862 | $(_this3._element).trigger(shownEvent);
|
---|
4863 | };
|
---|
4864 |
|
---|
4865 | if (transition) {
|
---|
4866 | var transitionDuration = Util.getTransitionDurationFromElement(this._dialog);
|
---|
4867 | $(this._dialog).one(Util.TRANSITION_END, transitionComplete).emulateTransitionEnd(transitionDuration);
|
---|
4868 | } else {
|
---|
4869 | transitionComplete();
|
---|
4870 | }
|
---|
4871 | };
|
---|
4872 |
|
---|
4873 | _proto._enforceFocus = function _enforceFocus() {
|
---|
4874 | var _this4 = this;
|
---|
4875 |
|
---|
4876 | $(document).off(Event$5.FOCUSIN) // Guard against infinite focus loop
|
---|
4877 | .on(Event$5.FOCUSIN, function (event) {
|
---|
4878 | if (document !== event.target && _this4._element !== event.target && $(_this4._element).has(event.target).length === 0) {
|
---|
4879 | _this4._element.focus();
|
---|
4880 | }
|
---|
4881 | });
|
---|
4882 | };
|
---|
4883 |
|
---|
4884 | _proto._setEscapeEvent = function _setEscapeEvent() {
|
---|
4885 | var _this5 = this;
|
---|
4886 |
|
---|
4887 | if (this._isShown && this._config.keyboard) {
|
---|
4888 | $(this._element).on(Event$5.KEYDOWN_DISMISS, function (event) {
|
---|
4889 | if (event.which === ESCAPE_KEYCODE$1) {
|
---|
4890 | event.preventDefault();
|
---|
4891 |
|
---|
4892 | _this5.hide();
|
---|
4893 | }
|
---|
4894 | });
|
---|
4895 | } else if (!this._isShown) {
|
---|
4896 | $(this._element).off(Event$5.KEYDOWN_DISMISS);
|
---|
4897 | }
|
---|
4898 | };
|
---|
4899 |
|
---|
4900 | _proto._setResizeEvent = function _setResizeEvent() {
|
---|
4901 | var _this6 = this;
|
---|
4902 |
|
---|
4903 | if (this._isShown) {
|
---|
4904 | $(window).on(Event$5.RESIZE, function (event) {
|
---|
4905 | return _this6.handleUpdate(event);
|
---|
4906 | });
|
---|
4907 | } else {
|
---|
4908 | $(window).off(Event$5.RESIZE);
|
---|
4909 | }
|
---|
4910 | };
|
---|
4911 |
|
---|
4912 | _proto._hideModal = function _hideModal() {
|
---|
4913 | var _this7 = this;
|
---|
4914 |
|
---|
4915 | this._element.style.display = 'none';
|
---|
4916 |
|
---|
4917 | this._element.setAttribute('aria-hidden', true);
|
---|
4918 |
|
---|
4919 | this._element.removeAttribute('aria-modal');
|
---|
4920 |
|
---|
4921 | this._isTransitioning = false;
|
---|
4922 |
|
---|
4923 | this._showBackdrop(function () {
|
---|
4924 | $(document.body).removeClass(ClassName$5.OPEN);
|
---|
4925 |
|
---|
4926 | _this7._resetAdjustments();
|
---|
4927 |
|
---|
4928 | _this7._resetScrollbar();
|
---|
4929 |
|
---|
4930 | $(_this7._element).trigger(Event$5.HIDDEN);
|
---|
4931 | });
|
---|
4932 | };
|
---|
4933 |
|
---|
4934 | _proto._removeBackdrop = function _removeBackdrop() {
|
---|
4935 | if (this._backdrop) {
|
---|
4936 | $(this._backdrop).remove();
|
---|
4937 | this._backdrop = null;
|
---|
4938 | }
|
---|
4939 | };
|
---|
4940 |
|
---|
4941 | _proto._showBackdrop = function _showBackdrop(callback) {
|
---|
4942 | var _this8 = this;
|
---|
4943 |
|
---|
4944 | var animate = $(this._element).hasClass(ClassName$5.FADE) ? ClassName$5.FADE : '';
|
---|
4945 |
|
---|
4946 | if (this._isShown && this._config.backdrop) {
|
---|
4947 | this._backdrop = document.createElement('div');
|
---|
4948 | this._backdrop.className = ClassName$5.BACKDROP;
|
---|
4949 |
|
---|
4950 | if (animate) {
|
---|
4951 | this._backdrop.classList.add(animate);
|
---|
4952 | }
|
---|
4953 |
|
---|
4954 | $(this._backdrop).appendTo(document.body);
|
---|
4955 | $(this._element).on(Event$5.CLICK_DISMISS, function (event) {
|
---|
4956 | if (_this8._ignoreBackdropClick) {
|
---|
4957 | _this8._ignoreBackdropClick = false;
|
---|
4958 | return;
|
---|
4959 | }
|
---|
4960 |
|
---|
4961 | if (event.target !== event.currentTarget) {
|
---|
4962 | return;
|
---|
4963 | }
|
---|
4964 |
|
---|
4965 | if (_this8._config.backdrop === 'static') {
|
---|
4966 | _this8._element.focus();
|
---|
4967 | } else {
|
---|
4968 | _this8.hide();
|
---|
4969 | }
|
---|
4970 | });
|
---|
4971 |
|
---|
4972 | if (animate) {
|
---|
4973 | Util.reflow(this._backdrop);
|
---|
4974 | }
|
---|
4975 |
|
---|
4976 | $(this._backdrop).addClass(ClassName$5.SHOW);
|
---|
4977 |
|
---|
4978 | if (!callback) {
|
---|
4979 | return;
|
---|
4980 | }
|
---|
4981 |
|
---|
4982 | if (!animate) {
|
---|
4983 | callback();
|
---|
4984 | return;
|
---|
4985 | }
|
---|
4986 |
|
---|
4987 | var backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop);
|
---|
4988 | $(this._backdrop).one(Util.TRANSITION_END, callback).emulateTransitionEnd(backdropTransitionDuration);
|
---|
4989 | } else if (!this._isShown && this._backdrop) {
|
---|
4990 | $(this._backdrop).removeClass(ClassName$5.SHOW);
|
---|
4991 |
|
---|
4992 | var callbackRemove = function callbackRemove() {
|
---|
4993 | _this8._removeBackdrop();
|
---|
4994 |
|
---|
4995 | if (callback) {
|
---|
4996 | callback();
|
---|
4997 | }
|
---|
4998 | };
|
---|
4999 |
|
---|
5000 | if ($(this._element).hasClass(ClassName$5.FADE)) {
|
---|
5001 | var _backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop);
|
---|
5002 |
|
---|
5003 | $(this._backdrop).one(Util.TRANSITION_END, callbackRemove).emulateTransitionEnd(_backdropTransitionDuration);
|
---|
5004 | } else {
|
---|
5005 | callbackRemove();
|
---|
5006 | }
|
---|
5007 | } else if (callback) {
|
---|
5008 | callback();
|
---|
5009 | }
|
---|
5010 | } // ----------------------------------------------------------------------
|
---|
5011 | // the following methods are used to handle overflowing modals
|
---|
5012 | // todo (fat): these should probably be refactored out of modal.js
|
---|
5013 | // ----------------------------------------------------------------------
|
---|
5014 | ;
|
---|
5015 |
|
---|
5016 | _proto._adjustDialog = function _adjustDialog() {
|
---|
5017 | var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
|
---|
5018 |
|
---|
5019 | if (!this._isBodyOverflowing && isModalOverflowing) {
|
---|
5020 | this._element.style.paddingLeft = this._scrollbarWidth + "px";
|
---|
5021 | }
|
---|
5022 |
|
---|
5023 | if (this._isBodyOverflowing && !isModalOverflowing) {
|
---|
5024 | this._element.style.paddingRight = this._scrollbarWidth + "px";
|
---|
5025 | }
|
---|
5026 | };
|
---|
5027 |
|
---|
5028 | _proto._resetAdjustments = function _resetAdjustments() {
|
---|
5029 | this._element.style.paddingLeft = '';
|
---|
5030 | this._element.style.paddingRight = '';
|
---|
5031 | };
|
---|
5032 |
|
---|
5033 | _proto._checkScrollbar = function _checkScrollbar() {
|
---|
5034 | var rect = document.body.getBoundingClientRect();
|
---|
5035 | this._isBodyOverflowing = rect.left + rect.right < window.innerWidth;
|
---|
5036 | this._scrollbarWidth = this._getScrollbarWidth();
|
---|
5037 | };
|
---|
5038 |
|
---|
5039 | _proto._setScrollbar = function _setScrollbar() {
|
---|
5040 | var _this9 = this;
|
---|
5041 |
|
---|
5042 | if (this._isBodyOverflowing) {
|
---|
5043 | // Note: DOMNode.style.paddingRight returns the actual value or '' if not set
|
---|
5044 | // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set
|
---|
5045 | var fixedContent = [].slice.call(document.querySelectorAll(Selector$5.FIXED_CONTENT));
|
---|
5046 | var stickyContent = [].slice.call(document.querySelectorAll(Selector$5.STICKY_CONTENT)); // Adjust fixed content padding
|
---|
5047 |
|
---|
5048 | $(fixedContent).each(function (index, element) {
|
---|
5049 | var actualPadding = element.style.paddingRight;
|
---|
5050 | var calculatedPadding = $(element).css('padding-right');
|
---|
5051 | $(element).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + _this9._scrollbarWidth + "px");
|
---|
5052 | }); // Adjust sticky content margin
|
---|
5053 |
|
---|
5054 | $(stickyContent).each(function (index, element) {
|
---|
5055 | var actualMargin = element.style.marginRight;
|
---|
5056 | var calculatedMargin = $(element).css('margin-right');
|
---|
5057 | $(element).data('margin-right', actualMargin).css('margin-right', parseFloat(calculatedMargin) - _this9._scrollbarWidth + "px");
|
---|
5058 | }); // Adjust body padding
|
---|
5059 |
|
---|
5060 | var actualPadding = document.body.style.paddingRight;
|
---|
5061 | var calculatedPadding = $(document.body).css('padding-right');
|
---|
5062 | $(document.body).data('padding-right', actualPadding).css('padding-right', parseFloat(calculatedPadding) + this._scrollbarWidth + "px");
|
---|
5063 | }
|
---|
5064 |
|
---|
5065 | $(document.body).addClass(ClassName$5.OPEN);
|
---|
5066 | };
|
---|
5067 |
|
---|
5068 | _proto._resetScrollbar = function _resetScrollbar() {
|
---|
5069 | // Restore fixed content padding
|
---|
5070 | var fixedContent = [].slice.call(document.querySelectorAll(Selector$5.FIXED_CONTENT));
|
---|
5071 | $(fixedContent).each(function (index, element) {
|
---|
5072 | var padding = $(element).data('padding-right');
|
---|
5073 | $(element).removeData('padding-right');
|
---|
5074 | element.style.paddingRight = padding ? padding : '';
|
---|
5075 | }); // Restore sticky content
|
---|
5076 |
|
---|
5077 | var elements = [].slice.call(document.querySelectorAll("" + Selector$5.STICKY_CONTENT));
|
---|
5078 | $(elements).each(function (index, element) {
|
---|
5079 | var margin = $(element).data('margin-right');
|
---|
5080 |
|
---|
5081 | if (typeof margin !== 'undefined') {
|
---|
5082 | $(element).css('margin-right', margin).removeData('margin-right');
|
---|
5083 | }
|
---|
5084 | }); // Restore body padding
|
---|
5085 |
|
---|
5086 | var padding = $(document.body).data('padding-right');
|
---|
5087 | $(document.body).removeData('padding-right');
|
---|
5088 | document.body.style.paddingRight = padding ? padding : '';
|
---|
5089 | };
|
---|
5090 |
|
---|
5091 | _proto._getScrollbarWidth = function _getScrollbarWidth() {
|
---|
5092 | // thx d.walsh
|
---|
5093 | var scrollDiv = document.createElement('div');
|
---|
5094 | scrollDiv.className = ClassName$5.SCROLLBAR_MEASURER;
|
---|
5095 | document.body.appendChild(scrollDiv);
|
---|
5096 | var scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;
|
---|
5097 | document.body.removeChild(scrollDiv);
|
---|
5098 | return scrollbarWidth;
|
---|
5099 | } // Static
|
---|
5100 | ;
|
---|
5101 |
|
---|
5102 | Modal._jQueryInterface = function _jQueryInterface(config, relatedTarget) {
|
---|
5103 | return this.each(function () {
|
---|
5104 | var data = $(this).data(DATA_KEY$5);
|
---|
5105 |
|
---|
5106 | var _config = _objectSpread({}, Default$3, $(this).data(), typeof config === 'object' && config ? config : {});
|
---|
5107 |
|
---|
5108 | if (!data) {
|
---|
5109 | data = new Modal(this, _config);
|
---|
5110 | $(this).data(DATA_KEY$5, data);
|
---|
5111 | }
|
---|
5112 |
|
---|
5113 | if (typeof config === 'string') {
|
---|
5114 | if (typeof data[config] === 'undefined') {
|
---|
5115 | throw new TypeError("No method named \"" + config + "\"");
|
---|
5116 | }
|
---|
5117 |
|
---|
5118 | data[config](relatedTarget);
|
---|
5119 | } else if (_config.show) {
|
---|
5120 | data.show(relatedTarget);
|
---|
5121 | }
|
---|
5122 | });
|
---|
5123 | };
|
---|
5124 |
|
---|
5125 | _createClass(Modal, null, [{
|
---|
5126 | key: "VERSION",
|
---|
5127 | get: function get() {
|
---|
5128 | return VERSION$5;
|
---|
5129 | }
|
---|
5130 | }, {
|
---|
5131 | key: "Default",
|
---|
5132 | get: function get() {
|
---|
5133 | return Default$3;
|
---|
5134 | }
|
---|
5135 | }]);
|
---|
5136 |
|
---|
5137 | return Modal;
|
---|
5138 | }();
|
---|
5139 | /**
|
---|
5140 | * ------------------------------------------------------------------------
|
---|
5141 | * Data Api implementation
|
---|
5142 | * ------------------------------------------------------------------------
|
---|
5143 | */
|
---|
5144 |
|
---|
5145 |
|
---|
5146 | $(document).on(Event$5.CLICK_DATA_API, Selector$5.DATA_TOGGLE, function (event) {
|
---|
5147 | var _this10 = this;
|
---|
5148 |
|
---|
5149 | var target;
|
---|
5150 | var selector = Util.getSelectorFromElement(this);
|
---|
5151 |
|
---|
5152 | if (selector) {
|
---|
5153 | target = document.querySelector(selector);
|
---|
5154 | }
|
---|
5155 |
|
---|
5156 | var config = $(target).data(DATA_KEY$5) ? 'toggle' : _objectSpread({}, $(target).data(), $(this).data());
|
---|
5157 |
|
---|
5158 | if (this.tagName === 'A' || this.tagName === 'AREA') {
|
---|
5159 | event.preventDefault();
|
---|
5160 | }
|
---|
5161 |
|
---|
5162 | var $target = $(target).one(Event$5.SHOW, function (showEvent) {
|
---|
5163 | if (showEvent.isDefaultPrevented()) {
|
---|
5164 | // Only register focus restorer if modal will actually get shown
|
---|
5165 | return;
|
---|
5166 | }
|
---|
5167 |
|
---|
5168 | $target.one(Event$5.HIDDEN, function () {
|
---|
5169 | if ($(_this10).is(':visible')) {
|
---|
5170 | _this10.focus();
|
---|
5171 | }
|
---|
5172 | });
|
---|
5173 | });
|
---|
5174 |
|
---|
5175 | Modal._jQueryInterface.call($(target), config, this);
|
---|
5176 | });
|
---|
5177 | /**
|
---|
5178 | * ------------------------------------------------------------------------
|
---|
5179 | * jQuery
|
---|
5180 | * ------------------------------------------------------------------------
|
---|
5181 | */
|
---|
5182 |
|
---|
5183 | $.fn[NAME$5] = Modal._jQueryInterface;
|
---|
5184 | $.fn[NAME$5].Constructor = Modal;
|
---|
5185 |
|
---|
5186 | $.fn[NAME$5].noConflict = function () {
|
---|
5187 | $.fn[NAME$5] = JQUERY_NO_CONFLICT$5;
|
---|
5188 | return Modal._jQueryInterface;
|
---|
5189 | };
|
---|
5190 |
|
---|
5191 | /**
|
---|
5192 | * --------------------------------------------------------------------------
|
---|
5193 | * Bootstrap (v4.3.1): tools/sanitizer.js
|
---|
5194 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
---|
5195 | * --------------------------------------------------------------------------
|
---|
5196 | */
|
---|
5197 | var uriAttrs = ['background', 'cite', 'href', 'itemtype', 'longdesc', 'poster', 'src', 'xlink:href'];
|
---|
5198 | var ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i;
|
---|
5199 | var DefaultWhitelist = {
|
---|
5200 | // Global attributes allowed on any supplied element below.
|
---|
5201 | '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN],
|
---|
5202 | a: ['target', 'href', 'title', 'rel'],
|
---|
5203 | area: [],
|
---|
5204 | b: [],
|
---|
5205 | br: [],
|
---|
5206 | col: [],
|
---|
5207 | code: [],
|
---|
5208 | div: [],
|
---|
5209 | em: [],
|
---|
5210 | hr: [],
|
---|
5211 | h1: [],
|
---|
5212 | h2: [],
|
---|
5213 | h3: [],
|
---|
5214 | h4: [],
|
---|
5215 | h5: [],
|
---|
5216 | h6: [],
|
---|
5217 | i: [],
|
---|
5218 | img: ['src', 'alt', 'title', 'width', 'height'],
|
---|
5219 | li: [],
|
---|
5220 | ol: [],
|
---|
5221 | p: [],
|
---|
5222 | pre: [],
|
---|
5223 | s: [],
|
---|
5224 | small: [],
|
---|
5225 | span: [],
|
---|
5226 | sub: [],
|
---|
5227 | sup: [],
|
---|
5228 | strong: [],
|
---|
5229 | u: [],
|
---|
5230 | ul: []
|
---|
5231 | /**
|
---|
5232 | * A pattern that recognizes a commonly useful subset of URLs that are safe.
|
---|
5233 | *
|
---|
5234 | * Shoutout to Angular 7 https://github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts
|
---|
5235 | */
|
---|
5236 |
|
---|
5237 | };
|
---|
5238 | var SAFE_URL_PATTERN = /^(?:(?:https?|mailto|ftp|tel|file):|[^&:/?#]*(?:[/?#]|$))/gi;
|
---|
5239 | /**
|
---|
5240 | * A pattern that matches safe data URLs. Only matches image, video and audio types.
|
---|
5241 | *
|
---|
5242 | * Shoutout to Angular 7 https://github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts
|
---|
5243 | */
|
---|
5244 |
|
---|
5245 | var DATA_URL_PATTERN = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;
|
---|
5246 |
|
---|
5247 | function allowedAttribute(attr, allowedAttributeList) {
|
---|
5248 | var attrName = attr.nodeName.toLowerCase();
|
---|
5249 |
|
---|
5250 | if (allowedAttributeList.indexOf(attrName) !== -1) {
|
---|
5251 | if (uriAttrs.indexOf(attrName) !== -1) {
|
---|
5252 | return Boolean(attr.nodeValue.match(SAFE_URL_PATTERN) || attr.nodeValue.match(DATA_URL_PATTERN));
|
---|
5253 | }
|
---|
5254 |
|
---|
5255 | return true;
|
---|
5256 | }
|
---|
5257 |
|
---|
5258 | var regExp = allowedAttributeList.filter(function (attrRegex) {
|
---|
5259 | return attrRegex instanceof RegExp;
|
---|
5260 | }); // Check if a regular expression validates the attribute.
|
---|
5261 |
|
---|
5262 | for (var i = 0, l = regExp.length; i < l; i++) {
|
---|
5263 | if (attrName.match(regExp[i])) {
|
---|
5264 | return true;
|
---|
5265 | }
|
---|
5266 | }
|
---|
5267 |
|
---|
5268 | return false;
|
---|
5269 | }
|
---|
5270 |
|
---|
5271 | function sanitizeHtml(unsafeHtml, whiteList, sanitizeFn) {
|
---|
5272 | if (unsafeHtml.length === 0) {
|
---|
5273 | return unsafeHtml;
|
---|
5274 | }
|
---|
5275 |
|
---|
5276 | if (sanitizeFn && typeof sanitizeFn === 'function') {
|
---|
5277 | return sanitizeFn(unsafeHtml);
|
---|
5278 | }
|
---|
5279 |
|
---|
5280 | var domParser = new window.DOMParser();
|
---|
5281 | var createdDocument = domParser.parseFromString(unsafeHtml, 'text/html');
|
---|
5282 | var whitelistKeys = Object.keys(whiteList);
|
---|
5283 | var elements = [].slice.call(createdDocument.body.querySelectorAll('*'));
|
---|
5284 |
|
---|
5285 | var _loop = function _loop(i, len) {
|
---|
5286 | var el = elements[i];
|
---|
5287 | var elName = el.nodeName.toLowerCase();
|
---|
5288 |
|
---|
5289 | if (whitelistKeys.indexOf(el.nodeName.toLowerCase()) === -1) {
|
---|
5290 | el.parentNode.removeChild(el);
|
---|
5291 | return "continue";
|
---|
5292 | }
|
---|
5293 |
|
---|
5294 | var attributeList = [].slice.call(el.attributes);
|
---|
5295 | var whitelistedAttributes = [].concat(whiteList['*'] || [], whiteList[elName] || []);
|
---|
5296 | attributeList.forEach(function (attr) {
|
---|
5297 | if (!allowedAttribute(attr, whitelistedAttributes)) {
|
---|
5298 | el.removeAttribute(attr.nodeName);
|
---|
5299 | }
|
---|
5300 | });
|
---|
5301 | };
|
---|
5302 |
|
---|
5303 | for (var i = 0, len = elements.length; i < len; i++) {
|
---|
5304 | var _ret = _loop(i, len);
|
---|
5305 |
|
---|
5306 | if (_ret === "continue") continue;
|
---|
5307 | }
|
---|
5308 |
|
---|
5309 | return createdDocument.body.innerHTML;
|
---|
5310 | }
|
---|
5311 |
|
---|
5312 | /**
|
---|
5313 | * ------------------------------------------------------------------------
|
---|
5314 | * Constants
|
---|
5315 | * ------------------------------------------------------------------------
|
---|
5316 | */
|
---|
5317 |
|
---|
5318 | var NAME$6 = 'tooltip';
|
---|
5319 | var VERSION$6 = '4.3.1';
|
---|
5320 | var DATA_KEY$6 = 'bs.tooltip';
|
---|
5321 | var EVENT_KEY$6 = "." + DATA_KEY$6;
|
---|
5322 | var JQUERY_NO_CONFLICT$6 = $.fn[NAME$6];
|
---|
5323 | var CLASS_PREFIX = 'bs-tooltip';
|
---|
5324 | var BSCLS_PREFIX_REGEX = new RegExp("(^|\\s)" + CLASS_PREFIX + "\\S+", 'g');
|
---|
5325 | var DISALLOWED_ATTRIBUTES = ['sanitize', 'whiteList', 'sanitizeFn'];
|
---|
5326 | var DefaultType$4 = {
|
---|
5327 | animation: 'boolean',
|
---|
5328 | template: 'string',
|
---|
5329 | title: '(string|element|function)',
|
---|
5330 | trigger: 'string',
|
---|
5331 | delay: '(number|object)',
|
---|
5332 | html: 'boolean',
|
---|
5333 | selector: '(string|boolean)',
|
---|
5334 | placement: '(string|function)',
|
---|
5335 | offset: '(number|string|function)',
|
---|
5336 | container: '(string|element|boolean)',
|
---|
5337 | fallbackPlacement: '(string|array)',
|
---|
5338 | boundary: '(string|element)',
|
---|
5339 | sanitize: 'boolean',
|
---|
5340 | sanitizeFn: '(null|function)',
|
---|
5341 | whiteList: 'object'
|
---|
5342 | };
|
---|
5343 | var AttachmentMap$1 = {
|
---|
5344 | AUTO: 'auto',
|
---|
5345 | TOP: 'top',
|
---|
5346 | RIGHT: 'right',
|
---|
5347 | BOTTOM: 'bottom',
|
---|
5348 | LEFT: 'left'
|
---|
5349 | };
|
---|
5350 | var Default$4 = {
|
---|
5351 | animation: true,
|
---|
5352 | template: '<div class="tooltip" role="tooltip">' + '<div class="arrow"></div>' + '<div class="tooltip-inner"></div></div>',
|
---|
5353 | trigger: 'hover focus',
|
---|
5354 | title: '',
|
---|
5355 | delay: 0,
|
---|
5356 | html: false,
|
---|
5357 | selector: false,
|
---|
5358 | placement: 'top',
|
---|
5359 | offset: 0,
|
---|
5360 | container: false,
|
---|
5361 | fallbackPlacement: 'flip',
|
---|
5362 | boundary: 'scrollParent',
|
---|
5363 | sanitize: true,
|
---|
5364 | sanitizeFn: null,
|
---|
5365 | whiteList: DefaultWhitelist
|
---|
5366 | };
|
---|
5367 | var HoverState = {
|
---|
5368 | SHOW: 'show',
|
---|
5369 | OUT: 'out'
|
---|
5370 | };
|
---|
5371 | var Event$6 = {
|
---|
5372 | HIDE: "hide" + EVENT_KEY$6,
|
---|
5373 | HIDDEN: "hidden" + EVENT_KEY$6,
|
---|
5374 | SHOW: "show" + EVENT_KEY$6,
|
---|
5375 | SHOWN: "shown" + EVENT_KEY$6,
|
---|
5376 | INSERTED: "inserted" + EVENT_KEY$6,
|
---|
5377 | CLICK: "click" + EVENT_KEY$6,
|
---|
5378 | FOCUSIN: "focusin" + EVENT_KEY$6,
|
---|
5379 | FOCUSOUT: "focusout" + EVENT_KEY$6,
|
---|
5380 | MOUSEENTER: "mouseenter" + EVENT_KEY$6,
|
---|
5381 | MOUSELEAVE: "mouseleave" + EVENT_KEY$6
|
---|
5382 | };
|
---|
5383 | var ClassName$6 = {
|
---|
5384 | FADE: 'fade',
|
---|
5385 | SHOW: 'show'
|
---|
5386 | };
|
---|
5387 | var Selector$6 = {
|
---|
5388 | TOOLTIP: '.tooltip',
|
---|
5389 | TOOLTIP_INNER: '.tooltip-inner',
|
---|
5390 | ARROW: '.arrow'
|
---|
5391 | };
|
---|
5392 | var Trigger = {
|
---|
5393 | HOVER: 'hover',
|
---|
5394 | FOCUS: 'focus',
|
---|
5395 | CLICK: 'click',
|
---|
5396 | MANUAL: 'manual'
|
---|
5397 | /**
|
---|
5398 | * ------------------------------------------------------------------------
|
---|
5399 | * Class Definition
|
---|
5400 | * ------------------------------------------------------------------------
|
---|
5401 | */
|
---|
5402 |
|
---|
5403 | };
|
---|
5404 |
|
---|
5405 | var Tooltip =
|
---|
5406 | /*#__PURE__*/
|
---|
5407 | function () {
|
---|
5408 | function Tooltip(element, config) {
|
---|
5409 | /**
|
---|
5410 | * Check for Popper dependency
|
---|
5411 | * Popper - https://popper.js.org
|
---|
5412 | */
|
---|
5413 | if (typeof Popper === 'undefined') {
|
---|
5414 | throw new TypeError('Bootstrap\'s tooltips require Popper.js (https://popper.js.org/)');
|
---|
5415 | } // private
|
---|
5416 |
|
---|
5417 |
|
---|
5418 | this._isEnabled = true;
|
---|
5419 | this._timeout = 0;
|
---|
5420 | this._hoverState = '';
|
---|
5421 | this._activeTrigger = {};
|
---|
5422 | this._popper = null; // Protected
|
---|
5423 |
|
---|
5424 | this.element = element;
|
---|
5425 | this.config = this._getConfig(config);
|
---|
5426 | this.tip = null;
|
---|
5427 |
|
---|
5428 | this._setListeners();
|
---|
5429 | } // Getters
|
---|
5430 |
|
---|
5431 |
|
---|
5432 | var _proto = Tooltip.prototype;
|
---|
5433 |
|
---|
5434 | // Public
|
---|
5435 | _proto.enable = function enable() {
|
---|
5436 | this._isEnabled = true;
|
---|
5437 | };
|
---|
5438 |
|
---|
5439 | _proto.disable = function disable() {
|
---|
5440 | this._isEnabled = false;
|
---|
5441 | };
|
---|
5442 |
|
---|
5443 | _proto.toggleEnabled = function toggleEnabled() {
|
---|
5444 | this._isEnabled = !this._isEnabled;
|
---|
5445 | };
|
---|
5446 |
|
---|
5447 | _proto.toggle = function toggle(event) {
|
---|
5448 | if (!this._isEnabled) {
|
---|
5449 | return;
|
---|
5450 | }
|
---|
5451 |
|
---|
5452 | if (event) {
|
---|
5453 | var dataKey = this.constructor.DATA_KEY;
|
---|
5454 | var context = $(event.currentTarget).data(dataKey);
|
---|
5455 |
|
---|
5456 | if (!context) {
|
---|
5457 | context = new this.constructor(event.currentTarget, this._getDelegateConfig());
|
---|
5458 | $(event.currentTarget).data(dataKey, context);
|
---|
5459 | }
|
---|
5460 |
|
---|
5461 | context._activeTrigger.click = !context._activeTrigger.click;
|
---|
5462 |
|
---|
5463 | if (context._isWithActiveTrigger()) {
|
---|
5464 | context._enter(null, context);
|
---|
5465 | } else {
|
---|
5466 | context._leave(null, context);
|
---|
5467 | }
|
---|
5468 | } else {
|
---|
5469 | if ($(this.getTipElement()).hasClass(ClassName$6.SHOW)) {
|
---|
5470 | this._leave(null, this);
|
---|
5471 |
|
---|
5472 | return;
|
---|
5473 | }
|
---|
5474 |
|
---|
5475 | this._enter(null, this);
|
---|
5476 | }
|
---|
5477 | };
|
---|
5478 |
|
---|
5479 | _proto.dispose = function dispose() {
|
---|
5480 | clearTimeout(this._timeout);
|
---|
5481 | $.removeData(this.element, this.constructor.DATA_KEY);
|
---|
5482 | $(this.element).off(this.constructor.EVENT_KEY);
|
---|
5483 | $(this.element).closest('.modal').off('hide.bs.modal');
|
---|
5484 |
|
---|
5485 | if (this.tip) {
|
---|
5486 | $(this.tip).remove();
|
---|
5487 | }
|
---|
5488 |
|
---|
5489 | this._isEnabled = null;
|
---|
5490 | this._timeout = null;
|
---|
5491 | this._hoverState = null;
|
---|
5492 | this._activeTrigger = null;
|
---|
5493 |
|
---|
5494 | if (this._popper !== null) {
|
---|
5495 | this._popper.destroy();
|
---|
5496 | }
|
---|
5497 |
|
---|
5498 | this._popper = null;
|
---|
5499 | this.element = null;
|
---|
5500 | this.config = null;
|
---|
5501 | this.tip = null;
|
---|
5502 | };
|
---|
5503 |
|
---|
5504 | _proto.show = function show() {
|
---|
5505 | var _this = this;
|
---|
5506 |
|
---|
5507 | if ($(this.element).css('display') === 'none') {
|
---|
5508 | throw new Error('Please use show on visible elements');
|
---|
5509 | }
|
---|
5510 |
|
---|
5511 | var showEvent = $.Event(this.constructor.Event.SHOW);
|
---|
5512 |
|
---|
5513 | if (this.isWithContent() && this._isEnabled) {
|
---|
5514 | $(this.element).trigger(showEvent);
|
---|
5515 | var shadowRoot = Util.findShadowRoot(this.element);
|
---|
5516 | var isInTheDom = $.contains(shadowRoot !== null ? shadowRoot : this.element.ownerDocument.documentElement, this.element);
|
---|
5517 |
|
---|
5518 | if (showEvent.isDefaultPrevented() || !isInTheDom) {
|
---|
5519 | return;
|
---|
5520 | }
|
---|
5521 |
|
---|
5522 | var tip = this.getTipElement();
|
---|
5523 | var tipId = Util.getUID(this.constructor.NAME);
|
---|
5524 | tip.setAttribute('id', tipId);
|
---|
5525 | this.element.setAttribute('aria-describedby', tipId);
|
---|
5526 | this.setContent();
|
---|
5527 |
|
---|
5528 | if (this.config.animation) {
|
---|
5529 | $(tip).addClass(ClassName$6.FADE);
|
---|
5530 | }
|
---|
5531 |
|
---|
5532 | var placement = typeof this.config.placement === 'function' ? this.config.placement.call(this, tip, this.element) : this.config.placement;
|
---|
5533 |
|
---|
5534 | var attachment = this._getAttachment(placement);
|
---|
5535 |
|
---|
5536 | this.addAttachmentClass(attachment);
|
---|
5537 |
|
---|
5538 | var container = this._getContainer();
|
---|
5539 |
|
---|
5540 | $(tip).data(this.constructor.DATA_KEY, this);
|
---|
5541 |
|
---|
5542 | if (!$.contains(this.element.ownerDocument.documentElement, this.tip)) {
|
---|
5543 | $(tip).appendTo(container);
|
---|
5544 | }
|
---|
5545 |
|
---|
5546 | $(this.element).trigger(this.constructor.Event.INSERTED);
|
---|
5547 | this._popper = new Popper(this.element, tip, {
|
---|
5548 | placement: attachment,
|
---|
5549 | modifiers: {
|
---|
5550 | offset: this._getOffset(),
|
---|
5551 | flip: {
|
---|
5552 | behavior: this.config.fallbackPlacement
|
---|
5553 | },
|
---|
5554 | arrow: {
|
---|
5555 | element: Selector$6.ARROW
|
---|
5556 | },
|
---|
5557 | preventOverflow: {
|
---|
5558 | boundariesElement: this.config.boundary
|
---|
5559 | }
|
---|
5560 | },
|
---|
5561 | onCreate: function onCreate(data) {
|
---|
5562 | if (data.originalPlacement !== data.placement) {
|
---|
5563 | _this._handlePopperPlacementChange(data);
|
---|
5564 | }
|
---|
5565 | },
|
---|
5566 | onUpdate: function onUpdate(data) {
|
---|
5567 | return _this._handlePopperPlacementChange(data);
|
---|
5568 | }
|
---|
5569 | });
|
---|
5570 | $(tip).addClass(ClassName$6.SHOW); // If this is a touch-enabled device we add extra
|
---|
5571 | // empty mouseover listeners to the body's immediate children;
|
---|
5572 | // only needed because of broken event delegation on iOS
|
---|
5573 | // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
|
---|
5574 |
|
---|
5575 | if ('ontouchstart' in document.documentElement) {
|
---|
5576 | $(document.body).children().on('mouseover', null, $.noop);
|
---|
5577 | }
|
---|
5578 |
|
---|
5579 | var complete = function complete() {
|
---|
5580 | if (_this.config.animation) {
|
---|
5581 | _this._fixTransition();
|
---|
5582 | }
|
---|
5583 |
|
---|
5584 | var prevHoverState = _this._hoverState;
|
---|
5585 | _this._hoverState = null;
|
---|
5586 | $(_this.element).trigger(_this.constructor.Event.SHOWN);
|
---|
5587 |
|
---|
5588 | if (prevHoverState === HoverState.OUT) {
|
---|
5589 | _this._leave(null, _this);
|
---|
5590 | }
|
---|
5591 | };
|
---|
5592 |
|
---|
5593 | if ($(this.tip).hasClass(ClassName$6.FADE)) {
|
---|
5594 | var transitionDuration = Util.getTransitionDurationFromElement(this.tip);
|
---|
5595 | $(this.tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
|
---|
5596 | } else {
|
---|
5597 | complete();
|
---|
5598 | }
|
---|
5599 | }
|
---|
5600 | };
|
---|
5601 |
|
---|
5602 | _proto.hide = function hide(callback) {
|
---|
5603 | var _this2 = this;
|
---|
5604 |
|
---|
5605 | var tip = this.getTipElement();
|
---|
5606 | var hideEvent = $.Event(this.constructor.Event.HIDE);
|
---|
5607 |
|
---|
5608 | var complete = function complete() {
|
---|
5609 | if (_this2._hoverState !== HoverState.SHOW && tip.parentNode) {
|
---|
5610 | tip.parentNode.removeChild(tip);
|
---|
5611 | }
|
---|
5612 |
|
---|
5613 | _this2._cleanTipClass();
|
---|
5614 |
|
---|
5615 | _this2.element.removeAttribute('aria-describedby');
|
---|
5616 |
|
---|
5617 | $(_this2.element).trigger(_this2.constructor.Event.HIDDEN);
|
---|
5618 |
|
---|
5619 | if (_this2._popper !== null) {
|
---|
5620 | _this2._popper.destroy();
|
---|
5621 | }
|
---|
5622 |
|
---|
5623 | if (callback) {
|
---|
5624 | callback();
|
---|
5625 | }
|
---|
5626 | };
|
---|
5627 |
|
---|
5628 | $(this.element).trigger(hideEvent);
|
---|
5629 |
|
---|
5630 | if (hideEvent.isDefaultPrevented()) {
|
---|
5631 | return;
|
---|
5632 | }
|
---|
5633 |
|
---|
5634 | $(tip).removeClass(ClassName$6.SHOW); // If this is a touch-enabled device we remove the extra
|
---|
5635 | // empty mouseover listeners we added for iOS support
|
---|
5636 |
|
---|
5637 | if ('ontouchstart' in document.documentElement) {
|
---|
5638 | $(document.body).children().off('mouseover', null, $.noop);
|
---|
5639 | }
|
---|
5640 |
|
---|
5641 | this._activeTrigger[Trigger.CLICK] = false;
|
---|
5642 | this._activeTrigger[Trigger.FOCUS] = false;
|
---|
5643 | this._activeTrigger[Trigger.HOVER] = false;
|
---|
5644 |
|
---|
5645 | if ($(this.tip).hasClass(ClassName$6.FADE)) {
|
---|
5646 | var transitionDuration = Util.getTransitionDurationFromElement(tip);
|
---|
5647 | $(tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
|
---|
5648 | } else {
|
---|
5649 | complete();
|
---|
5650 | }
|
---|
5651 |
|
---|
5652 | this._hoverState = '';
|
---|
5653 | };
|
---|
5654 |
|
---|
5655 | _proto.update = function update() {
|
---|
5656 | if (this._popper !== null) {
|
---|
5657 | this._popper.scheduleUpdate();
|
---|
5658 | }
|
---|
5659 | } // Protected
|
---|
5660 | ;
|
---|
5661 |
|
---|
5662 | _proto.isWithContent = function isWithContent() {
|
---|
5663 | return Boolean(this.getTitle());
|
---|
5664 | };
|
---|
5665 |
|
---|
5666 | _proto.addAttachmentClass = function addAttachmentClass(attachment) {
|
---|
5667 | $(this.getTipElement()).addClass(CLASS_PREFIX + "-" + attachment);
|
---|
5668 | };
|
---|
5669 |
|
---|
5670 | _proto.getTipElement = function getTipElement() {
|
---|
5671 | this.tip = this.tip || $(this.config.template)[0];
|
---|
5672 | return this.tip;
|
---|
5673 | };
|
---|
5674 |
|
---|
5675 | _proto.setContent = function setContent() {
|
---|
5676 | var tip = this.getTipElement();
|
---|
5677 | this.setElementContent($(tip.querySelectorAll(Selector$6.TOOLTIP_INNER)), this.getTitle());
|
---|
5678 | $(tip).removeClass(ClassName$6.FADE + " " + ClassName$6.SHOW);
|
---|
5679 | };
|
---|
5680 |
|
---|
5681 | _proto.setElementContent = function setElementContent($element, content) {
|
---|
5682 | if (typeof content === 'object' && (content.nodeType || content.jquery)) {
|
---|
5683 | // Content is a DOM node or a jQuery
|
---|
5684 | if (this.config.html) {
|
---|
5685 | if (!$(content).parent().is($element)) {
|
---|
5686 | $element.empty().append(content);
|
---|
5687 | }
|
---|
5688 | } else {
|
---|
5689 | $element.text($(content).text());
|
---|
5690 | }
|
---|
5691 |
|
---|
5692 | return;
|
---|
5693 | }
|
---|
5694 |
|
---|
5695 | if (this.config.html) {
|
---|
5696 | if (this.config.sanitize) {
|
---|
5697 | content = sanitizeHtml(content, this.config.whiteList, this.config.sanitizeFn);
|
---|
5698 | }
|
---|
5699 |
|
---|
5700 | $element.html(content);
|
---|
5701 | } else {
|
---|
5702 | $element.text(content);
|
---|
5703 | }
|
---|
5704 | };
|
---|
5705 |
|
---|
5706 | _proto.getTitle = function getTitle() {
|
---|
5707 | var title = this.element.getAttribute('data-original-title');
|
---|
5708 |
|
---|
5709 | if (!title) {
|
---|
5710 | title = typeof this.config.title === 'function' ? this.config.title.call(this.element) : this.config.title;
|
---|
5711 | }
|
---|
5712 |
|
---|
5713 | return title;
|
---|
5714 | } // Private
|
---|
5715 | ;
|
---|
5716 |
|
---|
5717 | _proto._getOffset = function _getOffset() {
|
---|
5718 | var _this3 = this;
|
---|
5719 |
|
---|
5720 | var offset = {};
|
---|
5721 |
|
---|
5722 | if (typeof this.config.offset === 'function') {
|
---|
5723 | offset.fn = function (data) {
|
---|
5724 | data.offsets = _objectSpread({}, data.offsets, _this3.config.offset(data.offsets, _this3.element) || {});
|
---|
5725 | return data;
|
---|
5726 | };
|
---|
5727 | } else {
|
---|
5728 | offset.offset = this.config.offset;
|
---|
5729 | }
|
---|
5730 |
|
---|
5731 | return offset;
|
---|
5732 | };
|
---|
5733 |
|
---|
5734 | _proto._getContainer = function _getContainer() {
|
---|
5735 | if (this.config.container === false) {
|
---|
5736 | return document.body;
|
---|
5737 | }
|
---|
5738 |
|
---|
5739 | if (Util.isElement(this.config.container)) {
|
---|
5740 | return $(this.config.container);
|
---|
5741 | }
|
---|
5742 |
|
---|
5743 | return $(document).find(this.config.container);
|
---|
5744 | };
|
---|
5745 |
|
---|
5746 | _proto._getAttachment = function _getAttachment(placement) {
|
---|
5747 | return AttachmentMap$1[placement.toUpperCase()];
|
---|
5748 | };
|
---|
5749 |
|
---|
5750 | _proto._setListeners = function _setListeners() {
|
---|
5751 | var _this4 = this;
|
---|
5752 |
|
---|
5753 | var triggers = this.config.trigger.split(' ');
|
---|
5754 | triggers.forEach(function (trigger) {
|
---|
5755 | if (trigger === 'click') {
|
---|
5756 | $(_this4.element).on(_this4.constructor.Event.CLICK, _this4.config.selector, function (event) {
|
---|
5757 | return _this4.toggle(event);
|
---|
5758 | });
|
---|
5759 | } else if (trigger !== Trigger.MANUAL) {
|
---|
5760 | var eventIn = trigger === Trigger.HOVER ? _this4.constructor.Event.MOUSEENTER : _this4.constructor.Event.FOCUSIN;
|
---|
5761 | var eventOut = trigger === Trigger.HOVER ? _this4.constructor.Event.MOUSELEAVE : _this4.constructor.Event.FOCUSOUT;
|
---|
5762 | $(_this4.element).on(eventIn, _this4.config.selector, function (event) {
|
---|
5763 | return _this4._enter(event);
|
---|
5764 | }).on(eventOut, _this4.config.selector, function (event) {
|
---|
5765 | return _this4._leave(event);
|
---|
5766 | });
|
---|
5767 | }
|
---|
5768 | });
|
---|
5769 | $(this.element).closest('.modal').on('hide.bs.modal', function () {
|
---|
5770 | if (_this4.element) {
|
---|
5771 | _this4.hide();
|
---|
5772 | }
|
---|
5773 | });
|
---|
5774 |
|
---|
5775 | if (this.config.selector) {
|
---|
5776 | this.config = _objectSpread({}, this.config, {
|
---|
5777 | trigger: 'manual',
|
---|
5778 | selector: ''
|
---|
5779 | });
|
---|
5780 | } else {
|
---|
5781 | this._fixTitle();
|
---|
5782 | }
|
---|
5783 | };
|
---|
5784 |
|
---|
5785 | _proto._fixTitle = function _fixTitle() {
|
---|
5786 | var titleType = typeof this.element.getAttribute('data-original-title');
|
---|
5787 |
|
---|
5788 | if (this.element.getAttribute('title') || titleType !== 'string') {
|
---|
5789 | this.element.setAttribute('data-original-title', this.element.getAttribute('title') || '');
|
---|
5790 | this.element.setAttribute('title', '');
|
---|
5791 | }
|
---|
5792 | };
|
---|
5793 |
|
---|
5794 | _proto._enter = function _enter(event, context) {
|
---|
5795 | var dataKey = this.constructor.DATA_KEY;
|
---|
5796 | context = context || $(event.currentTarget).data(dataKey);
|
---|
5797 |
|
---|
5798 | if (!context) {
|
---|
5799 | context = new this.constructor(event.currentTarget, this._getDelegateConfig());
|
---|
5800 | $(event.currentTarget).data(dataKey, context);
|
---|
5801 | }
|
---|
5802 |
|
---|
5803 | if (event) {
|
---|
5804 | context._activeTrigger[event.type === 'focusin' ? Trigger.FOCUS : Trigger.HOVER] = true;
|
---|
5805 | }
|
---|
5806 |
|
---|
5807 | if ($(context.getTipElement()).hasClass(ClassName$6.SHOW) || context._hoverState === HoverState.SHOW) {
|
---|
5808 | context._hoverState = HoverState.SHOW;
|
---|
5809 | return;
|
---|
5810 | }
|
---|
5811 |
|
---|
5812 | clearTimeout(context._timeout);
|
---|
5813 | context._hoverState = HoverState.SHOW;
|
---|
5814 |
|
---|
5815 | if (!context.config.delay || !context.config.delay.show) {
|
---|
5816 | context.show();
|
---|
5817 | return;
|
---|
5818 | }
|
---|
5819 |
|
---|
5820 | context._timeout = setTimeout(function () {
|
---|
5821 | if (context._hoverState === HoverState.SHOW) {
|
---|
5822 | context.show();
|
---|
5823 | }
|
---|
5824 | }, context.config.delay.show);
|
---|
5825 | };
|
---|
5826 |
|
---|
5827 | _proto._leave = function _leave(event, context) {
|
---|
5828 | var dataKey = this.constructor.DATA_KEY;
|
---|
5829 | context = context || $(event.currentTarget).data(dataKey);
|
---|
5830 |
|
---|
5831 | if (!context) {
|
---|
5832 | context = new this.constructor(event.currentTarget, this._getDelegateConfig());
|
---|
5833 | $(event.currentTarget).data(dataKey, context);
|
---|
5834 | }
|
---|
5835 |
|
---|
5836 | if (event) {
|
---|
5837 | context._activeTrigger[event.type === 'focusout' ? Trigger.FOCUS : Trigger.HOVER] = false;
|
---|
5838 | }
|
---|
5839 |
|
---|
5840 | if (context._isWithActiveTrigger()) {
|
---|
5841 | return;
|
---|
5842 | }
|
---|
5843 |
|
---|
5844 | clearTimeout(context._timeout);
|
---|
5845 | context._hoverState = HoverState.OUT;
|
---|
5846 |
|
---|
5847 | if (!context.config.delay || !context.config.delay.hide) {
|
---|
5848 | context.hide();
|
---|
5849 | return;
|
---|
5850 | }
|
---|
5851 |
|
---|
5852 | context._timeout = setTimeout(function () {
|
---|
5853 | if (context._hoverState === HoverState.OUT) {
|
---|
5854 | context.hide();
|
---|
5855 | }
|
---|
5856 | }, context.config.delay.hide);
|
---|
5857 | };
|
---|
5858 |
|
---|
5859 | _proto._isWithActiveTrigger = function _isWithActiveTrigger() {
|
---|
5860 | for (var trigger in this._activeTrigger) {
|
---|
5861 | if (this._activeTrigger[trigger]) {
|
---|
5862 | return true;
|
---|
5863 | }
|
---|
5864 | }
|
---|
5865 |
|
---|
5866 | return false;
|
---|
5867 | };
|
---|
5868 |
|
---|
5869 | _proto._getConfig = function _getConfig(config) {
|
---|
5870 | var dataAttributes = $(this.element).data();
|
---|
5871 | Object.keys(dataAttributes).forEach(function (dataAttr) {
|
---|
5872 | if (DISALLOWED_ATTRIBUTES.indexOf(dataAttr) !== -1) {
|
---|
5873 | delete dataAttributes[dataAttr];
|
---|
5874 | }
|
---|
5875 | });
|
---|
5876 | config = _objectSpread({}, this.constructor.Default, dataAttributes, typeof config === 'object' && config ? config : {});
|
---|
5877 |
|
---|
5878 | if (typeof config.delay === 'number') {
|
---|
5879 | config.delay = {
|
---|
5880 | show: config.delay,
|
---|
5881 | hide: config.delay
|
---|
5882 | };
|
---|
5883 | }
|
---|
5884 |
|
---|
5885 | if (typeof config.title === 'number') {
|
---|
5886 | config.title = config.title.toString();
|
---|
5887 | }
|
---|
5888 |
|
---|
5889 | if (typeof config.content === 'number') {
|
---|
5890 | config.content = config.content.toString();
|
---|
5891 | }
|
---|
5892 |
|
---|
5893 | Util.typeCheckConfig(NAME$6, config, this.constructor.DefaultType);
|
---|
5894 |
|
---|
5895 | if (config.sanitize) {
|
---|
5896 | config.template = sanitizeHtml(config.template, config.whiteList, config.sanitizeFn);
|
---|
5897 | }
|
---|
5898 |
|
---|
5899 | return config;
|
---|
5900 | };
|
---|
5901 |
|
---|
5902 | _proto._getDelegateConfig = function _getDelegateConfig() {
|
---|
5903 | var config = {};
|
---|
5904 |
|
---|
5905 | if (this.config) {
|
---|
5906 | for (var key in this.config) {
|
---|
5907 | if (this.constructor.Default[key] !== this.config[key]) {
|
---|
5908 | config[key] = this.config[key];
|
---|
5909 | }
|
---|
5910 | }
|
---|
5911 | }
|
---|
5912 |
|
---|
5913 | return config;
|
---|
5914 | };
|
---|
5915 |
|
---|
5916 | _proto._cleanTipClass = function _cleanTipClass() {
|
---|
5917 | var $tip = $(this.getTipElement());
|
---|
5918 | var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX);
|
---|
5919 |
|
---|
5920 | if (tabClass !== null && tabClass.length) {
|
---|
5921 | $tip.removeClass(tabClass.join(''));
|
---|
5922 | }
|
---|
5923 | };
|
---|
5924 |
|
---|
5925 | _proto._handlePopperPlacementChange = function _handlePopperPlacementChange(popperData) {
|
---|
5926 | var popperInstance = popperData.instance;
|
---|
5927 | this.tip = popperInstance.popper;
|
---|
5928 |
|
---|
5929 | this._cleanTipClass();
|
---|
5930 |
|
---|
5931 | this.addAttachmentClass(this._getAttachment(popperData.placement));
|
---|
5932 | };
|
---|
5933 |
|
---|
5934 | _proto._fixTransition = function _fixTransition() {
|
---|
5935 | var tip = this.getTipElement();
|
---|
5936 | var initConfigAnimation = this.config.animation;
|
---|
5937 |
|
---|
5938 | if (tip.getAttribute('x-placement') !== null) {
|
---|
5939 | return;
|
---|
5940 | }
|
---|
5941 |
|
---|
5942 | $(tip).removeClass(ClassName$6.FADE);
|
---|
5943 | this.config.animation = false;
|
---|
5944 | this.hide();
|
---|
5945 | this.show();
|
---|
5946 | this.config.animation = initConfigAnimation;
|
---|
5947 | } // Static
|
---|
5948 | ;
|
---|
5949 |
|
---|
5950 | Tooltip._jQueryInterface = function _jQueryInterface(config) {
|
---|
5951 | return this.each(function () {
|
---|
5952 | var data = $(this).data(DATA_KEY$6);
|
---|
5953 |
|
---|
5954 | var _config = typeof config === 'object' && config;
|
---|
5955 |
|
---|
5956 | if (!data && /dispose|hide/.test(config)) {
|
---|
5957 | return;
|
---|
5958 | }
|
---|
5959 |
|
---|
5960 | if (!data) {
|
---|
5961 | data = new Tooltip(this, _config);
|
---|
5962 | $(this).data(DATA_KEY$6, data);
|
---|
5963 | }
|
---|
5964 |
|
---|
5965 | if (typeof config === 'string') {
|
---|
5966 | if (typeof data[config] === 'undefined') {
|
---|
5967 | throw new TypeError("No method named \"" + config + "\"");
|
---|
5968 | }
|
---|
5969 |
|
---|
5970 | data[config]();
|
---|
5971 | }
|
---|
5972 | });
|
---|
5973 | };
|
---|
5974 |
|
---|
5975 | _createClass(Tooltip, null, [{
|
---|
5976 | key: "VERSION",
|
---|
5977 | get: function get() {
|
---|
5978 | return VERSION$6;
|
---|
5979 | }
|
---|
5980 | }, {
|
---|
5981 | key: "Default",
|
---|
5982 | get: function get() {
|
---|
5983 | return Default$4;
|
---|
5984 | }
|
---|
5985 | }, {
|
---|
5986 | key: "NAME",
|
---|
5987 | get: function get() {
|
---|
5988 | return NAME$6;
|
---|
5989 | }
|
---|
5990 | }, {
|
---|
5991 | key: "DATA_KEY",
|
---|
5992 | get: function get() {
|
---|
5993 | return DATA_KEY$6;
|
---|
5994 | }
|
---|
5995 | }, {
|
---|
5996 | key: "Event",
|
---|
5997 | get: function get() {
|
---|
5998 | return Event$6;
|
---|
5999 | }
|
---|
6000 | }, {
|
---|
6001 | key: "EVENT_KEY",
|
---|
6002 | get: function get() {
|
---|
6003 | return EVENT_KEY$6;
|
---|
6004 | }
|
---|
6005 | }, {
|
---|
6006 | key: "DefaultType",
|
---|
6007 | get: function get() {
|
---|
6008 | return DefaultType$4;
|
---|
6009 | }
|
---|
6010 | }]);
|
---|
6011 |
|
---|
6012 | return Tooltip;
|
---|
6013 | }();
|
---|
6014 | /**
|
---|
6015 | * ------------------------------------------------------------------------
|
---|
6016 | * jQuery
|
---|
6017 | * ------------------------------------------------------------------------
|
---|
6018 | */
|
---|
6019 |
|
---|
6020 |
|
---|
6021 | $.fn[NAME$6] = Tooltip._jQueryInterface;
|
---|
6022 | $.fn[NAME$6].Constructor = Tooltip;
|
---|
6023 |
|
---|
6024 | $.fn[NAME$6].noConflict = function () {
|
---|
6025 | $.fn[NAME$6] = JQUERY_NO_CONFLICT$6;
|
---|
6026 | return Tooltip._jQueryInterface;
|
---|
6027 | };
|
---|
6028 |
|
---|
6029 | /**
|
---|
6030 | * ------------------------------------------------------------------------
|
---|
6031 | * Constants
|
---|
6032 | * ------------------------------------------------------------------------
|
---|
6033 | */
|
---|
6034 |
|
---|
6035 | var NAME$7 = 'popover';
|
---|
6036 | var VERSION$7 = '4.3.1';
|
---|
6037 | var DATA_KEY$7 = 'bs.popover';
|
---|
6038 | var EVENT_KEY$7 = "." + DATA_KEY$7;
|
---|
6039 | var JQUERY_NO_CONFLICT$7 = $.fn[NAME$7];
|
---|
6040 | var CLASS_PREFIX$1 = 'bs-popover';
|
---|
6041 | var BSCLS_PREFIX_REGEX$1 = new RegExp("(^|\\s)" + CLASS_PREFIX$1 + "\\S+", 'g');
|
---|
6042 |
|
---|
6043 | var Default$5 = _objectSpread({}, Tooltip.Default, {
|
---|
6044 | placement: 'right',
|
---|
6045 | trigger: 'click',
|
---|
6046 | content: '',
|
---|
6047 | template: '<div class="popover" role="tooltip">' + '<div class="arrow"></div>' + '<h3 class="popover-header"></h3>' + '<div class="popover-body"></div></div>'
|
---|
6048 | });
|
---|
6049 |
|
---|
6050 | var DefaultType$5 = _objectSpread({}, Tooltip.DefaultType, {
|
---|
6051 | content: '(string|element|function)'
|
---|
6052 | });
|
---|
6053 |
|
---|
6054 | var ClassName$7 = {
|
---|
6055 | FADE: 'fade',
|
---|
6056 | SHOW: 'show'
|
---|
6057 | };
|
---|
6058 | var Selector$7 = {
|
---|
6059 | TITLE: '.popover-header',
|
---|
6060 | CONTENT: '.popover-body'
|
---|
6061 | };
|
---|
6062 | var Event$7 = {
|
---|
6063 | HIDE: "hide" + EVENT_KEY$7,
|
---|
6064 | HIDDEN: "hidden" + EVENT_KEY$7,
|
---|
6065 | SHOW: "show" + EVENT_KEY$7,
|
---|
6066 | SHOWN: "shown" + EVENT_KEY$7,
|
---|
6067 | INSERTED: "inserted" + EVENT_KEY$7,
|
---|
6068 | CLICK: "click" + EVENT_KEY$7,
|
---|
6069 | FOCUSIN: "focusin" + EVENT_KEY$7,
|
---|
6070 | FOCUSOUT: "focusout" + EVENT_KEY$7,
|
---|
6071 | MOUSEENTER: "mouseenter" + EVENT_KEY$7,
|
---|
6072 | MOUSELEAVE: "mouseleave" + EVENT_KEY$7
|
---|
6073 | /**
|
---|
6074 | * ------------------------------------------------------------------------
|
---|
6075 | * Class Definition
|
---|
6076 | * ------------------------------------------------------------------------
|
---|
6077 | */
|
---|
6078 |
|
---|
6079 | };
|
---|
6080 |
|
---|
6081 | var Popover =
|
---|
6082 | /*#__PURE__*/
|
---|
6083 | function (_Tooltip) {
|
---|
6084 | _inheritsLoose(Popover, _Tooltip);
|
---|
6085 |
|
---|
6086 | function Popover() {
|
---|
6087 | return _Tooltip.apply(this, arguments) || this;
|
---|
6088 | }
|
---|
6089 |
|
---|
6090 | var _proto = Popover.prototype;
|
---|
6091 |
|
---|
6092 | // Overrides
|
---|
6093 | _proto.isWithContent = function isWithContent() {
|
---|
6094 | return this.getTitle() || this._getContent();
|
---|
6095 | };
|
---|
6096 |
|
---|
6097 | _proto.addAttachmentClass = function addAttachmentClass(attachment) {
|
---|
6098 | $(this.getTipElement()).addClass(CLASS_PREFIX$1 + "-" + attachment);
|
---|
6099 | };
|
---|
6100 |
|
---|
6101 | _proto.getTipElement = function getTipElement() {
|
---|
6102 | this.tip = this.tip || $(this.config.template)[0];
|
---|
6103 | return this.tip;
|
---|
6104 | };
|
---|
6105 |
|
---|
6106 | _proto.setContent = function setContent() {
|
---|
6107 | var $tip = $(this.getTipElement()); // We use append for html objects to maintain js events
|
---|
6108 |
|
---|
6109 | this.setElementContent($tip.find(Selector$7.TITLE), this.getTitle());
|
---|
6110 |
|
---|
6111 | var content = this._getContent();
|
---|
6112 |
|
---|
6113 | if (typeof content === 'function') {
|
---|
6114 | content = content.call(this.element);
|
---|
6115 | }
|
---|
6116 |
|
---|
6117 | this.setElementContent($tip.find(Selector$7.CONTENT), content);
|
---|
6118 | $tip.removeClass(ClassName$7.FADE + " " + ClassName$7.SHOW);
|
---|
6119 | } // Private
|
---|
6120 | ;
|
---|
6121 |
|
---|
6122 | _proto._getContent = function _getContent() {
|
---|
6123 | return this.element.getAttribute('data-content') || this.config.content;
|
---|
6124 | };
|
---|
6125 |
|
---|
6126 | _proto._cleanTipClass = function _cleanTipClass() {
|
---|
6127 | var $tip = $(this.getTipElement());
|
---|
6128 | var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX$1);
|
---|
6129 |
|
---|
6130 | if (tabClass !== null && tabClass.length > 0) {
|
---|
6131 | $tip.removeClass(tabClass.join(''));
|
---|
6132 | }
|
---|
6133 | } // Static
|
---|
6134 | ;
|
---|
6135 |
|
---|
6136 | Popover._jQueryInterface = function _jQueryInterface(config) {
|
---|
6137 | return this.each(function () {
|
---|
6138 | var data = $(this).data(DATA_KEY$7);
|
---|
6139 |
|
---|
6140 | var _config = typeof config === 'object' ? config : null;
|
---|
6141 |
|
---|
6142 | if (!data && /dispose|hide/.test(config)) {
|
---|
6143 | return;
|
---|
6144 | }
|
---|
6145 |
|
---|
6146 | if (!data) {
|
---|
6147 | data = new Popover(this, _config);
|
---|
6148 | $(this).data(DATA_KEY$7, data);
|
---|
6149 | }
|
---|
6150 |
|
---|
6151 | if (typeof config === 'string') {
|
---|
6152 | if (typeof data[config] === 'undefined') {
|
---|
6153 | throw new TypeError("No method named \"" + config + "\"");
|
---|
6154 | }
|
---|
6155 |
|
---|
6156 | data[config]();
|
---|
6157 | }
|
---|
6158 | });
|
---|
6159 | };
|
---|
6160 |
|
---|
6161 | _createClass(Popover, null, [{
|
---|
6162 | key: "VERSION",
|
---|
6163 | // Getters
|
---|
6164 | get: function get() {
|
---|
6165 | return VERSION$7;
|
---|
6166 | }
|
---|
6167 | }, {
|
---|
6168 | key: "Default",
|
---|
6169 | get: function get() {
|
---|
6170 | return Default$5;
|
---|
6171 | }
|
---|
6172 | }, {
|
---|
6173 | key: "NAME",
|
---|
6174 | get: function get() {
|
---|
6175 | return NAME$7;
|
---|
6176 | }
|
---|
6177 | }, {
|
---|
6178 | key: "DATA_KEY",
|
---|
6179 | get: function get() {
|
---|
6180 | return DATA_KEY$7;
|
---|
6181 | }
|
---|
6182 | }, {
|
---|
6183 | key: "Event",
|
---|
6184 | get: function get() {
|
---|
6185 | return Event$7;
|
---|
6186 | }
|
---|
6187 | }, {
|
---|
6188 | key: "EVENT_KEY",
|
---|
6189 | get: function get() {
|
---|
6190 | return EVENT_KEY$7;
|
---|
6191 | }
|
---|
6192 | }, {
|
---|
6193 | key: "DefaultType",
|
---|
6194 | get: function get() {
|
---|
6195 | return DefaultType$5;
|
---|
6196 | }
|
---|
6197 | }]);
|
---|
6198 |
|
---|
6199 | return Popover;
|
---|
6200 | }(Tooltip);
|
---|
6201 | /**
|
---|
6202 | * ------------------------------------------------------------------------
|
---|
6203 | * jQuery
|
---|
6204 | * ------------------------------------------------------------------------
|
---|
6205 | */
|
---|
6206 |
|
---|
6207 |
|
---|
6208 | $.fn[NAME$7] = Popover._jQueryInterface;
|
---|
6209 | $.fn[NAME$7].Constructor = Popover;
|
---|
6210 |
|
---|
6211 | $.fn[NAME$7].noConflict = function () {
|
---|
6212 | $.fn[NAME$7] = JQUERY_NO_CONFLICT$7;
|
---|
6213 | return Popover._jQueryInterface;
|
---|
6214 | };
|
---|
6215 |
|
---|
6216 | /**
|
---|
6217 | * ------------------------------------------------------------------------
|
---|
6218 | * Constants
|
---|
6219 | * ------------------------------------------------------------------------
|
---|
6220 | */
|
---|
6221 |
|
---|
6222 | var NAME$8 = 'scrollspy';
|
---|
6223 | var VERSION$8 = '4.3.1';
|
---|
6224 | var DATA_KEY$8 = 'bs.scrollspy';
|
---|
6225 | var EVENT_KEY$8 = "." + DATA_KEY$8;
|
---|
6226 | var DATA_API_KEY$6 = '.data-api';
|
---|
6227 | var JQUERY_NO_CONFLICT$8 = $.fn[NAME$8];
|
---|
6228 | var Default$6 = {
|
---|
6229 | offset: 10,
|
---|
6230 | method: 'auto',
|
---|
6231 | target: ''
|
---|
6232 | };
|
---|
6233 | var DefaultType$6 = {
|
---|
6234 | offset: 'number',
|
---|
6235 | method: 'string',
|
---|
6236 | target: '(string|element)'
|
---|
6237 | };
|
---|
6238 | var Event$8 = {
|
---|
6239 | ACTIVATE: "activate" + EVENT_KEY$8,
|
---|
6240 | SCROLL: "scroll" + EVENT_KEY$8,
|
---|
6241 | LOAD_DATA_API: "load" + EVENT_KEY$8 + DATA_API_KEY$6
|
---|
6242 | };
|
---|
6243 | var ClassName$8 = {
|
---|
6244 | DROPDOWN_ITEM: 'dropdown-item',
|
---|
6245 | DROPDOWN_MENU: 'dropdown-menu',
|
---|
6246 | ACTIVE: 'active'
|
---|
6247 | };
|
---|
6248 | var Selector$8 = {
|
---|
6249 | DATA_SPY: '[data-spy="scroll"]',
|
---|
6250 | ACTIVE: '.active',
|
---|
6251 | NAV_LIST_GROUP: '.nav, .list-group',
|
---|
6252 | NAV_LINKS: '.nav-link',
|
---|
6253 | NAV_ITEMS: '.nav-item',
|
---|
6254 | LIST_ITEMS: '.list-group-item',
|
---|
6255 | DROPDOWN: '.dropdown',
|
---|
6256 | DROPDOWN_ITEMS: '.dropdown-item',
|
---|
6257 | DROPDOWN_TOGGLE: '.dropdown-toggle'
|
---|
6258 | };
|
---|
6259 | var OffsetMethod = {
|
---|
6260 | OFFSET: 'offset',
|
---|
6261 | POSITION: 'position'
|
---|
6262 | /**
|
---|
6263 | * ------------------------------------------------------------------------
|
---|
6264 | * Class Definition
|
---|
6265 | * ------------------------------------------------------------------------
|
---|
6266 | */
|
---|
6267 |
|
---|
6268 | };
|
---|
6269 |
|
---|
6270 | var ScrollSpy =
|
---|
6271 | /*#__PURE__*/
|
---|
6272 | function () {
|
---|
6273 | function ScrollSpy(element, config) {
|
---|
6274 | var _this = this;
|
---|
6275 |
|
---|
6276 | this._element = element;
|
---|
6277 | this._scrollElement = element.tagName === 'BODY' ? window : element;
|
---|
6278 | this._config = this._getConfig(config);
|
---|
6279 | this._selector = this._config.target + " " + Selector$8.NAV_LINKS + "," + (this._config.target + " " + Selector$8.LIST_ITEMS + ",") + (this._config.target + " " + Selector$8.DROPDOWN_ITEMS);
|
---|
6280 | this._offsets = [];
|
---|
6281 | this._targets = [];
|
---|
6282 | this._activeTarget = null;
|
---|
6283 | this._scrollHeight = 0;
|
---|
6284 | $(this._scrollElement).on(Event$8.SCROLL, function (event) {
|
---|
6285 | return _this._process(event);
|
---|
6286 | });
|
---|
6287 | this.refresh();
|
---|
6288 |
|
---|
6289 | this._process();
|
---|
6290 | } // Getters
|
---|
6291 |
|
---|
6292 |
|
---|
6293 | var _proto = ScrollSpy.prototype;
|
---|
6294 |
|
---|
6295 | // Public
|
---|
6296 | _proto.refresh = function refresh() {
|
---|
6297 | var _this2 = this;
|
---|
6298 |
|
---|
6299 | var autoMethod = this._scrollElement === this._scrollElement.window ? OffsetMethod.OFFSET : OffsetMethod.POSITION;
|
---|
6300 | var offsetMethod = this._config.method === 'auto' ? autoMethod : this._config.method;
|
---|
6301 | var offsetBase = offsetMethod === OffsetMethod.POSITION ? this._getScrollTop() : 0;
|
---|
6302 | this._offsets = [];
|
---|
6303 | this._targets = [];
|
---|
6304 | this._scrollHeight = this._getScrollHeight();
|
---|
6305 | var targets = [].slice.call(document.querySelectorAll(this._selector));
|
---|
6306 | targets.map(function (element) {
|
---|
6307 | var target;
|
---|
6308 | var targetSelector = Util.getSelectorFromElement(element);
|
---|
6309 |
|
---|
6310 | if (targetSelector) {
|
---|
6311 | target = document.querySelector(targetSelector);
|
---|
6312 | }
|
---|
6313 |
|
---|
6314 | if (target) {
|
---|
6315 | var targetBCR = target.getBoundingClientRect();
|
---|
6316 |
|
---|
6317 | if (targetBCR.width || targetBCR.height) {
|
---|
6318 | // TODO (fat): remove sketch reliance on jQuery position/offset
|
---|
6319 | return [$(target)[offsetMethod]().top + offsetBase, targetSelector];
|
---|
6320 | }
|
---|
6321 | }
|
---|
6322 |
|
---|
6323 | return null;
|
---|
6324 | }).filter(function (item) {
|
---|
6325 | return item;
|
---|
6326 | }).sort(function (a, b) {
|
---|
6327 | return a[0] - b[0];
|
---|
6328 | }).forEach(function (item) {
|
---|
6329 | _this2._offsets.push(item[0]);
|
---|
6330 |
|
---|
6331 | _this2._targets.push(item[1]);
|
---|
6332 | });
|
---|
6333 | };
|
---|
6334 |
|
---|
6335 | _proto.dispose = function dispose() {
|
---|
6336 | $.removeData(this._element, DATA_KEY$8);
|
---|
6337 | $(this._scrollElement).off(EVENT_KEY$8);
|
---|
6338 | this._element = null;
|
---|
6339 | this._scrollElement = null;
|
---|
6340 | this._config = null;
|
---|
6341 | this._selector = null;
|
---|
6342 | this._offsets = null;
|
---|
6343 | this._targets = null;
|
---|
6344 | this._activeTarget = null;
|
---|
6345 | this._scrollHeight = null;
|
---|
6346 | } // Private
|
---|
6347 | ;
|
---|
6348 |
|
---|
6349 | _proto._getConfig = function _getConfig(config) {
|
---|
6350 | config = _objectSpread({}, Default$6, typeof config === 'object' && config ? config : {});
|
---|
6351 |
|
---|
6352 | if (typeof config.target !== 'string') {
|
---|
6353 | var id = $(config.target).attr('id');
|
---|
6354 |
|
---|
6355 | if (!id) {
|
---|
6356 | id = Util.getUID(NAME$8);
|
---|
6357 | $(config.target).attr('id', id);
|
---|
6358 | }
|
---|
6359 |
|
---|
6360 | config.target = "#" + id;
|
---|
6361 | }
|
---|
6362 |
|
---|
6363 | Util.typeCheckConfig(NAME$8, config, DefaultType$6);
|
---|
6364 | return config;
|
---|
6365 | };
|
---|
6366 |
|
---|
6367 | _proto._getScrollTop = function _getScrollTop() {
|
---|
6368 | return this._scrollElement === window ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop;
|
---|
6369 | };
|
---|
6370 |
|
---|
6371 | _proto._getScrollHeight = function _getScrollHeight() {
|
---|
6372 | return this._scrollElement.scrollHeight || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
|
---|
6373 | };
|
---|
6374 |
|
---|
6375 | _proto._getOffsetHeight = function _getOffsetHeight() {
|
---|
6376 | return this._scrollElement === window ? window.innerHeight : this._scrollElement.getBoundingClientRect().height;
|
---|
6377 | };
|
---|
6378 |
|
---|
6379 | _proto._process = function _process() {
|
---|
6380 | var scrollTop = this._getScrollTop() + this._config.offset;
|
---|
6381 |
|
---|
6382 | var scrollHeight = this._getScrollHeight();
|
---|
6383 |
|
---|
6384 | var maxScroll = this._config.offset + scrollHeight - this._getOffsetHeight();
|
---|
6385 |
|
---|
6386 | if (this._scrollHeight !== scrollHeight) {
|
---|
6387 | this.refresh();
|
---|
6388 | }
|
---|
6389 |
|
---|
6390 | if (scrollTop >= maxScroll) {
|
---|
6391 | var target = this._targets[this._targets.length - 1];
|
---|
6392 |
|
---|
6393 | if (this._activeTarget !== target) {
|
---|
6394 | this._activate(target);
|
---|
6395 | }
|
---|
6396 |
|
---|
6397 | return;
|
---|
6398 | }
|
---|
6399 |
|
---|
6400 | if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {
|
---|
6401 | this._activeTarget = null;
|
---|
6402 |
|
---|
6403 | this._clear();
|
---|
6404 |
|
---|
6405 | return;
|
---|
6406 | }
|
---|
6407 |
|
---|
6408 | var offsetLength = this._offsets.length;
|
---|
6409 |
|
---|
6410 | for (var i = offsetLength; i--;) {
|
---|
6411 | var isActiveTarget = this._activeTarget !== this._targets[i] && scrollTop >= this._offsets[i] && (typeof this._offsets[i + 1] === 'undefined' || scrollTop < this._offsets[i + 1]);
|
---|
6412 |
|
---|
6413 | if (isActiveTarget) {
|
---|
6414 | this._activate(this._targets[i]);
|
---|
6415 | }
|
---|
6416 | }
|
---|
6417 | };
|
---|
6418 |
|
---|
6419 | _proto._activate = function _activate(target) {
|
---|
6420 | this._activeTarget = target;
|
---|
6421 |
|
---|
6422 | this._clear();
|
---|
6423 |
|
---|
6424 | var queries = this._selector.split(',').map(function (selector) {
|
---|
6425 | return selector + "[data-target=\"" + target + "\"]," + selector + "[href=\"" + target + "\"]";
|
---|
6426 | });
|
---|
6427 |
|
---|
6428 | var $link = $([].slice.call(document.querySelectorAll(queries.join(','))));
|
---|
6429 |
|
---|
6430 | if ($link.hasClass(ClassName$8.DROPDOWN_ITEM)) {
|
---|
6431 | $link.closest(Selector$8.DROPDOWN).find(Selector$8.DROPDOWN_TOGGLE).addClass(ClassName$8.ACTIVE);
|
---|
6432 | $link.addClass(ClassName$8.ACTIVE);
|
---|
6433 | } else {
|
---|
6434 | // Set triggered link as active
|
---|
6435 | $link.addClass(ClassName$8.ACTIVE); // Set triggered links parents as active
|
---|
6436 | // With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor
|
---|
6437 |
|
---|
6438 | $link.parents(Selector$8.NAV_LIST_GROUP).prev(Selector$8.NAV_LINKS + ", " + Selector$8.LIST_ITEMS).addClass(ClassName$8.ACTIVE); // Handle special case when .nav-link is inside .nav-item
|
---|
6439 |
|
---|
6440 | $link.parents(Selector$8.NAV_LIST_GROUP).prev(Selector$8.NAV_ITEMS).children(Selector$8.NAV_LINKS).addClass(ClassName$8.ACTIVE);
|
---|
6441 | }
|
---|
6442 |
|
---|
6443 | $(this._scrollElement).trigger(Event$8.ACTIVATE, {
|
---|
6444 | relatedTarget: target
|
---|
6445 | });
|
---|
6446 | };
|
---|
6447 |
|
---|
6448 | _proto._clear = function _clear() {
|
---|
6449 | [].slice.call(document.querySelectorAll(this._selector)).filter(function (node) {
|
---|
6450 | return node.classList.contains(ClassName$8.ACTIVE);
|
---|
6451 | }).forEach(function (node) {
|
---|
6452 | return node.classList.remove(ClassName$8.ACTIVE);
|
---|
6453 | });
|
---|
6454 | } // Static
|
---|
6455 | ;
|
---|
6456 |
|
---|
6457 | ScrollSpy._jQueryInterface = function _jQueryInterface(config) {
|
---|
6458 | return this.each(function () {
|
---|
6459 | var data = $(this).data(DATA_KEY$8);
|
---|
6460 |
|
---|
6461 | var _config = typeof config === 'object' && config;
|
---|
6462 |
|
---|
6463 | if (!data) {
|
---|
6464 | data = new ScrollSpy(this, _config);
|
---|
6465 | $(this).data(DATA_KEY$8, data);
|
---|
6466 | }
|
---|
6467 |
|
---|
6468 | if (typeof config === 'string') {
|
---|
6469 | if (typeof data[config] === 'undefined') {
|
---|
6470 | throw new TypeError("No method named \"" + config + "\"");
|
---|
6471 | }
|
---|
6472 |
|
---|
6473 | data[config]();
|
---|
6474 | }
|
---|
6475 | });
|
---|
6476 | };
|
---|
6477 |
|
---|
6478 | _createClass(ScrollSpy, null, [{
|
---|
6479 | key: "VERSION",
|
---|
6480 | get: function get() {
|
---|
6481 | return VERSION$8;
|
---|
6482 | }
|
---|
6483 | }, {
|
---|
6484 | key: "Default",
|
---|
6485 | get: function get() {
|
---|
6486 | return Default$6;
|
---|
6487 | }
|
---|
6488 | }]);
|
---|
6489 |
|
---|
6490 | return ScrollSpy;
|
---|
6491 | }();
|
---|
6492 | /**
|
---|
6493 | * ------------------------------------------------------------------------
|
---|
6494 | * Data Api implementation
|
---|
6495 | * ------------------------------------------------------------------------
|
---|
6496 | */
|
---|
6497 |
|
---|
6498 |
|
---|
6499 | $(window).on(Event$8.LOAD_DATA_API, function () {
|
---|
6500 | var scrollSpys = [].slice.call(document.querySelectorAll(Selector$8.DATA_SPY));
|
---|
6501 | var scrollSpysLength = scrollSpys.length;
|
---|
6502 |
|
---|
6503 | for (var i = scrollSpysLength; i--;) {
|
---|
6504 | var $spy = $(scrollSpys[i]);
|
---|
6505 |
|
---|
6506 | ScrollSpy._jQueryInterface.call($spy, $spy.data());
|
---|
6507 | }
|
---|
6508 | });
|
---|
6509 | /**
|
---|
6510 | * ------------------------------------------------------------------------
|
---|
6511 | * jQuery
|
---|
6512 | * ------------------------------------------------------------------------
|
---|
6513 | */
|
---|
6514 |
|
---|
6515 | $.fn[NAME$8] = ScrollSpy._jQueryInterface;
|
---|
6516 | $.fn[NAME$8].Constructor = ScrollSpy;
|
---|
6517 |
|
---|
6518 | $.fn[NAME$8].noConflict = function () {
|
---|
6519 | $.fn[NAME$8] = JQUERY_NO_CONFLICT$8;
|
---|
6520 | return ScrollSpy._jQueryInterface;
|
---|
6521 | };
|
---|
6522 |
|
---|
6523 | /**
|
---|
6524 | * ------------------------------------------------------------------------
|
---|
6525 | * Constants
|
---|
6526 | * ------------------------------------------------------------------------
|
---|
6527 | */
|
---|
6528 |
|
---|
6529 | var NAME$9 = 'tab';
|
---|
6530 | var VERSION$9 = '4.3.1';
|
---|
6531 | var DATA_KEY$9 = 'bs.tab';
|
---|
6532 | var EVENT_KEY$9 = "." + DATA_KEY$9;
|
---|
6533 | var DATA_API_KEY$7 = '.data-api';
|
---|
6534 | var JQUERY_NO_CONFLICT$9 = $.fn[NAME$9];
|
---|
6535 | var Event$9 = {
|
---|
6536 | HIDE: "hide" + EVENT_KEY$9,
|
---|
6537 | HIDDEN: "hidden" + EVENT_KEY$9,
|
---|
6538 | SHOW: "show" + EVENT_KEY$9,
|
---|
6539 | SHOWN: "shown" + EVENT_KEY$9,
|
---|
6540 | CLICK_DATA_API: "click" + EVENT_KEY$9 + DATA_API_KEY$7
|
---|
6541 | };
|
---|
6542 | var ClassName$9 = {
|
---|
6543 | DROPDOWN_MENU: 'dropdown-menu',
|
---|
6544 | ACTIVE: 'active',
|
---|
6545 | DISABLED: 'disabled',
|
---|
6546 | FADE: 'fade',
|
---|
6547 | SHOW: 'show'
|
---|
6548 | };
|
---|
6549 | var Selector$9 = {
|
---|
6550 | DROPDOWN: '.dropdown',
|
---|
6551 | NAV_LIST_GROUP: '.nav, .list-group',
|
---|
6552 | ACTIVE: '.active',
|
---|
6553 | ACTIVE_UL: '> li > .active',
|
---|
6554 | DATA_TOGGLE: '[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',
|
---|
6555 | DROPDOWN_TOGGLE: '.dropdown-toggle',
|
---|
6556 | DROPDOWN_ACTIVE_CHILD: '> .dropdown-menu .active'
|
---|
6557 | /**
|
---|
6558 | * ------------------------------------------------------------------------
|
---|
6559 | * Class Definition
|
---|
6560 | * ------------------------------------------------------------------------
|
---|
6561 | */
|
---|
6562 |
|
---|
6563 | };
|
---|
6564 |
|
---|
6565 | var Tab =
|
---|
6566 | /*#__PURE__*/
|
---|
6567 | function () {
|
---|
6568 | function Tab(element) {
|
---|
6569 | this._element = element;
|
---|
6570 | } // Getters
|
---|
6571 |
|
---|
6572 |
|
---|
6573 | var _proto = Tab.prototype;
|
---|
6574 |
|
---|
6575 | // Public
|
---|
6576 | _proto.show = function show() {
|
---|
6577 | var _this = this;
|
---|
6578 |
|
---|
6579 | if (this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE && $(this._element).hasClass(ClassName$9.ACTIVE) || $(this._element).hasClass(ClassName$9.DISABLED)) {
|
---|
6580 | return;
|
---|
6581 | }
|
---|
6582 |
|
---|
6583 | var target;
|
---|
6584 | var previous;
|
---|
6585 | var listElement = $(this._element).closest(Selector$9.NAV_LIST_GROUP)[0];
|
---|
6586 | var selector = Util.getSelectorFromElement(this._element);
|
---|
6587 |
|
---|
6588 | if (listElement) {
|
---|
6589 | var itemSelector = listElement.nodeName === 'UL' || listElement.nodeName === 'OL' ? Selector$9.ACTIVE_UL : Selector$9.ACTIVE;
|
---|
6590 | previous = $.makeArray($(listElement).find(itemSelector));
|
---|
6591 | previous = previous[previous.length - 1];
|
---|
6592 | }
|
---|
6593 |
|
---|
6594 | var hideEvent = $.Event(Event$9.HIDE, {
|
---|
6595 | relatedTarget: this._element
|
---|
6596 | });
|
---|
6597 | var showEvent = $.Event(Event$9.SHOW, {
|
---|
6598 | relatedTarget: previous
|
---|
6599 | });
|
---|
6600 |
|
---|
6601 | if (previous) {
|
---|
6602 | $(previous).trigger(hideEvent);
|
---|
6603 | }
|
---|
6604 |
|
---|
6605 | $(this._element).trigger(showEvent);
|
---|
6606 |
|
---|
6607 | if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) {
|
---|
6608 | return;
|
---|
6609 | }
|
---|
6610 |
|
---|
6611 | if (selector) {
|
---|
6612 | target = document.querySelector(selector);
|
---|
6613 | }
|
---|
6614 |
|
---|
6615 | this._activate(this._element, listElement);
|
---|
6616 |
|
---|
6617 | var complete = function complete() {
|
---|
6618 | var hiddenEvent = $.Event(Event$9.HIDDEN, {
|
---|
6619 | relatedTarget: _this._element
|
---|
6620 | });
|
---|
6621 | var shownEvent = $.Event(Event$9.SHOWN, {
|
---|
6622 | relatedTarget: previous
|
---|
6623 | });
|
---|
6624 | $(previous).trigger(hiddenEvent);
|
---|
6625 | $(_this._element).trigger(shownEvent);
|
---|
6626 | };
|
---|
6627 |
|
---|
6628 | if (target) {
|
---|
6629 | this._activate(target, target.parentNode, complete);
|
---|
6630 | } else {
|
---|
6631 | complete();
|
---|
6632 | }
|
---|
6633 | };
|
---|
6634 |
|
---|
6635 | _proto.dispose = function dispose() {
|
---|
6636 | $.removeData(this._element, DATA_KEY$9);
|
---|
6637 | this._element = null;
|
---|
6638 | } // Private
|
---|
6639 | ;
|
---|
6640 |
|
---|
6641 | _proto._activate = function _activate(element, container, callback) {
|
---|
6642 | var _this2 = this;
|
---|
6643 |
|
---|
6644 | var activeElements = container && (container.nodeName === 'UL' || container.nodeName === 'OL') ? $(container).find(Selector$9.ACTIVE_UL) : $(container).children(Selector$9.ACTIVE);
|
---|
6645 | var active = activeElements[0];
|
---|
6646 | var isTransitioning = callback && active && $(active).hasClass(ClassName$9.FADE);
|
---|
6647 |
|
---|
6648 | var complete = function complete() {
|
---|
6649 | return _this2._transitionComplete(element, active, callback);
|
---|
6650 | };
|
---|
6651 |
|
---|
6652 | if (active && isTransitioning) {
|
---|
6653 | var transitionDuration = Util.getTransitionDurationFromElement(active);
|
---|
6654 | $(active).removeClass(ClassName$9.SHOW).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
|
---|
6655 | } else {
|
---|
6656 | complete();
|
---|
6657 | }
|
---|
6658 | };
|
---|
6659 |
|
---|
6660 | _proto._transitionComplete = function _transitionComplete(element, active, callback) {
|
---|
6661 | if (active) {
|
---|
6662 | $(active).removeClass(ClassName$9.ACTIVE);
|
---|
6663 | var dropdownChild = $(active.parentNode).find(Selector$9.DROPDOWN_ACTIVE_CHILD)[0];
|
---|
6664 |
|
---|
6665 | if (dropdownChild) {
|
---|
6666 | $(dropdownChild).removeClass(ClassName$9.ACTIVE);
|
---|
6667 | }
|
---|
6668 |
|
---|
6669 | if (active.getAttribute('role') === 'tab') {
|
---|
6670 | active.setAttribute('aria-selected', false);
|
---|
6671 | }
|
---|
6672 | }
|
---|
6673 |
|
---|
6674 | $(element).addClass(ClassName$9.ACTIVE);
|
---|
6675 |
|
---|
6676 | if (element.getAttribute('role') === 'tab') {
|
---|
6677 | element.setAttribute('aria-selected', true);
|
---|
6678 | }
|
---|
6679 |
|
---|
6680 | Util.reflow(element);
|
---|
6681 |
|
---|
6682 | if (element.classList.contains(ClassName$9.FADE)) {
|
---|
6683 | element.classList.add(ClassName$9.SHOW);
|
---|
6684 | }
|
---|
6685 |
|
---|
6686 | if (element.parentNode && $(element.parentNode).hasClass(ClassName$9.DROPDOWN_MENU)) {
|
---|
6687 | var dropdownElement = $(element).closest(Selector$9.DROPDOWN)[0];
|
---|
6688 |
|
---|
6689 | if (dropdownElement) {
|
---|
6690 | var dropdownToggleList = [].slice.call(dropdownElement.querySelectorAll(Selector$9.DROPDOWN_TOGGLE));
|
---|
6691 | $(dropdownToggleList).addClass(ClassName$9.ACTIVE);
|
---|
6692 | }
|
---|
6693 |
|
---|
6694 | element.setAttribute('aria-expanded', true);
|
---|
6695 | }
|
---|
6696 |
|
---|
6697 | if (callback) {
|
---|
6698 | callback();
|
---|
6699 | }
|
---|
6700 | } // Static
|
---|
6701 | ;
|
---|
6702 |
|
---|
6703 | Tab._jQueryInterface = function _jQueryInterface(config) {
|
---|
6704 | return this.each(function () {
|
---|
6705 | var $this = $(this);
|
---|
6706 | var data = $this.data(DATA_KEY$9);
|
---|
6707 |
|
---|
6708 | if (!data) {
|
---|
6709 | data = new Tab(this);
|
---|
6710 | $this.data(DATA_KEY$9, data);
|
---|
6711 | }
|
---|
6712 |
|
---|
6713 | if (typeof config === 'string') {
|
---|
6714 | if (typeof data[config] === 'undefined') {
|
---|
6715 | throw new TypeError("No method named \"" + config + "\"");
|
---|
6716 | }
|
---|
6717 |
|
---|
6718 | data[config]();
|
---|
6719 | }
|
---|
6720 | });
|
---|
6721 | };
|
---|
6722 |
|
---|
6723 | _createClass(Tab, null, [{
|
---|
6724 | key: "VERSION",
|
---|
6725 | get: function get() {
|
---|
6726 | return VERSION$9;
|
---|
6727 | }
|
---|
6728 | }]);
|
---|
6729 |
|
---|
6730 | return Tab;
|
---|
6731 | }();
|
---|
6732 | /**
|
---|
6733 | * ------------------------------------------------------------------------
|
---|
6734 | * Data Api implementation
|
---|
6735 | * ------------------------------------------------------------------------
|
---|
6736 | */
|
---|
6737 |
|
---|
6738 |
|
---|
6739 | $(document).on(Event$9.CLICK_DATA_API, Selector$9.DATA_TOGGLE, function (event) {
|
---|
6740 | event.preventDefault();
|
---|
6741 |
|
---|
6742 | Tab._jQueryInterface.call($(this), 'show');
|
---|
6743 | });
|
---|
6744 | /**
|
---|
6745 | * ------------------------------------------------------------------------
|
---|
6746 | * jQuery
|
---|
6747 | * ------------------------------------------------------------------------
|
---|
6748 | */
|
---|
6749 |
|
---|
6750 | $.fn[NAME$9] = Tab._jQueryInterface;
|
---|
6751 | $.fn[NAME$9].Constructor = Tab;
|
---|
6752 |
|
---|
6753 | $.fn[NAME$9].noConflict = function () {
|
---|
6754 | $.fn[NAME$9] = JQUERY_NO_CONFLICT$9;
|
---|
6755 | return Tab._jQueryInterface;
|
---|
6756 | };
|
---|
6757 |
|
---|
6758 | /**
|
---|
6759 | * ------------------------------------------------------------------------
|
---|
6760 | * Constants
|
---|
6761 | * ------------------------------------------------------------------------
|
---|
6762 | */
|
---|
6763 |
|
---|
6764 | var NAME$a = 'toast';
|
---|
6765 | var VERSION$a = '4.3.1';
|
---|
6766 | var DATA_KEY$a = 'bs.toast';
|
---|
6767 | var EVENT_KEY$a = "." + DATA_KEY$a;
|
---|
6768 | var JQUERY_NO_CONFLICT$a = $.fn[NAME$a];
|
---|
6769 | var Event$a = {
|
---|
6770 | CLICK_DISMISS: "click.dismiss" + EVENT_KEY$a,
|
---|
6771 | HIDE: "hide" + EVENT_KEY$a,
|
---|
6772 | HIDDEN: "hidden" + EVENT_KEY$a,
|
---|
6773 | SHOW: "show" + EVENT_KEY$a,
|
---|
6774 | SHOWN: "shown" + EVENT_KEY$a
|
---|
6775 | };
|
---|
6776 | var ClassName$a = {
|
---|
6777 | FADE: 'fade',
|
---|
6778 | HIDE: 'hide',
|
---|
6779 | SHOW: 'show',
|
---|
6780 | SHOWING: 'showing'
|
---|
6781 | };
|
---|
6782 | var DefaultType$7 = {
|
---|
6783 | animation: 'boolean',
|
---|
6784 | autohide: 'boolean',
|
---|
6785 | delay: 'number'
|
---|
6786 | };
|
---|
6787 | var Default$7 = {
|
---|
6788 | animation: true,
|
---|
6789 | autohide: true,
|
---|
6790 | delay: 500
|
---|
6791 | };
|
---|
6792 | var Selector$a = {
|
---|
6793 | DATA_DISMISS: '[data-dismiss="toast"]'
|
---|
6794 | /**
|
---|
6795 | * ------------------------------------------------------------------------
|
---|
6796 | * Class Definition
|
---|
6797 | * ------------------------------------------------------------------------
|
---|
6798 | */
|
---|
6799 |
|
---|
6800 | };
|
---|
6801 |
|
---|
6802 | var Toast =
|
---|
6803 | /*#__PURE__*/
|
---|
6804 | function () {
|
---|
6805 | function Toast(element, config) {
|
---|
6806 | this._element = element;
|
---|
6807 | this._config = this._getConfig(config);
|
---|
6808 | this._timeout = null;
|
---|
6809 |
|
---|
6810 | this._setListeners();
|
---|
6811 | } // Getters
|
---|
6812 |
|
---|
6813 |
|
---|
6814 | var _proto = Toast.prototype;
|
---|
6815 |
|
---|
6816 | // Public
|
---|
6817 | _proto.show = function show() {
|
---|
6818 | var _this = this;
|
---|
6819 |
|
---|
6820 | $(this._element).trigger(Event$a.SHOW);
|
---|
6821 |
|
---|
6822 | if (this._config.animation) {
|
---|
6823 | this._element.classList.add(ClassName$a.FADE);
|
---|
6824 | }
|
---|
6825 |
|
---|
6826 | var complete = function complete() {
|
---|
6827 | _this._element.classList.remove(ClassName$a.SHOWING);
|
---|
6828 |
|
---|
6829 | _this._element.classList.add(ClassName$a.SHOW);
|
---|
6830 |
|
---|
6831 | $(_this._element).trigger(Event$a.SHOWN);
|
---|
6832 |
|
---|
6833 | if (_this._config.autohide) {
|
---|
6834 | _this.hide();
|
---|
6835 | }
|
---|
6836 | };
|
---|
6837 |
|
---|
6838 | this._element.classList.remove(ClassName$a.HIDE);
|
---|
6839 |
|
---|
6840 | this._element.classList.add(ClassName$a.SHOWING);
|
---|
6841 |
|
---|
6842 | if (this._config.animation) {
|
---|
6843 | var transitionDuration = Util.getTransitionDurationFromElement(this._element);
|
---|
6844 | $(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
|
---|
6845 | } else {
|
---|
6846 | complete();
|
---|
6847 | }
|
---|
6848 | };
|
---|
6849 |
|
---|
6850 | _proto.hide = function hide(withoutTimeout) {
|
---|
6851 | var _this2 = this;
|
---|
6852 |
|
---|
6853 | if (!this._element.classList.contains(ClassName$a.SHOW)) {
|
---|
6854 | return;
|
---|
6855 | }
|
---|
6856 |
|
---|
6857 | $(this._element).trigger(Event$a.HIDE);
|
---|
6858 |
|
---|
6859 | if (withoutTimeout) {
|
---|
6860 | this._close();
|
---|
6861 | } else {
|
---|
6862 | this._timeout = setTimeout(function () {
|
---|
6863 | _this2._close();
|
---|
6864 | }, this._config.delay);
|
---|
6865 | }
|
---|
6866 | };
|
---|
6867 |
|
---|
6868 | _proto.dispose = function dispose() {
|
---|
6869 | clearTimeout(this._timeout);
|
---|
6870 | this._timeout = null;
|
---|
6871 |
|
---|
6872 | if (this._element.classList.contains(ClassName$a.SHOW)) {
|
---|
6873 | this._element.classList.remove(ClassName$a.SHOW);
|
---|
6874 | }
|
---|
6875 |
|
---|
6876 | $(this._element).off(Event$a.CLICK_DISMISS);
|
---|
6877 | $.removeData(this._element, DATA_KEY$a);
|
---|
6878 | this._element = null;
|
---|
6879 | this._config = null;
|
---|
6880 | } // Private
|
---|
6881 | ;
|
---|
6882 |
|
---|
6883 | _proto._getConfig = function _getConfig(config) {
|
---|
6884 | config = _objectSpread({}, Default$7, $(this._element).data(), typeof config === 'object' && config ? config : {});
|
---|
6885 | Util.typeCheckConfig(NAME$a, config, this.constructor.DefaultType);
|
---|
6886 | return config;
|
---|
6887 | };
|
---|
6888 |
|
---|
6889 | _proto._setListeners = function _setListeners() {
|
---|
6890 | var _this3 = this;
|
---|
6891 |
|
---|
6892 | $(this._element).on(Event$a.CLICK_DISMISS, Selector$a.DATA_DISMISS, function () {
|
---|
6893 | return _this3.hide(true);
|
---|
6894 | });
|
---|
6895 | };
|
---|
6896 |
|
---|
6897 | _proto._close = function _close() {
|
---|
6898 | var _this4 = this;
|
---|
6899 |
|
---|
6900 | var complete = function complete() {
|
---|
6901 | _this4._element.classList.add(ClassName$a.HIDE);
|
---|
6902 |
|
---|
6903 | $(_this4._element).trigger(Event$a.HIDDEN);
|
---|
6904 | };
|
---|
6905 |
|
---|
6906 | this._element.classList.remove(ClassName$a.SHOW);
|
---|
6907 |
|
---|
6908 | if (this._config.animation) {
|
---|
6909 | var transitionDuration = Util.getTransitionDurationFromElement(this._element);
|
---|
6910 | $(this._element).one(Util.TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
|
---|
6911 | } else {
|
---|
6912 | complete();
|
---|
6913 | }
|
---|
6914 | } // Static
|
---|
6915 | ;
|
---|
6916 |
|
---|
6917 | Toast._jQueryInterface = function _jQueryInterface(config) {
|
---|
6918 | return this.each(function () {
|
---|
6919 | var $element = $(this);
|
---|
6920 | var data = $element.data(DATA_KEY$a);
|
---|
6921 |
|
---|
6922 | var _config = typeof config === 'object' && config;
|
---|
6923 |
|
---|
6924 | if (!data) {
|
---|
6925 | data = new Toast(this, _config);
|
---|
6926 | $element.data(DATA_KEY$a, data);
|
---|
6927 | }
|
---|
6928 |
|
---|
6929 | if (typeof config === 'string') {
|
---|
6930 | if (typeof data[config] === 'undefined') {
|
---|
6931 | throw new TypeError("No method named \"" + config + "\"");
|
---|
6932 | }
|
---|
6933 |
|
---|
6934 | data[config](this);
|
---|
6935 | }
|
---|
6936 | });
|
---|
6937 | };
|
---|
6938 |
|
---|
6939 | _createClass(Toast, null, [{
|
---|
6940 | key: "VERSION",
|
---|
6941 | get: function get() {
|
---|
6942 | return VERSION$a;
|
---|
6943 | }
|
---|
6944 | }, {
|
---|
6945 | key: "DefaultType",
|
---|
6946 | get: function get() {
|
---|
6947 | return DefaultType$7;
|
---|
6948 | }
|
---|
6949 | }, {
|
---|
6950 | key: "Default",
|
---|
6951 | get: function get() {
|
---|
6952 | return Default$7;
|
---|
6953 | }
|
---|
6954 | }]);
|
---|
6955 |
|
---|
6956 | return Toast;
|
---|
6957 | }();
|
---|
6958 | /**
|
---|
6959 | * ------------------------------------------------------------------------
|
---|
6960 | * jQuery
|
---|
6961 | * ------------------------------------------------------------------------
|
---|
6962 | */
|
---|
6963 |
|
---|
6964 |
|
---|
6965 | $.fn[NAME$a] = Toast._jQueryInterface;
|
---|
6966 | $.fn[NAME$a].Constructor = Toast;
|
---|
6967 |
|
---|
6968 | $.fn[NAME$a].noConflict = function () {
|
---|
6969 | $.fn[NAME$a] = JQUERY_NO_CONFLICT$a;
|
---|
6970 | return Toast._jQueryInterface;
|
---|
6971 | };
|
---|
6972 |
|
---|
6973 | /**
|
---|
6974 | * --------------------------------------------------------------------------
|
---|
6975 | * Bootstrap (v4.3.1): index.js
|
---|
6976 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
---|
6977 | * --------------------------------------------------------------------------
|
---|
6978 | */
|
---|
6979 |
|
---|
6980 | (function () {
|
---|
6981 | if (typeof $ === 'undefined') {
|
---|
6982 | throw new TypeError('Bootstrap\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\'s JavaScript.');
|
---|
6983 | }
|
---|
6984 |
|
---|
6985 | var version = $.fn.jquery.split(' ')[0].split('.');
|
---|
6986 | var minMajor = 1;
|
---|
6987 | var ltMajor = 2;
|
---|
6988 | var minMinor = 9;
|
---|
6989 | var minPatch = 1;
|
---|
6990 | var maxMajor = 4;
|
---|
6991 |
|
---|
6992 | if (version[0] < ltMajor && version[1] < minMinor || version[0] === minMajor && version[1] === minMinor && version[2] < minPatch || version[0] >= maxMajor) {
|
---|
6993 | throw new Error('Bootstrap\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0');
|
---|
6994 | }
|
---|
6995 | })();
|
---|
6996 |
|
---|
6997 | exports.Util = Util;
|
---|
6998 | exports.Alert = Alert;
|
---|
6999 | exports.Button = Button;
|
---|
7000 | exports.Carousel = Carousel;
|
---|
7001 | exports.Collapse = Collapse;
|
---|
7002 | exports.Dropdown = Dropdown;
|
---|
7003 | exports.Modal = Modal;
|
---|
7004 | exports.Popover = Popover;
|
---|
7005 | exports.Scrollspy = ScrollSpy;
|
---|
7006 | exports.Tab = Tab;
|
---|
7007 | exports.Toast = Toast;
|
---|
7008 | exports.Tooltip = Tooltip;
|
---|
7009 |
|
---|
7010 | Object.defineProperty(exports, '__esModule', { value: true });
|
---|
7011 |
|
---|
7012 | }));
|
---|
7013 | //# sourceMappingURL=bootstrap.bundle.js.map
|
---|