diff options
Diffstat (limited to 'js/dist/modal.js')
| -rw-r--r-- | js/dist/modal.js | 190 |
1 files changed, 90 insertions, 100 deletions
diff --git a/js/dist/modal.js b/js/dist/modal.js index 070f81047..c7c81b1a5 100644 --- a/js/dist/modal.js +++ b/js/dist/modal.js @@ -1,6 +1,6 @@ /*! * Bootstrap modal.js v4.3.1 (https://getbootstrap.com/) - * Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) + * Copyright 2011-2020 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ (function (global, factory) { @@ -9,10 +9,10 @@ (global = global || self, global.Modal = factory(global.Data, global.EventHandler, global.Manipulator, global.SelectorEngine)); }(this, (function (Data, EventHandler, Manipulator, SelectorEngine) { 'use strict'; - Data = Data && Data.hasOwnProperty('default') ? Data['default'] : Data; - EventHandler = EventHandler && EventHandler.hasOwnProperty('default') ? EventHandler['default'] : EventHandler; - Manipulator = Manipulator && Manipulator.hasOwnProperty('default') ? Manipulator['default'] : Manipulator; - SelectorEngine = SelectorEngine && SelectorEngine.hasOwnProperty('default') ? SelectorEngine['default'] : SelectorEngine; + Data = Data && Object.prototype.hasOwnProperty.call(Data, 'default') ? Data['default'] : Data; + EventHandler = EventHandler && Object.prototype.hasOwnProperty.call(EventHandler, 'default') ? EventHandler['default'] : EventHandler; + Manipulator = Manipulator && Object.prototype.hasOwnProperty.call(Manipulator, 'default') ? Manipulator['default'] : Manipulator; + SelectorEngine = SelectorEngine && Object.prototype.hasOwnProperty.call(SelectorEngine, 'default') ? SelectorEngine['default'] : SelectorEngine; function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { @@ -64,13 +64,13 @@ var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { - ownKeys(source, true).forEach(function (key) { + ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { - ownKeys(source).forEach(function (key) { + ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } @@ -89,6 +89,10 @@ var TRANSITION_END = 'transitionend'; // Shoutout AngusCroll (https://goo.gl/pxwQGp) var toType = function toType(obj) { + if (obj === null || obj === undefined) { + return "" + obj; + } + return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase(); }; @@ -132,9 +136,7 @@ }; var triggerTransitionEnd = function triggerTransitionEnd(element) { - var evt = document.createEvent('HTMLEvents'); - evt.initEvent(TRANSITION_END, true, true); - element.dispatchEvent(evt); + element.dispatchEvent(new Event(TRANSITION_END)); }; var isElement = function isElement(obj) { @@ -171,14 +173,6 @@ }); }; - var makeArray = function makeArray(nodeList) { - if (!nodeList) { - return []; - } - - return [].slice.call(nodeList); - }; - var isVisible = function isVisible(element) { if (!element) { return false; @@ -233,50 +227,42 @@ focus: 'boolean', show: 'boolean' }; - var Event = { - HIDE: "hide" + EVENT_KEY, - HIDE_PREVENTED: "hidePrevented" + EVENT_KEY, - HIDDEN: "hidden" + EVENT_KEY, - SHOW: "show" + EVENT_KEY, - SHOWN: "shown" + EVENT_KEY, - FOCUSIN: "focusin" + EVENT_KEY, - RESIZE: "resize" + EVENT_KEY, - CLICK_DISMISS: "click.dismiss" + EVENT_KEY, - KEYDOWN_DISMISS: "keydown.dismiss" + EVENT_KEY, - MOUSEUP_DISMISS: "mouseup.dismiss" + EVENT_KEY, - MOUSEDOWN_DISMISS: "mousedown.dismiss" + EVENT_KEY, - CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY - }; - var ClassName = { - SCROLLABLE: 'modal-dialog-scrollable', - SCROLLBAR_MEASURER: 'modal-scrollbar-measure', - BACKDROP: 'modal-backdrop', - OPEN: 'modal-open', - FADE: 'fade', - SHOW: 'show', - STATIC: 'modal-static' - }; - var Selector = { - DIALOG: '.modal-dialog', - MODAL_BODY: '.modal-body', - DATA_TOGGLE: '[data-toggle="modal"]', - DATA_DISMISS: '[data-dismiss="modal"]', - FIXED_CONTENT: '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top', - STICKY_CONTENT: '.sticky-top' - }; + var EVENT_HIDE = "hide" + EVENT_KEY; + var EVENT_HIDE_PREVENTED = "hidePrevented" + EVENT_KEY; + var EVENT_HIDDEN = "hidden" + EVENT_KEY; + var EVENT_SHOW = "show" + EVENT_KEY; + var EVENT_SHOWN = "shown" + EVENT_KEY; + var EVENT_FOCUSIN = "focusin" + EVENT_KEY; + var EVENT_RESIZE = "resize" + EVENT_KEY; + var EVENT_CLICK_DISMISS = "click.dismiss" + EVENT_KEY; + var EVENT_KEYDOWN_DISMISS = "keydown.dismiss" + EVENT_KEY; + var EVENT_MOUSEUP_DISMISS = "mouseup.dismiss" + EVENT_KEY; + var EVENT_MOUSEDOWN_DISMISS = "mousedown.dismiss" + EVENT_KEY; + var EVENT_CLICK_DATA_API = "click" + EVENT_KEY + DATA_API_KEY; + var CLASS_NAME_SCROLLABLE = 'modal-dialog-scrollable'; + var CLASS_NAME_SCROLLBAR_MEASURER = 'modal-scrollbar-measure'; + var CLASS_NAME_BACKDROP = 'modal-backdrop'; + var CLASS_NAME_OPEN = 'modal-open'; + var CLASS_NAME_FADE = 'fade'; + var CLASS_NAME_SHOW = 'show'; + var CLASS_NAME_STATIC = 'modal-static'; + var SELECTOR_DIALOG = '.modal-dialog'; + var SELECTOR_MODAL_BODY = '.modal-body'; + var SELECTOR_DATA_TOGGLE = '[data-toggle="modal"]'; + var SELECTOR_DATA_DISMISS = '[data-dismiss="modal"]'; + var SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top'; + var SELECTOR_STICKY_CONTENT = '.sticky-top'; /** * ------------------------------------------------------------------------ * Class Definition * ------------------------------------------------------------------------ */ - var Modal = - /*#__PURE__*/ - function () { + var Modal = /*#__PURE__*/function () { function Modal(element, config) { this._config = this._getConfig(config); this._element = element; - this._dialog = SelectorEngine.findOne(Selector.DIALOG, element); + this._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, element); this._backdrop = null; this._isShown = false; this._isBodyOverflowing = false; @@ -301,11 +287,11 @@ return; } - if (this._element.classList.contains(ClassName.FADE)) { + if (this._element.classList.contains(CLASS_NAME_FADE)) { this._isTransitioning = true; } - var showEvent = EventHandler.trigger(this._element, Event.SHOW, { + var showEvent = EventHandler.trigger(this._element, EVENT_SHOW, { relatedTarget: relatedTarget }); @@ -325,11 +311,11 @@ this._setResizeEvent(); - EventHandler.on(this._element, Event.CLICK_DISMISS, Selector.DATA_DISMISS, function (event) { + EventHandler.on(this._element, EVENT_CLICK_DISMISS, SELECTOR_DATA_DISMISS, function (event) { return _this.hide(event); }); - EventHandler.on(this._dialog, Event.MOUSEDOWN_DISMISS, function () { - EventHandler.one(_this._element, Event.MOUSEUP_DISMISS, function (event) { + EventHandler.on(this._dialog, EVENT_MOUSEDOWN_DISMISS, function () { + EventHandler.one(_this._element, EVENT_MOUSEUP_DISMISS, function (event) { if (event.target === _this._element) { _this._ignoreBackdropClick = true; } @@ -352,7 +338,7 @@ return; } - var hideEvent = EventHandler.trigger(this._element, Event.HIDE); + var hideEvent = EventHandler.trigger(this._element, EVENT_HIDE); if (hideEvent.defaultPrevented) { return; @@ -360,7 +346,7 @@ this._isShown = false; - var transition = this._element.classList.contains(ClassName.FADE); + var transition = this._element.classList.contains(CLASS_NAME_FADE); if (transition) { this._isTransitioning = true; @@ -370,12 +356,12 @@ this._setResizeEvent(); - EventHandler.off(document, Event.FOCUSIN); + EventHandler.off(document, EVENT_FOCUSIN); - this._element.classList.remove(ClassName.SHOW); + this._element.classList.remove(CLASS_NAME_SHOW); - EventHandler.off(this._element, Event.CLICK_DISMISS); - EventHandler.off(this._dialog, Event.MOUSEDOWN_DISMISS); + EventHandler.off(this._element, EVENT_CLICK_DISMISS); + EventHandler.off(this._dialog, EVENT_MOUSEDOWN_DISMISS); if (transition) { var transitionDuration = getTransitionDurationFromElement(this._element); @@ -393,12 +379,12 @@ return EventHandler.off(htmlElement, EVENT_KEY); }); /** - * `document` has 2 events `Event.FOCUSIN` and `Event.CLICK_DATA_API` + * `document` has 2 events `EVENT_FOCUSIN` and `EVENT_CLICK_DATA_API` * Do not move `document` in `htmlElements` array - * It will remove `Event.CLICK_DATA_API` event that should remain + * It will remove `EVENT_CLICK_DATA_API` event that should remain */ - EventHandler.off(document, Event.FOCUSIN); + EventHandler.off(document, EVENT_FOCUSIN); Data.removeData(this._element, DATA_KEY); this._config = null; this._element = null; @@ -425,9 +411,9 @@ _proto._showElement = function _showElement(relatedTarget) { var _this3 = this; - var transition = this._element.classList.contains(ClassName.FADE); + var transition = this._element.classList.contains(CLASS_NAME_FADE); - var modalBody = SelectorEngine.findOne(Selector.MODAL_BODY, this._dialog); + var modalBody = SelectorEngine.findOne(SELECTOR_MODAL_BODY, this._dialog); if (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) { // Don't move modal's DOM position @@ -440,7 +426,7 @@ this._element.setAttribute('aria-modal', true); - if (this._dialog.classList.contains(ClassName.SCROLLABLE) && modalBody) { + if (this._dialog.classList.contains(CLASS_NAME_SCROLLABLE) && modalBody) { modalBody.scrollTop = 0; } else { this._element.scrollTop = 0; @@ -450,7 +436,7 @@ reflow(this._element); } - this._element.classList.add(ClassName.SHOW); + this._element.classList.add(CLASS_NAME_SHOW); if (this._config.focus) { this._enforceFocus(); @@ -462,7 +448,7 @@ } _this3._isTransitioning = false; - EventHandler.trigger(_this3._element, Event.SHOWN, { + EventHandler.trigger(_this3._element, EVENT_SHOWN, { relatedTarget: relatedTarget }); }; @@ -479,9 +465,9 @@ _proto._enforceFocus = function _enforceFocus() { var _this4 = this; - EventHandler.off(document, Event.FOCUSIN); // guard against infinite focus loop + EventHandler.off(document, EVENT_FOCUSIN); // guard against infinite focus loop - EventHandler.on(document, Event.FOCUSIN, function (event) { + EventHandler.on(document, EVENT_FOCUSIN, function (event) { if (document !== event.target && _this4._element !== event.target && !_this4._element.contains(event.target)) { _this4._element.focus(); } @@ -491,14 +477,18 @@ _proto._setEscapeEvent = function _setEscapeEvent() { var _this5 = this; - if (this._isShown && this._config.keyboard) { - EventHandler.on(this._element, Event.KEYDOWN_DISMISS, function (event) { - if (event.which === ESCAPE_KEYCODE) { + if (this._isShown) { + EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, function (event) { + if (_this5._config.keyboard && event.which === ESCAPE_KEYCODE) { + event.preventDefault(); + + _this5.hide(); + } else if (!_this5._config.keyboard && event.which === ESCAPE_KEYCODE) { _this5._triggerBackdropTransition(); } }); } else { - EventHandler.off(this._element, Event.KEYDOWN_DISMISS); + EventHandler.off(this._element, EVENT_KEYDOWN_DISMISS); } }; @@ -506,11 +496,11 @@ var _this6 = this; if (this._isShown) { - EventHandler.on(window, Event.RESIZE, function () { + EventHandler.on(window, EVENT_RESIZE, function () { return _this6._adjustDialog(); }); } else { - EventHandler.off(window, Event.RESIZE); + EventHandler.off(window, EVENT_RESIZE); } }; @@ -526,13 +516,13 @@ this._isTransitioning = false; this._showBackdrop(function () { - document.body.classList.remove(ClassName.OPEN); + document.body.classList.remove(CLASS_NAME_OPEN); _this7._resetAdjustments(); _this7._resetScrollbar(); - EventHandler.trigger(_this7._element, Event.HIDDEN); + EventHandler.trigger(_this7._element, EVENT_HIDDEN); }); }; @@ -545,18 +535,18 @@ _proto._showBackdrop = function _showBackdrop(callback) { var _this8 = this; - var animate = this._element.classList.contains(ClassName.FADE) ? ClassName.FADE : ''; + var animate = this._element.classList.contains(CLASS_NAME_FADE) ? CLASS_NAME_FADE : ''; if (this._isShown && this._config.backdrop) { this._backdrop = document.createElement('div'); - this._backdrop.className = ClassName.BACKDROP; + this._backdrop.className = CLASS_NAME_BACKDROP; if (animate) { this._backdrop.classList.add(animate); } document.body.appendChild(this._backdrop); - EventHandler.on(this._element, Event.CLICK_DISMISS, function (event) { + EventHandler.on(this._element, EVENT_CLICK_DISMISS, function (event) { if (_this8._ignoreBackdropClick) { _this8._ignoreBackdropClick = false; return; @@ -573,7 +563,7 @@ reflow(this._backdrop); } - this._backdrop.classList.add(ClassName.SHOW); + this._backdrop.classList.add(CLASS_NAME_SHOW); if (!animate) { callback(); @@ -584,7 +574,7 @@ EventHandler.one(this._backdrop, TRANSITION_END, callback); emulateTransitionEnd(this._backdrop, backdropTransitionDuration); } else if (!this._isShown && this._backdrop) { - this._backdrop.classList.remove(ClassName.SHOW); + this._backdrop.classList.remove(CLASS_NAME_SHOW); var callbackRemove = function callbackRemove() { _this8._removeBackdrop(); @@ -592,7 +582,7 @@ callback(); }; - if (this._element.classList.contains(ClassName.FADE)) { + if (this._element.classList.contains(CLASS_NAME_FADE)) { var _backdropTransitionDuration = getTransitionDurationFromElement(this._backdrop); EventHandler.one(this._backdrop, TRANSITION_END, callbackRemove); @@ -609,17 +599,17 @@ var _this9 = this; if (this._config.backdrop === 'static') { - var hideEvent = EventHandler.trigger(this._element, Event.HIDE_PREVENTED); + var hideEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED); if (hideEvent.defaultPrevented) { return; } - this._element.classList.add(ClassName.STATIC); + this._element.classList.add(CLASS_NAME_STATIC); var modalTransitionDuration = getTransitionDurationFromElement(this._element); EventHandler.one(this._element, TRANSITION_END, function () { - _this9._element.classList.remove(ClassName.STATIC); + _this9._element.classList.remove(CLASS_NAME_STATIC); }); emulateTransitionEnd(this._element, modalTransitionDuration); @@ -662,14 +652,14 @@ // Note: DOMNode.style.paddingRight returns the actual value or '' if not set // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set // Adjust fixed content padding - makeArray(SelectorEngine.find(Selector.FIXED_CONTENT)).forEach(function (element) { + SelectorEngine.find(SELECTOR_FIXED_CONTENT).forEach(function (element) { var actualPadding = element.style.paddingRight; var calculatedPadding = window.getComputedStyle(element)['padding-right']; Manipulator.setDataAttribute(element, 'padding-right', actualPadding); element.style.paddingRight = parseFloat(calculatedPadding) + _this10._scrollbarWidth + "px"; }); // Adjust sticky content margin - makeArray(SelectorEngine.find(Selector.STICKY_CONTENT)).forEach(function (element) { + SelectorEngine.find(SELECTOR_STICKY_CONTENT).forEach(function (element) { var actualMargin = element.style.marginRight; var calculatedMargin = window.getComputedStyle(element)['margin-right']; Manipulator.setDataAttribute(element, 'margin-right', actualMargin); @@ -682,12 +672,12 @@ document.body.style.paddingRight = parseFloat(calculatedPadding) + this._scrollbarWidth + "px"; } - document.body.classList.add(ClassName.OPEN); + document.body.classList.add(CLASS_NAME_OPEN); }; _proto._resetScrollbar = function _resetScrollbar() { // Restore fixed content padding - makeArray(SelectorEngine.find(Selector.FIXED_CONTENT)).forEach(function (element) { + SelectorEngine.find(SELECTOR_FIXED_CONTENT).forEach(function (element) { var padding = Manipulator.getDataAttribute(element, 'padding-right'); if (typeof padding !== 'undefined') { @@ -696,7 +686,7 @@ } }); // Restore sticky content and navbar-toggler margin - makeArray(SelectorEngine.find("" + Selector.STICKY_CONTENT)).forEach(function (element) { + SelectorEngine.find("" + SELECTOR_STICKY_CONTENT).forEach(function (element) { var margin = Manipulator.getDataAttribute(element, 'margin-right'); if (typeof margin !== 'undefined') { @@ -718,7 +708,7 @@ _proto._getScrollbarWidth = function _getScrollbarWidth() { // thx d.walsh var scrollDiv = document.createElement('div'); - scrollDiv.className = ClassName.SCROLLBAR_MEASURER; + scrollDiv.className = CLASS_NAME_SCROLLBAR_MEASURER; document.body.appendChild(scrollDiv); var scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth; document.body.removeChild(scrollDiv); @@ -773,7 +763,7 @@ */ - EventHandler.on(document, Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) { + EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) { var _this11 = this; var target = getElementFromSelector(this); @@ -782,13 +772,13 @@ event.preventDefault(); } - EventHandler.one(target, Event.SHOW, function (showEvent) { + EventHandler.one(target, EVENT_SHOW, function (showEvent) { if (showEvent.defaultPrevented) { // only register focus restorer if modal will actually get shown return; } - EventHandler.one(target, Event.HIDDEN, function () { + EventHandler.one(target, EVENT_HIDDEN, function () { if (isVisible(_this11)) { _this11.focus(); } |