2013-09-11 02:21:44 +00:00
/ * !
2021-02-10 16:14:51 +00:00
* Bootstrap v5 . 0.0 - beta2 ( https : //getbootstrap.com/)
* Copyright 2011 - 2021 The Bootstrap Authors ( https : //github.com/twbs/bootstrap/graphs/contributors)
2020-06-16 18:50:01 +00:00
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/main/LICENSE)
2017-09-06 04:05:12 +00:00
* /
2017-12-23 00:21:54 +00:00
( function ( global , factory ) {
2020-12-07 15:50:24 +00:00
typeof exports === 'object' && typeof module !== 'undefined' ? module . exports = factory ( require ( '@popperjs/core' ) ) :
typeof define === 'function' && define . amd ? define ( [ '@popperjs/core' ] , factory ) :
2020-09-14 15:12:06 +00:00
( global = typeof globalThis !== 'undefined' ? globalThis : global || self , global . bootstrap = factory ( global . Popper ) ) ;
2019-11-08 08:11:23 +00:00
} ( this , ( function ( Popper ) { 'use strict' ;
2016-10-10 00:26:51 +00:00
2020-12-07 15:50:24 +00:00
function _interopNamespace ( e ) {
if ( e && e . _ _esModule ) return e ;
var n = Object . create ( null ) ;
if ( e ) {
Object . keys ( e ) . forEach ( function ( k ) {
if ( k !== 'default' ) {
var d = Object . getOwnPropertyDescriptor ( e , k ) ;
Object . defineProperty ( n , k , d . get ? d : {
enumerable : true ,
get : function ( ) {
return e [ k ] ;
}
} ) ;
}
} ) ;
}
n [ 'default' ] = e ;
return Object . freeze ( n ) ;
}
2020-09-14 15:12:06 +00:00
2020-12-07 15:50:24 +00:00
var Popper _ _namespace = /*#__PURE__*/ _interopNamespace ( Popper ) ;
2015-08-15 19:19:11 +00:00
2018-03-31 20:59:37 +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 ) ;
}
2017-11-08 04:45:26 +00:00
}
2018-03-31 20:59:37 +00:00
function _createClass ( Constructor , protoProps , staticProps ) {
if ( protoProps ) _defineProperties ( Constructor . prototype , protoProps ) ;
if ( staticProps ) _defineProperties ( Constructor , staticProps ) ;
return Constructor ;
}
2017-12-23 00:21:54 +00:00
2020-09-14 15:12:06 +00:00
function _extends ( ) {
_extends = Object . assign || function ( target ) {
for ( var i = 1 ; i < arguments . length ; i ++ ) {
var source = arguments [ i ] ;
2017-09-30 21:28:03 +00:00
2020-09-14 15:12:06 +00:00
for ( var key in source ) {
if ( Object . prototype . hasOwnProperty . call ( source , key ) ) {
target [ key ] = source [ key ] ;
}
}
2015-08-15 19:19:11 +00:00
}
2020-09-14 15:12:06 +00:00
return target ;
} ;
return _extends . apply ( this , arguments ) ;
2015-08-15 19:19:11 +00:00
}
2018-03-31 20:59:37 +00:00
function _inheritsLoose ( subClass , superClass ) {
subClass . prototype = Object . create ( superClass . prototype ) ;
subClass . prototype . constructor = subClass ;
2021-02-11 15:22:18 +00:00
_setPrototypeOf ( subClass , superClass ) ;
}
function _setPrototypeOf ( o , p ) {
_setPrototypeOf = Object . setPrototypeOf || function _setPrototypeOf ( o , p ) {
o . _ _proto _ _ = p ;
return o ;
} ;
return _setPrototypeOf ( o , p ) ;
2015-08-15 19:19:11 +00:00
}
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2021-02-10 16:14:51 +00:00
* Bootstrap ( v5 . 0.0 - beta2 ) : util / index . js
2020-06-16 18:50:01 +00:00
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/main/LICENSE)
2015-08-15 19:19:11 +00:00
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2019-03-01 16:31:34 +00:00
var MAX _UID = 1000000 ;
var MILLISECONDS _MULTIPLIER = 1000 ;
2019-08-27 13:03:21 +00:00
var TRANSITION _END = 'transitionend' ; // Shoutout AngusCroll (https://goo.gl/pxwQGp)
2019-03-01 16:31:34 +00:00
var toType = function toType ( obj ) {
2020-03-28 10:29:08 +00:00
if ( obj === null || obj === undefined ) {
return "" + obj ;
}
2019-03-01 16:31:34 +00:00
return { } . toString . call ( obj ) . match ( /\s([a-z]+)/i ) [ 1 ] . toLowerCase ( ) ;
} ;
2018-11-13 06:41:12 +00:00
/ * *
2019-03-01 16:31:34 +00:00
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Public Util Api
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2018-11-13 06:41:12 +00:00
* /
2018-03-31 20:59:37 +00:00
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
var getUID = function getUID ( prefix ) {
do {
2020-06-13 22:40:28 +00:00
prefix += Math . floor ( Math . random ( ) * MAX _UID ) ;
2019-03-01 16:31:34 +00:00
} while ( document . getElementById ( prefix ) ) ;
2017-09-30 21:28:03 +00:00
2019-03-01 16:31:34 +00:00
return prefix ;
} ;
2017-09-30 21:28:03 +00:00
2019-08-27 13:03:21 +00:00
var getSelector = function getSelector ( element ) {
2020-11-23 13:17:16 +00:00
var selector = element . getAttribute ( 'data-bs-target' ) ;
2019-03-01 16:31:34 +00:00
if ( ! selector || selector === '#' ) {
2021-02-10 16:14:51 +00:00
var hrefAttr = element . getAttribute ( 'href' ) ; // The only valid content that could double as a selector are IDs or classes,
// so everything starting with `#` or `.`. If a "real" URL is used as the selector,
// `document.querySelector` will rightfully complain it is invalid.
// See https://github.com/twbs/bootstrap/issues/32273
if ( ! hrefAttr || ! hrefAttr . includes ( '#' ) && ! hrefAttr . startsWith ( '.' ) ) {
return null ;
} // Just in case some CMS puts out a full URL with the anchor appended
if ( hrefAttr . includes ( '#' ) && ! hrefAttr . startsWith ( '#' ) ) {
hrefAttr = '#' + hrefAttr . split ( '#' ) [ 1 ] ;
}
2019-08-27 13:03:21 +00:00
selector = hrefAttr && hrefAttr !== '#' ? hrefAttr . trim ( ) : null ;
2019-03-01 16:31:34 +00:00
}
2019-08-27 13:03:21 +00:00
return selector ;
} ;
var getSelectorFromElement = function getSelectorFromElement ( element ) {
var selector = getSelector ( element ) ;
if ( selector ) {
2019-03-01 16:31:34 +00:00
return document . querySelector ( selector ) ? selector : null ;
}
2019-08-27 13:03:21 +00:00
return null ;
} ;
var getElementFromSelector = function getElementFromSelector ( element ) {
var selector = getSelector ( element ) ;
return selector ? document . querySelector ( selector ) : null ;
2019-03-01 16:31:34 +00:00
} ;
var getTransitionDurationFromElement = function getTransitionDurationFromElement ( element ) {
if ( ! element ) {
return 0 ;
} // Get transition-duration of the element
2015-08-15 19:19:11 +00:00
2018-03-31 20:59:37 +00:00
2019-03-01 16:31:34 +00:00
var _window$getComputedSt = window . getComputedStyle ( element ) ,
transitionDuration = _window$getComputedSt . transitionDuration ,
transitionDelay = _window$getComputedSt . transitionDelay ;
2020-11-23 13:17:16 +00:00
var floatTransitionDuration = Number . parseFloat ( transitionDuration ) ;
var floatTransitionDelay = Number . parseFloat ( transitionDelay ) ; // Return 0 if element or transition duration is not found
2019-03-01 16:31:34 +00:00
if ( ! floatTransitionDuration && ! floatTransitionDelay ) {
return 0 ;
} // If multiple durations are defined, take the first
transitionDuration = transitionDuration . split ( ',' ) [ 0 ] ;
transitionDelay = transitionDelay . split ( ',' ) [ 0 ] ;
2020-11-23 13:17:16 +00:00
return ( Number . parseFloat ( transitionDuration ) + Number . parseFloat ( transitionDelay ) ) * MILLISECONDS _MULTIPLIER ;
2019-03-01 16:31:34 +00:00
} ;
var triggerTransitionEnd = function triggerTransitionEnd ( element ) {
2020-03-28 10:29:08 +00:00
element . dispatchEvent ( new Event ( TRANSITION _END ) ) ;
2019-03-01 16:31:34 +00:00
} ;
var isElement = function isElement ( obj ) {
return ( obj [ 0 ] || obj ) . nodeType ;
} ;
var emulateTransitionEnd = function emulateTransitionEnd ( element , duration ) {
2018-11-13 06:41:12 +00:00
var called = false ;
2019-03-01 16:31:34 +00:00
var durationPadding = 5 ;
var emulatedDuration = duration + durationPadding ;
function listener ( ) {
2018-11-13 06:41:12 +00:00
called = true ;
2019-03-01 16:31:34 +00:00
element . removeEventListener ( TRANSITION _END , listener ) ;
}
element . addEventListener ( TRANSITION _END , listener ) ;
2018-11-13 06:41:12 +00:00
setTimeout ( function ( ) {
if ( ! called ) {
2019-03-01 16:31:34 +00:00
triggerTransitionEnd ( element ) ;
2018-11-13 06:41:12 +00:00
}
2019-03-01 16:31:34 +00:00
} , 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 ) ) {
2021-02-10 16:14:51 +00:00
throw new TypeError ( componentName . toUpperCase ( ) + ": " + ( "Option \"" + property + "\" provided type \"" + valueType + "\" " ) + ( "but expected type \"" + expectedTypes + "\"." ) ) ;
2019-03-01 16:31:34 +00:00
}
} ) ;
} ;
var isVisible = function isVisible ( element ) {
if ( ! element ) {
return false ;
}
if ( element . style && element . parentNode && element . parentNode . style ) {
2019-11-08 08:11:23 +00:00
var elementStyle = getComputedStyle ( element ) ;
var parentNodeStyle = getComputedStyle ( element . parentNode ) ;
return elementStyle . display !== 'none' && parentNodeStyle . display !== 'none' && elementStyle . visibility !== 'hidden' ;
2019-03-01 16:31:34 +00:00
}
return false ;
} ;
var findShadowRoot = function findShadowRoot ( element ) {
if ( ! document . documentElement . attachShadow ) {
return null ;
} // Can find the shadow root otherwise it'll return the document
if ( typeof element . getRootNode === 'function' ) {
var root = element . getRootNode ( ) ;
return root instanceof ShadowRoot ? root : null ;
}
if ( element instanceof ShadowRoot ) {
return element ;
} // when we don't find a shadow root
if ( ! element . parentNode ) {
return null ;
}
return findShadowRoot ( element . parentNode ) ;
2019-10-08 06:39:10 +00:00
} ;
2019-03-01 16:31:34 +00:00
var noop = function noop ( ) {
return function ( ) { } ;
} ;
var reflow = function reflow ( element ) {
return element . offsetHeight ;
} ;
2018-03-31 20:59:37 +00:00
2019-08-27 13:03:21 +00:00
var getjQuery = function getjQuery ( ) {
var _window = window ,
jQuery = _window . jQuery ;
2020-11-23 13:17:16 +00:00
if ( jQuery && ! document . body . hasAttribute ( 'data-bs-no-jquery' ) ) {
2019-08-27 13:03:21 +00:00
return jQuery ;
}
return null ;
} ;
2020-11-11 17:07:37 +00:00
var onDOMContentLoaded = function onDOMContentLoaded ( callback ) {
if ( document . readyState === 'loading' ) {
document . addEventListener ( 'DOMContentLoaded' , callback ) ;
} else {
callback ( ) ;
}
} ;
2020-12-03 13:08:31 +00:00
var isRTL = document . documentElement . dir === 'rtl' ;
2021-02-10 16:14:51 +00:00
var defineJQueryPlugin = function defineJQueryPlugin ( name , plugin ) {
onDOMContentLoaded ( function ( ) {
var $ = getjQuery ( ) ;
/* istanbul ignore if */
if ( $ ) {
var JQUERY _NO _CONFLICT = $ . fn [ name ] ;
$ . fn [ name ] = plugin . jQueryInterface ;
$ . fn [ name ] . Constructor = plugin ;
$ . fn [ name ] . noConflict = function ( ) {
$ . fn [ name ] = JQUERY _NO _CONFLICT ;
return plugin . jQueryInterface ;
} ;
}
} ) ;
} ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2021-02-10 16:14:51 +00:00
* Bootstrap ( v5 . 0.0 - beta2 ) : dom / data . js
2020-06-16 18:50:01 +00:00
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/main/LICENSE)
2018-11-13 06:41:12 +00:00
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2018-03-31 20:59:37 +00:00
2019-03-01 16:31:34 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var mapData = function ( ) {
var storeData = { } ;
var id = 1 ;
return {
set : function set ( element , key , data ) {
2020-09-14 15:12:06 +00:00
if ( typeof element . bsKey === 'undefined' ) {
element . bsKey = {
2019-03-01 16:31:34 +00:00
key : key ,
id : id
} ;
id ++ ;
}
2020-09-14 15:12:06 +00:00
storeData [ element . bsKey . id ] = data ;
2019-03-01 16:31:34 +00:00
} ,
get : function get ( element , key ) {
2020-09-14 15:12:06 +00:00
if ( ! element || typeof element . bsKey === 'undefined' ) {
2019-03-01 16:31:34 +00:00
return null ;
}
2018-11-13 06:41:12 +00:00
2020-09-14 15:12:06 +00:00
var keyProperties = element . bsKey ;
2018-11-13 06:41:12 +00:00
2019-03-01 16:31:34 +00:00
if ( keyProperties . key === key ) {
return storeData [ keyProperties . id ] ;
}
return null ;
} ,
delete : function _delete ( element , key ) {
2020-09-14 15:12:06 +00:00
if ( typeof element . bsKey === 'undefined' ) {
2019-03-01 16:31:34 +00:00
return ;
}
2018-11-13 06:41:12 +00:00
2020-09-14 15:12:06 +00:00
var keyProperties = element . bsKey ;
2019-03-01 16:31:34 +00:00
if ( keyProperties . key === key ) {
delete storeData [ keyProperties . id ] ;
2020-09-14 15:12:06 +00:00
delete element . bsKey ;
2019-03-01 16:31:34 +00:00
}
2018-11-13 06:41:12 +00:00
}
2019-03-01 16:31:34 +00:00
} ;
} ( ) ;
var Data = {
setData : function setData ( instance , key , data ) {
mapData . set ( instance , key , data ) ;
} ,
getData : function getData ( instance , key ) {
return mapData . get ( instance , key ) ;
} ,
removeData : function removeData ( instance , key ) {
mapData . delete ( instance , key ) ;
}
} ;
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2021-02-10 16:14:51 +00:00
* Bootstrap ( v5 . 0.0 - beta2 ) : dom / event - handler . js
2020-06-16 18:50:01 +00:00
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/main/LICENSE)
2019-03-01 16:31:34 +00:00
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var namespaceRegex = /[^.]*(?=\..*)\.|.*/ ;
var stripNameRegex = /\..*/ ;
var stripUidRegex = /::\d+$/ ;
var eventRegistry = { } ; // Events storage
var uidEvent = 1 ;
var customEvents = {
mouseenter : 'mouseover' ,
mouseleave : 'mouseout'
} ;
2020-11-23 13:17:16 +00:00
var nativeEvents = new Set ( [ 'click' , 'dblclick' , 'mouseup' , 'mousedown' , 'contextmenu' , 'mousewheel' , 'DOMMouseScroll' , 'mouseover' , 'mouseout' , 'mousemove' , 'selectstart' , 'selectend' , 'keydown' , 'keypress' , 'keyup' , 'orientationchange' , 'touchstart' , 'touchmove' , 'touchend' , 'touchcancel' , 'pointerdown' , 'pointermove' , 'pointerup' , 'pointerleave' , 'pointercancel' , 'gesturestart' , 'gesturechange' , 'gestureend' , 'focus' , 'blur' , 'change' , 'reset' , 'select' , 'submit' , 'focusin' , 'focusout' , 'load' , 'unload' , 'beforeunload' , 'resize' , 'move' , 'DOMContentLoaded' , 'readystatechange' , 'error' , 'abort' , 'scroll' ] ) ;
2019-03-01 16:31:34 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Private methods
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
function getUidEvent ( element , uid ) {
return uid && uid + "::" + uidEvent ++ || element . uidEvent || uidEvent ++ ;
}
function getEvent ( element ) {
var uid = getUidEvent ( element ) ;
element . uidEvent = uid ;
2019-03-11 15:13:30 +00:00
eventRegistry [ uid ] = eventRegistry [ uid ] || { } ;
return eventRegistry [ uid ] ;
2019-03-01 16:31:34 +00:00
}
function bootstrapHandler ( element , fn ) {
return function handler ( event ) {
2020-09-14 15:12:06 +00:00
event . delegateTarget = element ;
2019-03-01 16:31:34 +00:00
if ( handler . oneOff ) {
EventHandler . off ( element , event . type , fn ) ;
}
return fn . apply ( element , [ event ] ) ;
} ;
}
function bootstrapDelegationHandler ( element , selector , fn ) {
return function handler ( event ) {
var domElements = element . querySelectorAll ( selector ) ;
for ( var target = event . target ; target && target !== this ; target = target . parentNode ) {
for ( var i = domElements . length ; i -- ; ) {
if ( domElements [ i ] === target ) {
2020-09-14 15:12:06 +00:00
event . delegateTarget = target ;
2019-03-01 16:31:34 +00:00
if ( handler . oneOff ) {
2021-02-10 16:14:51 +00:00
// eslint-disable-next-line unicorn/consistent-destructuring
2019-03-01 16:31:34 +00:00
EventHandler . off ( element , event . type , fn ) ;
}
return fn . apply ( target , [ event ] ) ;
}
}
} // To please ESLint
return null ;
} ;
}
function findHandler ( events , handler , delegationSelector ) {
if ( delegationSelector === void 0 ) {
delegationSelector = null ;
}
2019-07-12 21:56:26 +00:00
var uidEventList = Object . keys ( events ) ;
for ( var i = 0 , len = uidEventList . length ; i < len ; i ++ ) {
var event = events [ uidEventList [ i ] ] ;
2019-03-01 16:31:34 +00:00
if ( event . originalHandler === handler && event . delegationSelector === delegationSelector ) {
2019-07-12 21:56:26 +00:00
return event ;
2019-03-01 16:31:34 +00:00
}
}
return null ;
}
function normalizeParams ( originalTypeEvent , handler , delegationFn ) {
var delegation = typeof handler === 'string' ;
var originalHandler = delegation ? delegationFn : handler ; // allow to get the native events from namespaced events ('click.bs.button' --> 'click')
var typeEvent = originalTypeEvent . replace ( stripNameRegex , '' ) ;
var custom = customEvents [ typeEvent ] ;
if ( custom ) {
typeEvent = custom ;
}
2020-11-23 13:17:16 +00:00
var isNative = nativeEvents . has ( typeEvent ) ;
2019-03-01 16:31:34 +00:00
if ( ! isNative ) {
typeEvent = originalTypeEvent ;
}
return [ delegation , originalHandler , typeEvent ] ;
}
function addHandler ( element , originalTypeEvent , handler , delegationFn , oneOff ) {
if ( typeof originalTypeEvent !== 'string' || ! element ) {
return ;
}
if ( ! handler ) {
handler = delegationFn ;
delegationFn = null ;
}
var _normalizeParams = normalizeParams ( originalTypeEvent , handler , delegationFn ) ,
delegation = _normalizeParams [ 0 ] ,
originalHandler = _normalizeParams [ 1 ] ,
typeEvent = _normalizeParams [ 2 ] ;
var events = getEvent ( element ) ;
var handlers = events [ typeEvent ] || ( events [ typeEvent ] = { } ) ;
var previousFn = findHandler ( handlers , originalHandler , delegation ? handler : null ) ;
if ( previousFn ) {
previousFn . oneOff = previousFn . oneOff && oneOff ;
return ;
}
var uid = getUidEvent ( originalHandler , originalTypeEvent . replace ( namespaceRegex , '' ) ) ;
2019-03-11 15:13:30 +00:00
var fn = delegation ? bootstrapDelegationHandler ( element , handler , delegationFn ) : bootstrapHandler ( element , handler ) ;
2019-03-01 16:31:34 +00:00
fn . delegationSelector = delegation ? handler : null ;
fn . originalHandler = originalHandler ;
fn . oneOff = oneOff ;
fn . uidEvent = uid ;
handlers [ uid ] = fn ;
element . addEventListener ( typeEvent , fn , delegation ) ;
}
function removeHandler ( element , events , typeEvent , handler , delegationSelector ) {
var fn = findHandler ( events [ typeEvent ] , handler , delegationSelector ) ;
2019-07-12 21:56:26 +00:00
if ( ! fn ) {
2019-03-01 16:31:34 +00:00
return ;
}
element . removeEventListener ( typeEvent , fn , Boolean ( delegationSelector ) ) ;
delete events [ typeEvent ] [ fn . uidEvent ] ;
}
function removeNamespacedHandlers ( element , events , typeEvent , namespace ) {
var storeElementEvent = events [ typeEvent ] || { } ;
Object . keys ( storeElementEvent ) . forEach ( function ( handlerKey ) {
2020-11-23 13:17:16 +00:00
if ( handlerKey . includes ( namespace ) ) {
2019-03-01 16:31:34 +00:00
var event = storeElementEvent [ handlerKey ] ;
removeHandler ( element , events , typeEvent , event . originalHandler , event . delegationSelector ) ;
2019-01-04 16:29:45 +00:00
}
2019-03-01 16:31:34 +00:00
} ) ;
}
var EventHandler = {
on : function on ( element , event , handler , delegationFn ) {
addHandler ( element , event , handler , delegationFn , false ) ;
2018-11-13 06:41:12 +00:00
} ,
2019-03-01 16:31:34 +00:00
one : function one ( element , event , handler , delegationFn ) {
addHandler ( element , event , handler , delegationFn , true ) ;
} ,
off : function off ( element , originalTypeEvent , handler , delegationFn ) {
if ( typeof originalTypeEvent !== 'string' || ! element ) {
return ;
}
2018-11-13 06:41:12 +00:00
2019-03-01 16:31:34 +00:00
var _normalizeParams2 = normalizeParams ( originalTypeEvent , handler , delegationFn ) ,
delegation = _normalizeParams2 [ 0 ] ,
originalHandler = _normalizeParams2 [ 1 ] ,
typeEvent = _normalizeParams2 [ 2 ] ;
2018-11-13 06:41:12 +00:00
2019-03-01 16:31:34 +00:00
var inNamespace = typeEvent !== originalTypeEvent ;
var events = getEvent ( element ) ;
2020-11-23 13:17:16 +00:00
var isNamespace = originalTypeEvent . startsWith ( '.' ) ;
2018-11-13 06:41:12 +00:00
2019-03-01 16:31:34 +00:00
if ( typeof originalHandler !== 'undefined' ) {
// Simplest case: handler is passed, remove that listener ONLY.
if ( ! events || ! events [ typeEvent ] ) {
return ;
}
2018-11-13 06:41:12 +00:00
2019-03-01 16:31:34 +00:00
removeHandler ( element , events , typeEvent , originalHandler , delegation ? handler : null ) ;
return ;
}
2018-11-13 06:41:12 +00:00
2019-03-01 16:31:34 +00:00
if ( isNamespace ) {
Object . keys ( events ) . forEach ( function ( elementEvent ) {
2019-10-08 06:39:10 +00:00
removeNamespacedHandlers ( element , events , elementEvent , originalTypeEvent . slice ( 1 ) ) ;
2019-03-01 16:31:34 +00:00
} ) ;
}
var storeElementEvent = events [ typeEvent ] || { } ;
Object . keys ( storeElementEvent ) . forEach ( function ( keyHandlers ) {
var handlerKey = keyHandlers . replace ( stripUidRegex , '' ) ;
2020-11-23 13:17:16 +00:00
if ( ! inNamespace || originalTypeEvent . includes ( handlerKey ) ) {
2019-03-01 16:31:34 +00:00
var event = storeElementEvent [ keyHandlers ] ;
removeHandler ( element , events , typeEvent , event . originalHandler , event . delegationSelector ) ;
}
} ) ;
2018-11-13 06:41:12 +00:00
} ,
2019-03-01 16:31:34 +00:00
trigger : function trigger ( element , event , args ) {
if ( typeof event !== 'string' || ! element ) {
return null ;
}
2020-11-11 17:07:37 +00:00
var $ = getjQuery ( ) ;
2019-03-01 16:31:34 +00:00
var typeEvent = event . replace ( stripNameRegex , '' ) ;
var inNamespace = event !== typeEvent ;
2020-11-23 13:17:16 +00:00
var isNative = nativeEvents . has ( typeEvent ) ;
2019-03-01 16:31:34 +00:00
var jQueryEvent ;
var bubbles = true ;
var nativeDispatch = true ;
var defaultPrevented = false ;
var evt = null ;
2019-08-27 13:03:21 +00:00
if ( inNamespace && $ ) {
jQueryEvent = $ . Event ( event , args ) ;
$ ( element ) . trigger ( jQueryEvent ) ;
2019-03-01 16:31:34 +00:00
bubbles = ! jQueryEvent . isPropagationStopped ( ) ;
nativeDispatch = ! jQueryEvent . isImmediatePropagationStopped ( ) ;
defaultPrevented = jQueryEvent . isDefaultPrevented ( ) ;
}
if ( isNative ) {
evt = document . createEvent ( 'HTMLEvents' ) ;
evt . initEvent ( typeEvent , bubbles , true ) ;
} else {
2020-03-28 10:29:08 +00:00
evt = new CustomEvent ( event , {
2019-03-01 16:31:34 +00:00
bubbles : bubbles ,
cancelable : true
} ) ;
2020-09-14 15:12:06 +00:00
} // merge custom information in our event
2019-03-01 16:31:34 +00:00
if ( typeof args !== 'undefined' ) {
Object . keys ( args ) . forEach ( function ( key ) {
Object . defineProperty ( evt , key , {
get : function get ( ) {
return args [ key ] ;
}
} ) ;
} ) ;
}
if ( defaultPrevented ) {
evt . preventDefault ( ) ;
}
if ( nativeDispatch ) {
element . dispatchEvent ( evt ) ;
}
if ( evt . defaultPrevented && typeof jQueryEvent !== 'undefined' ) {
jQueryEvent . preventDefault ( ) ;
}
return evt ;
}
} ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2021-02-10 16:14:51 +00:00
var VERSION = '5.0.0-beta2' ;
2020-12-03 14:18:59 +00:00
var BaseComponent = /*#__PURE__*/ function ( ) {
function BaseComponent ( element ) {
if ( ! element ) {
return ;
}
this . _element = element ;
Data . setData ( element , this . constructor . DATA _KEY , this ) ;
}
var _proto = BaseComponent . prototype ;
_proto . dispose = function dispose ( ) {
Data . removeData ( this . _element , this . constructor . DATA _KEY ) ;
this . _element = null ;
}
/** Static */
;
BaseComponent . getInstance = function getInstance ( element ) {
return Data . getData ( element , this . DATA _KEY ) ;
} ;
_createClass ( BaseComponent , null , [ {
key : "VERSION" ,
get : function get ( ) {
return VERSION ;
}
} ] ) ;
return BaseComponent ;
} ( ) ;
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var NAME = 'alert' ;
2018-11-13 06:41:12 +00:00
var DATA _KEY = 'bs.alert' ;
var EVENT _KEY = "." + DATA _KEY ;
var DATA _API _KEY = '.data-api' ;
2020-11-23 13:17:16 +00:00
var SELECTOR _DISMISS = '[data-bs-dismiss="alert"]' ;
2020-03-28 10:29:08 +00:00
var EVENT _CLOSE = "close" + EVENT _KEY ;
var EVENT _CLOSED = "closed" + EVENT _KEY ;
var EVENT _CLICK _DATA _API = "click" + EVENT _KEY + DATA _API _KEY ;
2021-02-10 16:14:51 +00:00
var CLASS _NAME _ALERT = 'alert' ;
var CLASS _NAME _FADE = 'fade' ;
var CLASS _NAME _SHOW = 'show' ;
2019-10-08 06:39:10 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Class Definition
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
var Alert = /*#__PURE__*/ function ( _BaseComponent ) {
_inheritsLoose ( Alert , _BaseComponent ) ;
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
function Alert ( ) {
return _BaseComponent . apply ( this , arguments ) || this ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var _proto = Alert . prototype ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
// Public
_proto . close = function close ( element ) {
2020-09-14 15:12:06 +00:00
var rootElement = element ? this . _getRootElement ( element ) : this . _element ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
var customEvent = this . _triggerCloseEvent ( rootElement ) ;
2016-10-10 00:26:51 +00:00
2019-03-01 16:31:34 +00:00
if ( customEvent === null || customEvent . defaultPrevented ) {
2018-11-13 06:41:12 +00:00
return ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _removeElement ( rootElement ) ;
2019-01-04 16:29:45 +00:00
} // Private
;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getRootElement = function _getRootElement ( element ) {
2021-02-10 16:14:51 +00:00
return getElementFromSelector ( element ) || element . closest ( "." + CLASS _NAME _ALERT ) ;
2018-11-13 06:41:12 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _triggerCloseEvent = function _triggerCloseEvent ( element ) {
2020-03-28 10:29:08 +00:00
return EventHandler . trigger ( element , EVENT _CLOSE ) ;
2018-11-13 06:41:12 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _removeElement = function _removeElement ( element ) {
var _this = this ;
2016-11-01 04:36:10 +00:00
2021-02-10 16:14:51 +00:00
element . classList . remove ( CLASS _NAME _SHOW ) ;
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
if ( ! element . classList . contains ( CLASS _NAME _FADE ) ) {
2018-11-13 06:41:12 +00:00
this . _destroyElement ( element ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
return ;
}
2015-08-19 02:22:46 +00:00
2019-03-01 16:31:34 +00:00
var transitionDuration = getTransitionDurationFromElement ( element ) ;
2021-02-10 16:14:51 +00:00
EventHandler . one ( element , 'transitionend' , function ( ) {
2019-07-24 06:13:50 +00:00
return _this . _destroyElement ( element ) ;
2019-03-01 16:31:34 +00:00
} ) ;
emulateTransitionEnd ( element , transitionDuration ) ;
2018-11-13 06:41:12 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _destroyElement = function _destroyElement ( element ) {
2019-03-01 16:31:34 +00:00
if ( element . parentNode ) {
element . parentNode . removeChild ( element ) ;
}
2020-03-28 10:29:08 +00:00
EventHandler . trigger ( element , EVENT _CLOSED ) ;
2019-01-04 16:29:45 +00:00
} // Static
;
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
Alert . jQueryInterface = function jQueryInterface ( config ) {
2018-11-13 06:41:12 +00:00
return this . each ( function ( ) {
2019-03-01 16:31:34 +00:00
var data = Data . getData ( this , DATA _KEY ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( ! data ) {
data = new Alert ( this ) ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( config === 'close' ) {
data [ config ] ( this ) ;
}
} ) ;
} ;
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
Alert . handleDismiss = function handleDismiss ( alertInstance ) {
2018-11-13 06:41:12 +00:00
return function ( event ) {
if ( event ) {
event . preventDefault ( ) ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
alertInstance . close ( this ) ;
2016-10-10 00:26:51 +00:00
} ;
2018-11-13 06:41:12 +00:00
} ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_createClass ( Alert , null , [ {
2020-12-03 14:18:59 +00:00
key : "DATA_KEY" ,
2021-02-11 15:22:18 +00:00
get : // Getters
function get ( ) {
2020-12-03 14:18:59 +00:00
return DATA _KEY ;
2018-11-13 06:41:12 +00:00
}
} ] ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
return Alert ;
2020-12-03 14:18:59 +00:00
} ( BaseComponent ) ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Data Api implementation
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2015-08-15 19:19:11 +00:00
2017-09-30 21:28:03 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . on ( document , EVENT _CLICK _DATA _API , SELECTOR _DISMISS , Alert . handleDismiss ( new Alert ( ) ) ) ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2020-11-11 17:07:37 +00:00
* add . Alert to jQuery only if jQuery is present
2018-11-13 06:41:12 +00:00
* /
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
defineJQueryPlugin ( NAME , Alert ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var NAME$1 = 'button' ;
var DATA _KEY$1 = 'bs.button' ;
var EVENT _KEY$1 = "." + DATA _KEY$1 ;
var DATA _API _KEY$1 = '.data-api' ;
2020-03-28 10:29:08 +00:00
var CLASS _NAME _ACTIVE = 'active' ;
2020-11-23 13:17:16 +00:00
var SELECTOR _DATA _TOGGLE = '[data-bs-toggle="button"]' ;
2020-03-28 10:29:08 +00:00
var EVENT _CLICK _DATA _API$1 = "click" + EVENT _KEY$1 + DATA _API _KEY$1 ;
2019-10-08 06:39:10 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Class Definition
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
var Button = /*#__PURE__*/ function ( _BaseComponent ) {
_inheritsLoose ( Button , _BaseComponent ) ;
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
function Button ( ) {
return _BaseComponent . apply ( this , arguments ) || this ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var _proto = Button . prototype ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
// Public
_proto . toggle = function toggle ( ) {
2020-06-16 18:50:01 +00:00
// Toggle class and sync the `aria-pressed` attribute with the return value of the `.toggle()` method
this . _element . setAttribute ( 'aria-pressed' , this . _element . classList . toggle ( CLASS _NAME _ACTIVE ) ) ;
2019-01-04 16:29:45 +00:00
} // Static
;
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
Button . jQueryInterface = function jQueryInterface ( config ) {
2018-11-13 06:41:12 +00:00
return this . each ( function ( ) {
2019-03-01 16:31:34 +00:00
var data = Data . getData ( this , DATA _KEY$1 ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( ! data ) {
data = new Button ( this ) ;
}
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
if ( config === 'toggle' ) {
data [ config ] ( ) ;
2016-10-10 00:26:51 +00:00
}
2018-11-13 06:41:12 +00:00
} ) ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_createClass ( Button , null , [ {
2020-12-03 14:18:59 +00:00
key : "DATA_KEY" ,
2021-02-11 15:22:18 +00:00
get : // Getters
function get ( ) {
2020-12-03 14:18:59 +00:00
return DATA _KEY$1 ;
2018-11-13 06:41:12 +00:00
}
} ] ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
return Button ;
2020-12-03 14:18:59 +00:00
} ( BaseComponent ) ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Data Api implementation
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2015-08-15 19:19:11 +00:00
2020-06-16 18:50:01 +00:00
EventHandler . on ( document , EVENT _CLICK _DATA _API$1 , SELECTOR _DATA _TOGGLE , function ( event ) {
2018-11-13 06:41:12 +00:00
event . preventDefault ( ) ;
2020-06-16 18:50:01 +00:00
var button = event . target . closest ( SELECTOR _DATA _TOGGLE ) ;
2019-03-01 16:31:34 +00:00
var data = Data . getData ( button , DATA _KEY$1 ) ;
if ( ! data ) {
data = new Button ( button ) ;
}
data . toggle ( ) ;
} ) ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2020-11-11 17:07:37 +00:00
* add . Button to jQuery only if jQuery is present
2019-03-01 16:31:34 +00:00
* /
2021-02-10 16:14:51 +00:00
defineJQueryPlugin ( NAME$1 , Button ) ;
2019-03-01 16:31:34 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2021-02-10 16:14:51 +00:00
* Bootstrap ( v5 . 0.0 - beta2 ) : dom / manipulator . js
2020-06-16 18:50:01 +00:00
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/main/LICENSE)
2019-03-01 16:31:34 +00:00
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2018-11-13 06:41:12 +00:00
* /
2019-03-01 16:31:34 +00:00
function normalizeData ( val ) {
if ( val === 'true' ) {
return true ;
}
if ( val === 'false' ) {
return false ;
}
if ( val === Number ( val ) . toString ( ) ) {
return Number ( val ) ;
}
if ( val === '' || val === 'null' ) {
return null ;
}
return val ;
}
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
function normalizeDataKey ( key ) {
return key . replace ( /[A-Z]/g , function ( chr ) {
2019-11-08 08:11:23 +00:00
return "-" + chr . toLowerCase ( ) ;
2019-03-01 16:31:34 +00:00
} ) ;
}
var Manipulator = {
setDataAttribute : function setDataAttribute ( element , key , value ) {
2020-11-23 13:17:16 +00:00
element . setAttribute ( "data-bs-" + normalizeDataKey ( key ) , value ) ;
2019-03-01 16:31:34 +00:00
} ,
removeDataAttribute : function removeDataAttribute ( element , key ) {
2020-11-23 13:17:16 +00:00
element . removeAttribute ( "data-bs-" + normalizeDataKey ( key ) ) ;
2019-03-01 16:31:34 +00:00
} ,
getDataAttributes : function getDataAttributes ( element ) {
if ( ! element ) {
return { } ;
}
2020-11-23 13:17:16 +00:00
var attributes = { } ;
Object . keys ( element . dataset ) . filter ( function ( key ) {
return key . startsWith ( 'bs' ) ;
} ) . forEach ( function ( key ) {
var pureKey = key . replace ( /^bs/ , '' ) ;
pureKey = pureKey . charAt ( 0 ) . toLowerCase ( ) + pureKey . slice ( 1 , pureKey . length ) ;
attributes [ pureKey ] = normalizeData ( element . dataset [ key ] ) ;
2019-03-01 16:31:34 +00:00
} ) ;
return attributes ;
} ,
getDataAttribute : function getDataAttribute ( element , key ) {
2020-11-23 13:17:16 +00:00
return normalizeData ( element . getAttribute ( "data-bs-" + normalizeDataKey ( key ) ) ) ;
2019-03-01 16:31:34 +00:00
} ,
offset : function offset ( element ) {
var rect = element . getBoundingClientRect ( ) ;
return {
top : rect . top + document . body . scrollTop ,
left : rect . left + document . body . scrollLeft
} ;
} ,
position : function position ( element ) {
return {
top : element . offsetTop ,
left : element . offsetLeft
} ;
}
2018-11-13 06:41:12 +00:00
} ;
2015-08-15 19:19:11 +00:00
2020-06-16 18:50:01 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2021-02-10 16:14:51 +00:00
* Bootstrap ( v5 . 0.0 - beta2 ) : dom / selector - engine . js
2020-06-16 18:50:01 +00:00
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/main/LICENSE)
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2020-11-11 17:07:37 +00:00
2020-06-16 18:50:01 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var NODE _TEXT = 3 ;
var SelectorEngine = {
2020-11-11 17:07:37 +00:00
find : function find ( selector , element ) {
2020-06-16 18:50:01 +00:00
var _ref ;
if ( element === void 0 ) {
element = document . documentElement ;
}
2020-11-11 17:07:37 +00:00
return ( _ref = [ ] ) . concat . apply ( _ref , Element . prototype . querySelectorAll . call ( element , selector ) ) ;
2020-06-16 18:50:01 +00:00
} ,
2020-11-11 17:07:37 +00:00
findOne : function findOne ( selector , element ) {
2020-06-16 18:50:01 +00:00
if ( element === void 0 ) {
element = document . documentElement ;
}
2020-11-11 17:07:37 +00:00
return Element . prototype . querySelector . call ( element , selector ) ;
2020-06-16 18:50:01 +00:00
} ,
children : function children ( element , selector ) {
var _ref2 ;
2021-02-10 16:14:51 +00:00
return ( _ref2 = [ ] ) . concat . apply ( _ref2 , element . children ) . filter ( function ( child ) {
2020-06-16 18:50:01 +00:00
return child . matches ( selector ) ;
} ) ;
} ,
parents : function parents ( element , selector ) {
var parents = [ ] ;
var ancestor = element . parentNode ;
while ( ancestor && ancestor . nodeType === Node . ELEMENT _NODE && ancestor . nodeType !== NODE _TEXT ) {
2021-02-10 16:14:51 +00:00
if ( ancestor . matches ( selector ) ) {
2020-06-16 18:50:01 +00:00
parents . push ( ancestor ) ;
}
ancestor = ancestor . parentNode ;
}
return parents ;
} ,
prev : function prev ( element , selector ) {
var previous = element . previousElementSibling ;
while ( previous ) {
if ( previous . matches ( selector ) ) {
return [ previous ] ;
}
previous = previous . previousElementSibling ;
}
return [ ] ;
} ,
next : function next ( element , selector ) {
var next = element . nextElementSibling ;
while ( next ) {
2021-02-10 16:14:51 +00:00
if ( next . matches ( selector ) ) {
2020-06-16 18:50:01 +00:00
return [ next ] ;
}
next = next . nextElementSibling ;
}
return [ ] ;
}
} ;
2015-08-15 19:19:11 +00:00
/ * *
2018-11-13 06:41:12 +00:00
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2015-08-15 19:19:11 +00:00
* /
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
var NAME$2 = 'carousel' ;
var DATA _KEY$2 = 'bs.carousel' ;
var EVENT _KEY$2 = "." + DATA _KEY$2 ;
var DATA _API _KEY$2 = '.data-api' ;
2020-05-13 18:53:43 +00:00
var ARROW _LEFT _KEY = 'ArrowLeft' ;
var ARROW _RIGHT _KEY = 'ArrowRight' ;
2018-11-13 06:41:12 +00:00
var TOUCHEVENT _COMPAT _WAIT = 500 ; // Time for mouse compat events to fire after touch
var SWIPE _THRESHOLD = 40 ;
var Default = {
interval : 5000 ,
keyboard : true ,
slide : false ,
pause : 'hover' ,
wrap : true ,
touch : true
} ;
var DefaultType = {
interval : '(number|boolean)' ,
keyboard : 'boolean' ,
slide : '(boolean|string)' ,
pause : '(string|boolean)' ,
wrap : 'boolean' ,
touch : 'boolean'
} ;
2020-03-28 10:29:08 +00:00
var DIRECTION _NEXT = 'next' ;
var DIRECTION _PREV = 'prev' ;
var DIRECTION _LEFT = 'left' ;
var DIRECTION _RIGHT = 'right' ;
var EVENT _SLIDE = "slide" + EVENT _KEY$2 ;
var EVENT _SLID = "slid" + EVENT _KEY$2 ;
var EVENT _KEYDOWN = "keydown" + EVENT _KEY$2 ;
var EVENT _MOUSEENTER = "mouseenter" + EVENT _KEY$2 ;
var EVENT _MOUSELEAVE = "mouseleave" + EVENT _KEY$2 ;
var EVENT _TOUCHSTART = "touchstart" + EVENT _KEY$2 ;
var EVENT _TOUCHMOVE = "touchmove" + EVENT _KEY$2 ;
var EVENT _TOUCHEND = "touchend" + EVENT _KEY$2 ;
var EVENT _POINTERDOWN = "pointerdown" + EVENT _KEY$2 ;
var EVENT _POINTERUP = "pointerup" + EVENT _KEY$2 ;
var EVENT _DRAG _START = "dragstart" + EVENT _KEY$2 ;
var EVENT _LOAD _DATA _API = "load" + EVENT _KEY$2 + DATA _API _KEY$2 ;
var EVENT _CLICK _DATA _API$2 = "click" + EVENT _KEY$2 + DATA _API _KEY$2 ;
var CLASS _NAME _CAROUSEL = 'carousel' ;
var CLASS _NAME _ACTIVE$1 = 'active' ;
var CLASS _NAME _SLIDE = 'slide' ;
2020-12-03 13:08:31 +00:00
var CLASS _NAME _END = 'carousel-item-end' ;
var CLASS _NAME _START = 'carousel-item-start' ;
2020-03-28 10:29:08 +00:00
var CLASS _NAME _NEXT = 'carousel-item-next' ;
var CLASS _NAME _PREV = 'carousel-item-prev' ;
var CLASS _NAME _POINTER _EVENT = 'pointer-event' ;
2020-06-16 18:50:01 +00:00
var SELECTOR _ACTIVE = '.active' ;
2020-03-28 10:29:08 +00:00
var SELECTOR _ACTIVE _ITEM = '.active.carousel-item' ;
var SELECTOR _ITEM = '.carousel-item' ;
var SELECTOR _ITEM _IMG = '.carousel-item img' ;
var SELECTOR _NEXT _PREV = '.carousel-item-next, .carousel-item-prev' ;
var SELECTOR _INDICATORS = '.carousel-indicators' ;
2021-02-10 16:14:51 +00:00
var SELECTOR _INDICATOR = '[data-bs-target]' ;
2020-11-23 13:17:16 +00:00
var SELECTOR _DATA _SLIDE = '[data-bs-slide], [data-bs-slide-to]' ;
var SELECTOR _DATA _RIDE = '[data-bs-ride="carousel"]' ;
2021-02-10 16:14:51 +00:00
var POINTER _TYPE _TOUCH = 'touch' ;
var POINTER _TYPE _PEN = 'pen' ;
2019-10-08 06:39:10 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Class Definition
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2018-11-13 06:41:12 +00:00
2020-12-03 14:18:59 +00:00
var Carousel = /*#__PURE__*/ function ( _BaseComponent ) {
_inheritsLoose ( Carousel , _BaseComponent ) ;
2019-03-01 16:31:34 +00:00
2020-12-03 14:18:59 +00:00
function Carousel ( element , config ) {
var _this ;
_this = _BaseComponent . call ( this , element ) || this ;
_this . _items = null ;
_this . _interval = null ;
_this . _activeElement = null ;
_this . _isPaused = false ;
_this . _isSliding = false ;
_this . touchTimeout = null ;
_this . touchStartX = 0 ;
_this . touchDeltaX = 0 ;
_this . _config = _this . _getConfig ( config ) ;
_this . _indicatorsElement = SelectorEngine . findOne ( SELECTOR _INDICATORS , _this . _element ) ;
_this . _touchSupported = 'ontouchstart' in document . documentElement || navigator . maxTouchPoints > 0 ;
_this . _pointerEvent = Boolean ( window . PointerEvent ) ;
_this . _addEventListeners ( ) ;
return _this ;
2018-11-13 06:41:12 +00:00
} // Getters
var _proto = Carousel . prototype ;
// Public
_proto . next = function next ( ) {
if ( ! this . _isSliding ) {
2020-03-28 10:29:08 +00:00
this . _slide ( DIRECTION _NEXT ) ;
2018-11-13 06:41:12 +00:00
}
2018-03-31 20:59:37 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . nextWhenVisible = function nextWhenVisible ( ) {
// Don't call next when the page isn't visible
// or the carousel or its parent isn't visible
2019-03-01 16:31:34 +00:00
if ( ! document . hidden && isVisible ( this . _element ) ) {
2018-11-13 06:41:12 +00:00
this . next ( ) ;
}
2016-10-10 00:26:51 +00:00
} ;
2018-11-13 06:41:12 +00:00
_proto . prev = function prev ( ) {
if ( ! this . _isSliding ) {
2020-03-28 10:29:08 +00:00
this . _slide ( DIRECTION _PREV ) ;
2018-11-13 06:41:12 +00:00
}
} ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_proto . pause = function pause ( event ) {
if ( ! event ) {
this . _isPaused = true ;
}
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
if ( SelectorEngine . findOne ( SELECTOR _NEXT _PREV , this . _element ) ) {
2019-03-01 16:31:34 +00:00
triggerTransitionEnd ( this . _element ) ;
2018-11-13 06:41:12 +00:00
this . cycle ( true ) ;
}
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
clearInterval ( this . _interval ) ;
this . _interval = null ;
} ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_proto . cycle = function cycle ( event ) {
if ( ! event ) {
this . _isPaused = false ;
}
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _interval ) {
2018-03-31 20:59:37 +00:00
clearInterval ( this . _interval ) ;
this . _interval = null ;
2018-11-13 06:41:12 +00:00
}
2016-10-10 00:26:51 +00:00
2019-03-01 16:31:34 +00:00
if ( this . _config && this . _config . interval && ! this . _isPaused ) {
2020-11-11 17:07:37 +00:00
this . _updateInterval ( ) ;
2018-11-13 06:41:12 +00:00
this . _interval = setInterval ( ( document . visibilityState ? this . nextWhenVisible : this . next ) . bind ( this ) , this . _config . interval ) ;
}
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . to = function to ( index ) {
2020-12-03 14:18:59 +00:00
var _this2 = this ;
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
this . _activeElement = SelectorEngine . findOne ( SELECTOR _ACTIVE _ITEM , this . _element ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var activeIndex = this . _getItemIndex ( this . _activeElement ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( index > this . _items . length - 1 || index < 0 ) {
return ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _isSliding ) {
2020-03-28 10:29:08 +00:00
EventHandler . one ( this . _element , EVENT _SLID , function ( ) {
2020-12-03 14:18:59 +00:00
return _this2 . to ( index ) ;
2018-11-13 06:41:12 +00:00
} ) ;
return ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( activeIndex === index ) {
this . pause ( ) ;
this . cycle ( ) ;
return ;
}
2018-02-19 22:50:56 +00:00
2020-03-28 10:29:08 +00:00
var direction = index > activeIndex ? DIRECTION _NEXT : DIRECTION _PREV ;
2018-02-19 22:50:56 +00:00
2018-11-13 06:41:12 +00:00
this . _slide ( direction , this . _items [ index ] ) ;
} ;
2018-02-19 22:50:56 +00:00
2018-11-13 06:41:12 +00:00
_proto . dispose = function dispose ( ) {
2020-12-03 14:18:59 +00:00
_BaseComponent . prototype . dispose . call ( this ) ;
2019-03-01 16:31:34 +00:00
EventHandler . off ( this . _element , EVENT _KEY$2 ) ;
2018-11-13 06:41:12 +00:00
this . _items = null ;
this . _config = null ;
this . _interval = null ;
this . _isPaused = null ;
this . _isSliding = null ;
this . _activeElement = null ;
this . _indicatorsElement = null ;
2019-01-04 16:29:45 +00:00
} // Private
;
2018-11-13 06:41:12 +00:00
_proto . _getConfig = function _getConfig ( config ) {
2020-09-14 15:12:06 +00:00
config = _extends ( { } , Default , config ) ;
2019-03-01 16:31:34 +00:00
typeCheckConfig ( NAME$2 , config , DefaultType ) ;
2018-11-13 06:41:12 +00:00
return config ;
} ;
2018-02-19 22:50:56 +00:00
2018-11-13 06:41:12 +00:00
_proto . _handleSwipe = function _handleSwipe ( ) {
var absDeltax = Math . abs ( this . touchDeltaX ) ;
2018-02-19 22:50:56 +00:00
2018-11-13 06:41:12 +00:00
if ( absDeltax <= SWIPE _THRESHOLD ) {
return ;
}
2016-11-01 04:36:10 +00:00
2019-04-18 11:47:52 +00:00
var direction = absDeltax / this . touchDeltaX ;
this . touchDeltaX = 0 ; // swipe left
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( direction > 0 ) {
2021-02-10 16:14:51 +00:00
if ( isRTL ) {
this . next ( ) ;
} else {
this . prev ( ) ;
}
2018-11-13 06:41:12 +00:00
} // swipe right
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( direction < 0 ) {
2021-02-10 16:14:51 +00:00
if ( isRTL ) {
this . prev ( ) ;
} else {
this . next ( ) ;
}
2018-11-13 06:41:12 +00:00
}
} ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_proto . _addEventListeners = function _addEventListeners ( ) {
2020-12-03 14:18:59 +00:00
var _this3 = this ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _config . keyboard ) {
2020-03-28 10:29:08 +00:00
EventHandler . on ( this . _element , EVENT _KEYDOWN , function ( event ) {
2020-12-03 14:18:59 +00:00
return _this3 . _keydown ( event ) ;
2018-11-13 06:41:12 +00:00
} ) ;
}
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _config . pause === 'hover' ) {
2020-03-28 10:29:08 +00:00
EventHandler . on ( this . _element , EVENT _MOUSEENTER , function ( event ) {
2020-12-03 14:18:59 +00:00
return _this3 . pause ( event ) ;
2019-03-01 16:31:34 +00:00
} ) ;
2020-03-28 10:29:08 +00:00
EventHandler . on ( this . _element , EVENT _MOUSELEAVE , function ( event ) {
2020-12-03 14:18:59 +00:00
return _this3 . cycle ( event ) ;
2018-11-13 06:41:12 +00:00
} ) ;
}
2015-08-15 19:19:11 +00:00
2019-07-24 06:13:50 +00:00
if ( this . _config . touch && this . _touchSupported ) {
2019-02-11 19:15:34 +00:00
this . _addTouchEventListeners ( ) ;
}
2018-11-13 06:41:12 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _addTouchEventListeners = function _addTouchEventListeners ( ) {
2020-12-03 14:18:59 +00:00
var _this4 = this ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
var start = function start ( event ) {
2021-02-10 16:14:51 +00:00
if ( _this4 . _pointerEvent && ( event . pointerType === POINTER _TYPE _PEN || event . pointerType === POINTER _TYPE _TOUCH ) ) {
2020-12-03 14:18:59 +00:00
_this4 . touchStartX = event . clientX ;
} else if ( ! _this4 . _pointerEvent ) {
_this4 . touchStartX = event . touches [ 0 ] . clientX ;
2018-03-31 20:59:37 +00:00
}
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var move = function move ( event ) {
// ensure swiping with one touch and not pinching
2019-03-01 16:31:34 +00:00
if ( event . touches && event . touches . length > 1 ) {
2020-12-03 14:18:59 +00:00
_this4 . touchDeltaX = 0 ;
2018-11-13 06:41:12 +00:00
} else {
2020-12-03 14:18:59 +00:00
_this4 . touchDeltaX = event . touches [ 0 ] . clientX - _this4 . touchStartX ;
2018-11-13 06:41:12 +00:00
}
2018-03-31 20:59:37 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var end = function end ( event ) {
2021-02-10 16:14:51 +00:00
if ( _this4 . _pointerEvent && ( event . pointerType === POINTER _TYPE _PEN || event . pointerType === POINTER _TYPE _TOUCH ) ) {
2020-12-03 14:18:59 +00:00
_this4 . touchDeltaX = event . clientX - _this4 . touchStartX ;
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
_this4 . _handleSwipe ( ) ;
2017-09-30 21:28:03 +00:00
2020-12-03 14:18:59 +00:00
if ( _this4 . _config . pause === 'hover' ) {
2018-11-13 06:41:12 +00:00
// If it's a touch-enabled device, mouseenter/leave are fired as
// part of the mouse compatibility events on first tap - the carousel
// would stop cycling until user tapped out of it;
// here, we listen for touchend, explicitly pause the carousel
// (as if it's the second time we tap on it, mouseenter compat event
// is NOT fired) and after a timeout (to allow for mouse compatibility
// events to fire) we explicitly restart cycling
2020-12-03 14:18:59 +00:00
_this4 . pause ( ) ;
2017-09-30 21:28:03 +00:00
2020-12-03 14:18:59 +00:00
if ( _this4 . touchTimeout ) {
clearTimeout ( _this4 . touchTimeout ) ;
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
_this4 . touchTimeout = setTimeout ( function ( event ) {
return _this4 . cycle ( event ) ;
} , TOUCHEVENT _COMPAT _WAIT + _this4 . _config . interval ) ;
2018-11-13 06:41:12 +00:00
}
2018-03-31 20:59:37 +00:00
} ;
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
SelectorEngine . find ( SELECTOR _ITEM _IMG , this . _element ) . forEach ( function ( itemImg ) {
EventHandler . on ( itemImg , EVENT _DRAG _START , function ( e ) {
2019-03-01 16:31:34 +00:00
return e . preventDefault ( ) ;
} ) ;
2018-11-13 06:41:12 +00:00
} ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _pointerEvent ) {
2020-03-28 10:29:08 +00:00
EventHandler . on ( this . _element , EVENT _POINTERDOWN , function ( event ) {
2018-11-13 06:41:12 +00:00
return start ( event ) ;
} ) ;
2020-03-28 10:29:08 +00:00
EventHandler . on ( this . _element , EVENT _POINTERUP , function ( event ) {
2018-11-13 06:41:12 +00:00
return end ( event ) ;
} ) ;
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
this . _element . classList . add ( CLASS _NAME _POINTER _EVENT ) ;
2018-11-13 06:41:12 +00:00
} else {
2020-03-28 10:29:08 +00:00
EventHandler . on ( this . _element , EVENT _TOUCHSTART , function ( event ) {
2018-11-13 06:41:12 +00:00
return start ( event ) ;
2018-03-31 20:59:37 +00:00
} ) ;
2020-03-28 10:29:08 +00:00
EventHandler . on ( this . _element , EVENT _TOUCHMOVE , function ( event ) {
2018-11-13 06:41:12 +00:00
return move ( event ) ;
} ) ;
2020-03-28 10:29:08 +00:00
EventHandler . on ( this . _element , EVENT _TOUCHEND , function ( event ) {
2018-11-13 06:41:12 +00:00
return end ( event ) ;
} ) ;
}
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _keydown = function _keydown ( event ) {
if ( /input|textarea/i . test ( event . target . tagName ) ) {
return ;
}
2017-09-30 21:28:03 +00:00
2021-02-10 16:14:51 +00:00
if ( event . key === ARROW _LEFT _KEY ) {
event . preventDefault ( ) ;
if ( isRTL ) {
this . next ( ) ;
} else {
2018-11-13 06:41:12 +00:00
this . prev ( ) ;
2021-02-10 16:14:51 +00:00
}
} else if ( event . key === ARROW _RIGHT _KEY ) {
event . preventDefault ( ) ;
2017-09-30 21:28:03 +00:00
2021-02-10 16:14:51 +00:00
if ( isRTL ) {
this . prev ( ) ;
} else {
2018-11-13 06:41:12 +00:00
this . next ( ) ;
2021-02-10 16:14:51 +00:00
}
2018-11-13 06:41:12 +00:00
}
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getItemIndex = function _getItemIndex ( element ) {
2020-03-28 10:29:08 +00:00
this . _items = element && element . parentNode ? SelectorEngine . find ( SELECTOR _ITEM , element . parentNode ) : [ ] ;
2018-11-13 06:41:12 +00:00
return this . _items . indexOf ( element ) ;
} ;
2016-12-08 04:46:17 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getItemByDirection = function _getItemByDirection ( direction , activeElement ) {
2020-03-28 10:29:08 +00:00
var isNextDirection = direction === DIRECTION _NEXT ;
var isPrevDirection = direction === DIRECTION _PREV ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
var activeIndex = this . _getItemIndex ( activeElement ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var lastItemIndex = this . _items . length - 1 ;
var isGoingToWrap = isPrevDirection && activeIndex === 0 || isNextDirection && activeIndex === lastItemIndex ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( isGoingToWrap && ! this . _config . wrap ) {
return activeElement ;
}
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
var delta = direction === DIRECTION _PREV ? - 1 : 1 ;
2018-11-13 06:41:12 +00:00
var itemIndex = ( activeIndex + delta ) % this . _items . length ;
return itemIndex === - 1 ? this . _items [ this . _items . length - 1 ] : this . _items [ itemIndex ] ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _triggerSlideEvent = function _triggerSlideEvent ( relatedTarget , eventDirectionName ) {
var targetIndex = this . _getItemIndex ( relatedTarget ) ;
2016-10-10 00:26:51 +00:00
2020-03-28 10:29:08 +00:00
var fromIndex = this . _getItemIndex ( SelectorEngine . findOne ( SELECTOR _ACTIVE _ITEM , this . _element ) ) ;
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
return EventHandler . trigger ( this . _element , EVENT _SLIDE , {
2018-11-13 06:41:12 +00:00
relatedTarget : relatedTarget ,
direction : eventDirectionName ,
from : fromIndex ,
to : targetIndex
} ) ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _setActiveIndicatorElement = function _setActiveIndicatorElement ( element ) {
if ( this . _indicatorsElement ) {
2021-02-10 16:14:51 +00:00
var activeIndicator = SelectorEngine . findOne ( SELECTOR _ACTIVE , this . _indicatorsElement ) ;
activeIndicator . classList . remove ( CLASS _NAME _ACTIVE$1 ) ;
activeIndicator . removeAttribute ( 'aria-current' ) ;
var indicators = SelectorEngine . find ( SELECTOR _INDICATOR , this . _indicatorsElement ) ;
2019-03-01 16:31:34 +00:00
for ( var i = 0 ; i < indicators . length ; i ++ ) {
2021-02-10 16:14:51 +00:00
if ( Number . parseInt ( indicators [ i ] . getAttribute ( 'data-bs-slide-to' ) , 10 ) === this . _getItemIndex ( element ) ) {
indicators [ i ] . classList . add ( CLASS _NAME _ACTIVE$1 ) ;
indicators [ i ] . setAttribute ( 'aria-current' , 'true' ) ;
break ;
}
2018-03-31 20:59:37 +00:00
}
2018-11-13 06:41:12 +00:00
}
} ;
2015-08-15 19:19:11 +00:00
2020-11-11 17:07:37 +00:00
_proto . _updateInterval = function _updateInterval ( ) {
var element = this . _activeElement || SelectorEngine . findOne ( SELECTOR _ACTIVE _ITEM , this . _element ) ;
if ( ! element ) {
return ;
}
2020-11-23 13:17:16 +00:00
var elementInterval = Number . parseInt ( element . getAttribute ( 'data-bs-interval' ) , 10 ) ;
2020-11-11 17:07:37 +00:00
if ( elementInterval ) {
this . _config . defaultInterval = this . _config . defaultInterval || this . _config . interval ;
this . _config . interval = elementInterval ;
} else {
this . _config . interval = this . _config . defaultInterval || this . _config . interval ;
}
} ;
2018-11-13 06:41:12 +00:00
_proto . _slide = function _slide ( direction , element ) {
2020-12-03 14:18:59 +00:00
var _this5 = this ;
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
var activeElement = SelectorEngine . findOne ( SELECTOR _ACTIVE _ITEM , this . _element ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
var activeElementIndex = this . _getItemIndex ( activeElement ) ;
2018-09-19 04:35:40 +00:00
2018-11-13 06:41:12 +00:00
var nextElement = element || activeElement && this . _getItemByDirection ( direction , activeElement ) ;
2018-09-19 04:35:40 +00:00
2018-11-13 06:41:12 +00:00
var nextElementIndex = this . _getItemIndex ( nextElement ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var isCycling = Boolean ( this . _interval ) ;
2021-02-10 16:14:51 +00:00
var directionalClassName = direction === DIRECTION _NEXT ? CLASS _NAME _START : CLASS _NAME _END ;
var orderClassName = direction === DIRECTION _NEXT ? CLASS _NAME _NEXT : CLASS _NAME _PREV ;
var eventDirectionName = direction === DIRECTION _NEXT ? DIRECTION _LEFT : DIRECTION _RIGHT ;
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
if ( nextElement && nextElement . classList . contains ( CLASS _NAME _ACTIVE$1 ) ) {
2018-11-13 06:41:12 +00:00
this . _isSliding = false ;
return ;
}
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
var slideEvent = this . _triggerSlideEvent ( nextElement , eventDirectionName ) ;
2018-03-31 20:59:37 +00:00
2019-03-01 16:31:34 +00:00
if ( slideEvent . defaultPrevented ) {
2018-11-13 06:41:12 +00:00
return ;
}
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
if ( ! activeElement || ! nextElement ) {
// Some weirdness is happening, so we bail
return ;
}
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
this . _isSliding = true ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( isCycling ) {
this . pause ( ) ;
}
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
this . _setActiveIndicatorElement ( nextElement ) ;
2017-09-30 21:28:03 +00:00
2020-11-11 17:07:37 +00:00
this . _activeElement = nextElement ;
2020-03-28 10:29:08 +00:00
if ( this . _element . classList . contains ( CLASS _NAME _SLIDE ) ) {
2019-03-01 16:31:34 +00:00
nextElement . classList . add ( orderClassName ) ;
reflow ( nextElement ) ;
activeElement . classList . add ( directionalClassName ) ;
nextElement . classList . add ( directionalClassName ) ;
var transitionDuration = getTransitionDurationFromElement ( activeElement ) ;
2021-02-10 16:14:51 +00:00
EventHandler . one ( activeElement , 'transitionend' , function ( ) {
2020-05-13 18:53:43 +00:00
nextElement . classList . remove ( directionalClassName , orderClassName ) ;
2020-03-28 10:29:08 +00:00
nextElement . classList . add ( CLASS _NAME _ACTIVE$1 ) ;
2020-05-13 18:53:43 +00:00
activeElement . classList . remove ( CLASS _NAME _ACTIVE$1 , orderClassName , directionalClassName ) ;
2020-12-03 14:18:59 +00:00
_this5 . _isSliding = false ;
2018-11-13 06:41:12 +00:00
setTimeout ( function ( ) {
2020-12-03 14:18:59 +00:00
EventHandler . trigger ( _this5 . _element , EVENT _SLID , {
2019-03-01 16:31:34 +00:00
relatedTarget : nextElement ,
direction : eventDirectionName ,
from : activeElementIndex ,
to : nextElementIndex
} ) ;
2018-11-13 06:41:12 +00:00
} , 0 ) ;
2019-03-01 16:31:34 +00:00
} ) ;
emulateTransitionEnd ( activeElement , transitionDuration ) ;
2018-11-13 06:41:12 +00:00
} else {
2020-03-28 10:29:08 +00:00
activeElement . classList . remove ( CLASS _NAME _ACTIVE$1 ) ;
nextElement . classList . add ( CLASS _NAME _ACTIVE$1 ) ;
2018-11-13 06:41:12 +00:00
this . _isSliding = false ;
2020-03-28 10:29:08 +00:00
EventHandler . trigger ( this . _element , EVENT _SLID , {
2019-03-01 16:31:34 +00:00
relatedTarget : nextElement ,
direction : eventDirectionName ,
from : activeElementIndex ,
to : nextElementIndex
} ) ;
2018-11-13 06:41:12 +00:00
}
if ( isCycling ) {
this . cycle ( ) ;
}
2019-01-04 16:29:45 +00:00
} // Static
;
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
Carousel . carouselInterface = function carouselInterface ( element , config ) {
2019-03-01 16:31:34 +00:00
var data = Data . getData ( element , DATA _KEY$2 ) ;
2015-08-19 02:22:46 +00:00
2020-09-14 15:12:06 +00:00
var _config = _extends ( { } , Default , Manipulator . getDataAttributes ( element ) ) ;
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
if ( typeof config === 'object' ) {
2020-09-14 15:12:06 +00:00
_config = _extends ( { } , _config , config ) ;
2019-03-01 16:31:34 +00:00
}
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
var action = typeof config === 'string' ? config : _config . slide ;
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
if ( ! data ) {
data = new Carousel ( element , _config ) ;
}
if ( typeof config === 'number' ) {
data . to ( config ) ;
} else if ( typeof action === 'string' ) {
if ( typeof data [ action ] === 'undefined' ) {
2019-03-11 15:13:30 +00:00
throw new TypeError ( "No method named \"" + action + "\"" ) ;
2018-03-31 20:59:37 +00:00
}
2016-10-10 00:26:51 +00:00
2019-03-01 16:31:34 +00:00
data [ action ] ( ) ;
} else if ( _config . interval && _config . ride ) {
data . pause ( ) ;
data . cycle ( ) ;
}
} ;
2016-10-10 00:26:51 +00:00
2019-08-27 13:03:21 +00:00
Carousel . jQueryInterface = function jQueryInterface ( config ) {
2019-03-01 16:31:34 +00:00
return this . each ( function ( ) {
2019-08-27 13:03:21 +00:00
Carousel . carouselInterface ( this , config ) ;
2018-11-13 06:41:12 +00:00
} ) ;
} ;
2016-10-10 00:26:51 +00:00
2019-08-27 13:03:21 +00:00
Carousel . dataApiClickHandler = function dataApiClickHandler ( event ) {
var target = getElementFromSelector ( this ) ;
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
if ( ! target || ! target . classList . contains ( CLASS _NAME _CAROUSEL ) ) {
2018-11-13 06:41:12 +00:00
return ;
}
2015-08-15 19:19:11 +00:00
2020-09-14 15:12:06 +00:00
var config = _extends ( { } , Manipulator . getDataAttributes ( target ) , Manipulator . getDataAttributes ( this ) ) ;
2018-06-22 05:55:23 +00:00
2020-11-23 13:17:16 +00:00
var slideIndex = this . getAttribute ( 'data-bs-slide-to' ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( slideIndex ) {
config . interval = false ;
2018-06-22 05:55:23 +00:00
}
2017-09-30 21:28:03 +00:00
2019-08-27 13:03:21 +00:00
Carousel . carouselInterface ( target , config ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( slideIndex ) {
2019-03-01 16:31:34 +00:00
Data . getData ( target , DATA _KEY$2 ) . to ( slideIndex ) ;
2018-11-13 06:41:12 +00:00
}
event . preventDefault ( ) ;
2018-03-31 20:59:37 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_createClass ( Carousel , null , [ {
2020-12-03 14:18:59 +00:00
key : "Default" ,
2018-11-13 06:41:12 +00:00
get : function get ( ) {
2020-12-03 14:18:59 +00:00
return Default ;
2018-11-13 06:41:12 +00:00
}
} , {
2020-12-03 14:18:59 +00:00
key : "DATA_KEY" ,
2018-11-13 06:41:12 +00:00
get : function get ( ) {
2020-12-03 14:18:59 +00:00
return DATA _KEY$2 ;
2018-11-13 06:41:12 +00:00
}
} ] ) ;
2018-03-31 20:59:37 +00:00
return Carousel ;
2020-12-03 14:18:59 +00:00
} ( BaseComponent ) ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Data Api implementation
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2020-03-28 10:29:08 +00:00
EventHandler . on ( document , EVENT _CLICK _DATA _API$2 , SELECTOR _DATA _SLIDE , Carousel . dataApiClickHandler ) ;
EventHandler . on ( window , EVENT _LOAD _DATA _API , function ( ) {
var carousels = SelectorEngine . find ( SELECTOR _DATA _RIDE ) ;
2018-11-13 06:41:12 +00:00
for ( var i = 0 , len = carousels . length ; i < len ; i ++ ) {
2019-08-27 13:03:21 +00:00
Carousel . carouselInterface ( carousels [ i ] , Data . getData ( carousels [ i ] , DATA _KEY$2 ) ) ;
2018-11-13 06:41:12 +00:00
}
} ) ;
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2020-11-11 17:07:37 +00:00
* add . Carousel to jQuery only if jQuery is present
2018-11-13 06:41:12 +00:00
* /
2021-02-10 16:14:51 +00:00
defineJQueryPlugin ( NAME$2 , Carousel ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var NAME$3 = 'collapse' ;
var DATA _KEY$3 = 'bs.collapse' ;
var EVENT _KEY$3 = "." + DATA _KEY$3 ;
var DATA _API _KEY$3 = '.data-api' ;
var Default$1 = {
toggle : true ,
parent : ''
} ;
var DefaultType$1 = {
toggle : 'boolean' ,
parent : '(string|element)'
} ;
2020-03-28 10:29:08 +00:00
var EVENT _SHOW = "show" + EVENT _KEY$3 ;
var EVENT _SHOWN = "shown" + EVENT _KEY$3 ;
var EVENT _HIDE = "hide" + EVENT _KEY$3 ;
var EVENT _HIDDEN = "hidden" + EVENT _KEY$3 ;
var EVENT _CLICK _DATA _API$3 = "click" + EVENT _KEY$3 + DATA _API _KEY$3 ;
2021-02-10 16:14:51 +00:00
var CLASS _NAME _SHOW$1 = 'show' ;
2020-03-28 10:29:08 +00:00
var CLASS _NAME _COLLAPSE = 'collapse' ;
var CLASS _NAME _COLLAPSING = 'collapsing' ;
var CLASS _NAME _COLLAPSED = 'collapsed' ;
var WIDTH = 'width' ;
var HEIGHT = 'height' ;
var SELECTOR _ACTIVES = '.show, .collapsing' ;
2020-11-23 13:17:16 +00:00
var SELECTOR _DATA _TOGGLE$1 = '[data-bs-toggle="collapse"]' ;
2019-10-08 06:39:10 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Class Definition
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2018-11-13 06:41:12 +00:00
2020-12-03 14:18:59 +00:00
var Collapse = /*#__PURE__*/ function ( _BaseComponent ) {
_inheritsLoose ( Collapse , _BaseComponent ) ;
2018-11-13 06:41:12 +00:00
function Collapse ( element , config ) {
2020-12-03 14:18:59 +00:00
var _this ;
_this = _BaseComponent . call ( this , element ) || this ;
_this . _isTransitioning = false ;
_this . _config = _this . _getConfig ( config ) ;
_this . _triggerArray = SelectorEngine . find ( SELECTOR _DATA _TOGGLE$1 + "[href=\"#" + element . id + "\"]," + ( SELECTOR _DATA _TOGGLE$1 + "[data-bs-target=\"#" + element . id + "\"]" ) ) ;
2020-03-28 10:29:08 +00:00
var toggleList = SelectorEngine . find ( SELECTOR _DATA _TOGGLE$1 ) ;
2018-11-13 06:41:12 +00:00
for ( var i = 0 , len = toggleList . length ; i < len ; i ++ ) {
var elem = toggleList [ i ] ;
2019-03-01 16:31:34 +00:00
var selector = getSelectorFromElement ( elem ) ;
2020-03-28 10:29:08 +00:00
var filterElement = SelectorEngine . find ( selector ) . filter ( function ( foundElem ) {
2018-11-13 06:41:12 +00:00
return foundElem === element ;
} ) ;
2017-05-16 07:59:44 +00:00
2019-03-01 16:31:34 +00:00
if ( selector !== null && filterElement . length ) {
2020-12-03 14:18:59 +00:00
_this . _selector = selector ;
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
_this . _triggerArray . push ( elem ) ;
2018-03-31 20:59:37 +00:00
}
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
_this . _parent = _this . _config . parent ? _this . _getParent ( ) : null ;
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
if ( ! _this . _config . parent ) {
_this . _addAriaAndCollapsedClass ( _this . _element , _this . _triggerArray ) ;
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
if ( _this . _config . toggle ) {
_this . toggle ( ) ;
2018-11-13 06:41:12 +00:00
}
2019-03-01 16:31:34 +00:00
2020-12-03 14:18:59 +00:00
return _this ;
2018-11-13 06:41:12 +00:00
} // Getters
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var _proto = Collapse . prototype ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
// Public
_proto . toggle = function toggle ( ) {
2021-02-10 16:14:51 +00:00
if ( this . _element . classList . contains ( CLASS _NAME _SHOW$1 ) ) {
2018-11-13 06:41:12 +00:00
this . hide ( ) ;
} else {
this . show ( ) ;
}
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . show = function show ( ) {
2020-12-03 14:18:59 +00:00
var _this2 = this ;
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
if ( this . _isTransitioning || this . _element . classList . contains ( CLASS _NAME _SHOW$1 ) ) {
2018-11-13 06:41:12 +00:00
return ;
}
2018-09-17 19:34:34 +00:00
2018-11-13 06:41:12 +00:00
var actives ;
var activesData ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _parent ) {
2020-03-28 10:29:08 +00:00
actives = SelectorEngine . find ( SELECTOR _ACTIVES , this . _parent ) . filter ( function ( elem ) {
2020-12-03 14:18:59 +00:00
if ( typeof _this2 . _config . parent === 'string' ) {
return elem . getAttribute ( 'data-bs-parent' ) === _this2 . _config . parent ;
2018-03-31 20:59:37 +00:00
}
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
return elem . classList . contains ( CLASS _NAME _COLLAPSE ) ;
2018-11-13 06:41:12 +00:00
} ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( actives . length === 0 ) {
actives = null ;
2015-08-15 19:19:11 +00:00
}
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
var container = SelectorEngine . findOne ( this . _selector ) ;
2018-11-13 06:41:12 +00:00
if ( actives ) {
2020-11-23 13:17:16 +00:00
var tempActiveData = actives . find ( function ( elem ) {
2019-03-01 16:31:34 +00:00
return container !== elem ;
} ) ;
2020-11-23 13:17:16 +00:00
activesData = tempActiveData ? Data . getData ( tempActiveData , DATA _KEY$3 ) : null ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( activesData && activesData . _isTransitioning ) {
2018-03-31 20:59:37 +00:00
return ;
}
2018-11-13 06:41:12 +00:00
}
2016-10-10 00:26:51 +00:00
2020-03-28 10:29:08 +00:00
var startEvent = EventHandler . trigger ( this . _element , EVENT _SHOW ) ;
2017-09-30 21:28:03 +00:00
2019-03-01 16:31:34 +00:00
if ( startEvent . defaultPrevented ) {
2018-11-13 06:41:12 +00:00
return ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( actives ) {
2019-03-01 16:31:34 +00:00
actives . forEach ( function ( elemActive ) {
if ( container !== elemActive ) {
2019-08-27 13:03:21 +00:00
Collapse . collapseInterface ( elemActive , 'hide' ) ;
2019-03-01 16:31:34 +00:00
}
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
if ( ! activesData ) {
Data . setData ( elemActive , DATA _KEY$3 , null ) ;
}
} ) ;
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var dimension = this . _getDimension ( ) ;
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
this . _element . classList . remove ( CLASS _NAME _COLLAPSE ) ;
2019-03-01 16:31:34 +00:00
2020-03-28 10:29:08 +00:00
this . _element . classList . add ( CLASS _NAME _COLLAPSING ) ;
2019-03-01 16:31:34 +00:00
2018-11-13 06:41:12 +00:00
this . _element . style [ dimension ] = 0 ;
if ( this . _triggerArray . length ) {
2019-03-01 16:31:34 +00:00
this . _triggerArray . forEach ( function ( element ) {
2020-03-28 10:29:08 +00:00
element . classList . remove ( CLASS _NAME _COLLAPSED ) ;
2019-03-01 16:31:34 +00:00
element . setAttribute ( 'aria-expanded' , true ) ;
} ) ;
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . setTransitioning ( true ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var complete = function complete ( ) {
2020-12-03 14:18:59 +00:00
_this2 . _element . classList . remove ( CLASS _NAME _COLLAPSING ) ;
2019-03-01 16:31:34 +00:00
2021-02-10 16:14:51 +00:00
_this2 . _element . classList . add ( CLASS _NAME _COLLAPSE , CLASS _NAME _SHOW$1 ) ;
2019-03-01 16:31:34 +00:00
2020-12-03 14:18:59 +00:00
_this2 . _element . style [ dimension ] = '' ;
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
_this2 . setTransitioning ( false ) ;
2018-11-13 06:41:12 +00:00
2020-12-03 14:18:59 +00:00
EventHandler . trigger ( _this2 . _element , EVENT _SHOWN ) ;
2018-03-31 20:59:37 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var capitalizedDimension = dimension [ 0 ] . toUpperCase ( ) + dimension . slice ( 1 ) ;
var scrollSize = "scroll" + capitalizedDimension ;
2019-03-01 16:31:34 +00:00
var transitionDuration = getTransitionDurationFromElement ( this . _element ) ;
2021-02-10 16:14:51 +00:00
EventHandler . one ( this . _element , 'transitionend' , complete ) ;
2019-03-01 16:31:34 +00:00
emulateTransitionEnd ( this . _element , transitionDuration ) ;
2018-11-13 06:41:12 +00:00
this . _element . style [ dimension ] = this . _element [ scrollSize ] + "px" ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . hide = function hide ( ) {
2020-12-03 14:18:59 +00:00
var _this3 = this ;
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
if ( this . _isTransitioning || ! this . _element . classList . contains ( CLASS _NAME _SHOW$1 ) ) {
2018-11-13 06:41:12 +00:00
return ;
}
2017-09-30 21:28:03 +00:00
2020-03-28 10:29:08 +00:00
var startEvent = EventHandler . trigger ( this . _element , EVENT _HIDE ) ;
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
if ( startEvent . defaultPrevented ) {
2018-11-13 06:41:12 +00:00
return ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var dimension = this . _getDimension ( ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _element . style [ dimension ] = this . _element . getBoundingClientRect ( ) [ dimension ] + "px" ;
2019-03-01 16:31:34 +00:00
reflow ( this . _element ) ;
2020-03-28 10:29:08 +00:00
this . _element . classList . add ( CLASS _NAME _COLLAPSING ) ;
2019-03-01 16:31:34 +00:00
2021-02-10 16:14:51 +00:00
this . _element . classList . remove ( CLASS _NAME _COLLAPSE , CLASS _NAME _SHOW$1 ) ;
2019-03-01 16:31:34 +00:00
2018-11-13 06:41:12 +00:00
var triggerArrayLength = this . _triggerArray . length ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( triggerArrayLength > 0 ) {
for ( var i = 0 ; i < triggerArrayLength ; i ++ ) {
var trigger = this . _triggerArray [ i ] ;
2019-08-27 13:03:21 +00:00
var elem = getElementFromSelector ( trigger ) ;
2018-11-13 06:41:12 +00:00
2021-02-10 16:14:51 +00:00
if ( elem && ! elem . classList . contains ( CLASS _NAME _SHOW$1 ) ) {
2020-03-28 10:29:08 +00:00
trigger . classList . add ( CLASS _NAME _COLLAPSED ) ;
2019-08-27 13:03:21 +00:00
trigger . setAttribute ( 'aria-expanded' , false ) ;
2017-06-15 03:44:32 +00:00
}
}
2018-11-13 06:41:12 +00:00
}
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
this . setTransitioning ( true ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var complete = function complete ( ) {
2020-12-03 14:18:59 +00:00
_this3 . setTransitioning ( false ) ;
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
_this3 . _element . classList . remove ( CLASS _NAME _COLLAPSING ) ;
2019-03-01 16:31:34 +00:00
2020-12-03 14:18:59 +00:00
_this3 . _element . classList . add ( CLASS _NAME _COLLAPSE ) ;
2019-03-01 16:31:34 +00:00
2020-12-03 14:18:59 +00:00
EventHandler . trigger ( _this3 . _element , EVENT _HIDDEN ) ;
2018-03-31 20:59:37 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _element . style [ dimension ] = '' ;
2019-03-01 16:31:34 +00:00
var transitionDuration = getTransitionDurationFromElement ( this . _element ) ;
2021-02-10 16:14:51 +00:00
EventHandler . one ( this . _element , 'transitionend' , complete ) ;
2019-03-01 16:31:34 +00:00
emulateTransitionEnd ( this . _element , transitionDuration ) ;
2018-11-13 06:41:12 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . setTransitioning = function setTransitioning ( isTransitioning ) {
this . _isTransitioning = isTransitioning ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . dispose = function dispose ( ) {
2020-12-03 14:18:59 +00:00
_BaseComponent . prototype . dispose . call ( this ) ;
2018-11-13 06:41:12 +00:00
this . _config = null ;
this . _parent = null ;
this . _triggerArray = null ;
this . _isTransitioning = null ;
2019-01-04 16:29:45 +00:00
} // Private
;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getConfig = function _getConfig ( config ) {
2020-09-14 15:12:06 +00:00
config = _extends ( { } , Default$1 , config ) ;
2018-11-13 06:41:12 +00:00
config . toggle = Boolean ( config . toggle ) ; // Coerce string values
2016-10-10 00:26:51 +00:00
2019-03-01 16:31:34 +00:00
typeCheckConfig ( NAME$3 , config , DefaultType$1 ) ;
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 . _getDimension = function _getDimension ( ) {
2020-09-14 15:12:06 +00:00
return this . _element . classList . contains ( WIDTH ) ? WIDTH : HEIGHT ;
2018-11-13 06:41:12 +00:00
} ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getParent = function _getParent ( ) {
2020-12-03 14:18:59 +00:00
var _this4 = this ;
2016-10-10 00:26:51 +00:00
2019-03-11 15:13:30 +00:00
var parent = this . _config . parent ;
2017-09-30 21:28:03 +00:00
2019-03-11 15:13:30 +00:00
if ( isElement ( parent ) ) {
// it's a jQuery object
if ( typeof parent . jquery !== 'undefined' || typeof parent [ 0 ] !== 'undefined' ) {
parent = parent [ 0 ] ;
2018-11-13 06:41:12 +00:00
}
} else {
2019-03-11 15:13:30 +00:00
parent = SelectorEngine . findOne ( parent ) ;
2018-11-13 06:41:12 +00:00
}
2016-10-10 00:26:51 +00:00
2020-11-23 13:17:16 +00:00
var selector = SELECTOR _DATA _TOGGLE$1 + "[data-bs-parent=\"" + parent + "\"]" ;
2020-03-28 10:29:08 +00:00
SelectorEngine . find ( selector , parent ) . forEach ( function ( element ) {
2019-08-27 13:03:21 +00:00
var selected = getElementFromSelector ( element ) ;
2019-07-24 06:13:50 +00:00
2020-12-03 14:18:59 +00:00
_this4 . _addAriaAndCollapsedClass ( selected , [ element ] ) ;
2018-11-13 06:41:12 +00:00
} ) ;
return parent ;
} ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_proto . _addAriaAndCollapsedClass = function _addAriaAndCollapsedClass ( element , triggerArray ) {
2020-09-14 15:12:06 +00:00
if ( ! element || ! triggerArray . length ) {
return ;
}
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
var isOpen = element . classList . contains ( CLASS _NAME _SHOW$1 ) ;
2020-09-14 15:12:06 +00:00
triggerArray . forEach ( function ( elem ) {
if ( isOpen ) {
elem . classList . remove ( CLASS _NAME _COLLAPSED ) ;
} else {
elem . classList . add ( CLASS _NAME _COLLAPSED ) ;
2019-03-01 16:31:34 +00:00
}
2020-09-14 15:12:06 +00:00
elem . setAttribute ( 'aria-expanded' , isOpen ) ;
} ) ;
2019-01-04 16:29:45 +00:00
} // Static
;
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
Collapse . collapseInterface = function collapseInterface ( element , config ) {
2019-03-01 16:31:34 +00:00
var data = Data . getData ( element , DATA _KEY$3 ) ;
2015-08-15 19:19:11 +00:00
2020-09-14 15:12:06 +00:00
var _config = _extends ( { } , Default$1 , Manipulator . getDataAttributes ( element ) , typeof config === 'object' && config ? config : { } ) ;
2016-10-10 00:26:51 +00:00
2020-05-13 18:53:43 +00:00
if ( ! data && _config . toggle && typeof config === 'string' && /show|hide/ . test ( config ) ) {
2019-03-01 16:31:34 +00:00
_config . toggle = false ;
}
2018-03-31 20:59:37 +00:00
2019-03-01 16:31:34 +00:00
if ( ! data ) {
data = new Collapse ( element , _config ) ;
}
if ( typeof config === 'string' ) {
if ( typeof data [ config ] === 'undefined' ) {
2019-03-11 15:13:30 +00:00
throw new TypeError ( "No method named \"" + config + "\"" ) ;
2018-11-13 06:41:12 +00:00
}
2016-10-10 00:26:51 +00:00
2019-03-01 16:31:34 +00:00
data [ config ] ( ) ;
}
} ;
2017-09-30 21:28:03 +00:00
2019-08-27 13:03:21 +00:00
Collapse . jQueryInterface = function jQueryInterface ( config ) {
2019-03-01 16:31:34 +00:00
return this . each ( function ( ) {
2019-08-27 13:03:21 +00:00
Collapse . collapseInterface ( this , config ) ;
2018-11-13 06:41:12 +00:00
} ) ;
} ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_createClass ( Collapse , null , [ {
2020-12-03 14:18:59 +00:00
key : "Default" ,
2018-11-13 06:41:12 +00:00
get : function get ( ) {
2020-12-03 14:18:59 +00:00
return Default$1 ;
2018-11-13 06:41:12 +00:00
}
} , {
2020-12-03 14:18:59 +00:00
key : "DATA_KEY" ,
2018-11-13 06:41:12 +00:00
get : function get ( ) {
2020-12-03 14:18:59 +00:00
return DATA _KEY$3 ;
2018-11-13 06:41:12 +00:00
}
} ] ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
return Collapse ;
2020-12-03 14:18:59 +00:00
} ( BaseComponent ) ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Data Api implementation
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2017-09-30 21:28:03 +00:00
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . on ( document , EVENT _CLICK _DATA _API$3 , SELECTOR _DATA _TOGGLE$1 , function ( event ) {
2018-11-13 06:41:12 +00:00
// preventDefault only for <a> elements (which change the URL) not inside the collapsible element
2021-02-10 16:14:51 +00:00
if ( event . target . tagName === 'A' || event . delegateTarget && event . delegateTarget . tagName === 'A' ) {
2018-11-13 06:41:12 +00:00
event . preventDefault ( ) ;
}
2017-09-30 21:28:03 +00:00
2019-03-01 16:31:34 +00:00
var triggerData = Manipulator . getDataAttributes ( this ) ;
var selector = getSelectorFromElement ( this ) ;
2020-03-28 10:29:08 +00:00
var selectorElements = SelectorEngine . find ( selector ) ;
2019-03-01 16:31:34 +00:00
selectorElements . forEach ( function ( element ) {
var data = Data . getData ( element , DATA _KEY$3 ) ;
var config ;
if ( data ) {
// update parent attribute
if ( data . _parent === null && typeof triggerData . parent === 'string' ) {
data . _config . parent = triggerData . parent ;
data . _parent = data . _getParent ( ) ;
}
config = 'toggle' ;
} else {
config = triggerData ;
}
2017-09-30 21:28:03 +00:00
2019-08-27 13:03:21 +00:00
Collapse . collapseInterface ( element , config ) ;
2018-11-13 06:41:12 +00:00
} ) ;
} ) ;
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2020-11-11 17:07:37 +00:00
* add . Collapse to jQuery only if jQuery is present
2018-11-13 06:41:12 +00:00
* /
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
defineJQueryPlugin ( NAME$3 , Collapse ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var NAME$4 = 'dropdown' ;
var DATA _KEY$4 = 'bs.dropdown' ;
var EVENT _KEY$4 = "." + DATA _KEY$4 ;
var DATA _API _KEY$4 = '.data-api' ;
2020-05-13 18:53:43 +00:00
var ESCAPE _KEY = 'Escape' ;
var SPACE _KEY = 'Space' ;
var TAB _KEY = 'Tab' ;
var ARROW _UP _KEY = 'ArrowUp' ;
var ARROW _DOWN _KEY = 'ArrowDown' ;
var RIGHT _MOUSE _BUTTON = 2 ; // MouseEvent.button value for the secondary button, usually the right button
var REGEXP _KEYDOWN = new RegExp ( ARROW _UP _KEY + "|" + ARROW _DOWN _KEY + "|" + ESCAPE _KEY ) ;
2020-03-28 10:29:08 +00:00
var EVENT _HIDE$1 = "hide" + EVENT _KEY$4 ;
var EVENT _HIDDEN$1 = "hidden" + EVENT _KEY$4 ;
var EVENT _SHOW$1 = "show" + EVENT _KEY$4 ;
var EVENT _SHOWN$1 = "shown" + EVENT _KEY$4 ;
var EVENT _CLICK = "click" + EVENT _KEY$4 ;
var EVENT _CLICK _DATA _API$4 = "click" + EVENT _KEY$4 + DATA _API _KEY$4 ;
var EVENT _KEYDOWN _DATA _API = "keydown" + EVENT _KEY$4 + DATA _API _KEY$4 ;
var EVENT _KEYUP _DATA _API = "keyup" + EVENT _KEY$4 + DATA _API _KEY$4 ;
2020-06-16 18:50:01 +00:00
var CLASS _NAME _DISABLED = 'disabled' ;
2021-02-10 16:14:51 +00:00
var CLASS _NAME _SHOW$2 = 'show' ;
2020-03-28 10:29:08 +00:00
var CLASS _NAME _DROPUP = 'dropup' ;
2020-12-03 13:08:31 +00:00
var CLASS _NAME _DROPEND = 'dropend' ;
var CLASS _NAME _DROPSTART = 'dropstart' ;
2020-03-28 10:29:08 +00:00
var CLASS _NAME _NAVBAR = 'navbar' ;
2020-11-23 13:17:16 +00:00
var SELECTOR _DATA _TOGGLE$2 = '[data-bs-toggle="dropdown"]' ;
2020-03-28 10:29:08 +00:00
var SELECTOR _FORM _CHILD = '.dropdown form' ;
var SELECTOR _MENU = '.dropdown-menu' ;
var SELECTOR _NAVBAR _NAV = '.navbar-nav' ;
var SELECTOR _VISIBLE _ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)' ;
2020-12-03 13:08:31 +00:00
var PLACEMENT _TOP = isRTL ? 'top-end' : 'top-start' ;
var PLACEMENT _TOPEND = isRTL ? 'top-start' : 'top-end' ;
var PLACEMENT _BOTTOM = isRTL ? 'bottom-end' : 'bottom-start' ;
var PLACEMENT _BOTTOMEND = isRTL ? 'bottom-start' : 'bottom-end' ;
var PLACEMENT _RIGHT = isRTL ? 'left-start' : 'right-start' ;
var PLACEMENT _LEFT = isRTL ? 'right-start' : 'left-start' ;
2018-11-13 06:41:12 +00:00
var Default$2 = {
2021-02-10 16:14:51 +00:00
offset : [ 0 , 2 ] ,
2018-11-13 06:41:12 +00:00
flip : true ,
2020-12-07 15:50:24 +00:00
boundary : 'clippingParents' ,
2018-11-13 06:41:12 +00:00
reference : 'toggle' ,
2019-08-27 13:03:21 +00:00
display : 'dynamic' ,
popperConfig : null
2018-11-13 06:41:12 +00:00
} ;
var DefaultType$2 = {
2021-02-10 16:14:51 +00:00
offset : '(array|string|function)' ,
2018-11-13 06:41:12 +00:00
flip : 'boolean' ,
boundary : '(string|element)' ,
2021-02-10 16:14:51 +00:00
reference : '(string|element|object)' ,
2019-08-27 13:03:21 +00:00
display : 'string' ,
2021-02-10 16:14:51 +00:00
popperConfig : '(null|object|function)'
2018-11-13 06:41:12 +00:00
} ;
2019-10-08 06:39:10 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Class Definition
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2018-03-31 20:59:37 +00:00
2020-12-03 14:18:59 +00:00
var Dropdown = /*#__PURE__*/ function ( _BaseComponent ) {
_inheritsLoose ( Dropdown , _BaseComponent ) ;
2018-11-13 06:41:12 +00:00
function Dropdown ( element , config ) {
2020-12-03 14:18:59 +00:00
var _this ;
_this = _BaseComponent . call ( this , element ) || this ;
_this . _popper = null ;
_this . _config = _this . _getConfig ( config ) ;
_this . _menu = _this . _getMenuElement ( ) ;
_this . _inNavbar = _this . _detectNavbar ( ) ;
2018-03-31 20:59:37 +00:00
2020-12-03 14:18:59 +00:00
_this . _addEventListeners ( ) ;
2019-03-01 16:31:34 +00:00
2020-12-03 14:18:59 +00:00
return _this ;
2018-11-13 06:41:12 +00:00
} // Getters
2018-03-31 20:59:37 +00:00
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var _proto = Dropdown . prototype ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
// Public
_proto . toggle = function toggle ( ) {
2020-06-16 18:50:01 +00:00
if ( this . _element . disabled || this . _element . classList . contains ( CLASS _NAME _DISABLED ) ) {
2018-11-13 06:41:12 +00:00
return ;
}
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
var isActive = this . _element . classList . contains ( CLASS _NAME _SHOW$2 ) ;
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
Dropdown . clearMenus ( ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( isActive ) {
return ;
}
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
this . show ( ) ;
} ;
_proto . show = function show ( ) {
2021-02-10 16:14:51 +00:00
if ( this . _element . disabled || this . _element . classList . contains ( CLASS _NAME _DISABLED ) || this . _menu . classList . contains ( CLASS _NAME _SHOW$2 ) ) {
2019-08-27 13:03:21 +00:00
return ;
}
var parent = Dropdown . getParentFromElement ( this . _element ) ;
2018-11-13 06:41:12 +00:00
var relatedTarget = {
relatedTarget : this . _element
} ;
2020-03-28 10:29:08 +00:00
var showEvent = EventHandler . trigger ( this . _element , EVENT _SHOW$1 , relatedTarget ) ;
2017-09-30 21:28:03 +00:00
2019-03-01 16:31:34 +00:00
if ( showEvent . defaultPrevented ) {
2018-11-13 06:41:12 +00:00
return ;
2020-11-23 13:17:16 +00:00
} // Totally disable Popper for Dropdowns in Navbar
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
if ( this . _inNavbar ) {
Manipulator . setDataAttribute ( this . _menu , 'popper' , 'none' ) ;
} else {
2020-12-07 15:50:24 +00:00
if ( typeof Popper _ _namespace === 'undefined' ) {
2020-11-23 13:17:16 +00:00
throw new TypeError ( 'Bootstrap\'s dropdowns require Popper (https://popper.js.org)' ) ;
2018-03-31 20:59:37 +00:00
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var referenceElement = this . _element ;
2017-10-29 23:19:14 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _config . reference === 'parent' ) {
referenceElement = parent ;
2019-03-01 16:31:34 +00:00
} else if ( isElement ( this . _config . reference ) ) {
2018-11-13 06:41:12 +00:00
referenceElement = this . _config . reference ; // Check if it's jQuery element
2017-10-29 23:19:14 +00:00
2018-11-13 06:41:12 +00:00
if ( typeof this . _config . reference . jquery !== 'undefined' ) {
referenceElement = this . _config . reference [ 0 ] ;
2018-03-31 20:59:37 +00:00
}
2021-02-10 16:14:51 +00:00
} else if ( typeof this . _config . reference === 'object' ) {
referenceElement = this . _config . reference ;
2018-11-13 06:41:12 +00:00
}
2017-12-23 00:21:54 +00:00
2021-02-10 16:14:51 +00:00
var popperConfig = this . _getPopperConfig ( ) ;
var isDisplayStatic = popperConfig . modifiers . find ( function ( modifier ) {
return modifier . name === 'applyStyles' && modifier . enabled === false ;
} ) ;
this . _popper = Popper . createPopper ( referenceElement , this . _menu , popperConfig ) ;
if ( isDisplayStatic ) {
Manipulator . setDataAttribute ( this . _menu , 'popper' , 'static' ) ;
}
2018-11-13 06:41:12 +00:00
} // If this is a touch-enabled device we add extra
// empty mouseover listeners to the body's immediate children;
// only needed because of broken event delegation on iOS
// https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
2017-12-23 00:21:54 +00:00
2017-05-16 07:59:44 +00:00
2020-05-13 18:53:43 +00:00
if ( 'ontouchstart' in document . documentElement && ! parent . closest ( SELECTOR _NAVBAR _NAV ) ) {
2020-03-28 10:29:08 +00:00
var _ref ;
( _ref = [ ] ) . concat . apply ( _ref , document . body . children ) . forEach ( function ( elem ) {
2019-03-01 16:31:34 +00:00
return EventHandler . on ( elem , 'mouseover' , null , noop ( ) ) ;
} ) ;
2018-11-13 06:41:12 +00:00
}
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
this . _element . focus ( ) ;
2017-10-30 19:48:13 +00:00
2018-11-13 06:41:12 +00:00
this . _element . setAttribute ( 'aria-expanded' , true ) ;
2017-03-20 02:03:32 +00:00
2021-02-10 16:14:51 +00:00
this . _menu . classList . toggle ( CLASS _NAME _SHOW$2 ) ;
2020-10-28 03:45:48 +00:00
2021-02-10 16:14:51 +00:00
this . _element . classList . toggle ( CLASS _NAME _SHOW$2 ) ;
2020-10-28 03:45:48 +00:00
2021-02-10 16:14:51 +00:00
EventHandler . trigger ( this . _element , EVENT _SHOWN$1 , relatedTarget ) ;
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 . hide = function hide ( ) {
2021-02-10 16:14:51 +00:00
if ( this . _element . disabled || this . _element . classList . contains ( CLASS _NAME _DISABLED ) || ! this . _menu . classList . contains ( CLASS _NAME _SHOW$2 ) ) {
2018-11-13 06:41:12 +00:00
return ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var relatedTarget = {
relatedTarget : this . _element
} ;
2021-02-10 16:14:51 +00:00
var hideEvent = EventHandler . trigger ( this . _element , EVENT _HIDE$1 , relatedTarget ) ;
2017-09-30 21:28:03 +00:00
2019-03-01 16:31:34 +00:00
if ( hideEvent . defaultPrevented ) {
2018-11-13 06:41:12 +00:00
return ;
}
2017-05-16 07:59:44 +00:00
2019-08-27 13:03:21 +00:00
if ( this . _popper ) {
this . _popper . destroy ( ) ;
}
2021-02-10 16:14:51 +00:00
this . _menu . classList . toggle ( CLASS _NAME _SHOW$2 ) ;
2020-10-28 03:45:48 +00:00
2021-02-10 16:14:51 +00:00
this . _element . classList . toggle ( CLASS _NAME _SHOW$2 ) ;
2020-10-28 03:45:48 +00:00
2021-02-10 16:14:51 +00:00
Manipulator . removeDataAttribute ( this . _menu , 'popper' ) ;
EventHandler . trigger ( this . _element , EVENT _HIDDEN$1 , relatedTarget ) ;
2018-11-13 06:41:12 +00:00
} ;
2017-05-16 07:59:44 +00:00
2018-11-13 06:41:12 +00:00
_proto . dispose = function dispose ( ) {
2020-12-03 14:18:59 +00:00
_BaseComponent . prototype . dispose . call ( this ) ;
2019-03-01 16:31:34 +00:00
EventHandler . off ( this . _element , EVENT _KEY$4 ) ;
2018-11-13 06:41:12 +00:00
this . _menu = null ;
2017-09-30 21:28:03 +00:00
2019-08-27 13:03:21 +00:00
if ( this . _popper ) {
2018-11-13 06:41:12 +00:00
this . _popper . destroy ( ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
this . _popper = null ;
}
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . update = function update ( ) {
this . _inNavbar = this . _detectNavbar ( ) ;
2017-05-27 03:20:10 +00:00
2019-08-27 13:03:21 +00:00
if ( this . _popper ) {
2020-12-07 15:50:24 +00:00
this . _popper . update ( ) ;
2018-11-13 06:41:12 +00:00
}
2019-01-04 16:29:45 +00:00
} // Private
;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
_proto . _addEventListeners = function _addEventListeners ( ) {
2020-12-03 14:18:59 +00:00
var _this2 = this ;
2017-05-27 03:20:10 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . on ( this . _element , EVENT _CLICK , function ( event ) {
2018-11-13 06:41:12 +00:00
event . preventDefault ( ) ;
event . stopPropagation ( ) ;
2017-06-18 07:14:35 +00:00
2020-12-03 14:18:59 +00:00
_this2 . toggle ( ) ;
2018-11-13 06:41:12 +00:00
} ) ;
} ;
2017-10-15 22:51:44 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getConfig = function _getConfig ( config ) {
2020-09-14 15:12:06 +00:00
config = _extends ( { } , this . constructor . Default , Manipulator . getDataAttributes ( this . _element ) , config ) ;
2019-03-01 16:31:34 +00:00
typeCheckConfig ( NAME$4 , config , this . constructor . DefaultType ) ;
2021-02-10 16:14:51 +00:00
if ( typeof config . reference === 'object' && ! isElement ( config . reference ) && typeof config . reference . getBoundingClientRect !== 'function' ) {
// Popper virtual elements require a getBoundingClientRect method
throw new TypeError ( NAME$4 . toUpperCase ( ) + ": Option \"reference\" provided type \"object\" without a required \"getBoundingClientRect\" method." ) ;
}
2018-11-13 06:41:12 +00:00
return config ;
} ;
2017-10-15 22:51:44 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getMenuElement = function _getMenuElement ( ) {
2020-03-28 10:29:08 +00:00
return SelectorEngine . next ( this . _element , SELECTOR _MENU ) [ 0 ] ;
2018-11-13 06:41:12 +00:00
} ;
2018-02-19 22:50:56 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getPlacement = function _getPlacement ( ) {
2019-03-01 16:31:34 +00:00
var parentDropdown = this . _element . parentNode ;
2018-02-19 22:50:56 +00:00
2020-12-07 15:50:24 +00:00
if ( parentDropdown . classList . contains ( CLASS _NAME _DROPEND ) ) {
return PLACEMENT _RIGHT ;
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2020-12-07 15:50:24 +00:00
if ( parentDropdown . classList . contains ( CLASS _NAME _DROPSTART ) ) {
return PLACEMENT _LEFT ;
} // We need to trim the value because custom properties can also include spaces
2017-09-30 21:28:03 +00:00
2018-03-31 20:59:37 +00:00
2020-12-07 15:50:24 +00:00
var isEnd = getComputedStyle ( this . _menu ) . getPropertyValue ( '--bs-position' ) . trim ( ) === 'end' ;
2015-08-15 19:19:11 +00:00
2020-12-07 15:50:24 +00:00
if ( parentDropdown . classList . contains ( CLASS _NAME _DROPUP ) ) {
return isEnd ? PLACEMENT _TOPEND : PLACEMENT _TOP ;
2018-11-13 06:41:12 +00:00
}
2018-03-31 20:59:37 +00:00
2020-12-07 15:50:24 +00:00
return isEnd ? PLACEMENT _BOTTOMEND : PLACEMENT _BOTTOM ;
} ;
_proto . _detectNavbar = function _detectNavbar ( ) {
return this . _element . closest ( "." + CLASS _NAME _NAVBAR ) !== null ;
2019-02-11 19:15:34 +00:00
} ;
2021-02-10 16:14:51 +00:00
_proto . _getOffset = function _getOffset ( ) {
var _this3 = this ;
var offset = this . _config . offset ;
if ( typeof offset === 'string' ) {
return offset . split ( ',' ) . map ( function ( val ) {
return Number . parseInt ( val , 10 ) ;
} ) ;
}
if ( typeof offset === 'function' ) {
return function ( popperData ) {
return offset ( popperData , _this3 . _element ) ;
} ;
}
return offset ;
} ;
2019-02-11 19:15:34 +00:00
_proto . _getPopperConfig = function _getPopperConfig ( ) {
2021-02-10 16:14:51 +00:00
var defaultBsPopperConfig = {
2018-11-13 06:41:12 +00:00
placement : this . _getPlacement ( ) ,
2020-12-07 15:50:24 +00:00
modifiers : [ {
name : 'preventOverflow' ,
options : {
altBoundary : this . _config . flip ,
2021-02-10 16:14:51 +00:00
boundary : this . _config . boundary
}
} , {
name : 'offset' ,
options : {
offset : this . _getOffset ( )
2016-10-10 00:26:51 +00:00
}
2020-12-07 15:50:24 +00:00
} ]
2020-11-23 13:17:16 +00:00
} ; // Disable Popper if we have a static display
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _config . display === 'static' ) {
2021-02-10 16:14:51 +00:00
defaultBsPopperConfig . modifiers = [ {
2020-12-07 15:50:24 +00:00
name : 'applyStyles' ,
2018-11-13 06:41:12 +00:00
enabled : false
2020-12-07 15:50:24 +00:00
} ] ;
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
return _extends ( { } , defaultBsPopperConfig , typeof this . _config . popperConfig === 'function' ? this . _config . popperConfig ( defaultBsPopperConfig ) : this . _config . popperConfig ) ;
2019-01-04 16:29:45 +00:00
} // Static
;
2017-09-30 21:28:03 +00:00
2019-08-27 13:03:21 +00:00
Dropdown . dropdownInterface = function dropdownInterface ( element , config ) {
2019-03-01 16:31:34 +00:00
var data = Data . getData ( element , DATA _KEY$4 ) ;
2018-07-12 04:42:55 +00:00
2019-03-01 16:31:34 +00:00
var _config = typeof config === 'object' ? config : null ;
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
if ( ! data ) {
data = new Dropdown ( element , _config ) ;
}
if ( typeof config === 'string' ) {
if ( typeof data [ config ] === 'undefined' ) {
2019-03-11 15:13:30 +00:00
throw new TypeError ( "No method named \"" + config + "\"" ) ;
2018-11-13 06:41:12 +00:00
}
2017-05-16 07:59:44 +00:00
2019-03-01 16:31:34 +00:00
data [ config ] ( ) ;
}
} ;
2017-09-30 21:28:03 +00:00
2019-08-27 13:03:21 +00:00
Dropdown . jQueryInterface = function jQueryInterface ( config ) {
2019-03-01 16:31:34 +00:00
return this . each ( function ( ) {
2019-08-27 13:03:21 +00:00
Dropdown . dropdownInterface ( this , config ) ;
2018-11-13 06:41:12 +00:00
} ) ;
} ;
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
Dropdown . clearMenus = function clearMenus ( event ) {
2020-05-13 18:53:43 +00:00
if ( event && ( event . button === RIGHT _MOUSE _BUTTON || event . type === 'keyup' && event . key !== TAB _KEY ) ) {
2018-11-13 06:41:12 +00:00
return ;
}
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
var toggles = SelectorEngine . find ( SELECTOR _DATA _TOGGLE$2 ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
for ( var i = 0 , len = toggles . length ; i < len ; i ++ ) {
2019-03-01 16:31:34 +00:00
var context = Data . getData ( toggles [ i ] , DATA _KEY$4 ) ;
2018-11-13 06:41:12 +00:00
var relatedTarget = {
relatedTarget : toggles [ i ]
} ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( event && event . type === 'click' ) {
relatedTarget . clickEvent = event ;
2017-03-20 02:03:32 +00:00
}
2018-11-13 06:41:12 +00:00
if ( ! context ) {
continue ;
2018-03-31 20:59:37 +00:00
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var dropdownMenu = context . _menu ;
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
if ( ! toggles [ i ] . classList . contains ( CLASS _NAME _SHOW$2 ) ) {
2018-11-13 06:41:12 +00:00
continue ;
}
2017-12-31 03:41:36 +00:00
2020-05-13 18:53:43 +00:00
if ( event && ( event . type === 'click' && /input|textarea/i . test ( event . target . tagName ) || event . type === 'keyup' && event . key === TAB _KEY ) && dropdownMenu . contains ( event . target ) ) {
2018-11-13 06:41:12 +00:00
continue ;
2018-03-31 20:59:37 +00:00
}
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
var hideEvent = EventHandler . trigger ( toggles [ i ] , EVENT _HIDE$1 , relatedTarget ) ;
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
if ( hideEvent . defaultPrevented ) {
2018-11-13 06:41:12 +00:00
continue ;
} // If this is a touch-enabled device we remove the extra
// empty mouseover listeners we added for iOS support
if ( 'ontouchstart' in document . documentElement ) {
2020-03-28 10:29:08 +00:00
var _ref2 ;
( _ref2 = [ ] ) . concat . apply ( _ref2 , document . body . children ) . forEach ( function ( elem ) {
2019-03-01 16:31:34 +00:00
return EventHandler . off ( elem , 'mouseover' , null , noop ( ) ) ;
} ) ;
2018-03-31 20:59:37 +00:00
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
toggles [ i ] . setAttribute ( 'aria-expanded' , 'false' ) ;
2019-08-27 13:03:21 +00:00
if ( context . _popper ) {
context . _popper . destroy ( ) ;
}
2021-02-10 16:14:51 +00:00
dropdownMenu . classList . remove ( CLASS _NAME _SHOW$2 ) ;
toggles [ i ] . classList . remove ( CLASS _NAME _SHOW$2 ) ;
Manipulator . removeDataAttribute ( dropdownMenu , 'popper' ) ;
EventHandler . trigger ( toggles [ i ] , EVENT _HIDDEN$1 , relatedTarget ) ;
2018-11-13 06:41:12 +00:00
}
} ;
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
Dropdown . getParentFromElement = function getParentFromElement ( element ) {
return getElementFromSelector ( element ) || element . parentNode ;
2019-03-01 16:31:34 +00:00
} ;
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
Dropdown . dataApiKeydownHandler = function dataApiKeydownHandler ( event ) {
2018-11-13 06:41:12 +00:00
// If not input/textarea:
// - And not a key in REGEXP_KEYDOWN => not a dropdown command
// If input/textarea:
// - If space key => not a dropdown command
// - If key is other than escape
// - If key is not up or down => not a dropdown command
// - If trigger inside the menu => not a dropdown command
2020-05-13 18:53:43 +00:00
if ( /input|textarea/i . test ( event . target . tagName ) ? event . key === SPACE _KEY || event . key !== ESCAPE _KEY && ( event . key !== ARROW _DOWN _KEY && event . key !== ARROW _UP _KEY || event . target . closest ( SELECTOR _MENU ) ) : ! REGEXP _KEYDOWN . test ( event . key ) ) {
2018-11-13 06:41:12 +00:00
return ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
event . preventDefault ( ) ;
event . stopPropagation ( ) ;
2015-08-19 02:22:46 +00:00
2020-06-16 18:50:01 +00:00
if ( this . disabled || this . classList . contains ( CLASS _NAME _DISABLED ) ) {
2018-11-13 06:41:12 +00:00
return ;
}
2015-08-19 02:22:46 +00:00
2019-08-27 13:03:21 +00:00
var parent = Dropdown . getParentFromElement ( this ) ;
2021-02-10 16:14:51 +00:00
var isActive = this . classList . contains ( CLASS _NAME _SHOW$2 ) ;
2015-08-15 19:19:11 +00:00
2020-05-13 18:53:43 +00:00
if ( event . key === ESCAPE _KEY ) {
2020-03-28 10:29:08 +00:00
var button = this . matches ( SELECTOR _DATA _TOGGLE$2 ) ? this : SelectorEngine . prev ( this , SELECTOR _DATA _TOGGLE$2 ) [ 0 ] ;
button . focus ( ) ;
Dropdown . clearMenus ( ) ;
return ;
}
2016-10-10 00:26:51 +00:00
2021-02-10 16:14:51 +00:00
if ( ! isActive && ( event . key === ARROW _UP _KEY || event . key === ARROW _DOWN _KEY ) ) {
var _button = this . matches ( SELECTOR _DATA _TOGGLE$2 ) ? this : SelectorEngine . prev ( this , SELECTOR _DATA _TOGGLE$2 ) [ 0 ] ;
_button . click ( ) ;
return ;
}
2020-05-13 18:53:43 +00:00
if ( ! isActive || event . key === SPACE _KEY ) {
2019-08-27 13:03:21 +00:00
Dropdown . clearMenus ( ) ;
2018-11-13 06:41:12 +00:00
return ;
}
2016-10-10 00:26:51 +00:00
2020-03-28 10:29:08 +00:00
var items = SelectorEngine . find ( SELECTOR _VISIBLE _ITEMS , parent ) . filter ( isVisible ) ;
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
if ( ! items . length ) {
2018-11-13 06:41:12 +00:00
return ;
}
2017-09-30 21:28:03 +00:00
2020-12-03 14:18:59 +00:00
var index = items . indexOf ( event . target ) ; // Up
2017-09-30 21:28:03 +00:00
2020-05-13 18:53:43 +00:00
if ( event . key === ARROW _UP _KEY && index > 0 ) {
2018-11-13 06:41:12 +00:00
index -- ;
2020-12-03 14:18:59 +00:00
} // Down
2015-08-15 19:19:11 +00:00
2020-05-13 18:53:43 +00:00
if ( event . key === ARROW _DOWN _KEY && index < items . length - 1 ) {
2018-11-13 06:41:12 +00:00
index ++ ;
2020-05-13 18:53:43 +00:00
} // index is -1 if the first keydown is an ArrowUp
2017-09-30 21:28:03 +00:00
2020-05-13 18:53:43 +00:00
index = index === - 1 ? 0 : index ;
2018-11-13 06:41:12 +00:00
items [ index ] . focus ( ) ;
2018-03-31 20:59:37 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_createClass ( Dropdown , null , [ {
key : "Default" ,
get : function get ( ) {
return Default$2 ;
}
} , {
key : "DefaultType" ,
get : function get ( ) {
return DefaultType$2 ;
}
2020-12-03 14:18:59 +00:00
} , {
key : "DATA_KEY" ,
get : function get ( ) {
return DATA _KEY$4 ;
}
2018-11-13 06:41:12 +00:00
} ] ) ;
2018-03-31 20:59:37 +00:00
return Dropdown ;
2020-12-03 14:18:59 +00:00
} ( BaseComponent ) ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Data Api implementation
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2020-03-28 10:29:08 +00:00
EventHandler . on ( document , EVENT _KEYDOWN _DATA _API , SELECTOR _DATA _TOGGLE$2 , Dropdown . dataApiKeydownHandler ) ;
EventHandler . on ( document , EVENT _KEYDOWN _DATA _API , SELECTOR _MENU , Dropdown . dataApiKeydownHandler ) ;
EventHandler . on ( document , EVENT _CLICK _DATA _API$4 , Dropdown . clearMenus ) ;
EventHandler . on ( document , EVENT _KEYUP _DATA _API , Dropdown . clearMenus ) ;
EventHandler . on ( document , EVENT _CLICK _DATA _API$4 , SELECTOR _DATA _TOGGLE$2 , function ( event ) {
2018-11-13 06:41:12 +00:00
event . preventDefault ( ) ;
event . stopPropagation ( ) ;
2019-08-27 13:03:21 +00:00
Dropdown . dropdownInterface ( this , 'toggle' ) ;
2019-03-01 16:31:34 +00:00
} ) ;
2020-03-28 10:29:08 +00:00
EventHandler . on ( document , EVENT _CLICK _DATA _API$4 , SELECTOR _FORM _CHILD , function ( e ) {
2019-03-01 16:31:34 +00:00
return e . stopPropagation ( ) ;
2018-11-13 06:41:12 +00:00
} ) ;
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2020-11-11 17:07:37 +00:00
* add . Dropdown to jQuery only if jQuery is present
2018-11-13 06:41:12 +00:00
* /
2021-02-10 16:14:51 +00:00
defineJQueryPlugin ( NAME$4 , Dropdown ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var NAME$5 = 'modal' ;
var DATA _KEY$5 = 'bs.modal' ;
var EVENT _KEY$5 = "." + DATA _KEY$5 ;
var DATA _API _KEY$5 = '.data-api' ;
2020-05-13 18:53:43 +00:00
var ESCAPE _KEY$1 = 'Escape' ;
2018-11-13 06:41:12 +00:00
var Default$3 = {
backdrop : true ,
keyboard : true ,
2020-12-03 14:18:59 +00:00
focus : true
2018-11-13 06:41:12 +00:00
} ;
var DefaultType$3 = {
backdrop : '(boolean|string)' ,
keyboard : 'boolean' ,
2020-12-03 14:18:59 +00:00
focus : 'boolean'
2018-11-13 06:41:12 +00:00
} ;
2020-03-28 10:29:08 +00:00
var EVENT _HIDE$2 = "hide" + EVENT _KEY$5 ;
var EVENT _HIDE _PREVENTED = "hidePrevented" + EVENT _KEY$5 ;
var EVENT _HIDDEN$2 = "hidden" + EVENT _KEY$5 ;
var EVENT _SHOW$2 = "show" + EVENT _KEY$5 ;
var EVENT _SHOWN$2 = "shown" + EVENT _KEY$5 ;
var EVENT _FOCUSIN = "focusin" + EVENT _KEY$5 ;
var EVENT _RESIZE = "resize" + EVENT _KEY$5 ;
var EVENT _CLICK _DISMISS = "click.dismiss" + EVENT _KEY$5 ;
var EVENT _KEYDOWN _DISMISS = "keydown.dismiss" + EVENT _KEY$5 ;
var EVENT _MOUSEUP _DISMISS = "mouseup.dismiss" + EVENT _KEY$5 ;
var EVENT _MOUSEDOWN _DISMISS = "mousedown.dismiss" + EVENT _KEY$5 ;
var EVENT _CLICK _DATA _API$5 = "click" + EVENT _KEY$5 + DATA _API _KEY$5 ;
var CLASS _NAME _SCROLLBAR _MEASURER = 'modal-scrollbar-measure' ;
var CLASS _NAME _BACKDROP = 'modal-backdrop' ;
var CLASS _NAME _OPEN = 'modal-open' ;
2021-02-10 16:14:51 +00:00
var CLASS _NAME _FADE$1 = 'fade' ;
var CLASS _NAME _SHOW$3 = 'show' ;
2020-03-28 10:29:08 +00:00
var CLASS _NAME _STATIC = 'modal-static' ;
var SELECTOR _DIALOG = '.modal-dialog' ;
var SELECTOR _MODAL _BODY = '.modal-body' ;
2020-11-23 13:17:16 +00:00
var SELECTOR _DATA _TOGGLE$3 = '[data-bs-toggle="modal"]' ;
var SELECTOR _DATA _DISMISS = '[data-bs-dismiss="modal"]' ;
2020-03-28 10:29:08 +00:00
var SELECTOR _FIXED _CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top' ;
var SELECTOR _STICKY _CONTENT = '.sticky-top' ;
2019-10-08 06:39:10 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Class Definition
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2018-11-13 06:41:12 +00:00
2020-12-03 14:18:59 +00:00
var Modal = /*#__PURE__*/ function ( _BaseComponent ) {
_inheritsLoose ( Modal , _BaseComponent ) ;
2018-11-13 06:41:12 +00:00
function Modal ( element , config ) {
2020-12-03 14:18:59 +00:00
var _this ;
_this = _BaseComponent . call ( this , element ) || this ;
_this . _config = _this . _getConfig ( config ) ;
_this . _dialog = SelectorEngine . findOne ( SELECTOR _DIALOG , element ) ;
_this . _backdrop = null ;
_this . _isShown = false ;
_this . _isBodyOverflowing = false ;
_this . _ignoreBackdropClick = false ;
_this . _isTransitioning = false ;
_this . _scrollbarWidth = 0 ;
return _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-03-31 20:59:37 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . show = function show ( relatedTarget ) {
2020-12-03 14:18:59 +00:00
var _this2 = this ;
2016-12-02 18:13:36 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _isShown || this . _isTransitioning ) {
return ;
}
2017-04-02 02:18:29 +00:00
2021-02-10 16:14:51 +00:00
if ( this . _element . classList . contains ( CLASS _NAME _FADE$1 ) ) {
2018-11-13 06:41:12 +00:00
this . _isTransitioning = true ;
}
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
var showEvent = EventHandler . trigger ( this . _element , EVENT _SHOW$2 , {
2018-11-13 06:41:12 +00:00
relatedTarget : relatedTarget
} ) ;
2015-08-15 19:19:11 +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-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _isShown = true ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
this . _checkScrollbar ( ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _setScrollbar ( ) ;
2017-09-06 04:05:12 +00:00
2018-11-13 06:41:12 +00:00
this . _adjustDialog ( ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _setEscapeEvent ( ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _setResizeEvent ( ) ;
2016-10-10 00:26:51 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . on ( this . _element , EVENT _CLICK _DISMISS , SELECTOR _DATA _DISMISS , function ( event ) {
2020-12-03 14:18:59 +00:00
return _this2 . hide ( event ) ;
2018-11-13 06:41:12 +00:00
} ) ;
2020-03-28 10:29:08 +00:00
EventHandler . on ( this . _dialog , EVENT _MOUSEDOWN _DISMISS , function ( ) {
2020-12-03 14:18:59 +00:00
EventHandler . one ( _this2 . _element , EVENT _MOUSEUP _DISMISS , function ( event ) {
if ( event . target === _this2 . _element ) {
_this2 . _ignoreBackdropClick = true ;
2018-11-13 06:41:12 +00:00
}
2018-03-31 20:59:37 +00:00
} ) ;
2018-11-13 06:41:12 +00:00
} ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _showBackdrop ( function ( ) {
2020-12-03 14:18:59 +00:00
return _this2 . _showElement ( relatedTarget ) ;
2018-11-13 06:41:12 +00:00
} ) ;
} ;
2016-11-01 04:36:10 +00:00
2018-11-13 06:41:12 +00:00
_proto . hide = function hide ( event ) {
2020-12-03 14:18:59 +00:00
var _this3 = this ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( event ) {
event . preventDefault ( ) ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( ! this . _isShown || this . _isTransitioning ) {
return ;
}
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
var hideEvent = EventHandler . trigger ( this . _element , EVENT _HIDE$2 ) ;
2015-08-15 19:19:11 +00:00
2019-07-24 06:13:50 +00:00
if ( 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
2021-02-10 16:14:51 +00:00
var transition = this . _element . classList . contains ( CLASS _NAME _FADE$1 ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( transition ) {
this . _isTransitioning = true ;
}
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
this . _setEscapeEvent ( ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _setResizeEvent ( ) ;
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . off ( document , EVENT _FOCUSIN ) ;
2019-03-01 16:31:34 +00:00
2021-02-10 16:14:51 +00:00
this . _element . classList . remove ( CLASS _NAME _SHOW$3 ) ;
2019-03-01 16:31:34 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . off ( this . _element , EVENT _CLICK _DISMISS ) ;
EventHandler . off ( this . _dialog , EVENT _MOUSEDOWN _DISMISS ) ;
2015-08-15 19:19:11 +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 ) ;
2021-02-10 16:14:51 +00:00
EventHandler . one ( this . _element , 'transitionend' , function ( event ) {
2020-12-03 14:18:59 +00:00
return _this3 . _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 ( ) ;
}
} ;
2015-08-15 19:19:11 +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$5 ) ;
2018-11-13 06:41:12 +00:00
} ) ;
2020-12-03 14:18:59 +00:00
_BaseComponent . prototype . dispose . call ( this ) ;
2018-11-13 06:41:12 +00:00
/ * *
2020-03-28 10:29:08 +00:00
* ` document ` has 2 events ` EVENT_FOCUSIN ` and ` EVENT_CLICK_DATA_API `
2018-11-13 06:41:12 +00:00
* Do not move ` document ` in ` htmlElements ` array
2020-03-28 10:29:08 +00:00
* It will remove ` EVENT_CLICK_DATA_API ` event that should remain
2018-11-13 06:41:12 +00:00
* /
2017-03-26 18:26:31 +00:00
2020-12-03 14:18:59 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . off ( document , EVENT _FOCUSIN ) ;
2018-11-13 06:41:12 +00:00
this . _config = null ;
this . _dialog = null ;
this . _backdrop = null ;
this . _isShown = null ;
this . _isBodyOverflowing = null ;
this . _ignoreBackdropClick = null ;
this . _isTransitioning = null ;
this . _scrollbarWidth = null ;
} ;
2015-08-15 19:19:11 +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
;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getConfig = function _getConfig ( config ) {
2020-09-14 15:12:06 +00:00
config = _extends ( { } , Default$3 , config ) ;
2019-03-01 16:31:34 +00:00
typeCheckConfig ( NAME$5 , config , DefaultType$3 ) ;
2018-11-13 06:41:12 +00:00
return config ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _showElement = function _showElement ( relatedTarget ) {
2020-12-03 14:18:59 +00:00
var _this4 = this ;
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
var transition = this . _element . classList . contains ( CLASS _NAME _FADE$1 ) ;
2017-09-30 21:28:03 +00:00
2020-03-28 10:29:08 +00:00
var modalBody = SelectorEngine . findOne ( SELECTOR _MODAL _BODY , this . _dialog ) ;
2019-08-27 13:03:21 +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' ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _element . removeAttribute ( 'aria-hidden' ) ;
2016-10-10 00:26:51 +00:00
2018-12-15 23:13:22 +00:00
this . _element . setAttribute ( 'aria-modal' , true ) ;
2020-06-13 22:40:28 +00:00
this . _element . setAttribute ( 'role' , 'dialog' ) ;
2020-05-13 18:53:43 +00:00
this . _element . scrollTop = 0 ;
if ( modalBody ) {
2019-08-27 13:03:21 +00:00
modalBody . scrollTop = 0 ;
2019-02-11 19:15:34 +00:00
}
2016-10-10 00:26:51 +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
}
2016-10-10 00:26:51 +00:00
2021-02-10 16:14:51 +00:00
this . _element . classList . add ( CLASS _NAME _SHOW$3 ) ;
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _config . focus ) {
this . _enforceFocus ( ) ;
}
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
var transitionComplete = function transitionComplete ( ) {
2020-12-03 14:18:59 +00:00
if ( _this4 . _config . focus ) {
_this4 . _element . focus ( ) ;
2015-08-15 19:19:11 +00:00
}
2017-09-30 21:28:03 +00:00
2020-12-03 14:18:59 +00:00
_this4 . _isTransitioning = false ;
EventHandler . trigger ( _this4 . _element , EVENT _SHOWN$2 , {
2019-03-01 16:31:34 +00:00
relatedTarget : relatedTarget
} ) ;
2016-10-10 00:26:51 +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 ) ;
2021-02-10 16:14:51 +00:00
EventHandler . one ( this . _dialog , 'transitionend' , transitionComplete ) ;
2019-03-01 16:31:34 +00:00
emulateTransitionEnd ( this . _dialog , transitionDuration ) ;
2018-11-13 06:41:12 +00:00
} else {
transitionComplete ( ) ;
}
} ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_proto . _enforceFocus = function _enforceFocus ( ) {
2020-12-03 14:18:59 +00:00
var _this5 = this ;
2016-10-10 00:26:51 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . off ( document , EVENT _FOCUSIN ) ; // guard against infinite focus loop
2019-03-01 16:31:34 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . on ( document , EVENT _FOCUSIN , function ( event ) {
2020-12-03 14:18:59 +00:00
if ( document !== event . target && _this5 . _element !== event . target && ! _this5 . _element . contains ( event . target ) ) {
_this5 . _element . focus ( ) ;
2018-03-31 20:59:37 +00:00
}
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 . _setEscapeEvent = function _setEscapeEvent ( ) {
2020-12-03 14:18:59 +00:00
var _this6 = this ;
2016-10-10 00:26:51 +00:00
2020-03-28 10:29:08 +00:00
if ( this . _isShown ) {
EventHandler . on ( this . _element , EVENT _KEYDOWN _DISMISS , function ( event ) {
2020-12-03 14:18:59 +00:00
if ( _this6 . _config . keyboard && event . key === ESCAPE _KEY$1 ) {
2020-03-28 10:29:08 +00:00
event . preventDefault ( ) ;
2020-12-03 14:18:59 +00:00
_this6 . hide ( ) ;
} else if ( ! _this6 . _config . keyboard && event . key === ESCAPE _KEY$1 ) {
_this6 . _triggerBackdropTransition ( ) ;
2018-11-13 06:41:12 +00:00
}
} ) ;
2019-07-24 06:13:50 +00:00
} else {
2020-03-28 10:29:08 +00:00
EventHandler . off ( this . _element , EVENT _KEYDOWN _DISMISS ) ;
2018-11-13 06:41:12 +00:00
}
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _setResizeEvent = function _setResizeEvent ( ) {
2020-12-03 14:18:59 +00:00
var _this7 = this ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _isShown ) {
2020-03-28 10:29:08 +00:00
EventHandler . on ( window , EVENT _RESIZE , function ( ) {
2020-12-03 14:18:59 +00:00
return _this7 . _adjustDialog ( ) ;
2018-11-13 06:41:12 +00:00
} ) ;
} else {
2020-03-28 10:29:08 +00:00
EventHandler . off ( window , EVENT _RESIZE ) ;
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 . _hideModal = function _hideModal ( ) {
2020-12-03 14:18:59 +00:00
var _this8 = this ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
this . _element . style . display = 'none' ;
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
this . _element . setAttribute ( 'aria-hidden' , true ) ;
2017-09-30 21:28:03 +00:00
2018-12-15 23:13:22 +00:00
this . _element . removeAttribute ( 'aria-modal' ) ;
2020-06-13 22:40:28 +00:00
this . _element . removeAttribute ( 'role' ) ;
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 ( ) {
2020-03-28 10:29:08 +00:00
document . body . classList . remove ( CLASS _NAME _OPEN ) ;
2017-09-30 21:28:03 +00:00
2020-12-03 14:18:59 +00:00
_this8 . _resetAdjustments ( ) ;
2017-09-30 21:28:03 +00:00
2020-12-03 14:18:59 +00:00
_this8 . _resetScrollbar ( ) ;
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
EventHandler . trigger ( _this8 . _element , EVENT _HIDDEN$2 ) ;
2018-11-13 06:41:12 +00:00
} ) ;
} ;
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
_proto . _removeBackdrop = function _removeBackdrop ( ) {
2019-07-24 06:13:50 +00:00
this . _backdrop . parentNode . removeChild ( this . _backdrop ) ;
2019-03-01 16:31:34 +00:00
2019-07-24 06:13:50 +00:00
this . _backdrop = null ;
2018-11-13 06:41:12 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _showBackdrop = function _showBackdrop ( callback ) {
2020-12-03 14:18:59 +00:00
var _this9 = this ;
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
var animate = this . _element . classList . contains ( CLASS _NAME _FADE$1 ) ? CLASS _NAME _FADE$1 : '' ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( this . _isShown && this . _config . backdrop ) {
this . _backdrop = document . createElement ( 'div' ) ;
2020-03-28 10:29:08 +00:00
this . _backdrop . className = CLASS _NAME _BACKDROP ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
if ( animate ) {
this . _backdrop . classList . add ( animate ) ;
}
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
document . body . appendChild ( this . _backdrop ) ;
2020-03-28 10:29:08 +00:00
EventHandler . on ( this . _element , EVENT _CLICK _DISMISS , function ( event ) {
2020-12-03 14:18:59 +00:00
if ( _this9 . _ignoreBackdropClick ) {
_this9 . _ignoreBackdropClick = false ;
2015-08-15 19:19:11 +00:00
return ;
}
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( event . target !== event . currentTarget ) {
2015-08-15 19:19:11 +00:00
return ;
}
2017-09-30 21:28:03 +00:00
2020-12-03 14:18:59 +00:00
if ( _this9 . _config . backdrop === 'static' ) {
_this9 . _triggerBackdropTransition ( ) ;
2020-11-23 13:17:16 +00:00
} else {
2020-12-03 14:18:59 +00:00
_this9 . hide ( ) ;
2020-11-23 13:17:16 +00:00
}
2018-11-13 06:41:12 +00:00
} ) ;
2015-08-15 19:19:11 +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-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
this . _backdrop . classList . add ( CLASS _NAME _SHOW$3 ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( ! animate ) {
2015-08-15 19:19:11 +00:00
callback ( ) ;
2018-11-13 06:41:12 +00:00
return ;
2015-08-15 19:19:11 +00:00
}
2019-03-01 16:31:34 +00:00
var backdropTransitionDuration = getTransitionDurationFromElement ( this . _backdrop ) ;
2021-02-10 16:14:51 +00:00
EventHandler . one ( this . _backdrop , 'transitionend' , callback ) ;
2019-03-01 16:31:34 +00:00
emulateTransitionEnd ( this . _backdrop , backdropTransitionDuration ) ;
2018-11-13 06:41:12 +00:00
} else if ( ! this . _isShown && this . _backdrop ) {
2021-02-10 16:14:51 +00:00
this . _backdrop . classList . remove ( CLASS _NAME _SHOW$3 ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var callbackRemove = function callbackRemove ( ) {
2020-12-03 14:18:59 +00:00
_this9 . _removeBackdrop ( ) ;
2015-08-15 19:19:11 +00:00
2019-07-24 06:13:50 +00:00
callback ( ) ;
2018-11-13 06:41:12 +00:00
} ;
2021-02-10 16:14:51 +00:00
if ( this . _element . classList . contains ( CLASS _NAME _FADE$1 ) ) {
2019-03-01 16:31:34 +00:00
var _backdropTransitionDuration = getTransitionDurationFromElement ( this . _backdrop ) ;
2016-10-10 00:26:51 +00:00
2021-02-10 16:14:51 +00:00
EventHandler . one ( this . _backdrop , 'transitionend' , callbackRemove ) ;
2019-03-01 16:31:34 +00:00
emulateTransitionEnd ( this . _backdrop , _backdropTransitionDuration ) ;
2018-11-13 06:41:12 +00:00
} else {
callbackRemove ( ) ;
2018-03-31 20:59:37 +00:00
}
2019-07-24 06:13:50 +00:00
} else {
2018-11-13 06:41:12 +00:00
callback ( ) ;
}
2019-11-08 08:11:23 +00:00
} ;
_proto . _triggerBackdropTransition = function _triggerBackdropTransition ( ) {
2020-12-03 14:18:59 +00:00
var _this10 = this ;
2019-11-08 08:11:23 +00:00
2020-11-23 13:17:16 +00:00
var hideEvent = EventHandler . trigger ( this . _element , EVENT _HIDE _PREVENTED ) ;
2019-11-08 08:11:23 +00:00
2020-11-23 13:17:16 +00:00
if ( hideEvent . defaultPrevented ) {
return ;
}
2019-11-08 08:11:23 +00:00
2020-11-23 13:17:16 +00:00
var isModalOverflowing = this . _element . scrollHeight > document . documentElement . clientHeight ;
2020-09-14 15:12:06 +00:00
2020-11-23 13:17:16 +00:00
if ( ! isModalOverflowing ) {
this . _element . style . overflowY = 'hidden' ;
}
2020-09-14 15:12:06 +00:00
2020-11-23 13:17:16 +00:00
this . _element . classList . add ( CLASS _NAME _STATIC ) ;
2019-11-08 08:11:23 +00:00
2020-11-23 13:17:16 +00:00
var modalTransitionDuration = getTransitionDurationFromElement ( this . _dialog ) ;
2021-02-10 16:14:51 +00:00
EventHandler . off ( this . _element , 'transitionend' ) ;
EventHandler . one ( this . _element , 'transitionend' , function ( ) {
2020-12-03 14:18:59 +00:00
_this10 . _element . classList . remove ( CLASS _NAME _STATIC ) ;
2020-09-14 15:12:06 +00:00
2020-11-23 13:17:16 +00:00
if ( ! isModalOverflowing ) {
2021-02-10 16:14:51 +00:00
EventHandler . one ( _this10 . _element , 'transitionend' , function ( ) {
2020-12-03 14:18:59 +00:00
_this10 . _element . style . overflowY = '' ;
2020-11-23 13:17:16 +00:00
} ) ;
2020-12-03 14:18:59 +00:00
emulateTransitionEnd ( _this10 . _element , modalTransitionDuration ) ;
2020-11-23 13:17:16 +00:00
}
} ) ;
emulateTransitionEnd ( this . _element , modalTransitionDuration ) ;
2019-11-08 08:11:23 +00:00
2020-11-23 13:17:16 +00:00
this . _element . focus ( ) ;
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
;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_proto . _adjustDialog = function _adjustDialog ( ) {
var isModalOverflowing = this . _element . scrollHeight > document . documentElement . clientHeight ;
2016-10-10 00:26:51 +00:00
2020-12-03 13:08:31 +00:00
if ( ! this . _isBodyOverflowing && isModalOverflowing && ! isRTL || this . _isBodyOverflowing && ! isModalOverflowing && isRTL ) {
2018-11-13 06:41:12 +00:00
this . _element . style . paddingLeft = this . _scrollbarWidth + "px" ;
}
2018-03-31 20:59:37 +00:00
2020-12-03 13:08:31 +00:00
if ( this . _isBodyOverflowing && ! isModalOverflowing && ! isRTL || ! this . _isBodyOverflowing && isModalOverflowing && isRTL ) {
2018-11-13 06:41:12 +00:00
this . _element . style . paddingRight = this . _scrollbarWidth + "px" ;
}
} ;
2018-06-22 05:55:23 +00:00
2018-11-13 06:41:12 +00:00
_proto . _resetAdjustments = function _resetAdjustments ( ) {
this . _element . style . paddingLeft = '' ;
this . _element . style . paddingRight = '' ;
} ;
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
_proto . _checkScrollbar = function _checkScrollbar ( ) {
var rect = document . body . getBoundingClientRect ( ) ;
2020-05-13 18:53:43 +00:00
this . _isBodyOverflowing = Math . round ( rect . left + rect . right ) < window . innerWidth ;
2018-11-13 06:41:12 +00:00
this . _scrollbarWidth = this . _getScrollbarWidth ( ) ;
} ;
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
_proto . _setScrollbar = function _setScrollbar ( ) {
2020-12-03 14:18:59 +00:00
var _this11 = this ;
2018-11-13 06:41:12 +00:00
if ( this . _isBodyOverflowing ) {
2021-02-10 16:14:51 +00:00
this . _setElementAttributes ( SELECTOR _FIXED _CONTENT , 'paddingRight' , function ( calculatedValue ) {
return calculatedValue + _this11 . _scrollbarWidth ;
} ) ;
this . _setElementAttributes ( SELECTOR _STICKY _CONTENT , 'marginRight' , function ( calculatedValue ) {
return calculatedValue - _this11 . _scrollbarWidth ;
} ) ;
this . _setElementAttributes ( 'body' , 'paddingRight' , function ( calculatedValue ) {
return calculatedValue + _this11 . _scrollbarWidth ;
} ) ;
2018-11-13 06:41:12 +00:00
}
2018-11-24 16:22:59 +00:00
2020-03-28 10:29:08 +00:00
document . body . classList . add ( CLASS _NAME _OPEN ) ;
2018-11-13 06:41:12 +00:00
} ;
2016-10-10 00:26:51 +00:00
2021-02-10 16:14:51 +00:00
_proto . _setElementAttributes = function _setElementAttributes ( selector , styleProp , callback ) {
SelectorEngine . find ( selector ) . forEach ( function ( element ) {
var actualValue = element . style [ styleProp ] ;
var calculatedValue = window . getComputedStyle ( element ) [ styleProp ] ;
Manipulator . setDataAttribute ( element , styleProp , actualValue ) ;
element . style [ styleProp ] = callback ( Number . parseFloat ( calculatedValue ) ) + 'px' ;
} ) ;
} ;
2019-03-01 16:31:34 +00:00
2021-02-10 16:14:51 +00:00
_proto . _resetScrollbar = function _resetScrollbar ( ) {
this . _resetElementAttributes ( SELECTOR _FIXED _CONTENT , 'paddingRight' ) ;
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
this . _resetElementAttributes ( SELECTOR _STICKY _CONTENT , 'marginRight' ) ;
2017-09-30 21:28:03 +00:00
2021-02-10 16:14:51 +00:00
this . _resetElementAttributes ( 'body' , 'paddingRight' ) ;
} ;
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
_proto . _resetElementAttributes = function _resetElementAttributes ( selector , styleProp ) {
SelectorEngine . find ( selector ) . forEach ( function ( element ) {
var value = Manipulator . getDataAttribute ( element , styleProp ) ;
2019-03-01 16:31:34 +00:00
2021-02-10 16:14:51 +00:00
if ( typeof value === 'undefined' && element === document . body ) {
element . style [ styleProp ] = '' ;
} else {
Manipulator . removeDataAttribute ( element , styleProp ) ;
element . style [ styleProp ] = value ;
}
} ) ;
2018-11-13 06:41:12 +00:00
} ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getScrollbarWidth = function _getScrollbarWidth ( ) {
// thx d.walsh
var scrollDiv = document . createElement ( 'div' ) ;
2020-03-28 10:29:08 +00:00
scrollDiv . className = CLASS _NAME _SCROLLBAR _MEASURER ;
2018-11-13 06:41:12 +00:00
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
;
2017-09-30 21:28:03 +00:00
2019-08-27 13:03:21 +00:00
Modal . jQueryInterface = function jQueryInterface ( config , relatedTarget ) {
2018-11-13 06:41:12 +00:00
return this . each ( function ( ) {
2019-03-01 16:31:34 +00:00
var data = Data . getData ( this , DATA _KEY$5 ) ;
2016-10-10 00:26:51 +00:00
2020-09-14 15:12:06 +00:00
var _config = _extends ( { } , Default$3 , Manipulator . getDataAttributes ( this ) , typeof config === 'object' && config ? config : { } ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( ! data ) {
data = new Modal ( this , _config ) ;
}
if ( typeof config === 'string' ) {
if ( typeof data [ config ] === 'undefined' ) {
throw new TypeError ( "No method named \"" + config + "\"" ) ;
2015-08-15 19:19:11 +00:00
}
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
data [ config ] ( relatedTarget ) ;
2018-03-31 20:59:37 +00:00
}
2018-11-13 06:41:12 +00:00
} ) ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_createClass ( Modal , null , [ {
2020-12-03 14:18:59 +00:00
key : "Default" ,
2018-11-13 06:41:12 +00:00
get : function get ( ) {
2020-12-03 14:18:59 +00:00
return Default$3 ;
2018-11-13 06:41:12 +00:00
}
} , {
2020-12-03 14:18:59 +00:00
key : "DATA_KEY" ,
2018-11-13 06:41:12 +00:00
get : function get ( ) {
2020-12-03 14:18:59 +00:00
return DATA _KEY$5 ;
2018-11-13 06:41:12 +00:00
}
} ] ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
return Modal ;
2020-12-03 14:18:59 +00:00
} ( BaseComponent ) ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Data Api implementation
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . on ( document , EVENT _CLICK _DATA _API$5 , SELECTOR _DATA _TOGGLE$3 , function ( event ) {
2020-12-03 14:18:59 +00:00
var _this12 = this ;
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
var target = getElementFromSelector ( this ) ;
2018-11-13 06:41:12 +00:00
if ( this . tagName === 'A' || this . tagName === 'AREA' ) {
event . preventDefault ( ) ;
}
2020-03-28 10:29:08 +00:00
EventHandler . one ( target , EVENT _SHOW$2 , function ( showEvent ) {
2019-03-01 16:31:34 +00:00
if ( showEvent . defaultPrevented ) {
// only register focus restorer if modal will actually get shown
2018-11-13 06:41:12 +00:00
return ;
2015-08-15 19:19:11 +00:00
}
2020-03-28 10:29:08 +00:00
EventHandler . one ( target , EVENT _HIDDEN$2 , function ( ) {
2020-12-03 14:18:59 +00:00
if ( isVisible ( _this12 ) ) {
_this12 . focus ( ) ;
2015-08-15 19:19:11 +00:00
}
2018-03-31 20:59:37 +00:00
} ) ;
} ) ;
2019-03-01 16:31:34 +00:00
var data = Data . getData ( target , DATA _KEY$5 ) ;
2017-09-30 21:28:03 +00:00
2019-03-01 16:31:34 +00:00
if ( ! data ) {
2020-09-14 15:12:06 +00:00
var config = _extends ( { } , Manipulator . getDataAttributes ( target ) , Manipulator . getDataAttributes ( this ) ) ;
2019-07-24 06:13:50 +00:00
2019-03-01 16:31:34 +00:00
data = new Modal ( target , config ) ;
}
2021-02-10 16:14:51 +00:00
data . toggle ( this ) ;
2018-11-13 06:41:12 +00:00
} ) ;
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2020-11-11 17:07:37 +00:00
* add . Modal to jQuery only if jQuery is present
2018-11-13 06:41:12 +00:00
* /
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
defineJQueryPlugin ( NAME$5 , Modal ) ;
2015-08-15 19:19:11 +00:00
2019-02-13 16:01:40 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2021-02-10 16:14:51 +00:00
* Bootstrap ( v5 . 0.0 - beta2 ) : util / sanitizer . js
2020-06-16 18:50:01 +00:00
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/main/LICENSE)
2019-02-13 16:01:40 +00:00
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2020-11-23 13:17:16 +00:00
var uriAttrs = new Set ( [ 'background' , 'cite' , 'href' , 'itemtype' , 'longdesc' , 'poster' , 'src' , 'xlink:href' ] ) ;
2019-02-13 16:01:40 +00:00
var ARIA _ATTRIBUTE _PATTERN = /^aria-[\w-]*$/i ;
2019-03-01 16:31:34 +00:00
/ * *
* A pattern that recognizes a commonly useful subset of URLs that are safe .
*
* Shoutout to Angular 7 https : //github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts
* /
2020-03-28 10:29:08 +00:00
var SAFE _URL _PATTERN = /^(?:(?:https?|mailto|ftp|tel|file):|[^#&/:?]*(?:[#/?]|$))/gi ;
2019-03-01 16:31:34 +00:00
/ * *
* A pattern that matches safe data URLs . Only matches image , video and audio types .
*
* Shoutout to Angular 7 https : //github.com/angular/angular/blob/7.2.4/packages/core/src/sanitization/url_sanitizer.ts
* /
2020-03-28 10:29:08 +00:00
var DATA _URL _PATTERN = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[\d+/a-z]+=*$/i ;
2019-03-01 16:31:34 +00:00
var allowedAttribute = function allowedAttribute ( attr , allowedAttributeList ) {
var attrName = attr . nodeName . toLowerCase ( ) ;
2020-11-23 13:17:16 +00:00
if ( allowedAttributeList . includes ( attrName ) ) {
if ( uriAttrs . has ( attrName ) ) {
2021-02-10 16:14:51 +00:00
return Boolean ( SAFE _URL _PATTERN . test ( attr . nodeValue ) || DATA _URL _PATTERN . test ( attr . nodeValue ) ) ;
2019-03-01 16:31:34 +00:00
}
return true ;
}
var regExp = allowedAttributeList . filter ( function ( attrRegex ) {
return attrRegex instanceof RegExp ;
} ) ; // Check if a regular expression validates the attribute.
2020-03-28 10:29:08 +00:00
for ( var i = 0 , len = regExp . length ; i < len ; i ++ ) {
2021-02-10 16:14:51 +00:00
if ( regExp [ i ] . test ( attrName ) ) {
2019-03-01 16:31:34 +00:00
return true ;
}
}
return false ;
} ;
2020-09-14 15:12:06 +00:00
var DefaultAllowlist = {
2019-02-13 16:01:40 +00:00
// Global attributes allowed on any supplied element below.
'*' : [ 'class' , 'dir' , 'id' , 'lang' , 'role' , ARIA _ATTRIBUTE _PATTERN ] ,
a : [ 'target' , 'href' , 'title' , 'rel' ] ,
area : [ ] ,
b : [ ] ,
br : [ ] ,
col : [ ] ,
code : [ ] ,
div : [ ] ,
em : [ ] ,
hr : [ ] ,
h1 : [ ] ,
h2 : [ ] ,
h3 : [ ] ,
h4 : [ ] ,
h5 : [ ] ,
h6 : [ ] ,
i : [ ] ,
2020-03-28 10:29:08 +00:00
img : [ 'src' , 'srcset' , 'alt' , 'title' , 'width' , 'height' ] ,
2019-02-13 16:01:40 +00:00
li : [ ] ,
ol : [ ] ,
p : [ ] ,
pre : [ ] ,
s : [ ] ,
small : [ ] ,
span : [ ] ,
sub : [ ] ,
sup : [ ] ,
strong : [ ] ,
u : [ ] ,
ul : [ ]
} ;
2020-09-14 15:12:06 +00:00
function sanitizeHtml ( unsafeHtml , allowList , sanitizeFn ) {
2020-03-28 10:29:08 +00:00
var _ref ;
2019-03-01 16:31:34 +00:00
if ( ! unsafeHtml . length ) {
2019-02-13 16:01:40 +00:00
return unsafeHtml ;
}
if ( sanitizeFn && typeof sanitizeFn === 'function' ) {
return sanitizeFn ( unsafeHtml ) ;
}
var domParser = new window . DOMParser ( ) ;
var createdDocument = domParser . parseFromString ( unsafeHtml , 'text/html' ) ;
2020-09-14 15:12:06 +00:00
var allowlistKeys = Object . keys ( allowList ) ;
2020-03-28 10:29:08 +00:00
var elements = ( _ref = [ ] ) . concat . apply ( _ref , createdDocument . body . querySelectorAll ( '*' ) ) ;
2019-02-13 16:01:40 +00:00
var _loop = function _loop ( i , len ) {
2020-03-28 10:29:08 +00:00
var _ref2 ;
2019-02-13 16:01:40 +00:00
var el = elements [ i ] ;
var elName = el . nodeName . toLowerCase ( ) ;
2020-11-23 13:17:16 +00:00
if ( ! allowlistKeys . includes ( elName ) ) {
2019-02-13 16:01:40 +00:00
el . parentNode . removeChild ( el ) ;
return "continue" ;
}
2020-03-28 10:29:08 +00:00
var attributeList = ( _ref2 = [ ] ) . concat . apply ( _ref2 , el . attributes ) ;
2020-09-14 15:12:06 +00:00
var allowedAttributes = [ ] . concat ( allowList [ '*' ] || [ ] , allowList [ elName ] || [ ] ) ;
2019-02-13 16:01:40 +00:00
attributeList . forEach ( function ( attr ) {
2020-09-14 15:12:06 +00:00
if ( ! allowedAttribute ( attr , allowedAttributes ) ) {
2019-02-13 16:01:40 +00:00
el . removeAttribute ( attr . nodeName ) ;
}
} ) ;
} ;
for ( var i = 0 , len = elements . length ; i < len ; i ++ ) {
2019-07-24 06:13:50 +00:00
var _ret = _loop ( i ) ;
2019-02-13 16:01:40 +00:00
if ( _ret === "continue" ) continue ;
}
return createdDocument . body . innerHTML ;
}
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var NAME$6 = 'tooltip' ;
var DATA _KEY$6 = 'bs.tooltip' ;
var EVENT _KEY$6 = "." + DATA _KEY$6 ;
var CLASS _PREFIX = 'bs-tooltip' ;
var BSCLS _PREFIX _REGEX = new RegExp ( "(^|\\s)" + CLASS _PREFIX + "\\S+" , 'g' ) ;
2020-11-23 13:17:16 +00:00
var DISALLOWED _ATTRIBUTES = new Set ( [ 'sanitize' , 'allowList' , 'sanitizeFn' ] ) ;
2018-11-13 06:41:12 +00:00
var DefaultType$4 = {
animation : 'boolean' ,
template : 'string' ,
title : '(string|element|function)' ,
trigger : 'string' ,
delay : '(number|object)' ,
html : 'boolean' ,
selector : '(string|boolean)' ,
placement : '(string|function)' ,
2021-02-10 16:14:51 +00:00
offset : '(array|string|function)' ,
2018-11-13 06:41:12 +00:00
container : '(string|element|boolean)' ,
2021-02-10 16:14:51 +00:00
fallbackPlacements : 'array' ,
2019-02-13 16:01:40 +00:00
boundary : '(string|element)' ,
2020-12-03 14:18:59 +00:00
customClass : '(string|function)' ,
2019-02-13 16:01:40 +00:00
sanitize : 'boolean' ,
sanitizeFn : '(null|function)' ,
2020-09-14 15:12:06 +00:00
allowList : 'object' ,
2021-02-10 16:14:51 +00:00
popperConfig : '(null|object|function)'
2018-11-13 06:41:12 +00:00
} ;
2020-03-28 10:29:08 +00:00
var AttachmentMap = {
2018-11-13 06:41:12 +00:00
AUTO : 'auto' ,
TOP : 'top' ,
2020-12-03 13:08:31 +00:00
RIGHT : isRTL ? 'left' : 'right' ,
2018-11-13 06:41:12 +00:00
BOTTOM : 'bottom' ,
2020-12-03 13:08:31 +00:00
LEFT : isRTL ? 'right' : 'left'
2018-11-13 06:41:12 +00:00
} ;
var Default$4 = {
animation : true ,
2020-12-03 14:18:59 +00:00
template : '<div class="tooltip" role="tooltip">' + '<div class="tooltip-arrow"></div>' + '<div class="tooltip-inner"></div>' + '</div>' ,
2018-11-13 06:41:12 +00:00
trigger : 'hover focus' ,
title : '' ,
delay : 0 ,
html : false ,
selector : false ,
placement : 'top' ,
2021-02-10 16:14:51 +00:00
offset : [ 0 , 0 ] ,
2018-11-13 06:41:12 +00:00
container : false ,
2021-02-10 16:14:51 +00:00
fallbackPlacements : [ 'top' , 'right' , 'bottom' , 'left' ] ,
2020-12-07 15:50:24 +00:00
boundary : 'clippingParents' ,
2020-12-03 14:18:59 +00:00
customClass : '' ,
2019-02-13 16:01:40 +00:00
sanitize : true ,
sanitizeFn : null ,
2020-09-14 15:12:06 +00:00
allowList : DefaultAllowlist ,
2019-08-27 13:03:21 +00:00
popperConfig : null
2018-11-13 06:41:12 +00:00
} ;
2020-03-28 10:29:08 +00:00
var Event$1 = {
2018-11-13 06:41:12 +00:00
HIDE : "hide" + EVENT _KEY$6 ,
HIDDEN : "hidden" + EVENT _KEY$6 ,
SHOW : "show" + EVENT _KEY$6 ,
SHOWN : "shown" + EVENT _KEY$6 ,
INSERTED : "inserted" + EVENT _KEY$6 ,
CLICK : "click" + EVENT _KEY$6 ,
FOCUSIN : "focusin" + EVENT _KEY$6 ,
FOCUSOUT : "focusout" + EVENT _KEY$6 ,
MOUSEENTER : "mouseenter" + EVENT _KEY$6 ,
MOUSELEAVE : "mouseleave" + EVENT _KEY$6
} ;
2021-02-10 16:14:51 +00:00
var CLASS _NAME _FADE$2 = 'fade' ;
2020-03-28 10:29:08 +00:00
var CLASS _NAME _MODAL = 'modal' ;
2021-02-10 16:14:51 +00:00
var CLASS _NAME _SHOW$4 = 'show' ;
2020-03-28 10:29:08 +00:00
var HOVER _STATE _SHOW = 'show' ;
var HOVER _STATE _OUT = 'out' ;
var SELECTOR _TOOLTIP _INNER = '.tooltip-inner' ;
var TRIGGER _HOVER = 'hover' ;
var TRIGGER _FOCUS = 'focus' ;
var TRIGGER _CLICK = 'click' ;
var TRIGGER _MANUAL = 'manual' ;
2019-10-08 06:39:10 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Class Definition
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2018-11-13 06:41:12 +00:00
2020-12-03 14:18:59 +00:00
var Tooltip = /*#__PURE__*/ function ( _BaseComponent ) {
_inheritsLoose ( Tooltip , _BaseComponent ) ;
2018-11-13 06:41:12 +00:00
function Tooltip ( element , config ) {
2020-12-03 14:18:59 +00:00
var _this ;
2020-12-07 15:50:24 +00:00
if ( typeof Popper _ _namespace === 'undefined' ) {
2020-11-23 13:17:16 +00:00
throw new TypeError ( 'Bootstrap\'s tooltips require Popper (https://popper.js.org)' ) ;
2020-12-03 14:18:59 +00:00
}
2017-10-29 23:19:14 +00:00
2020-12-03 14:18:59 +00:00
_this = _BaseComponent . call ( this , element ) || this ; // private
2017-10-29 23:19:14 +00:00
2020-12-03 14:18:59 +00:00
_this . _isEnabled = true ;
_this . _timeout = 0 ;
_this . _hoverState = '' ;
_this . _activeTrigger = { } ;
_this . _popper = null ; // Protected
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
_this . config = _this . _getConfig ( config ) ;
_this . tip = null ;
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
_this . _setListeners ( ) ;
2019-03-01 16:31:34 +00:00
2020-12-03 14:18:59 +00:00
return _this ;
2018-11-13 06:41:12 +00:00
} // Getters
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var _proto = Tooltip . prototype ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
// Public
_proto . enable = function enable ( ) {
this . _isEnabled = true ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . disable = function disable ( ) {
this . _isEnabled = false ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . toggleEnabled = function toggleEnabled ( ) {
this . _isEnabled = ! this . _isEnabled ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . toggle = function toggle ( event ) {
if ( ! this . _isEnabled ) {
return ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( event ) {
2021-02-10 16:14:51 +00:00
var context = this . _initializeOnDelegatedTarget ( event ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
context . _activeTrigger . click = ! context . _activeTrigger . click ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( context . _isWithActiveTrigger ( ) ) {
context . _enter ( null , context ) ;
2017-09-06 04:05:12 +00:00
} else {
2018-11-13 06:41:12 +00:00
context . _leave ( null , context ) ;
}
} else {
2021-02-10 16:14:51 +00:00
if ( this . getTipElement ( ) . classList . contains ( CLASS _NAME _SHOW$4 ) ) {
2018-11-13 06:41:12 +00:00
this . _leave ( null , this ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
return ;
2018-03-31 20:59:37 +00:00
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _enter ( null , this ) ;
}
} ;
2017-09-06 04:05:12 +00:00
2018-11-13 06:41:12 +00:00
_proto . dispose = function dispose ( ) {
clearTimeout ( this . _timeout ) ;
2020-12-03 14:18:59 +00:00
EventHandler . off ( this . _element , this . constructor . EVENT _KEY ) ;
EventHandler . off ( this . _element . closest ( "." + CLASS _NAME _MODAL ) , 'hide.bs.modal' , this . _hideModalHandler ) ;
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
if ( this . tip && this . tip . parentNode ) {
2019-03-01 16:31:34 +00:00
this . tip . parentNode . removeChild ( this . tip ) ;
2018-11-13 06:41:12 +00:00
}
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
this . _isEnabled = null ;
this . _timeout = null ;
this . _hoverState = null ;
this . _activeTrigger = null ;
2016-10-10 00:26:51 +00:00
2019-08-27 13:03:21 +00:00
if ( this . _popper ) {
2018-11-13 06:41:12 +00:00
this . _popper . destroy ( ) ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _popper = null ;
this . config = null ;
this . tip = null ;
2020-12-03 14:18:59 +00:00
_BaseComponent . prototype . dispose . call ( this ) ;
2018-11-13 06:41:12 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . show = function show ( ) {
2020-12-03 14:18:59 +00:00
var _this2 = this ;
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
if ( this . _element . style . display === 'none' ) {
2018-11-13 06:41:12 +00:00
throw new Error ( 'Please use show on visible elements' ) ;
}
2017-09-30 21:28:03 +00:00
2021-02-10 16:14:51 +00:00
if ( ! ( this . isWithContent ( ) && this . _isEnabled ) ) {
return ;
}
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
var showEvent = EventHandler . trigger ( this . _element , this . constructor . Event . SHOW ) ;
var shadowRoot = findShadowRoot ( this . _element ) ;
var isInTheDom = shadowRoot === null ? this . _element . ownerDocument . documentElement . contains ( this . _element ) : shadowRoot . contains ( this . _element ) ;
2017-09-06 04:05:12 +00:00
2021-02-10 16:14:51 +00:00
if ( showEvent . defaultPrevented || ! isInTheDom ) {
return ;
}
2020-12-03 14:18:59 +00:00
2021-02-10 16:14:51 +00:00
var tip = this . getTipElement ( ) ;
var tipId = getUID ( this . constructor . NAME ) ;
tip . setAttribute ( 'id' , tipId ) ;
2020-12-03 14:18:59 +00:00
2021-02-10 16:14:51 +00:00
this . _element . setAttribute ( 'aria-describedby' , tipId ) ;
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
this . setContent ( ) ;
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
if ( this . config . animation ) {
tip . classList . add ( CLASS _NAME _FADE$2 ) ;
}
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
var placement = typeof this . config . placement === 'function' ? this . config . placement . call ( this , tip , this . _element ) : this . config . placement ;
2017-09-06 04:05:12 +00:00
2021-02-10 16:14:51 +00:00
var attachment = this . _getAttachment ( placement ) ;
2018-12-15 23:13:22 +00:00
2021-02-10 16:14:51 +00:00
this . _addAttachmentClass ( attachment ) ;
2018-12-15 23:13:22 +00:00
2021-02-10 16:14:51 +00:00
var container = this . _getContainer ( ) ;
2016-10-10 00:26:51 +00:00
2021-02-10 16:14:51 +00:00
Data . setData ( tip , this . constructor . DATA _KEY , this ) ;
2018-11-13 06:41:12 +00:00
2021-02-10 16:14:51 +00:00
if ( ! this . _element . ownerDocument . documentElement . contains ( this . tip ) ) {
container . appendChild ( tip ) ;
}
2020-12-03 14:18:59 +00:00
2021-02-10 16:14:51 +00:00
EventHandler . trigger ( this . _element , this . constructor . Event . INSERTED ) ;
this . _popper = Popper . createPopper ( this . _element , tip , this . _getPopperConfig ( attachment ) ) ;
tip . classList . add ( CLASS _NAME _SHOW$4 ) ;
var customClass = typeof this . config . customClass === 'function' ? this . config . customClass ( ) : this . config . customClass ;
2020-12-03 14:18:59 +00:00
2021-02-10 16:14:51 +00:00
if ( customClass ) {
var _tip$classList ;
2017-09-30 21:28:03 +00:00
2021-02-10 16:14:51 +00:00
( _tip$classList = tip . classList ) . add . apply ( _tip$classList , customClass . split ( ' ' ) ) ;
} // If this is a touch-enabled device we add extra
// empty mouseover listeners to the body's immediate children;
// only needed because of broken event delegation on iOS
// https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
2020-12-03 14:18:59 +00:00
2020-03-28 10:29:08 +00:00
2021-02-10 16:14:51 +00:00
if ( 'ontouchstart' in document . documentElement ) {
var _ref ;
2016-10-10 00:26:51 +00:00
2021-02-10 16:14:51 +00:00
( _ref = [ ] ) . concat . apply ( _ref , document . body . children ) . forEach ( function ( element ) {
EventHandler . on ( element , 'mouseover' , noop ( ) ) ;
} ) ;
}
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
var complete = function complete ( ) {
var prevHoverState = _this2 . _hoverState ;
_this2 . _hoverState = null ;
EventHandler . trigger ( _this2 . _element , _this2 . constructor . Event . SHOWN ) ;
2018-11-13 06:41:12 +00:00
2021-02-10 16:14:51 +00:00
if ( prevHoverState === HOVER _STATE _OUT ) {
_this2 . _leave ( null , _this2 ) ;
2017-09-06 04:05:12 +00:00
}
2021-02-10 16:14:51 +00:00
} ;
if ( this . tip . classList . contains ( CLASS _NAME _FADE$2 ) ) {
var transitionDuration = getTransitionDurationFromElement ( this . tip ) ;
EventHandler . one ( this . tip , 'transitionend' , complete ) ;
emulateTransitionEnd ( this . tip , transitionDuration ) ;
} else {
complete ( ) ;
2018-11-13 06:41:12 +00:00
}
} ;
2015-08-15 19:19:11 +00:00
2019-07-24 06:13:50 +00:00
_proto . hide = function hide ( ) {
2020-12-03 14:18:59 +00:00
var _this3 = this ;
2015-08-15 19:19:11 +00:00
2020-09-29 15:33:00 +00:00
if ( ! this . _popper ) {
return ;
}
2018-11-13 06:41:12 +00:00
var tip = this . getTipElement ( ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
var complete = function complete ( ) {
2020-12-03 14:18:59 +00:00
if ( _this3 . _hoverState !== HOVER _STATE _SHOW && tip . parentNode ) {
2018-11-13 06:41:12 +00:00
tip . parentNode . removeChild ( tip ) ;
}
2016-10-10 00:26:51 +00:00
2020-12-03 14:18:59 +00:00
_this3 . _cleanTipClass ( ) ;
2017-09-30 21:28:03 +00:00
2020-12-03 14:18:59 +00:00
_this3 . _element . removeAttribute ( 'aria-describedby' ) ;
2017-09-30 21:28:03 +00:00
2020-12-03 14:18:59 +00:00
EventHandler . trigger ( _this3 . _element , _this3 . constructor . Event . HIDDEN ) ;
2017-09-30 21:28:03 +00:00
2020-12-07 15:50:24 +00:00
if ( _this3 . _popper ) {
_this3 . _popper . destroy ( ) ;
_this3 . _popper = null ;
}
2018-11-13 06:41:12 +00:00
} ;
2016-10-10 00:26:51 +00:00
2020-12-03 14:18:59 +00:00
var hideEvent = EventHandler . trigger ( this . _element , this . constructor . Event . HIDE ) ;
2017-09-06 04:05:12 +00:00
2019-03-01 16:31:34 +00:00
if ( hideEvent . defaultPrevented ) {
2018-11-13 06:41:12 +00:00
return ;
}
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
tip . classList . remove ( CLASS _NAME _SHOW$4 ) ; // If this is a touch-enabled device we remove the extra
2018-11-13 06:41:12 +00:00
// empty mouseover listeners we added for iOS support
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( 'ontouchstart' in document . documentElement ) {
2020-03-28 10:29:08 +00:00
var _ref2 ;
( _ref2 = [ ] ) . concat . apply ( _ref2 , document . body . children ) . forEach ( function ( element ) {
2019-03-01 16:31:34 +00:00
return EventHandler . off ( element , 'mouseover' , noop ) ;
} ) ;
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
this . _activeTrigger [ TRIGGER _CLICK ] = false ;
this . _activeTrigger [ TRIGGER _FOCUS ] = false ;
this . _activeTrigger [ TRIGGER _HOVER ] = false ;
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
if ( this . tip . classList . contains ( CLASS _NAME _FADE$2 ) ) {
2019-03-01 16:31:34 +00:00
var transitionDuration = getTransitionDurationFromElement ( tip ) ;
2021-02-10 16:14:51 +00:00
EventHandler . one ( tip , 'transitionend' , complete ) ;
2019-03-01 16:31:34 +00:00
emulateTransitionEnd ( tip , transitionDuration ) ;
2018-11-13 06:41:12 +00:00
} else {
complete ( ) ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _hoverState = '' ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . update = function update ( ) {
if ( this . _popper !== null ) {
2020-12-07 15:50:24 +00:00
this . _popper . update ( ) ;
2018-11-13 06:41:12 +00:00
}
2019-01-04 16:29:45 +00:00
} // Protected
;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . isWithContent = function isWithContent ( ) {
return Boolean ( this . getTitle ( ) ) ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . getTipElement = function getTipElement ( ) {
2019-03-01 16:31:34 +00:00
if ( this . tip ) {
return this . tip ;
}
var element = document . createElement ( 'div' ) ;
element . innerHTML = this . config . template ;
this . tip = element . children [ 0 ] ;
2018-11-13 06:41:12 +00:00
return this . tip ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . setContent = function setContent ( ) {
var tip = this . getTipElement ( ) ;
2020-03-28 10:29:08 +00:00
this . setElementContent ( SelectorEngine . findOne ( SELECTOR _TOOLTIP _INNER , tip ) , this . getTitle ( ) ) ;
2021-02-10 16:14:51 +00:00
tip . classList . remove ( CLASS _NAME _FADE$2 , CLASS _NAME _SHOW$4 ) ;
2018-11-13 06:41:12 +00:00
} ;
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
_proto . setElementContent = function setElementContent ( element , content ) {
if ( element === null ) {
return ;
}
2019-07-24 06:13:50 +00:00
if ( typeof content === 'object' && isElement ( content ) ) {
2019-03-01 16:31:34 +00:00
if ( content . jquery ) {
content = content [ 0 ] ;
} // content is a DOM node or a jQuery
2019-02-13 16:01:40 +00:00
if ( this . config . html ) {
2019-03-01 16:31:34 +00:00
if ( content . parentNode !== element ) {
element . innerHTML = '' ;
element . appendChild ( content ) ;
2017-09-06 04:05:12 +00:00
}
} else {
2020-05-13 18:53:43 +00:00
element . textContent = content . textContent ;
2017-09-06 04:05:12 +00:00
}
2019-02-13 16:01:40 +00:00
return ;
}
if ( this . config . html ) {
if ( this . config . sanitize ) {
2020-09-14 15:12:06 +00:00
content = sanitizeHtml ( content , this . config . allowList , this . config . sanitizeFn ) ;
2019-02-13 16:01:40 +00:00
}
2019-03-01 16:31:34 +00:00
element . innerHTML = content ;
2018-11-13 06:41:12 +00:00
} else {
2020-05-13 18:53:43 +00:00
element . textContent = content ;
2018-11-13 06:41:12 +00:00
}
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . getTitle = function getTitle ( ) {
2020-12-03 14:18:59 +00:00
var title = this . _element . getAttribute ( 'data-bs-original-title' ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( ! title ) {
2020-12-03 14:18:59 +00:00
title = typeof this . config . title === 'function' ? this . config . title . call ( this . _element ) : this . config . title ;
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
return title ;
2020-12-03 13:08:31 +00:00
} ;
_proto . updateAttachment = function updateAttachment ( attachment ) {
if ( attachment === 'right' ) {
return 'end' ;
}
if ( attachment === 'left' ) {
return 'start' ;
}
return attachment ;
2019-01-04 16:29:45 +00:00
} // Private
;
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
_proto . _initializeOnDelegatedTarget = function _initializeOnDelegatedTarget ( event , context ) {
var dataKey = this . constructor . DATA _KEY ;
context = context || Data . getData ( event . delegateTarget , dataKey ) ;
if ( ! context ) {
context = new this . constructor ( event . delegateTarget , this . _getDelegateConfig ( ) ) ;
Data . setData ( event . delegateTarget , dataKey , context ) ;
}
return context ;
} ;
_proto . _getOffset = function _getOffset ( ) {
2020-12-03 14:18:59 +00:00
var _this4 = this ;
2019-08-27 13:03:21 +00:00
2021-02-10 16:14:51 +00:00
var offset = this . config . offset ;
if ( typeof offset === 'string' ) {
return offset . split ( ',' ) . map ( function ( val ) {
return Number . parseInt ( val , 10 ) ;
} ) ;
}
2020-12-07 15:50:24 +00:00
2021-02-10 16:14:51 +00:00
if ( typeof offset === 'function' ) {
return function ( popperData ) {
return offset ( popperData , _this4 . _element ) ;
} ;
2020-12-07 15:50:24 +00:00
}
2021-02-10 16:14:51 +00:00
return offset ;
} ;
_proto . _getPopperConfig = function _getPopperConfig ( attachment ) {
var _this5 = this ;
var defaultBsPopperConfig = {
2019-08-27 13:03:21 +00:00
placement : attachment ,
2021-02-10 16:14:51 +00:00
modifiers : [ {
name : 'flip' ,
options : {
altBoundary : true ,
fallbackPlacements : this . config . fallbackPlacements
}
} , {
name : 'offset' ,
options : {
offset : this . _getOffset ( )
}
} , {
2020-12-07 15:50:24 +00:00
name : 'preventOverflow' ,
options : {
2021-02-10 16:14:51 +00:00
boundary : this . config . boundary
2020-12-07 15:50:24 +00:00
}
} , {
name : 'arrow' ,
options : {
2019-08-27 13:03:21 +00:00
element : "." + this . constructor . NAME + "-arrow"
}
2020-12-07 15:50:24 +00:00
} , {
name : 'onChange' ,
enabled : true ,
phase : 'afterWrite' ,
fn : function fn ( data ) {
2021-02-10 16:14:51 +00:00
return _this5 . _handlePopperPlacementChange ( data ) ;
2020-12-07 15:50:24 +00:00
}
} ] ,
onFirstUpdate : function onFirstUpdate ( data ) {
if ( data . options . placement !== data . placement ) {
2021-02-10 16:14:51 +00:00
_this5 . _handlePopperPlacementChange ( data ) ;
2019-08-27 13:03:21 +00:00
}
}
} ;
2021-02-10 16:14:51 +00:00
return _extends ( { } , defaultBsPopperConfig , typeof this . config . popperConfig === 'function' ? this . config . popperConfig ( defaultBsPopperConfig ) : this . config . popperConfig ) ;
2019-08-27 13:03:21 +00:00
} ;
2019-07-24 06:13:50 +00:00
_proto . _addAttachmentClass = function _addAttachmentClass ( attachment ) {
2020-12-03 13:08:31 +00:00
this . getTipElement ( ) . classList . add ( CLASS _PREFIX + "-" + this . updateAttachment ( attachment ) ) ;
2019-07-24 06:13:50 +00:00
} ;
2018-12-15 23:13:22 +00:00
_proto . _getContainer = function _getContainer ( ) {
if ( this . config . container === false ) {
return document . body ;
}
2019-03-01 16:31:34 +00:00
if ( isElement ( this . config . container ) ) {
return this . config . container ;
2018-12-15 23:13:22 +00:00
}
2019-03-01 16:31:34 +00:00
return SelectorEngine . findOne ( this . config . container ) ;
2018-12-15 23:13:22 +00:00
} ;
2018-11-13 06:41:12 +00:00
_proto . _getAttachment = function _getAttachment ( placement ) {
2020-03-28 10:29:08 +00:00
return AttachmentMap [ placement . toUpperCase ( ) ] ;
2018-11-13 06:41:12 +00:00
} ;
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
_proto . _setListeners = function _setListeners ( ) {
2021-02-10 16:14:51 +00:00
var _this6 = this ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var triggers = this . config . trigger . split ( ' ' ) ;
triggers . forEach ( function ( trigger ) {
if ( trigger === 'click' ) {
2021-02-10 16:14:51 +00:00
EventHandler . on ( _this6 . _element , _this6 . constructor . Event . CLICK , _this6 . config . selector , function ( event ) {
return _this6 . toggle ( event ) ;
2017-09-06 04:05:12 +00:00
} ) ;
2020-03-28 10:29:08 +00:00
} else if ( trigger !== TRIGGER _MANUAL ) {
2021-02-10 16:14:51 +00:00
var eventIn = trigger === TRIGGER _HOVER ? _this6 . constructor . Event . MOUSEENTER : _this6 . constructor . Event . FOCUSIN ;
var eventOut = trigger === TRIGGER _HOVER ? _this6 . constructor . Event . MOUSELEAVE : _this6 . constructor . Event . FOCUSOUT ;
EventHandler . on ( _this6 . _element , eventIn , _this6 . config . selector , function ( event ) {
return _this6 . _enter ( event ) ;
2019-03-01 16:31:34 +00:00
} ) ;
2021-02-10 16:14:51 +00:00
EventHandler . on ( _this6 . _element , eventOut , _this6 . config . selector , function ( event ) {
return _this6 . _leave ( event ) ;
2017-09-06 04:05:12 +00:00
} ) ;
}
2018-11-13 06:41:12 +00:00
} ) ;
2019-07-12 21:56:26 +00:00
this . _hideModalHandler = function ( ) {
2021-02-10 16:14:51 +00:00
if ( _this6 . _element ) {
_this6 . hide ( ) ;
2018-11-13 06:41:12 +00:00
}
2019-07-12 21:56:26 +00:00
} ;
2020-12-03 14:18:59 +00:00
EventHandler . on ( this . _element . closest ( "." + CLASS _NAME _MODAL ) , 'hide.bs.modal' , this . _hideModalHandler ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( this . config . selector ) {
2020-09-14 15:12:06 +00:00
this . config = _extends ( { } , this . config , {
2018-11-13 06:41:12 +00:00
trigger : 'manual' ,
selector : ''
} ) ;
} else {
this . _fixTitle ( ) ;
}
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _fixTitle = function _fixTitle ( ) {
2020-12-03 14:18:59 +00:00
var title = this . _element . getAttribute ( 'title' ) ;
var originalTitleType = typeof this . _element . getAttribute ( 'data-bs-original-title' ) ;
2017-09-30 21:28:03 +00:00
2020-11-23 13:17:16 +00:00
if ( title || originalTitleType !== 'string' ) {
2020-12-03 14:18:59 +00:00
this . _element . setAttribute ( 'data-bs-original-title' , title || '' ) ;
if ( title && ! this . _element . getAttribute ( 'aria-label' ) && ! this . _element . textContent ) {
this . _element . setAttribute ( 'aria-label' , title ) ;
}
this . _element . setAttribute ( 'title' , '' ) ;
2018-11-13 06:41:12 +00:00
}
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _enter = function _enter ( event , context ) {
2021-02-10 16:14:51 +00:00
context = this . _initializeOnDelegatedTarget ( event , context ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( event ) {
2020-03-28 10:29:08 +00:00
context . _activeTrigger [ event . type === 'focusin' ? TRIGGER _FOCUS : TRIGGER _HOVER ] = true ;
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
if ( context . getTipElement ( ) . classList . contains ( CLASS _NAME _SHOW$4 ) || context . _hoverState === HOVER _STATE _SHOW ) {
2020-03-28 10:29:08 +00:00
context . _hoverState = HOVER _STATE _SHOW ;
2018-11-13 06:41:12 +00:00
return ;
}
clearTimeout ( context . _timeout ) ;
2020-03-28 10:29:08 +00:00
context . _hoverState = HOVER _STATE _SHOW ;
2018-11-13 06:41:12 +00:00
if ( ! context . config . delay || ! context . config . delay . show ) {
context . show ( ) ;
return ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
context . _timeout = setTimeout ( function ( ) {
2020-03-28 10:29:08 +00:00
if ( context . _hoverState === HOVER _STATE _SHOW ) {
2017-09-06 04:05:12 +00:00
context . show ( ) ;
}
2018-11-13 06:41:12 +00:00
} , context . config . delay . show ) ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _leave = function _leave ( event , context ) {
2021-02-10 16:14:51 +00:00
context = this . _initializeOnDelegatedTarget ( event , context ) ;
2017-08-13 19:59:27 +00:00
2018-11-13 06:41:12 +00:00
if ( event ) {
2020-03-28 10:29:08 +00:00
context . _activeTrigger [ event . type === 'focusout' ? TRIGGER _FOCUS : TRIGGER _HOVER ] = false ;
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( context . _isWithActiveTrigger ( ) ) {
return ;
}
2015-08-19 05:07:45 +00:00
2018-11-13 06:41:12 +00:00
clearTimeout ( context . _timeout ) ;
2020-03-28 10:29:08 +00:00
context . _hoverState = HOVER _STATE _OUT ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( ! context . config . delay || ! context . config . delay . hide ) {
context . hide ( ) ;
return ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
context . _timeout = setTimeout ( function ( ) {
2020-03-28 10:29:08 +00:00
if ( context . _hoverState === HOVER _STATE _OUT ) {
2017-09-06 04:05:12 +00:00
context . hide ( ) ;
}
2018-11-13 06:41:12 +00:00
} , context . config . delay . hide ) ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _isWithActiveTrigger = function _isWithActiveTrigger ( ) {
for ( var trigger in this . _activeTrigger ) {
if ( this . _activeTrigger [ trigger ] ) {
return true ;
2017-09-06 04:05:12 +00:00
}
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
return false ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getConfig = function _getConfig ( config ) {
2020-12-03 14:18:59 +00:00
var dataAttributes = Manipulator . getDataAttributes ( this . _element ) ;
2019-02-13 16:01:40 +00:00
Object . keys ( dataAttributes ) . forEach ( function ( dataAttr ) {
2020-11-23 13:17:16 +00:00
if ( DISALLOWED _ATTRIBUTES . has ( dataAttr ) ) {
2019-02-13 16:01:40 +00:00
delete dataAttributes [ dataAttr ] ;
}
} ) ;
2019-03-01 16:31:34 +00:00
if ( config && typeof config . container === 'object' && config . container . jquery ) {
config . container = config . container [ 0 ] ;
}
2020-09-14 15:12:06 +00:00
config = _extends ( { } , this . constructor . Default , dataAttributes , typeof config === 'object' && config ? config : { } ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( typeof config . delay === 'number' ) {
config . delay = {
show : config . delay ,
hide : config . delay
} ;
}
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
if ( typeof config . title === 'number' ) {
config . title = config . title . toString ( ) ;
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( typeof config . content === 'number' ) {
config . content = config . content . toString ( ) ;
}
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
typeCheckConfig ( NAME$6 , config , this . constructor . DefaultType ) ;
2019-02-13 16:01:40 +00:00
if ( config . sanitize ) {
2020-09-14 15:12:06 +00:00
config . template = sanitizeHtml ( config . template , config . allowList , config . sanitizeFn ) ;
2019-02-13 16:01:40 +00:00
}
2018-11-13 06:41:12 +00:00
return config ;
} ;
2017-09-06 04:05:12 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getDelegateConfig = function _getDelegateConfig ( ) {
var config = { } ;
2017-09-06 04:05:12 +00:00
2018-11-13 06:41:12 +00:00
if ( this . config ) {
for ( var key in this . config ) {
if ( this . constructor . Default [ key ] !== this . config [ key ] ) {
config [ key ] = this . config [ key ] ;
2017-09-06 04:05:12 +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
return config ;
} ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
_proto . _cleanTipClass = function _cleanTipClass ( ) {
2019-03-01 16:31:34 +00:00
var tip = this . getTipElement ( ) ;
var tabClass = tip . getAttribute ( 'class' ) . match ( BSCLS _PREFIX _REGEX ) ;
2017-09-06 04:05:12 +00:00
2020-03-28 10:29:08 +00:00
if ( tabClass !== null && tabClass . length > 0 ) {
2019-03-01 16:31:34 +00:00
tabClass . map ( function ( token ) {
return token . trim ( ) ;
} ) . forEach ( function ( tClass ) {
return tip . classList . remove ( tClass ) ;
} ) ;
2018-11-13 06:41:12 +00:00
}
} ;
2018-07-12 04:42:55 +00:00
2018-11-13 06:41:12 +00:00
_proto . _handlePopperPlacementChange = function _handlePopperPlacementChange ( popperData ) {
2020-12-07 15:50:24 +00:00
var state = popperData . state ;
2015-08-15 19:19:11 +00:00
2020-12-07 15:50:24 +00:00
if ( ! state ) {
2018-11-13 06:41:12 +00:00
return ;
}
2015-08-15 19:19:11 +00:00
2020-12-07 15:50:24 +00:00
this . tip = state . elements . popper ;
this . _cleanTipClass ( ) ;
this . _addAttachmentClass ( this . _getAttachment ( state . placement ) ) ;
2019-01-04 16:29:45 +00:00
} // Static
;
2016-10-10 00:26:51 +00:00
2019-08-27 13:03:21 +00:00
Tooltip . jQueryInterface = function jQueryInterface ( config ) {
2018-11-13 06:41:12 +00:00
return this . each ( function ( ) {
2019-03-01 16:31:34 +00:00
var data = Data . getData ( this , DATA _KEY$6 ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var _config = typeof config === 'object' && config ;
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
if ( ! data && /dispose|hide/ . test ( config ) ) {
return ;
}
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
if ( ! data ) {
data = new Tooltip ( this , _config ) ;
}
2018-03-31 20:59:37 +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 + "\"" ) ;
2018-03-31 20:59:37 +00:00
}
2018-11-13 06:41:12 +00:00
data [ config ] ( ) ;
2018-03-31 20:59:37 +00:00
}
2018-11-13 06:41:12 +00:00
} ) ;
} ;
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
_createClass ( Tooltip , null , [ {
key : "Default" ,
get : function get ( ) {
return Default$4 ;
}
} , {
key : "NAME" ,
get : function get ( ) {
return NAME$6 ;
}
} , {
key : "DATA_KEY" ,
get : function get ( ) {
return DATA _KEY$6 ;
}
} , {
key : "Event" ,
get : function get ( ) {
2020-03-28 10:29:08 +00:00
return Event$1 ;
2018-11-13 06:41:12 +00:00
}
} , {
key : "EVENT_KEY" ,
get : function get ( ) {
return EVENT _KEY$6 ;
}
} , {
key : "DefaultType" ,
get : function get ( ) {
return DefaultType$4 ;
}
} ] ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
return Tooltip ;
2020-12-03 14:18:59 +00:00
} ( BaseComponent ) ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2020-11-11 17:07:37 +00:00
* add . Tooltip to jQuery only if jQuery is present
2018-11-13 06:41:12 +00:00
* /
2017-09-30 21:28:03 +00:00
2019-07-24 06:13:50 +00:00
2021-02-10 16:14:51 +00:00
defineJQueryPlugin ( NAME$6 , Tooltip ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var NAME$7 = 'popover' ;
var DATA _KEY$7 = 'bs.popover' ;
var EVENT _KEY$7 = "." + DATA _KEY$7 ;
var CLASS _PREFIX$1 = 'bs-popover' ;
var BSCLS _PREFIX _REGEX$1 = new RegExp ( "(^|\\s)" + CLASS _PREFIX$1 + "\\S+" , 'g' ) ;
2020-09-14 15:12:06 +00:00
var Default$5 = _extends ( { } , Tooltip . Default , {
2018-11-13 06:41:12 +00:00
placement : 'right' ,
2021-02-10 16:14:51 +00:00
offset : [ 0 , 8 ] ,
2018-11-13 06:41:12 +00:00
trigger : 'click' ,
content : '' ,
2020-12-03 14:18:59 +00:00
template : '<div class="popover" role="tooltip">' + '<div class="popover-arrow"></div>' + '<h3 class="popover-header"></h3>' + '<div class="popover-body"></div>' + '</div>'
2018-11-13 06:41:12 +00:00
} ) ;
2020-09-14 15:12:06 +00:00
var DefaultType$5 = _extends ( { } , Tooltip . DefaultType , {
2018-11-13 06:41:12 +00:00
content : '(string|element|function)'
} ) ;
2020-03-28 10:29:08 +00:00
var Event$2 = {
2018-11-13 06:41:12 +00:00
HIDE : "hide" + EVENT _KEY$7 ,
HIDDEN : "hidden" + EVENT _KEY$7 ,
SHOW : "show" + EVENT _KEY$7 ,
SHOWN : "shown" + EVENT _KEY$7 ,
INSERTED : "inserted" + EVENT _KEY$7 ,
CLICK : "click" + EVENT _KEY$7 ,
FOCUSIN : "focusin" + EVENT _KEY$7 ,
FOCUSOUT : "focusout" + EVENT _KEY$7 ,
MOUSEENTER : "mouseenter" + EVENT _KEY$7 ,
MOUSELEAVE : "mouseleave" + EVENT _KEY$7
} ;
2021-02-10 16:14:51 +00:00
var CLASS _NAME _FADE$3 = 'fade' ;
var CLASS _NAME _SHOW$5 = 'show' ;
2020-03-28 10:29:08 +00:00
var SELECTOR _TITLE = '.popover-header' ;
var SELECTOR _CONTENT = '.popover-body' ;
2019-10-08 06:39:10 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Class Definition
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
var Popover = /*#__PURE__*/ function ( _Tooltip ) {
2018-11-13 06:41:12 +00:00
_inheritsLoose ( Popover , _Tooltip ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
function Popover ( ) {
return _Tooltip . apply ( this , arguments ) || this ;
}
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
var _proto = Popover . prototype ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
// Overrides
_proto . isWithContent = function isWithContent ( ) {
return this . getTitle ( ) || this . _getContent ( ) ;
} ;
2017-11-08 04:45:26 +00:00
2018-11-13 06:41:12 +00:00
_proto . setContent = function setContent ( ) {
2019-03-01 16:31:34 +00:00
var tip = this . getTipElement ( ) ; // we use append for html objects to maintain js events
2015-08-19 02:22:46 +00:00
2020-03-28 10:29:08 +00:00
this . setElementContent ( SelectorEngine . findOne ( SELECTOR _TITLE , tip ) , this . getTitle ( ) ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var content = this . _getContent ( ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( typeof content === 'function' ) {
2020-12-03 14:18:59 +00:00
content = content . call ( this . _element ) ;
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
this . setElementContent ( SelectorEngine . findOne ( SELECTOR _CONTENT , tip ) , content ) ;
2021-02-10 16:14:51 +00:00
tip . classList . remove ( CLASS _NAME _FADE$3 , CLASS _NAME _SHOW$5 ) ;
2020-09-14 15:12:06 +00:00
} // Private
;
2019-08-27 13:03:21 +00:00
_proto . _addAttachmentClass = function _addAttachmentClass ( attachment ) {
2020-12-03 13:08:31 +00:00
this . getTipElement ( ) . classList . add ( CLASS _PREFIX$1 + "-" + this . updateAttachment ( attachment ) ) ;
2020-09-14 15:12:06 +00:00
} ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getContent = function _getContent ( ) {
2020-12-03 14:18:59 +00:00
return this . _element . getAttribute ( 'data-bs-content' ) || this . config . content ;
2018-11-13 06:41:12 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _cleanTipClass = function _cleanTipClass ( ) {
2019-03-01 16:31:34 +00:00
var tip = this . getTipElement ( ) ;
var tabClass = tip . getAttribute ( 'class' ) . match ( BSCLS _PREFIX _REGEX$1 ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
if ( tabClass !== null && tabClass . length > 0 ) {
2019-03-01 16:31:34 +00:00
tabClass . map ( function ( token ) {
return token . trim ( ) ;
} ) . forEach ( function ( tClass ) {
return tip . classList . remove ( tClass ) ;
} ) ;
2018-11-13 06:41:12 +00:00
}
2019-01-04 16:29:45 +00:00
} // Static
;
2018-03-31 20:59:37 +00:00
2019-08-27 13:03:21 +00:00
Popover . jQueryInterface = function jQueryInterface ( config ) {
2018-11-13 06:41:12 +00:00
return this . each ( function ( ) {
2019-03-01 16:31:34 +00:00
var data = Data . getData ( this , DATA _KEY$7 ) ;
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
var _config = typeof config === 'object' ? config : null ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( ! data && /dispose|hide/ . test ( config ) ) {
return ;
}
2017-04-22 06:58:09 +00:00
2018-11-13 06:41:12 +00:00
if ( ! data ) {
data = new Popover ( this , _config ) ;
2019-03-01 16:31:34 +00:00
Data . setData ( this , DATA _KEY$7 , data ) ;
2018-11-13 06:41:12 +00:00
}
2018-03-31 20:59:37 +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 + "\"" ) ;
2018-03-31 20:59:37 +00:00
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
data [ config ] ( ) ;
2018-03-31 20:59:37 +00:00
}
2018-11-13 06:41:12 +00:00
} ) ;
} ;
2018-03-31 20:59:37 +00:00
2018-11-13 06:41:12 +00:00
_createClass ( Popover , null , [ {
key : "Default" ,
2021-02-11 15:22:18 +00:00
get : // Getters
function get ( ) {
2018-11-13 06:41:12 +00:00
return Default$5 ;
}
} , {
key : "NAME" ,
get : function get ( ) {
return NAME$7 ;
}
} , {
key : "DATA_KEY" ,
get : function get ( ) {
return DATA _KEY$7 ;
}
} , {
key : "Event" ,
get : function get ( ) {
2020-03-28 10:29:08 +00:00
return Event$2 ;
2018-11-13 06:41:12 +00:00
}
} , {
key : "EVENT_KEY" ,
get : function get ( ) {
return EVENT _KEY$7 ;
}
} , {
key : "DefaultType" ,
get : function get ( ) {
return DefaultType$5 ;
}
} ] ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
return Popover ;
} ( Tooltip ) ;
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2020-11-11 17:07:37 +00:00
* add . Popover to jQuery only if jQuery is present
2018-11-13 06:41:12 +00:00
* /
2017-09-30 21:28:03 +00:00
2019-07-24 06:13:50 +00:00
2021-02-10 16:14:51 +00:00
defineJQueryPlugin ( NAME$7 , Popover ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var NAME$8 = 'scrollspy' ;
var DATA _KEY$8 = 'bs.scrollspy' ;
var EVENT _KEY$8 = "." + DATA _KEY$8 ;
var DATA _API _KEY$6 = '.data-api' ;
var Default$6 = {
offset : 10 ,
method : 'auto' ,
target : ''
} ;
var DefaultType$6 = {
offset : 'number' ,
method : 'string' ,
target : '(string|element)'
} ;
2020-03-28 10:29:08 +00:00
var EVENT _ACTIVATE = "activate" + EVENT _KEY$8 ;
var EVENT _SCROLL = "scroll" + EVENT _KEY$8 ;
var EVENT _LOAD _DATA _API$1 = "load" + EVENT _KEY$8 + DATA _API _KEY$6 ;
var CLASS _NAME _DROPDOWN _ITEM = 'dropdown-item' ;
var CLASS _NAME _ACTIVE$2 = 'active' ;
2020-11-23 13:17:16 +00:00
var SELECTOR _DATA _SPY = '[data-bs-spy="scroll"]' ;
2020-03-28 10:29:08 +00:00
var SELECTOR _NAV _LIST _GROUP = '.nav, .list-group' ;
var SELECTOR _NAV _LINKS = '.nav-link' ;
var SELECTOR _NAV _ITEMS = '.nav-item' ;
var SELECTOR _LIST _ITEMS = '.list-group-item' ;
var SELECTOR _DROPDOWN = '.dropdown' ;
var SELECTOR _DROPDOWN _TOGGLE = '.dropdown-toggle' ;
var METHOD _OFFSET = 'offset' ;
var METHOD _POSITION = 'position' ;
2019-10-08 06:39:10 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Class Definition
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2018-11-13 06:41:12 +00:00
2020-12-03 14:18:59 +00:00
var ScrollSpy = /*#__PURE__*/ function ( _BaseComponent ) {
_inheritsLoose ( ScrollSpy , _BaseComponent ) ;
2018-11-13 06:41:12 +00:00
2020-12-03 14:18:59 +00:00
function ScrollSpy ( element , config ) {
var _this ;
_this = _BaseComponent . call ( this , element ) || this ;
_this . _scrollElement = element . tagName === 'BODY' ? window : element ;
_this . _config = _this . _getConfig ( config ) ;
_this . _selector = _this . _config . target + " " + SELECTOR _NAV _LINKS + ", " + _this . _config . target + " " + SELECTOR _LIST _ITEMS + ", " + _this . _config . target + " ." + CLASS _NAME _DROPDOWN _ITEM ;
_this . _offsets = [ ] ;
_this . _targets = [ ] ;
_this . _activeTarget = null ;
_this . _scrollHeight = 0 ;
2021-02-10 16:14:51 +00:00
EventHandler . on ( _this . _scrollElement , EVENT _SCROLL , function ( ) {
return _this . _process ( ) ;
2018-11-13 06:41:12 +00:00
} ) ;
2020-12-03 14:18:59 +00:00
_this . refresh ( ) ;
_this . _process ( ) ;
2019-03-01 16:31:34 +00:00
2020-12-03 14:18:59 +00:00
return _this ;
2018-11-13 06:41:12 +00:00
} // Getters
var _proto = ScrollSpy . prototype ;
// Public
_proto . refresh = function refresh ( ) {
var _this2 = this ;
2020-03-28 10:29:08 +00:00
var autoMethod = this . _scrollElement === this . _scrollElement . window ? METHOD _OFFSET : METHOD _POSITION ;
2018-11-13 06:41:12 +00:00
var offsetMethod = this . _config . method === 'auto' ? autoMethod : this . _config . method ;
2020-03-28 10:29:08 +00:00
var offsetBase = offsetMethod === METHOD _POSITION ? this . _getScrollTop ( ) : 0 ;
2018-11-13 06:41:12 +00:00
this . _offsets = [ ] ;
this . _targets = [ ] ;
this . _scrollHeight = this . _getScrollHeight ( ) ;
2020-03-28 10:29:08 +00:00
var targets = SelectorEngine . find ( this . _selector ) ;
2018-11-13 06:41:12 +00:00
targets . map ( function ( element ) {
2019-03-01 16:31:34 +00:00
var targetSelector = getSelectorFromElement ( element ) ;
2020-09-14 15:12:06 +00:00
var target = targetSelector ? SelectorEngine . findOne ( targetSelector ) : null ;
2018-11-13 06:41:12 +00:00
if ( target ) {
var targetBCR = target . getBoundingClientRect ( ) ;
if ( targetBCR . width || targetBCR . height ) {
2019-03-01 16:31:34 +00:00
return [ Manipulator [ offsetMethod ] ( target ) . top + offsetBase , targetSelector ] ;
2018-11-13 06:41:12 +00:00
}
}
return null ;
} ) . filter ( function ( item ) {
return item ;
} ) . sort ( function ( a , b ) {
return a [ 0 ] - b [ 0 ] ;
} ) . forEach ( function ( item ) {
_this2 . _offsets . push ( item [ 0 ] ) ;
_this2 . _targets . push ( item [ 1 ] ) ;
} ) ;
2018-03-31 20:59:37 +00:00
} ;
2018-11-13 06:41:12 +00:00
_proto . dispose = function dispose ( ) {
2020-12-03 14:18:59 +00:00
_BaseComponent . prototype . dispose . call ( this ) ;
2019-03-01 16:31:34 +00:00
EventHandler . off ( this . _scrollElement , EVENT _KEY$8 ) ;
2018-11-13 06:41:12 +00:00
this . _scrollElement = null ;
this . _config = null ;
this . _selector = null ;
this . _offsets = null ;
this . _targets = null ;
this . _activeTarget = null ;
this . _scrollHeight = null ;
2019-01-04 16:29:45 +00:00
} // Private
;
2018-11-13 06:41:12 +00:00
_proto . _getConfig = function _getConfig ( config ) {
2020-09-14 15:12:06 +00:00
config = _extends ( { } , Default$6 , typeof config === 'object' && config ? config : { } ) ;
2018-11-13 06:41:12 +00:00
2020-05-13 18:53:43 +00:00
if ( typeof config . target !== 'string' && isElement ( config . target ) ) {
2019-03-01 16:31:34 +00:00
var id = config . target . id ;
2018-11-13 06:41:12 +00:00
if ( ! id ) {
2019-03-01 16:31:34 +00:00
id = getUID ( NAME$8 ) ;
config . target . id = id ;
2018-11-13 06:41:12 +00:00
}
config . target = "#" + id ;
}
2019-03-01 16:31:34 +00:00
typeCheckConfig ( NAME$8 , config , DefaultType$6 ) ;
2018-11-13 06:41:12 +00:00
return config ;
2018-03-31 20:59:37 +00:00
} ;
2018-11-13 06:41:12 +00:00
_proto . _getScrollTop = function _getScrollTop ( ) {
return this . _scrollElement === window ? this . _scrollElement . pageYOffset : this . _scrollElement . scrollTop ;
2018-03-31 20:59:37 +00:00
} ;
2018-11-13 06:41:12 +00:00
_proto . _getScrollHeight = function _getScrollHeight ( ) {
return this . _scrollElement . scrollHeight || Math . max ( document . body . scrollHeight , document . documentElement . scrollHeight ) ;
2018-03-31 20:59:37 +00:00
} ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
_proto . _getOffsetHeight = function _getOffsetHeight ( ) {
return this . _scrollElement === window ? window . innerHeight : this . _scrollElement . getBoundingClientRect ( ) . height ;
} ;
_proto . _process = function _process ( ) {
var scrollTop = this . _getScrollTop ( ) + this . _config . offset ;
var scrollHeight = this . _getScrollHeight ( ) ;
var maxScroll = this . _config . offset + scrollHeight - this . _getOffsetHeight ( ) ;
if ( this . _scrollHeight !== scrollHeight ) {
this . refresh ( ) ;
}
if ( scrollTop >= maxScroll ) {
var target = this . _targets [ this . _targets . length - 1 ] ;
if ( this . _activeTarget !== target ) {
this . _activate ( target ) ;
}
return ;
}
if ( this . _activeTarget && scrollTop < this . _offsets [ 0 ] && this . _offsets [ 0 ] > 0 ) {
this . _activeTarget = null ;
this . _clear ( ) ;
return ;
}
2017-09-30 21:28:03 +00:00
2020-05-13 18:53:43 +00:00
for ( var i = this . _offsets . length ; i -- ; ) {
2018-11-13 06:41:12 +00:00
var isActiveTarget = this . _activeTarget !== this . _targets [ i ] && scrollTop >= this . _offsets [ i ] && ( typeof this . _offsets [ i + 1 ] === 'undefined' || scrollTop < this . _offsets [ i + 1 ] ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( isActiveTarget ) {
this . _activate ( this . _targets [ i ] ) ;
}
}
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _activate = function _activate ( target ) {
this . _activeTarget = target ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
this . _clear ( ) ;
2015-08-15 19:19:11 +00:00
2018-11-24 16:22:59 +00:00
var queries = this . _selector . split ( ',' ) . map ( function ( selector ) {
2020-11-23 13:17:16 +00:00
return selector + "[data-bs-target=\"" + target + "\"]," + selector + "[href=\"" + target + "\"]" ;
2018-11-13 06:41:12 +00:00
} ) ;
2018-11-24 16:22:59 +00:00
2019-03-01 16:31:34 +00:00
var link = SelectorEngine . findOne ( queries . join ( ',' ) ) ;
2017-09-30 21:28:03 +00:00
2020-03-28 10:29:08 +00:00
if ( link . classList . contains ( CLASS _NAME _DROPDOWN _ITEM ) ) {
2020-05-13 18:53:43 +00:00
SelectorEngine . findOne ( SELECTOR _DROPDOWN _TOGGLE , link . closest ( SELECTOR _DROPDOWN ) ) . classList . add ( CLASS _NAME _ACTIVE$2 ) ;
2020-03-28 10:29:08 +00:00
link . classList . add ( CLASS _NAME _ACTIVE$2 ) ;
2018-11-13 06:41:12 +00:00
} else {
// Set triggered link as active
2020-03-28 10:29:08 +00:00
link . classList . add ( CLASS _NAME _ACTIVE$2 ) ;
SelectorEngine . parents ( link , SELECTOR _NAV _LIST _GROUP ) . forEach ( function ( listGroup ) {
2019-03-01 16:31:34 +00:00
// Set triggered links parents as active
// With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor
2020-03-28 10:29:08 +00:00
SelectorEngine . prev ( listGroup , SELECTOR _NAV _LINKS + ", " + SELECTOR _LIST _ITEMS ) . forEach ( function ( item ) {
return item . classList . add ( CLASS _NAME _ACTIVE$2 ) ;
2019-03-01 16:31:34 +00:00
} ) ; // Handle special case when .nav-link is inside .nav-item
2020-03-28 10:29:08 +00:00
SelectorEngine . prev ( listGroup , SELECTOR _NAV _ITEMS ) . forEach ( function ( navItem ) {
SelectorEngine . children ( navItem , SELECTOR _NAV _LINKS ) . forEach ( function ( item ) {
return item . classList . add ( CLASS _NAME _ACTIVE$2 ) ;
2019-03-01 16:31:34 +00:00
} ) ;
} ) ;
} ) ;
2018-11-13 06:41:12 +00:00
}
2018-03-31 20:59:37 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . trigger ( this . _scrollElement , EVENT _ACTIVATE , {
2018-11-13 06:41:12 +00:00
relatedTarget : target
} ) ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_proto . _clear = function _clear ( ) {
2020-03-28 10:29:08 +00:00
SelectorEngine . find ( this . _selector ) . filter ( function ( node ) {
return node . classList . contains ( CLASS _NAME _ACTIVE$2 ) ;
2018-11-24 16:22:59 +00:00
} ) . forEach ( function ( node ) {
2020-03-28 10:29:08 +00:00
return node . classList . remove ( CLASS _NAME _ACTIVE$2 ) ;
2018-11-24 16:22:59 +00:00
} ) ;
2019-01-04 16:29:45 +00:00
} // Static
;
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
ScrollSpy . jQueryInterface = function jQueryInterface ( config ) {
2018-11-13 06:41:12 +00:00
return this . each ( function ( ) {
2019-03-01 16:31:34 +00:00
var data = Data . getData ( this , DATA _KEY$8 ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
var _config = typeof config === 'object' && config ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( ! data ) {
data = new ScrollSpy ( this , _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
if ( typeof config === 'string' ) {
if ( typeof data [ config ] === 'undefined' ) {
throw new TypeError ( "No method named \"" + config + "\"" ) ;
}
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
data [ config ] ( ) ;
}
} ) ;
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_createClass ( ScrollSpy , null , [ {
2020-12-03 14:18:59 +00:00
key : "Default" ,
2018-11-13 06:41:12 +00:00
get : function get ( ) {
2020-12-03 14:18:59 +00:00
return Default$6 ;
2018-11-13 06:41:12 +00:00
}
} , {
2020-12-03 14:18:59 +00:00
key : "DATA_KEY" ,
2018-11-13 06:41:12 +00:00
get : function get ( ) {
2020-12-03 14:18:59 +00:00
return DATA _KEY$8 ;
2018-11-13 06:41:12 +00:00
}
} ] ) ;
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
return ScrollSpy ;
2020-12-03 14:18:59 +00:00
} ( BaseComponent ) ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Data Api implementation
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . on ( window , EVENT _LOAD _DATA _API$1 , function ( ) {
SelectorEngine . find ( SELECTOR _DATA _SPY ) . forEach ( function ( spy ) {
2019-03-01 16:31:34 +00:00
return new ScrollSpy ( spy , Manipulator . getDataAttributes ( spy ) ) ;
} ) ;
2018-11-13 06:41:12 +00:00
} ) ;
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2020-11-11 17:07:37 +00:00
* add . ScrollSpy to jQuery only if jQuery is present
2018-11-13 06:41:12 +00:00
* /
2015-08-15 19:19:11 +00:00
2021-02-10 16:14:51 +00:00
defineJQueryPlugin ( NAME$8 , ScrollSpy ) ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
var NAME$9 = 'tab' ;
var DATA _KEY$9 = 'bs.tab' ;
var EVENT _KEY$9 = "." + DATA _KEY$9 ;
var DATA _API _KEY$7 = '.data-api' ;
2020-03-28 10:29:08 +00:00
var EVENT _HIDE$3 = "hide" + EVENT _KEY$9 ;
var EVENT _HIDDEN$3 = "hidden" + EVENT _KEY$9 ;
var EVENT _SHOW$3 = "show" + EVENT _KEY$9 ;
var EVENT _SHOWN$3 = "shown" + EVENT _KEY$9 ;
var EVENT _CLICK _DATA _API$6 = "click" + EVENT _KEY$9 + DATA _API _KEY$7 ;
var CLASS _NAME _DROPDOWN _MENU = 'dropdown-menu' ;
var CLASS _NAME _ACTIVE$3 = 'active' ;
2020-06-16 18:50:01 +00:00
var CLASS _NAME _DISABLED$1 = 'disabled' ;
2021-02-10 16:14:51 +00:00
var CLASS _NAME _FADE$4 = 'fade' ;
var CLASS _NAME _SHOW$6 = 'show' ;
2020-03-28 10:29:08 +00:00
var SELECTOR _DROPDOWN$1 = '.dropdown' ;
var SELECTOR _NAV _LIST _GROUP$1 = '.nav, .list-group' ;
2020-06-16 18:50:01 +00:00
var SELECTOR _ACTIVE$1 = '.active' ;
2020-03-28 10:29:08 +00:00
var SELECTOR _ACTIVE _UL = ':scope > li > .active' ;
2020-11-23 13:17:16 +00:00
var SELECTOR _DATA _TOGGLE$4 = '[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]' ;
2020-03-28 10:29:08 +00:00
var SELECTOR _DROPDOWN _TOGGLE$1 = '.dropdown-toggle' ;
var SELECTOR _DROPDOWN _ACTIVE _CHILD = ':scope > .dropdown-menu .active' ;
2019-10-08 06:39:10 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Class Definition
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2017-09-30 21:28:03 +00:00
2020-12-03 14:18:59 +00:00
var Tab = /*#__PURE__*/ function ( _BaseComponent ) {
_inheritsLoose ( Tab , _BaseComponent ) ;
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
function Tab ( ) {
return _BaseComponent . apply ( this , arguments ) || this ;
}
2018-06-22 05:55:23 +00:00
2018-11-13 06:41:12 +00:00
var _proto = Tab . prototype ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
// Public
_proto . show = function show ( ) {
var _this = this ;
2015-08-15 19:19:11 +00:00
2020-06-16 18:50:01 +00:00
if ( this . _element . parentNode && this . _element . parentNode . nodeType === Node . ELEMENT _NODE && this . _element . classList . contains ( CLASS _NAME _ACTIVE$3 ) || this . _element . classList . contains ( CLASS _NAME _DISABLED$1 ) ) {
2018-11-13 06:41:12 +00:00
return ;
}
2016-10-10 00:26:51 +00:00
2018-11-13 06:41:12 +00:00
var previous ;
2019-08-27 13:03:21 +00:00
var target = getElementFromSelector ( this . _element ) ;
2020-05-13 18:53:43 +00:00
var listElement = this . _element . closest ( SELECTOR _NAV _LIST _GROUP$1 ) ;
2018-11-13 06:41:12 +00:00
if ( listElement ) {
2020-06-16 18:50:01 +00:00
var itemSelector = listElement . nodeName === 'UL' || listElement . nodeName === 'OL' ? SELECTOR _ACTIVE _UL : SELECTOR _ACTIVE$1 ;
2020-03-28 10:29:08 +00:00
previous = SelectorEngine . find ( itemSelector , listElement ) ;
2018-11-13 06:41:12 +00:00
previous = previous [ previous . length - 1 ] ;
}
2016-10-10 00:26:51 +00:00
2021-02-10 16:14:51 +00:00
var hideEvent = previous ? EventHandler . trigger ( previous , EVENT _HIDE$3 , {
relatedTarget : this . _element
} ) : null ;
2020-03-28 10:29:08 +00:00
var showEvent = EventHandler . trigger ( this . _element , EVENT _SHOW$3 , {
2019-03-01 16:31:34 +00:00
relatedTarget : previous
} ) ;
2015-08-15 19:19:11 +00:00
2019-03-01 16:31:34 +00:00
if ( showEvent . defaultPrevented || hideEvent !== null && hideEvent . defaultPrevented ) {
2018-11-13 06:41:12 +00:00
return ;
}
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
this . _activate ( this . _element , listElement ) ;
2017-05-16 07:59:44 +00:00
2018-11-13 06:41:12 +00:00
var complete = function complete ( ) {
2020-03-28 10:29:08 +00:00
EventHandler . trigger ( previous , EVENT _HIDDEN$3 , {
2018-11-13 06:41:12 +00:00
relatedTarget : _this . _element
2018-03-31 20:59:37 +00:00
} ) ;
2020-03-28 10:29:08 +00:00
EventHandler . trigger ( _this . _element , EVENT _SHOWN$3 , {
2018-11-13 06:41:12 +00:00
relatedTarget : previous
} ) ;
2018-03-31 20:59:37 +00:00
} ;
2017-05-16 07:59:44 +00:00
2018-11-13 06:41:12 +00:00
if ( target ) {
this . _activate ( target , target . parentNode , complete ) ;
} else {
complete ( ) ;
}
2019-01-04 16:29:45 +00:00
} // Private
;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
_proto . _activate = function _activate ( element , container , callback ) {
var _this2 = this ;
2015-08-15 19:19:11 +00:00
2020-06-16 18:50:01 +00:00
var activeElements = container && ( container . nodeName === 'UL' || container . nodeName === 'OL' ) ? SelectorEngine . find ( SELECTOR _ACTIVE _UL , container ) : SelectorEngine . children ( container , SELECTOR _ACTIVE$1 ) ;
2018-11-13 06:41:12 +00:00
var active = activeElements [ 0 ] ;
2021-02-10 16:14:51 +00:00
var isTransitioning = callback && active && active . classList . contains ( CLASS _NAME _FADE$4 ) ;
2018-11-13 06:41:12 +00:00
var complete = function complete ( ) {
return _this2 . _transitionComplete ( element , active , callback ) ;
2018-03-31 20:59:37 +00:00
} ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( active && isTransitioning ) {
2019-03-01 16:31:34 +00:00
var transitionDuration = getTransitionDurationFromElement ( active ) ;
2021-02-10 16:14:51 +00:00
active . classList . remove ( CLASS _NAME _SHOW$6 ) ;
EventHandler . one ( active , 'transitionend' , complete ) ;
2019-03-01 16:31:34 +00:00
emulateTransitionEnd ( active , transitionDuration ) ;
2018-11-13 06:41:12 +00:00
} else {
complete ( ) ;
}
} ;
_proto . _transitionComplete = function _transitionComplete ( element , active , callback ) {
if ( active ) {
2020-03-28 10:29:08 +00:00
active . classList . remove ( CLASS _NAME _ACTIVE$3 ) ;
var dropdownChild = SelectorEngine . findOne ( SELECTOR _DROPDOWN _ACTIVE _CHILD , active . parentNode ) ;
2018-11-13 06:41:12 +00:00
if ( dropdownChild ) {
2020-03-28 10:29:08 +00:00
dropdownChild . classList . remove ( CLASS _NAME _ACTIVE$3 ) ;
2016-10-10 00:26:51 +00:00
}
2018-11-13 06:41:12 +00:00
if ( active . getAttribute ( 'role' ) === 'tab' ) {
active . setAttribute ( 'aria-selected' , false ) ;
2018-03-31 20:59:37 +00:00
}
2018-11-13 06:41:12 +00:00
}
2017-09-06 04:05:12 +00:00
2020-03-28 10:29:08 +00:00
element . classList . add ( CLASS _NAME _ACTIVE$3 ) ;
2018-11-13 06:41:12 +00:00
if ( element . getAttribute ( 'role' ) === 'tab' ) {
element . setAttribute ( 'aria-selected' , true ) ;
}
2017-09-30 21:28:03 +00:00
2019-03-01 16:31:34 +00:00
reflow ( element ) ;
2019-02-11 19:15:34 +00:00
2021-02-10 16:14:51 +00:00
if ( element . classList . contains ( CLASS _NAME _FADE$4 ) ) {
element . classList . add ( CLASS _NAME _SHOW$6 ) ;
2019-02-11 19:15:34 +00:00
}
2017-09-06 04:05:12 +00:00
2020-03-28 10:29:08 +00:00
if ( element . parentNode && element . parentNode . classList . contains ( CLASS _NAME _DROPDOWN _MENU ) ) {
2020-05-13 18:53:43 +00:00
var dropdownElement = element . closest ( SELECTOR _DROPDOWN$1 ) ;
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( dropdownElement ) {
2020-03-28 10:29:08 +00:00
SelectorEngine . find ( SELECTOR _DROPDOWN _TOGGLE$1 ) . forEach ( function ( dropdown ) {
return dropdown . classList . add ( CLASS _NAME _ACTIVE$3 ) ;
2019-03-01 16:31:34 +00:00
} ) ;
2018-11-13 06:41:12 +00:00
}
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
element . setAttribute ( 'aria-expanded' , true ) ;
2018-03-31 20:59:37 +00:00
}
2017-09-30 21:28:03 +00:00
2018-11-13 06:41:12 +00:00
if ( callback ) {
callback ( ) ;
}
2019-01-04 16:29:45 +00:00
} // Static
;
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
Tab . jQueryInterface = function jQueryInterface ( config ) {
2018-11-13 06:41:12 +00:00
return this . each ( function ( ) {
2019-03-01 16:31:34 +00:00
var data = Data . getData ( this , DATA _KEY$9 ) || new Tab ( this ) ;
2018-11-13 06:41:12 +00:00
if ( typeof config === 'string' ) {
if ( typeof data [ config ] === 'undefined' ) {
throw new TypeError ( "No method named \"" + config + "\"" ) ;
}
data [ config ] ( ) ;
}
} ) ;
2018-03-31 20:59:37 +00:00
} ;
2015-08-15 19:19:11 +00:00
2018-11-13 06:41:12 +00:00
_createClass ( Tab , null , [ {
2020-12-03 14:18:59 +00:00
key : "DATA_KEY" ,
2021-02-11 15:22:18 +00:00
get : // Getters
function get ( ) {
2020-12-03 14:18:59 +00:00
return DATA _KEY$9 ;
2018-11-13 06:41:12 +00:00
}
} ] ) ;
return Tab ;
2020-12-03 14:18:59 +00:00
} ( BaseComponent ) ;
2018-11-13 06:41:12 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Data Api implementation
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2020-03-28 10:29:08 +00:00
EventHandler . on ( document , EVENT _CLICK _DATA _API$6 , SELECTOR _DATA _TOGGLE$4 , function ( event ) {
2018-11-13 06:41:12 +00:00
event . preventDefault ( ) ;
2019-03-01 16:31:34 +00:00
var data = Data . getData ( this , DATA _KEY$9 ) || new Tab ( this ) ;
data . show ( ) ;
2018-11-13 06:41:12 +00:00
} ) ;
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2020-11-11 17:07:37 +00:00
* add . Tab to jQuery only if jQuery is present
2018-11-13 06:41:12 +00:00
* /
2021-02-10 16:14:51 +00:00
defineJQueryPlugin ( NAME$9 , Tab ) ;
2015-08-15 19:19:11 +00:00
/ * *
2018-11-24 16:22:59 +00:00
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2015-08-15 19:19:11 +00:00
* /
2018-03-31 20:59:37 +00:00
2018-11-24 16:22:59 +00:00
var NAME$a = 'toast' ;
var DATA _KEY$a = 'bs.toast' ;
var EVENT _KEY$a = "." + DATA _KEY$a ;
2020-03-28 10:29:08 +00:00
var EVENT _CLICK _DISMISS$1 = "click.dismiss" + EVENT _KEY$a ;
var EVENT _HIDE$4 = "hide" + EVENT _KEY$a ;
var EVENT _HIDDEN$4 = "hidden" + EVENT _KEY$a ;
var EVENT _SHOW$4 = "show" + EVENT _KEY$a ;
var EVENT _SHOWN$4 = "shown" + EVENT _KEY$a ;
2021-02-10 16:14:51 +00:00
var CLASS _NAME _FADE$5 = 'fade' ;
2020-03-28 10:29:08 +00:00
var CLASS _NAME _HIDE = 'hide' ;
2021-02-10 16:14:51 +00:00
var CLASS _NAME _SHOW$7 = 'show' ;
2020-03-28 10:29:08 +00:00
var CLASS _NAME _SHOWING = 'showing' ;
2018-11-24 16:22:59 +00:00
var DefaultType$7 = {
animation : 'boolean' ,
autohide : 'boolean' ,
delay : 'number'
} ;
var Default$7 = {
animation : true ,
autohide : true ,
2020-09-14 15:12:06 +00:00
delay : 5000
2018-11-24 16:22:59 +00:00
} ;
2020-11-23 13:17:16 +00:00
var SELECTOR _DATA _DISMISS$1 = '[data-bs-dismiss="toast"]' ;
2019-10-08 06:39:10 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Class Definition
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
var Toast = /*#__PURE__*/ function ( _BaseComponent ) {
_inheritsLoose ( Toast , _BaseComponent ) ;
2018-11-24 16:22:59 +00:00
function Toast ( element , config ) {
2020-12-03 14:18:59 +00:00
var _this ;
2015-08-15 19:19:11 +00:00
2020-12-03 14:18:59 +00:00
_this = _BaseComponent . call ( this , element ) || this ;
_this . _config = _this . _getConfig ( config ) ;
_this . _timeout = null ;
2019-03-01 16:31:34 +00:00
2020-12-03 14:18:59 +00:00
_this . _setListeners ( ) ;
return _this ;
2018-11-24 16:22:59 +00:00
} // Getters
2015-08-15 19:19:11 +00:00
2017-05-16 07:59:44 +00:00
2018-11-24 16:22:59 +00:00
var _proto = Toast . prototype ;
2018-11-13 06:41:12 +00:00
2018-11-24 16:22:59 +00:00
// Public
_proto . show = function show ( ) {
2020-12-03 14:18:59 +00:00
var _this2 = this ;
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
var showEvent = EventHandler . trigger ( this . _element , EVENT _SHOW$4 ) ;
2019-07-12 21:56:26 +00:00
if ( showEvent . defaultPrevented ) {
return ;
}
2015-08-15 19:19:11 +00:00
2020-09-14 15:12:06 +00:00
this . _clearTimeout ( ) ;
2018-11-24 16:22:59 +00:00
if ( this . _config . animation ) {
2021-02-10 16:14:51 +00:00
this . _element . classList . add ( CLASS _NAME _FADE$5 ) ;
2018-11-24 16:22:59 +00:00
}
2017-09-06 04:05:12 +00:00
2018-11-24 16:22:59 +00:00
var complete = function complete ( ) {
2020-12-03 14:18:59 +00:00
_this2 . _element . classList . remove ( CLASS _NAME _SHOWING ) ;
2018-12-15 23:13:22 +00:00
2021-02-10 16:14:51 +00:00
_this2 . _element . classList . add ( CLASS _NAME _SHOW$7 ) ;
2018-12-15 23:13:22 +00:00
2020-12-03 14:18:59 +00:00
EventHandler . trigger ( _this2 . _element , EVENT _SHOWN$4 ) ;
2017-09-06 04:05:12 +00:00
2020-12-03 14:18:59 +00:00
if ( _this2 . _config . autohide ) {
_this2 . _timeout = setTimeout ( function ( ) {
_this2 . hide ( ) ;
} , _this2 . _config . delay ) ;
2018-03-31 20:59:37 +00:00
}
2018-11-13 06:41:12 +00:00
} ;
2017-09-06 04:05:12 +00:00
2020-03-28 10:29:08 +00:00
this . _element . classList . remove ( CLASS _NAME _HIDE ) ;
2018-12-15 23:13:22 +00:00
2019-07-24 06:13:50 +00:00
reflow ( this . _element ) ;
2020-03-28 10:29:08 +00:00
this . _element . classList . add ( CLASS _NAME _SHOWING ) ;
2017-09-06 04:05:12 +00:00
2018-11-24 16:22:59 +00:00
if ( this . _config . animation ) {
2019-03-01 16:31:34 +00:00
var transitionDuration = getTransitionDurationFromElement ( this . _element ) ;
2021-02-10 16:14:51 +00:00
EventHandler . one ( this . _element , 'transitionend' , complete ) ;
2019-03-01 16:31:34 +00:00
emulateTransitionEnd ( this . _element , transitionDuration ) ;
2018-11-24 16:22:59 +00:00
} else {
complete ( ) ;
}
} ;
2017-09-06 04:05:12 +00:00
2019-04-18 11:47:52 +00:00
_proto . hide = function hide ( ) {
2020-12-03 14:18:59 +00:00
var _this3 = this ;
2018-03-31 20:59:37 +00:00
2021-02-10 16:14:51 +00:00
if ( ! this . _element . classList . contains ( CLASS _NAME _SHOW$7 ) ) {
2018-11-24 16:22:59 +00:00
return ;
}
2017-09-06 04:05:12 +00:00
2020-03-28 10:29:08 +00:00
var hideEvent = EventHandler . trigger ( this . _element , EVENT _HIDE$4 ) ;
2019-07-12 21:56:26 +00:00
if ( hideEvent . defaultPrevented ) {
return ;
}
2018-11-13 06:41:12 +00:00
2019-04-18 11:47:52 +00:00
var complete = function complete ( ) {
2020-12-03 14:18:59 +00:00
_this3 . _element . classList . add ( CLASS _NAME _HIDE ) ;
2019-04-18 11:47:52 +00:00
2020-12-03 14:18:59 +00:00
EventHandler . trigger ( _this3 . _element , EVENT _HIDDEN$4 ) ;
2019-04-18 11:47:52 +00:00
} ;
2021-02-10 16:14:51 +00:00
this . _element . classList . remove ( CLASS _NAME _SHOW$7 ) ;
2019-04-18 11:47:52 +00:00
if ( this . _config . animation ) {
var transitionDuration = getTransitionDurationFromElement ( this . _element ) ;
2021-02-10 16:14:51 +00:00
EventHandler . one ( this . _element , 'transitionend' , complete ) ;
2019-04-18 11:47:52 +00:00
emulateTransitionEnd ( this . _element , transitionDuration ) ;
2018-11-24 16:22:59 +00:00
} else {
2019-04-18 11:47:52 +00:00
complete ( ) ;
2018-11-24 16:22:59 +00:00
}
} ;
2018-11-13 06:41:12 +00:00
2018-11-24 16:22:59 +00:00
_proto . dispose = function dispose ( ) {
2020-09-14 15:12:06 +00:00
this . _clearTimeout ( ) ;
2017-09-06 04:05:12 +00:00
2021-02-10 16:14:51 +00:00
if ( this . _element . classList . contains ( CLASS _NAME _SHOW$7 ) ) {
this . _element . classList . remove ( CLASS _NAME _SHOW$7 ) ;
2018-11-24 16:22:59 +00:00
}
2015-08-15 19:19:11 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . off ( this . _element , EVENT _CLICK _DISMISS$1 ) ;
2020-12-03 14:18:59 +00:00
_BaseComponent . prototype . dispose . call ( this ) ;
2018-11-24 16:22:59 +00:00
this . _config = null ;
2019-01-04 16:29:45 +00:00
} // Private
;
2017-09-06 04:05:12 +00:00
2018-11-24 16:22:59 +00:00
_proto . _getConfig = function _getConfig ( config ) {
2020-09-14 15:12:06 +00:00
config = _extends ( { } , Default$7 , Manipulator . getDataAttributes ( this . _element ) , typeof config === 'object' && config ? config : { } ) ;
2019-03-01 16:31:34 +00:00
typeCheckConfig ( NAME$a , config , this . constructor . DefaultType ) ;
2018-11-24 16:22:59 +00:00
return config ;
} ;
2017-09-30 21:28:03 +00:00
2018-11-24 16:22:59 +00:00
_proto . _setListeners = function _setListeners ( ) {
2020-12-03 14:18:59 +00:00
var _this4 = this ;
2017-09-06 04:05:12 +00:00
2020-03-28 10:29:08 +00:00
EventHandler . on ( this . _element , EVENT _CLICK _DISMISS$1 , SELECTOR _DATA _DISMISS$1 , function ( ) {
2020-12-03 14:18:59 +00:00
return _this4 . hide ( ) ;
2018-11-24 16:22:59 +00:00
} ) ;
2020-09-14 15:12:06 +00:00
} ;
_proto . _clearTimeout = function _clearTimeout ( ) {
clearTimeout ( this . _timeout ) ;
this . _timeout = null ;
2019-01-04 16:29:45 +00:00
} // Static
;
2015-08-15 19:19:11 +00:00
2019-08-27 13:03:21 +00:00
Toast . jQueryInterface = function jQueryInterface ( config ) {
2018-11-24 16:22:59 +00:00
return this . each ( function ( ) {
2019-03-01 16:31:34 +00:00
var data = Data . getData ( this , DATA _KEY$a ) ;
2015-08-15 19:19:11 +00:00
2018-11-24 16:22:59 +00:00
var _config = typeof config === 'object' && config ;
if ( ! data ) {
data = new Toast ( this , _config ) ;
}
2015-08-15 19:19:11 +00:00
2018-11-24 16:22:59 +00:00
if ( typeof config === 'string' ) {
if ( typeof data [ config ] === 'undefined' ) {
throw new TypeError ( "No method named \"" + config + "\"" ) ;
2015-06-18 22:48:54 +00:00
}
2017-09-30 21:28:03 +00:00
2018-11-24 16:22:59 +00:00
data [ config ] ( this ) ;
2018-11-13 06:41:12 +00:00
}
2018-11-24 16:22:59 +00:00
} ) ;
} ;
2016-10-10 00:26:51 +00:00
2018-11-24 16:22:59 +00:00
_createClass ( Toast , null , [ {
key : "DefaultType" ,
get : function get ( ) {
return DefaultType$7 ;
}
2019-02-11 19:15:34 +00:00
} , {
key : "Default" ,
get : function get ( ) {
return Default$7 ;
}
2020-12-03 14:18:59 +00:00
} , {
key : "DATA_KEY" ,
get : function get ( ) {
return DATA _KEY$a ;
}
2018-11-24 16:22:59 +00:00
} ] ) ;
2015-08-15 19:19:11 +00:00
2018-11-24 16:22:59 +00:00
return Toast ;
2020-12-03 14:18:59 +00:00
} ( BaseComponent ) ;
2018-11-24 16:22:59 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2020-11-11 17:07:37 +00:00
* add . Toast to jQuery only if jQuery is present
2018-11-24 16:22:59 +00:00
* /
2018-11-13 06:41:12 +00:00
2019-07-24 06:13:50 +00:00
2021-02-10 16:14:51 +00:00
defineJQueryPlugin ( NAME$a , Toast ) ;
2016-10-10 00:26:51 +00:00
2018-03-31 20:59:37 +00:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2021-02-10 16:14:51 +00:00
* Bootstrap ( v5 . 0.0 - beta2 ) : index . umd . js
2020-06-16 18:50:01 +00:00
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/main/LICENSE)
2018-03-31 20:59:37 +00:00
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2019-03-11 15:13:30 +00:00
var index _umd = {
Alert : Alert ,
Button : Button ,
Carousel : Carousel ,
Collapse : Collapse ,
Dropdown : Dropdown ,
Modal : Modal ,
Popover : Popover ,
ScrollSpy : ScrollSpy ,
Tab : Tab ,
Toast : Toast ,
Tooltip : Tooltip
} ;
2017-09-06 04:05:12 +00:00
2019-03-11 15:13:30 +00:00
return index _umd ;
2017-09-06 04:05:12 +00:00
2019-11-08 08:11:23 +00:00
} ) ) ) ;
2017-10-19 07:17:08 +00:00
//# sourceMappingURL=bootstrap.js.map