2018-11-13 06:41:12 +00:00
/ * !
2019-02-13 16:01:40 +00:00
* Bootstrap modal . js v4 . 3.1 ( https : //getbootstrap.com/)
2019-01-04 16:29:45 +00:00
* Copyright 2011 - 2019 The Bootstrap Authors ( https : //github.com/twbs/bootstrap/graphs/contributors)
2018-11-13 06:41:12 +00:00
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/master/LICENSE)
* /
2018-07-24 00:51:14 +00:00
( function ( global , factory ) {
2019-03-01 16:31:34 +00:00
typeof exports === 'object' && typeof module !== 'undefined' ? module . exports = factory ( require ( './dom/data.js' ) , require ( './dom/eventHandler.js' ) , require ( './dom/manipulator.js' ) , require ( './dom/selectorEngine.js' ) ) :
typeof define === 'function' && define . amd ? define ( [ './dom/data.js' , './dom/eventHandler.js' , './dom/manipulator.js' , './dom/selectorEngine.js' ] , factory ) :
( global = global || self , global . Modal = factory ( global . Data , global . EventHandler , global . Manipulator , global . SelectorEngine ) ) ;
} ( this , function ( Data , EventHandler , Manipulator , SelectorEngine ) { 'use strict' ;
2018-07-24 00:51:14 +00:00
2019-03-01 16:31:34 +00:00
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 ;
2018-07-24 00:51:14 +00:00
function _defineProperties ( target , props ) {
for ( var i = 0 ; i < props . length ; i ++ ) {
var descriptor = props [ i ] ;
descriptor . enumerable = descriptor . enumerable || false ;
descriptor . configurable = true ;
if ( "value" in descriptor ) descriptor . writable = true ;
Object . defineProperty ( target , descriptor . key , descriptor ) ;
}
}
function _createClass ( Constructor , protoProps , staticProps ) {
if ( protoProps ) _defineProperties ( Constructor . prototype , protoProps ) ;
if ( staticProps ) _defineProperties ( Constructor , staticProps ) ;
return Constructor ;
}
function _defineProperty ( obj , key , value ) {
if ( key in obj ) {
Object . defineProperty ( obj , key , {
value : value ,
enumerable : true ,
configurable : true ,
writable : true
} ) ;
} else {
obj [ key ] = value ;
}
2018-03-31 20:59:37 +00:00
2018-07-24 00:51:14 +00:00
return obj ;
}
2017-12-23 00:21:54 +00:00
2018-07-24 00:51:14 +00:00
function _objectSpread ( target ) {
for ( var i = 1 ; i < arguments . length ; i ++ ) {
var source = arguments [ i ] != null ? arguments [ i ] : { } ;
var ownKeys = Object . keys ( source ) ;
2017-09-06 04:05:12 +00:00
2018-07-24 00:51:14 +00:00
if ( typeof Object . getOwnPropertySymbols === 'function' ) {
ownKeys = ownKeys . concat ( Object . getOwnPropertySymbols ( source ) . filter ( function ( sym ) {
return Object . getOwnPropertyDescriptor ( source , sym ) . enumerable ;
} ) ) ;
}
ownKeys . forEach ( function ( key ) {
_defineProperty ( target , key , source [ key ] ) ;
} ) ;
}
return target ;
}
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Bootstrap ( v4 . 3.1 ) : util / index . js
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/master/LICENSE)
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var MILLISECONDS _MULTIPLIER = 1000 ;
var TRANSITION _END = 'transitionend' ;
2019-03-11 15:13:30 +00:00
var _window = window ,
jQuery = _window . jQuery ; // Shoutout AngusCroll (https://goo.gl/pxwQGp)
2019-03-01 16:31:34 +00:00
var toType = function toType ( obj ) {
return { } . toString . call ( obj ) . match ( /\s([a-z]+)/i ) [ 1 ] . toLowerCase ( ) ;
} ;
var getSelectorFromElement = function getSelectorFromElement ( element ) {
var selector = element . getAttribute ( 'data-target' ) ;
if ( ! selector || selector === '#' ) {
var hrefAttr = element . getAttribute ( 'href' ) ;
selector = hrefAttr && hrefAttr !== '#' ? hrefAttr . trim ( ) : '' ;
}
try {
return document . querySelector ( selector ) ? selector : null ;
2019-03-11 15:13:30 +00:00
} catch ( error ) {
2019-03-01 16:31:34 +00:00
return null ;
}
} ;
var getTransitionDurationFromElement = function getTransitionDurationFromElement ( element ) {
if ( ! element ) {
return 0 ;
} // Get transition-duration of the element
var _window$getComputedSt = window . getComputedStyle ( element ) ,
transitionDuration = _window$getComputedSt . transitionDuration ,
transitionDelay = _window$getComputedSt . transitionDelay ;
var floatTransitionDuration = parseFloat ( transitionDuration ) ;
var floatTransitionDelay = parseFloat ( transitionDelay ) ; // Return 0 if element or transition duration is not found
if ( ! floatTransitionDuration && ! floatTransitionDelay ) {
return 0 ;
} // If multiple durations are defined, take the first
transitionDuration = transitionDuration . split ( ',' ) [ 0 ] ;
transitionDelay = transitionDelay . split ( ',' ) [ 0 ] ;
return ( parseFloat ( transitionDuration ) + parseFloat ( transitionDelay ) ) * MILLISECONDS _MULTIPLIER ;
} ;
var triggerTransitionEnd = function triggerTransitionEnd ( element ) {
element . dispatchEvent ( new Event ( TRANSITION _END ) ) ;
} ;
var isElement = function isElement ( obj ) {
return ( obj [ 0 ] || obj ) . nodeType ;
} ;
var emulateTransitionEnd = function emulateTransitionEnd ( element , duration ) {
var called = false ;
var durationPadding = 5 ;
var emulatedDuration = duration + durationPadding ;
function listener ( ) {
called = true ;
element . removeEventListener ( TRANSITION _END , listener ) ;
}
element . addEventListener ( TRANSITION _END , listener ) ;
setTimeout ( function ( ) {
if ( ! called ) {
triggerTransitionEnd ( element ) ;
}
} , emulatedDuration ) ;
} ;
var typeCheckConfig = function typeCheckConfig ( componentName , config , configTypes ) {
Object . keys ( configTypes ) . forEach ( function ( property ) {
var expectedTypes = configTypes [ property ] ;
var value = config [ property ] ;
var valueType = value && isElement ( value ) ? 'element' : toType ( value ) ;
if ( ! new RegExp ( expectedTypes ) . test ( valueType ) ) {
throw new Error ( componentName . toUpperCase ( ) + ": " + ( "Option \"" + property + "\" provided type \"" + valueType + "\" " ) + ( "but expected type \"" + expectedTypes + "\"." ) ) ;
}
} ) ;
} ;
var makeArray = function makeArray ( nodeList ) {
if ( ! nodeList ) {
return [ ] ;
}
return [ ] . slice . call ( nodeList ) ;
} ;
var isVisible = function isVisible ( element ) {
if ( ! element ) {
return false ;
}
if ( element . style && element . parentNode && element . parentNode . style ) {
return element . style . display !== 'none' && element . parentNode . style . display !== 'none' && element . style . visibility !== 'hidden' ;
}
return false ;
} ;
var reflow = function reflow ( element ) {
return element . offsetHeight ;
} ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var NAME = 'modal' ;
2019-02-13 16:01:40 +00:00
var VERSION = '4.3.1' ;
2018-11-13 06:41:12 +00:00
var DATA _KEY = 'bs.modal' ;
var EVENT _KEY = "." + DATA _KEY ;
var DATA _API _KEY = '.data-api' ;
var ESCAPE _KEYCODE = 27 ; // KeyboardEvent.which value for Escape (Esc) key
var Default = {
backdrop : true ,
keyboard : true ,
focus : true ,
show : true
} ;
var DefaultType = {
backdrop : '(boolean|string)' ,
keyboard : 'boolean' ,
focus : 'boolean' ,
show : 'boolean'
} ;
2019-03-01 16:31:34 +00:00
var Event$1 = {
2018-11-13 06:41:12 +00:00
HIDE : "hide" + 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 = {
2019-02-11 19:15:34 +00:00
SCROLLABLE : 'modal-dialog-scrollable' ,
2018-11-13 06:41:12 +00:00
SCROLLBAR _MEASURER : 'modal-scrollbar-measure' ,
BACKDROP : 'modal-backdrop' ,
OPEN : 'modal-open' ,
FADE : 'fade' ,
SHOW : 'show'
} ;
var Selector = {
DIALOG : '.modal-dialog' ,
2019-02-11 19:15:34 +00:00
MODAL _BODY : '.modal-body' ,
2018-11-13 06:41:12 +00:00
DATA _TOGGLE : '[data-toggle="modal"]' ,
DATA _DISMISS : '[data-dismiss="modal"]' ,
FIXED _CONTENT : '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top' ,
STICKY _CONTENT : '.sticky-top'
2017-09-13 05:24:15 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2018-11-13 06:41:12 +00:00
* Class Definition
2017-09-13 05:24:15 +00:00
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
} ;
var Modal =
/*#__PURE__*/
function ( ) {
function Modal ( element , config ) {
this . _config = this . _getConfig ( config ) ;
this . _element = element ;
2019-03-01 16:31:34 +00:00
this . _dialog = SelectorEngine . findOne ( Selector . DIALOG , element ) ;
2018-11-13 06:41:12 +00:00
this . _backdrop = null ;
this . _isShown = false ;
this . _isBodyOverflowing = false ;
this . _ignoreBackdropClick = false ;
this . _isTransitioning = false ;
this . _scrollbarWidth = 0 ;
2019-03-01 16:31:34 +00:00
Data . setData ( element , DATA _KEY , this ) ;
2018-11-13 06:41:12 +00:00
} // Getters
var _proto = Modal . prototype ;
// Public
_proto . toggle = function toggle ( relatedTarget ) {
return this . _isShown ? this . hide ( ) : this . show ( relatedTarget ) ;
2018-07-24 00:51:14 +00:00
} ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
_proto . show = function show ( relatedTarget ) {
var _this = this ;
2015-08-13 04:12:03 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _isShown || this . _isTransitioning ) {
return ;
}
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
if ( this . _element . classList . contains ( ClassName . FADE ) ) {
2018-11-13 06:41:12 +00:00
this . _isTransitioning = true ;
}
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
var showEvent = EventHandler . trigger ( this . _element , Event$1 . SHOW , {
2018-11-13 06:41:12 +00:00
relatedTarget : relatedTarget
} ) ;
2016-10-10 00:26:51 +00:00
2019-03-01 16:31:34 +00:00
if ( this . _isShown || showEvent . defaultPrevented ) {
2018-11-13 06:41:12 +00:00
return ;
}
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
this . _isShown = true ;
2016-11-01 04:14:23 +00:00
2018-11-13 06:41:12 +00:00
this . _checkScrollbar ( ) ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
this . _setScrollbar ( ) ;
2016-12-02 18:13:36 +00:00
2018-11-13 06:41:12 +00:00
this . _adjustDialog ( ) ;
2017-04-02 02:18:29 +00:00
2018-11-13 06:41:12 +00:00
this . _setEscapeEvent ( ) ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
this . _setResizeEvent ( ) ;
2017-04-02 02:18:29 +00:00
2019-03-01 16:31:34 +00:00
EventHandler . on ( this . _element , Event$1 . CLICK _DISMISS , Selector . DATA _DISMISS , function ( event ) {
2018-11-13 06:41:12 +00:00
return _this . hide ( event ) ;
} ) ;
2019-03-01 16:31:34 +00:00
EventHandler . on ( this . _dialog , Event$1 . MOUSEDOWN _DISMISS , function ( ) {
EventHandler . one ( _this . _element , Event$1 . MOUSEUP _DISMISS , function ( event ) {
if ( event . target === _this . _element ) {
2018-11-13 06:41:12 +00:00
_this . _ignoreBackdropClick = true ;
}
2018-07-24 00:51:14 +00:00
} ) ;
2018-11-13 06:41:12 +00:00
} ) ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
this . _showBackdrop ( function ( ) {
return _this . _showElement ( relatedTarget ) ;
} ) ;
} ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
_proto . hide = function hide ( event ) {
var _this2 = this ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
if ( event ) {
event . preventDefault ( ) ;
}
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
if ( ! this . _isShown || this . _isTransitioning ) {
return ;
}
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
var hideEvent = EventHandler . trigger ( this . _element , Event$1 . HIDE ) ;
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
if ( ! this . _isShown || hideEvent . defaultPrevented ) {
2018-11-13 06:41:12 +00:00
return ;
}
2017-10-15 22:51:44 +00:00
2018-11-13 06:41:12 +00:00
this . _isShown = false ;
2019-03-01 16:31:34 +00:00
var transition = this . _element . classList . contains ( ClassName . FADE ) ;
2017-04-02 02:18:29 +00:00
2018-11-13 06:41:12 +00:00
if ( transition ) {
this . _isTransitioning = true ;
}
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
this . _setEscapeEvent ( ) ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
this . _setResizeEvent ( ) ;
2016-10-10 00:26:51 +00:00
2019-03-01 16:31:34 +00:00
EventHandler . off ( document , Event$1 . FOCUSIN ) ;
this . _element . classList . remove ( ClassName . SHOW ) ;
EventHandler . off ( this . _element , Event$1 . CLICK _DISMISS ) ;
EventHandler . off ( this . _dialog , Event$1 . MOUSEDOWN _DISMISS ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( transition ) {
2019-03-01 16:31:34 +00:00
var transitionDuration = getTransitionDurationFromElement ( this . _element ) ;
EventHandler . one ( this . _element , TRANSITION _END , function ( event ) {
2018-11-13 06:41:12 +00:00
return _this2 . _hideModal ( event ) ;
2019-03-01 16:31:34 +00:00
} ) ;
emulateTransitionEnd ( this . _element , transitionDuration ) ;
2018-11-13 06:41:12 +00:00
} else {
this . _hideModal ( ) ;
}
} ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_proto . dispose = function dispose ( ) {
[ window , this . _element , this . _dialog ] . forEach ( function ( htmlElement ) {
2019-03-01 16:31:34 +00:00
return EventHandler . off ( htmlElement , EVENT _KEY ) ;
2018-11-13 06:41:12 +00:00
} ) ;
/ * *
* ` 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
* /
2017-03-26 18:26:31 +00:00
2019-03-01 16:31:34 +00:00
EventHandler . off ( document , Event$1 . FOCUSIN ) ;
Data . removeData ( this . _element , DATA _KEY ) ;
2018-11-13 06:41:12 +00:00
this . _config = null ;
this . _element = null ;
this . _dialog = null ;
this . _backdrop = null ;
this . _isShown = null ;
this . _isBodyOverflowing = null ;
this . _ignoreBackdropClick = null ;
this . _isTransitioning = null ;
this . _scrollbarWidth = null ;
} ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_proto . handleUpdate = function handleUpdate ( ) {
this . _adjustDialog ( ) ;
2019-01-04 16:29:45 +00:00
} // Private
;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getConfig = function _getConfig ( config ) {
config = _objectSpread ( { } , Default , config ) ;
2019-03-01 16:31:34 +00:00
typeCheckConfig ( NAME , config , DefaultType ) ;
2018-11-13 06:41:12 +00:00
return config ;
} ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_proto . _showElement = function _showElement ( relatedTarget ) {
var _this3 = this ;
2017-09-30 21:28:03 +00:00
2019-03-01 16:31:34 +00:00
var transition = this . _element . classList . contains ( ClassName . FADE ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( ! this . _element . parentNode || this . _element . parentNode . nodeType !== Node . ELEMENT _NODE ) {
// Don't move modal's DOM position
document . body . appendChild ( this . _element ) ;
}
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
this . _element . style . display = 'block' ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
this . _element . removeAttribute ( 'aria-hidden' ) ;
2015-05-11 02:45:38 +00:00
2018-12-15 23:13:22 +00:00
this . _element . setAttribute ( 'aria-modal' , true ) ;
2019-03-01 16:31:34 +00:00
if ( this . _dialog . classList . contains ( ClassName . SCROLLABLE ) ) {
SelectorEngine . findOne ( Selector . MODAL _BODY , this . _dialog ) . scrollTop = 0 ;
2019-02-11 19:15:34 +00:00
} else {
this . _element . scrollTop = 0 ;
}
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
if ( transition ) {
2019-03-01 16:31:34 +00:00
reflow ( this . _element ) ;
2018-11-13 06:41:12 +00:00
}
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
this . _element . classList . add ( ClassName . SHOW ) ;
2018-07-24 00:51:14 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _config . focus ) {
this . _enforceFocus ( ) ;
}
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
var transitionComplete = function transitionComplete ( ) {
if ( _this3 . _config . focus ) {
_this3 . _element . focus ( ) ;
2017-09-06 04:05:12 +00:00
}
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
_this3 . _isTransitioning = false ;
2019-03-01 16:31:34 +00:00
EventHandler . trigger ( _this3 . _element , Event$1 . SHOWN , {
relatedTarget : relatedTarget
} ) ;
2017-09-30 21:28:03 +00:00
} ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
if ( transition ) {
2019-03-01 16:31:34 +00:00
var transitionDuration = getTransitionDurationFromElement ( this . _dialog ) ;
EventHandler . one ( this . _dialog , TRANSITION _END , transitionComplete ) ;
emulateTransitionEnd ( this . _dialog , transitionDuration ) ;
2018-11-13 06:41:12 +00:00
} else {
transitionComplete ( ) ;
}
} ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
_proto . _enforceFocus = function _enforceFocus ( ) {
var _this4 = this ;
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
EventHandler . off ( document , Event$1 . FOCUSIN ) ; // guard against infinite focus loop
EventHandler . on ( document , Event$1 . FOCUSIN , function ( event ) {
if ( document !== event . target && _this4 . _element !== event . target && ! _this4 . _element . contains ( event . target ) ) {
2018-11-13 06:41:12 +00:00
_this4 . _element . focus ( ) ;
2015-05-11 02:45:38 +00:00
}
2018-11-13 06:41:12 +00:00
} ) ;
} ;
2017-09-06 04:05:12 +00:00
2018-11-13 06:41:12 +00:00
_proto . _setEscapeEvent = function _setEscapeEvent ( ) {
var _this5 = this ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _isShown && this . _config . keyboard ) {
2019-03-01 16:31:34 +00:00
EventHandler . on ( this . _element , Event$1 . KEYDOWN _DISMISS , function ( event ) {
2018-11-13 06:41:12 +00:00
if ( event . which === ESCAPE _KEYCODE ) {
event . preventDefault ( ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
_this5 . hide ( ) ;
}
} ) ;
} else if ( ! this . _isShown ) {
2019-03-01 16:31:34 +00:00
EventHandler . off ( this . _element , Event$1 . KEYDOWN _DISMISS ) ;
2018-11-13 06:41:12 +00:00
}
} ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
_proto . _setResizeEvent = function _setResizeEvent ( ) {
var _this6 = this ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _isShown ) {
2019-03-01 16:31:34 +00:00
EventHandler . on ( window , Event$1 . RESIZE , function ( event ) {
2018-11-13 06:41:12 +00:00
return _this6 . handleUpdate ( event ) ;
} ) ;
} else {
2019-03-01 16:31:34 +00:00
EventHandler . off ( window , Event$1 . RESIZE ) ;
2018-11-13 06:41:12 +00:00
}
} ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
_proto . _hideModal = function _hideModal ( ) {
var _this7 = this ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
this . _element . style . display = 'none' ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
this . _element . setAttribute ( 'aria-hidden' , true ) ;
2015-05-11 02:45:38 +00:00
2018-12-15 23:13:22 +00:00
this . _element . removeAttribute ( 'aria-modal' ) ;
2018-11-13 06:41:12 +00:00
this . _isTransitioning = false ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
this . _showBackdrop ( function ( ) {
2019-03-01 16:31:34 +00:00
document . body . classList . remove ( ClassName . OPEN ) ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
_this7 . _resetAdjustments ( ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
_this7 . _resetScrollbar ( ) ;
2017-09-30 21:28:03 +00:00
2019-03-01 16:31:34 +00:00
EventHandler . trigger ( _this7 . _element , Event$1 . HIDDEN ) ;
2018-11-13 06:41:12 +00:00
} ) ;
} ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
_proto . _removeBackdrop = function _removeBackdrop ( ) {
if ( this . _backdrop ) {
2019-03-01 16:31:34 +00:00
this . _backdrop . parentNode . removeChild ( this . _backdrop ) ;
2018-11-13 06:41:12 +00:00
this . _backdrop = null ;
}
} ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
_proto . _showBackdrop = function _showBackdrop ( callback ) {
var _this8 = this ;
2017-09-30 21:28:03 +00:00
2019-03-01 16:31:34 +00:00
var animate = this . _element . classList . contains ( ClassName . FADE ) ? ClassName . FADE : '' ;
2018-11-13 06:41:12 +00:00
if ( this . _isShown && this . _config . backdrop ) {
this . _backdrop = document . createElement ( 'div' ) ;
this . _backdrop . className = ClassName . BACKDROP ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( animate ) {
this . _backdrop . classList . add ( animate ) ;
}
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
document . body . appendChild ( this . _backdrop ) ;
EventHandler . on ( this . _element , Event$1 . CLICK _DISMISS , function ( event ) {
2018-11-13 06:41:12 +00:00
if ( _this8 . _ignoreBackdropClick ) {
_this8 . _ignoreBackdropClick = false ;
2015-05-11 02:45:38 +00:00
return ;
}
2017-09-06 04:05:12 +00:00
2018-11-13 06:41:12 +00:00
if ( event . target !== event . currentTarget ) {
2015-05-11 02:45:38 +00:00
return ;
}
2018-11-13 06:41:12 +00:00
if ( _this8 . _config . backdrop === 'static' ) {
_this8 . _element . focus ( ) ;
} else {
_this8 . hide ( ) ;
}
} ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( animate ) {
2019-03-01 16:31:34 +00:00
reflow ( this . _backdrop ) ;
2018-11-13 06:41:12 +00:00
}
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
this . _backdrop . classList . add ( ClassName . SHOW ) ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
if ( ! callback ) {
return ;
}
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
if ( ! animate ) {
2017-09-30 21:28:03 +00:00
callback ( ) ;
2018-11-13 06:41:12 +00:00
return ;
2015-05-11 02:45:38 +00:00
}
2016-10-10 00:26:51 +00:00
2019-03-01 16:31:34 +00:00
var backdropTransitionDuration = getTransitionDurationFromElement ( this . _backdrop ) ;
EventHandler . one ( this . _backdrop , TRANSITION _END , callback ) ;
emulateTransitionEnd ( this . _backdrop , backdropTransitionDuration ) ;
2018-11-13 06:41:12 +00:00
} else if ( ! this . _isShown && this . _backdrop ) {
2019-03-01 16:31:34 +00:00
this . _backdrop . classList . remove ( ClassName . SHOW ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
var callbackRemove = function callbackRemove ( ) {
_this8 . _removeBackdrop ( ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( callback ) {
callback ( ) ;
}
} ;
2017-09-30 21:28:03 +00:00
2019-03-01 16:31:34 +00:00
if ( this . _element . classList . contains ( ClassName . FADE ) ) {
var _backdropTransitionDuration = getTransitionDurationFromElement ( this . _backdrop ) ;
2018-11-13 06:41:12 +00:00
2019-03-01 16:31:34 +00:00
EventHandler . one ( this . _backdrop , TRANSITION _END , callbackRemove ) ;
emulateTransitionEnd ( this . _backdrop , _backdropTransitionDuration ) ;
2018-11-13 06:41:12 +00:00
} else {
callbackRemove ( ) ;
2018-07-24 00:51:14 +00:00
}
2018-11-13 06:41:12 +00:00
} else if ( callback ) {
callback ( ) ;
}
2019-01-04 16:29:45 +00:00
} // ----------------------------------------------------------------------
2018-11-13 06:41:12 +00:00
// the following methods are used to handle overflowing modals
// ----------------------------------------------------------------------
2019-01-04 16:29:45 +00:00
;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
_proto . _adjustDialog = function _adjustDialog ( ) {
var isModalOverflowing = this . _element . scrollHeight > document . documentElement . clientHeight ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( ! this . _isBodyOverflowing && isModalOverflowing ) {
this . _element . style . paddingLeft = this . _scrollbarWidth + "px" ;
}
if ( this . _isBodyOverflowing && ! isModalOverflowing ) {
this . _element . style . paddingRight = this . _scrollbarWidth + "px" ;
}
} ;
_proto . _resetAdjustments = function _resetAdjustments ( ) {
this . _element . style . paddingLeft = '' ;
this . _element . style . paddingRight = '' ;
} ;
_proto . _checkScrollbar = function _checkScrollbar ( ) {
var rect = document . body . getBoundingClientRect ( ) ;
this . _isBodyOverflowing = rect . left + rect . right < window . innerWidth ;
this . _scrollbarWidth = this . _getScrollbarWidth ( ) ;
} ;
_proto . _setScrollbar = function _setScrollbar ( ) {
var _this9 = this ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _isBodyOverflowing ) {
// 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
2019-03-01 16:31:34 +00:00
// Adjust fixed content padding
makeArray ( SelectorEngine . find ( Selector . FIXED _CONTENT ) ) . forEach ( function ( element ) {
2018-11-13 06:41:12 +00:00
var actualPadding = element . style . paddingRight ;
2019-03-01 16:31:34 +00:00
var calculatedPadding = window . getComputedStyle ( element ) [ 'padding-right' ] ;
Manipulator . setDataAttribute ( element , 'padding-right' , actualPadding ) ;
element . style . paddingRight = parseFloat ( calculatedPadding ) + _this9 . _scrollbarWidth + "px" ;
2018-11-13 06:41:12 +00:00
} ) ; // Adjust sticky content margin
2019-03-01 16:31:34 +00:00
makeArray ( SelectorEngine . find ( Selector . STICKY _CONTENT ) ) . forEach ( function ( element ) {
2018-11-13 06:41:12 +00:00
var actualMargin = element . style . marginRight ;
2019-03-01 16:31:34 +00:00
var calculatedMargin = window . getComputedStyle ( element ) [ 'margin-right' ] ;
Manipulator . setDataAttribute ( element , 'margin-right' , actualMargin ) ;
element . style . marginRight = parseFloat ( calculatedMargin ) - _this9 . _scrollbarWidth + "px" ;
2018-11-13 06:41:12 +00:00
} ) ; // Adjust body padding
var actualPadding = document . body . style . paddingRight ;
2019-03-01 16:31:34 +00:00
var calculatedPadding = window . getComputedStyle ( document . body ) [ 'padding-right' ] ;
Manipulator . setDataAttribute ( document . body , 'padding-right' , actualPadding ) ;
document . body . style . paddingRight = parseFloat ( calculatedPadding ) + this . _scrollbarWidth + "px" ;
2018-11-13 06:41:12 +00:00
}
2018-11-24 16:22:59 +00:00
2019-03-01 16:31:34 +00:00
document . body . classList . add ( ClassName . OPEN ) ;
2018-11-13 06:41:12 +00:00
} ;
2017-04-08 20:22:53 +00:00
2018-11-13 06:41:12 +00:00
_proto . _resetScrollbar = function _resetScrollbar ( ) {
// Restore fixed content padding
2019-03-01 16:31:34 +00:00
makeArray ( SelectorEngine . find ( Selector . FIXED _CONTENT ) ) . forEach ( function ( element ) {
var padding = Manipulator . getDataAttribute ( element , 'padding-right' ) ;
2018-11-13 06:41:12 +00:00
2019-03-01 16:31:34 +00:00
if ( typeof padding !== 'undefined' ) {
Manipulator . removeDataAttribute ( element , 'padding-right' ) ;
element . style . paddingRight = padding ;
}
} ) ; // Restore sticky content and navbar-toggler margin
makeArray ( SelectorEngine . find ( "" + Selector . STICKY _CONTENT ) ) . forEach ( function ( element ) {
var margin = Manipulator . getDataAttribute ( element , 'margin-right' ) ;
2018-11-13 06:41:12 +00:00
if ( typeof margin !== 'undefined' ) {
2019-03-01 16:31:34 +00:00
Manipulator . removeDataAttribute ( element , 'margin-right' ) ;
element . style . marginRight = margin ;
2018-11-13 06:41:12 +00:00
}
} ) ; // Restore body padding
2017-09-30 21:28:03 +00:00
2019-03-01 16:31:34 +00:00
var padding = Manipulator . getDataAttribute ( document . body , 'padding-right' ) ;
2019-03-11 15:13:30 +00:00
if ( typeof padding === 'undefined' ) {
document . body . style . paddingRight = '' ;
} else {
2019-03-01 16:31:34 +00:00
Manipulator . removeDataAttribute ( document . body , 'padding-right' ) ;
document . body . style . paddingRight = padding ;
}
2018-11-13 06:41:12 +00:00
} ;
2017-04-08 20:22:53 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getScrollbarWidth = function _getScrollbarWidth ( ) {
// thx d.walsh
var scrollDiv = document . createElement ( 'div' ) ;
scrollDiv . className = ClassName . SCROLLBAR _MEASURER ;
document . body . appendChild ( scrollDiv ) ;
var scrollbarWidth = scrollDiv . getBoundingClientRect ( ) . width - scrollDiv . clientWidth ;
document . body . removeChild ( scrollDiv ) ;
return scrollbarWidth ;
2019-01-04 16:29:45 +00:00
} // Static
;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
Modal . _jQueryInterface = function _jQueryInterface ( config , relatedTarget ) {
return this . each ( function ( ) {
2019-03-01 16:31:34 +00:00
var data = Data . getData ( this , DATA _KEY ) ;
2016-10-10 00:26:51 +00:00
2019-03-01 16:31:34 +00:00
var _config = _objectSpread ( { } , Default , Manipulator . getDataAttributes ( this ) , typeof config === 'object' && config ? config : { } ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( ! data ) {
data = new Modal ( this , _config ) ;
}
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( typeof config === 'string' ) {
if ( typeof data [ config ] === 'undefined' ) {
throw new TypeError ( "No method named \"" + config + "\"" ) ;
2017-09-06 04:05:12 +00:00
}
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
data [ config ] ( relatedTarget ) ;
} else if ( _config . show ) {
data . show ( relatedTarget ) ;
2018-07-24 00:51:14 +00:00
}
2018-11-13 06:41:12 +00:00
} ) ;
} ;
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
Modal . _getInstance = function _getInstance ( element ) {
return Data . getData ( element , DATA _KEY ) ;
} ;
2018-11-13 06:41:12 +00:00
_createClass ( Modal , null , [ {
key : "VERSION" ,
get : function get ( ) {
return VERSION ;
}
} , {
key : "Default" ,
get : function get ( ) {
return Default ;
}
} ] ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
return Modal ;
} ( ) ;
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Data Api implementation
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
EventHandler . on ( document , Event$1 . CLICK _DATA _API , Selector . DATA _TOGGLE , function ( event ) {
2018-11-13 06:41:12 +00:00
var _this10 = this ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
var target ;
2019-03-01 16:31:34 +00:00
var selector = getSelectorFromElement ( this ) ;
2015-05-11 02:45:38 +00:00
2018-11-13 06:41:12 +00:00
if ( selector ) {
2019-03-01 16:31:34 +00:00
target = SelectorEngine . findOne ( selector ) ;
2018-11-13 06:41:12 +00:00
}
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
var config = Data . getData ( target , DATA _KEY ) ? 'toggle' : _objectSpread ( { } , Manipulator . getDataAttributes ( target ) , Manipulator . getDataAttributes ( this ) ) ;
2018-11-13 06:41:12 +00:00
if ( this . tagName === 'A' || this . tagName === 'AREA' ) {
event . preventDefault ( ) ;
}
2019-03-01 16:31:34 +00:00
EventHandler . one ( target , Event$1 . SHOW , function ( showEvent ) {
if ( showEvent . defaultPrevented ) {
// only register focus restorer if modal will actually get shown
2018-11-13 06:41:12 +00:00
return ;
2015-05-11 02:45:38 +00:00
}
2019-03-01 16:31:34 +00:00
EventHandler . one ( target , Event$1 . HIDDEN , function ( ) {
if ( isVisible ( _this10 ) ) {
2018-11-13 06:41:12 +00:00
_this10 . focus ( ) ;
2015-05-11 02:45:38 +00:00
}
} ) ;
} ) ;
2019-03-01 16:31:34 +00:00
var data = Data . getData ( target , DATA _KEY ) ;
if ( ! data ) {
data = new Modal ( target , config ) ;
}
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
data . show ( this ) ;
2018-11-13 06:41:12 +00:00
} ) ;
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2015-05-11 02:45:38 +00:00
2019-03-01 16:31:34 +00:00
if ( typeof jQuery !== 'undefined' ) {
var JQUERY _NO _CONFLICT = jQuery . fn [ NAME ] ;
jQuery . fn [ NAME ] = Modal . _jQueryInterface ;
jQuery . fn [ NAME ] . Constructor = Modal ;
2017-09-30 21:28:03 +00:00
2019-03-01 16:31:34 +00:00
jQuery . fn [ NAME ] . noConflict = function ( ) {
jQuery . fn [ NAME ] = JQUERY _NO _CONFLICT ;
return Modal . _jQueryInterface ;
} ;
}
2015-05-11 02:45:38 +00:00
return Modal ;
2018-07-24 00:51:14 +00:00
2019-01-04 16:29:45 +00:00
} ) ) ;
2018-07-24 00:51:14 +00:00
//# sourceMappingURL=modal.js.map