2018-11-13 07:41:12 +01:00
/ * !
2020-12-07 16:50:24 +01:00
* Bootstrap collapse . js v5 . 0.0 - beta1 ( https : //getbootstrap.com/)
2020-03-28 11:29:08 +01:00
* Copyright 2011 - 2020 The Bootstrap Authors ( https : //github.com/twbs/bootstrap/graphs/contributors)
2020-06-16 20:50:01 +02:00
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/main/LICENSE)
2018-11-13 07:41:12 +01:00
* /
2018-07-24 02:51:14 +02:00
( function ( global , factory ) {
2019-10-08 08:39:10 +02:00
typeof exports === 'object' && typeof module !== 'undefined' ? module . exports = factory ( require ( './dom/data.js' ) , require ( './dom/event-handler.js' ) , require ( './dom/manipulator.js' ) , require ( './dom/selector-engine.js' ) ) :
2020-12-03 15:18:59 +01:00
typeof define === 'function' && define . amd ? define ( [ './dom/data' , './dom/event-handler' , './dom/manipulator' , './dom/selector-engine' ] , factory ) :
2020-09-14 17:12:06 +02:00
( global = typeof globalThis !== 'undefined' ? globalThis : global || self , global . Collapse = factory ( global . Data , global . EventHandler , global . Manipulator , global . SelectorEngine ) ) ;
2019-11-08 09:11:23 +01:00
} ( this , ( function ( Data , EventHandler , Manipulator , SelectorEngine ) { 'use strict' ;
2018-07-24 02:51:14 +02:00
2020-09-14 17:12:06 +02:00
function _interopDefaultLegacy ( e ) { return e && typeof e === 'object' && 'default' in e ? e : { 'default' : e } ; }
var Data _ _default = /*#__PURE__*/ _interopDefaultLegacy ( Data ) ;
var EventHandler _ _default = /*#__PURE__*/ _interopDefaultLegacy ( EventHandler ) ;
var Manipulator _ _default = /*#__PURE__*/ _interopDefaultLegacy ( Manipulator ) ;
var SelectorEngine _ _default = /*#__PURE__*/ _interopDefaultLegacy ( SelectorEngine ) ;
2018-07-24 02:51:14 +02:00
2019-03-01 17:31:34 +01:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2020-12-07 16:50:24 +01:00
* Bootstrap ( v5 . 0.0 - beta1 ) : util / index . js
2020-06-16 20:50:01 +02:00
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/main/LICENSE)
2019-03-01 17:31:34 +01:00
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var MILLISECONDS _MULTIPLIER = 1000 ;
2019-08-27 15:03:21 +02:00
var TRANSITION _END = 'transitionend' ; // Shoutout AngusCroll (https://goo.gl/pxwQGp)
2019-03-01 17:31:34 +01:00
var toType = function toType ( obj ) {
2020-03-28 11:29:08 +01:00
if ( obj === null || obj === undefined ) {
return "" + obj ;
}
2019-03-01 17:31:34 +01:00
return { } . toString . call ( obj ) . match ( /\s([a-z]+)/i ) [ 1 ] . toLowerCase ( ) ;
} ;
2019-08-27 15:03:21 +02:00
var getSelector = function getSelector ( element ) {
2020-11-23 14:17:16 +01:00
var selector = element . getAttribute ( 'data-bs-target' ) ;
2019-03-01 17:31:34 +01:00
if ( ! selector || selector === '#' ) {
var hrefAttr = element . getAttribute ( 'href' ) ;
2019-08-27 15:03:21 +02:00
selector = hrefAttr && hrefAttr !== '#' ? hrefAttr . trim ( ) : null ;
2019-03-01 17:31:34 +01:00
}
2019-08-27 15:03:21 +02:00
return selector ;
} ;
var getSelectorFromElement = function getSelectorFromElement ( element ) {
var selector = getSelector ( element ) ;
if ( selector ) {
2019-03-01 17:31:34 +01:00
return document . querySelector ( selector ) ? selector : null ;
}
2019-08-27 15:03:21 +02:00
return null ;
} ;
var getElementFromSelector = function getElementFromSelector ( element ) {
var selector = getSelector ( element ) ;
return selector ? document . querySelector ( selector ) : null ;
2019-03-01 17:31:34 +01:00
} ;
var getTransitionDurationFromElement = function getTransitionDurationFromElement ( element ) {
if ( ! element ) {
return 0 ;
} // Get transition-duration of the element
var _window$getComputedSt = window . getComputedStyle ( element ) ,
transitionDuration = _window$getComputedSt . transitionDuration ,
transitionDelay = _window$getComputedSt . transitionDelay ;
2020-11-23 14:17:16 +01:00
var floatTransitionDuration = Number . parseFloat ( transitionDuration ) ;
var floatTransitionDelay = Number . parseFloat ( transitionDelay ) ; // Return 0 if element or transition duration is not found
2019-03-01 17:31:34 +01: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 14:17:16 +01:00
return ( Number . parseFloat ( transitionDuration ) + Number . parseFloat ( transitionDelay ) ) * MILLISECONDS _MULTIPLIER ;
2019-03-01 17:31:34 +01:00
} ;
var triggerTransitionEnd = function triggerTransitionEnd ( element ) {
2020-03-28 11:29:08 +01:00
element . dispatchEvent ( new Event ( TRANSITION _END ) ) ;
2019-03-01 17:31:34 +01:00
} ;
var isElement = function isElement ( obj ) {
return ( obj [ 0 ] || obj ) . nodeType ;
} ;
var emulateTransitionEnd = function emulateTransitionEnd ( element , duration ) {
var called = false ;
var durationPadding = 5 ;
var emulatedDuration = duration + durationPadding ;
function listener ( ) {
called = true ;
element . removeEventListener ( TRANSITION _END , listener ) ;
}
element . addEventListener ( TRANSITION _END , listener ) ;
setTimeout ( function ( ) {
if ( ! called ) {
triggerTransitionEnd ( element ) ;
}
} , emulatedDuration ) ;
} ;
var typeCheckConfig = function typeCheckConfig ( componentName , config , configTypes ) {
Object . keys ( configTypes ) . forEach ( function ( property ) {
var expectedTypes = configTypes [ property ] ;
var value = config [ property ] ;
var valueType = value && isElement ( value ) ? 'element' : toType ( value ) ;
if ( ! new RegExp ( expectedTypes ) . test ( valueType ) ) {
throw new Error ( componentName . toUpperCase ( ) + ": " + ( "Option \"" + property + "\" provided type \"" + valueType + "\" " ) + ( "but expected type \"" + expectedTypes + "\"." ) ) ;
}
} ) ;
} ;
var reflow = function reflow ( element ) {
return element . offsetHeight ;
} ;
2019-08-27 15:03:21 +02:00
var getjQuery = function getjQuery ( ) {
var _window = window ,
jQuery = _window . jQuery ;
2020-11-23 14:17:16 +01:00
if ( jQuery && ! document . body . hasAttribute ( 'data-bs-no-jquery' ) ) {
2019-08-27 15:03:21 +02:00
return jQuery ;
}
return null ;
} ;
2020-11-11 18:07:37 +01:00
var onDOMContentLoaded = function onDOMContentLoaded ( callback ) {
if ( document . readyState === 'loading' ) {
document . addEventListener ( 'DOMContentLoaded' , callback ) ;
} else {
callback ( ) ;
}
} ;
2020-12-03 14:08:31 +01:00
var isRTL = document . documentElement . dir === 'rtl' ;
2020-06-14 00:40:28 +02:00
function _defineProperties ( target , props ) { for ( var i = 0 ; i < props . length ; i ++ ) { var descriptor = props [ i ] ; descriptor . enumerable = descriptor . enumerable || false ; descriptor . configurable = true ; if ( "value" in descriptor ) descriptor . writable = true ; Object . defineProperty ( target , descriptor . key , descriptor ) ; } }
function _createClass ( Constructor , protoProps , staticProps ) { if ( protoProps ) _defineProperties ( Constructor . prototype , protoProps ) ; if ( staticProps ) _defineProperties ( Constructor , staticProps ) ; return Constructor ; }
2018-11-13 07:41:12 +01:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2020-12-07 16:50:24 +01:00
var VERSION = '5.0.0-beta1' ;
2020-12-03 15:18:59 +01:00
var BaseComponent = /*#__PURE__*/ function ( ) {
function BaseComponent ( element ) {
if ( ! element ) {
return ;
}
this . _element = element ;
Data _ _default [ 'default' ] . setData ( element , this . constructor . DATA _KEY , this ) ;
}
var _proto = BaseComponent . prototype ;
_proto . dispose = function dispose ( ) {
Data _ _default [ 'default' ] . removeData ( this . _element , this . constructor . DATA _KEY ) ;
this . _element = null ;
}
/** Static */
;
BaseComponent . getInstance = function getInstance ( element ) {
return Data _ _default [ 'default' ] . getData ( element , this . DATA _KEY ) ;
} ;
_createClass ( BaseComponent , null , [ {
key : "VERSION" ,
get : function get ( ) {
return VERSION ;
}
} ] ) ;
return BaseComponent ;
} ( ) ;
function _extends ( ) { _extends = Object . assign || function ( target ) { for ( var i = 1 ; i < arguments . length ; i ++ ) { var source = arguments [ i ] ; for ( var key in source ) { if ( Object . prototype . hasOwnProperty . call ( source , key ) ) { target [ key ] = source [ key ] ; } } } return target ; } ; return _extends . apply ( this , arguments ) ; }
function _defineProperties$1 ( target , props ) { for ( var i = 0 ; i < props . length ; i ++ ) { var descriptor = props [ i ] ; descriptor . enumerable = descriptor . enumerable || false ; descriptor . configurable = true ; if ( "value" in descriptor ) descriptor . writable = true ; Object . defineProperty ( target , descriptor . key , descriptor ) ; } }
function _createClass$1 ( Constructor , protoProps , staticProps ) { if ( protoProps ) _defineProperties$1 ( Constructor . prototype , protoProps ) ; if ( staticProps ) _defineProperties$1 ( Constructor , staticProps ) ; return Constructor ; }
function _inheritsLoose ( subClass , superClass ) { subClass . prototype = Object . create ( superClass . prototype ) ; subClass . prototype . constructor = subClass ; subClass . _ _proto _ _ = superClass ; }
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var NAME = 'collapse' ;
2018-11-13 07:41:12 +01:00
var DATA _KEY = 'bs.collapse' ;
var EVENT _KEY = "." + DATA _KEY ;
var DATA _API _KEY = '.data-api' ;
var Default = {
toggle : true ,
parent : ''
} ;
var DefaultType = {
toggle : 'boolean' ,
parent : '(string|element)'
} ;
2020-03-28 11:29:08 +01:00
var EVENT _SHOW = "show" + EVENT _KEY ;
var EVENT _SHOWN = "shown" + EVENT _KEY ;
var EVENT _HIDE = "hide" + EVENT _KEY ;
var EVENT _HIDDEN = "hidden" + EVENT _KEY ;
var EVENT _CLICK _DATA _API = "click" + EVENT _KEY + DATA _API _KEY ;
var CLASS _NAME _SHOW = 'show' ;
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 14:17:16 +01:00
var SELECTOR _DATA _TOGGLE = '[data-bs-toggle="collapse"]' ;
2019-10-08 08:39:10 +02:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Class Definition
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2018-11-13 07:41:12 +01:00
2020-12-03 15:18:59 +01:00
var Collapse = /*#__PURE__*/ function ( _BaseComponent ) {
_inheritsLoose ( Collapse , _BaseComponent ) ;
2018-11-13 07:41:12 +01:00
function Collapse ( element , config ) {
2020-12-03 15:18:59 +01:00
var _this ;
_this = _BaseComponent . call ( this , element ) || this ;
_this . _isTransitioning = false ;
_this . _config = _this . _getConfig ( config ) ;
_this . _triggerArray = SelectorEngine _ _default [ 'default' ] . find ( SELECTOR _DATA _TOGGLE + "[href=\"#" + element . id + "\"]," + ( SELECTOR _DATA _TOGGLE + "[data-bs-target=\"#" + element . id + "\"]" ) ) ;
2020-09-14 17:12:06 +02:00
var toggleList = SelectorEngine _ _default [ 'default' ] . find ( SELECTOR _DATA _TOGGLE ) ;
2018-11-13 07:41:12 +01:00
for ( var i = 0 , len = toggleList . length ; i < len ; i ++ ) {
var elem = toggleList [ i ] ;
2019-03-01 17:31:34 +01:00
var selector = getSelectorFromElement ( elem ) ;
2020-09-14 17:12:06 +02:00
var filterElement = SelectorEngine _ _default [ 'default' ] . find ( selector ) . filter ( function ( foundElem ) {
2018-11-13 07:41:12 +01:00
return foundElem === element ;
} ) ;
2017-05-16 09:59:44 +02:00
2019-03-01 17:31:34 +01:00
if ( selector !== null && filterElement . length ) {
2020-12-03 15:18:59 +01:00
_this . _selector = selector ;
2015-05-10 08:00:59 +02:00
2020-12-03 15:18:59 +01:00
_this . _triggerArray . push ( elem ) ;
2018-07-24 02:51:14 +02:00
}
2018-11-13 07:41:12 +01:00
}
2015-05-10 08:00:59 +02:00
2020-12-03 15:18:59 +01:00
_this . _parent = _this . _config . parent ? _this . _getParent ( ) : null ;
2015-05-10 08:00:59 +02:00
2020-12-03 15:18:59 +01:00
if ( ! _this . _config . parent ) {
_this . _addAriaAndCollapsedClass ( _this . _element , _this . _triggerArray ) ;
2018-11-13 07:41:12 +01:00
}
2015-08-13 06:12:03 +02:00
2020-12-03 15:18:59 +01:00
if ( _this . _config . toggle ) {
_this . toggle ( ) ;
2018-11-13 07:41:12 +01:00
}
2019-03-01 17:31:34 +01:00
2020-12-03 15:18:59 +01:00
return _this ;
2018-11-13 07:41:12 +01:00
} // Getters
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
var _proto = Collapse . prototype ;
2016-10-10 02:26:51 +02:00
2018-11-13 07:41:12 +01:00
// Public
_proto . toggle = function toggle ( ) {
2020-03-28 11:29:08 +01:00
if ( this . _element . classList . contains ( CLASS _NAME _SHOW ) ) {
2018-11-13 07:41:12 +01:00
this . hide ( ) ;
} else {
this . show ( ) ;
}
} ;
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
_proto . show = function show ( ) {
2020-12-03 15:18:59 +01:00
var _this2 = this ;
2015-05-10 08:00:59 +02:00
2020-03-28 11:29:08 +01:00
if ( this . _isTransitioning || this . _element . classList . contains ( CLASS _NAME _SHOW ) ) {
2018-11-13 07:41:12 +01:00
return ;
}
2018-09-17 21:34:34 +02:00
2018-11-13 07:41:12 +01:00
var actives ;
var activesData ;
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
if ( this . _parent ) {
2020-09-14 17:12:06 +02:00
actives = SelectorEngine _ _default [ 'default' ] . find ( SELECTOR _ACTIVES , this . _parent ) . filter ( function ( elem ) {
2020-12-03 15:18:59 +01:00
if ( typeof _this2 . _config . parent === 'string' ) {
return elem . getAttribute ( 'data-bs-parent' ) === _this2 . _config . parent ;
2018-07-24 02:51:14 +02:00
}
2015-05-10 08:00:59 +02:00
2020-03-28 11:29:08 +01:00
return elem . classList . contains ( CLASS _NAME _COLLAPSE ) ;
2018-11-13 07:41:12 +01:00
} ) ;
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
if ( actives . length === 0 ) {
actives = null ;
2017-09-06 06:05:12 +02:00
}
2018-11-13 07:41:12 +01:00
}
2015-05-10 08:00:59 +02:00
2020-09-14 17:12:06 +02:00
var container = SelectorEngine _ _default [ 'default' ] . findOne ( this . _selector ) ;
2019-03-01 17:31:34 +01:00
2018-11-13 07:41:12 +01:00
if ( actives ) {
2020-11-23 14:17:16 +01:00
var tempActiveData = actives . find ( function ( elem ) {
2019-03-01 17:31:34 +01:00
return container !== elem ;
} ) ;
2020-11-23 14:17:16 +01:00
activesData = tempActiveData ? Data _ _default [ 'default' ] . getData ( tempActiveData , DATA _KEY ) : null ;
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
if ( activesData && activesData . _isTransitioning ) {
2018-07-24 02:51:14 +02:00
return ;
}
2018-11-13 07:41:12 +01:00
}
2015-05-10 08:00:59 +02:00
2020-09-14 17:12:06 +02:00
var startEvent = EventHandler _ _default [ 'default' ] . trigger ( this . _element , EVENT _SHOW ) ;
2015-05-10 08:00:59 +02:00
2019-03-01 17:31:34 +01:00
if ( startEvent . defaultPrevented ) {
2018-11-13 07:41:12 +01:00
return ;
}
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
if ( actives ) {
2019-03-01 17:31:34 +01:00
actives . forEach ( function ( elemActive ) {
if ( container !== elemActive ) {
2019-08-27 15:03:21 +02:00
Collapse . collapseInterface ( elemActive , 'hide' ) ;
2019-03-01 17:31:34 +01:00
}
2015-05-10 08:00:59 +02:00
2019-03-01 17:31:34 +01:00
if ( ! activesData ) {
2020-09-14 17:12:06 +02:00
Data _ _default [ 'default' ] . setData ( elemActive , DATA _KEY , null ) ;
2019-03-01 17:31:34 +01:00
}
} ) ;
2018-11-13 07:41:12 +01:00
}
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
var dimension = this . _getDimension ( ) ;
2020-03-28 11:29:08 +01:00
this . _element . classList . remove ( CLASS _NAME _COLLAPSE ) ;
2019-03-01 17:31:34 +01:00
2020-03-28 11:29:08 +01:00
this . _element . classList . add ( CLASS _NAME _COLLAPSING ) ;
2019-03-01 17:31:34 +01:00
2018-11-13 07:41:12 +01:00
this . _element . style [ dimension ] = 0 ;
if ( this . _triggerArray . length ) {
2019-03-01 17:31:34 +01:00
this . _triggerArray . forEach ( function ( element ) {
2020-03-28 11:29:08 +01:00
element . classList . remove ( CLASS _NAME _COLLAPSED ) ;
2019-03-01 17:31:34 +01:00
element . setAttribute ( 'aria-expanded' , true ) ;
} ) ;
2018-11-13 07:41:12 +01:00
}
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
this . setTransitioning ( true ) ;
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
var complete = function complete ( ) {
2020-12-03 15:18:59 +01:00
_this2 . _element . classList . remove ( CLASS _NAME _COLLAPSING ) ;
2019-03-01 17:31:34 +01:00
2020-12-03 15:18:59 +01:00
_this2 . _element . classList . add ( CLASS _NAME _COLLAPSE , CLASS _NAME _SHOW ) ;
2019-03-01 17:31:34 +01:00
2020-12-03 15:18:59 +01:00
_this2 . _element . style [ dimension ] = '' ;
2015-05-10 08:00:59 +02:00
2020-12-03 15:18:59 +01:00
_this2 . setTransitioning ( false ) ;
2015-05-10 08:00:59 +02:00
2020-12-03 15:18:59 +01:00
EventHandler _ _default [ 'default' ] . trigger ( _this2 . _element , EVENT _SHOWN ) ;
2018-07-24 02:51:14 +02:00
} ;
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
var capitalizedDimension = dimension [ 0 ] . toUpperCase ( ) + dimension . slice ( 1 ) ;
var scrollSize = "scroll" + capitalizedDimension ;
2019-03-01 17:31:34 +01:00
var transitionDuration = getTransitionDurationFromElement ( this . _element ) ;
2020-09-14 17:12:06 +02:00
EventHandler _ _default [ 'default' ] . one ( this . _element , TRANSITION _END , complete ) ;
2019-03-01 17:31:34 +01:00
emulateTransitionEnd ( this . _element , transitionDuration ) ;
2018-11-13 07:41:12 +01:00
this . _element . style [ dimension ] = this . _element [ scrollSize ] + "px" ;
} ;
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
_proto . hide = function hide ( ) {
2020-12-03 15:18:59 +01:00
var _this3 = this ;
2015-05-10 08:00:59 +02:00
2020-03-28 11:29:08 +01:00
if ( this . _isTransitioning || ! this . _element . classList . contains ( CLASS _NAME _SHOW ) ) {
2018-11-13 07:41:12 +01:00
return ;
}
2015-05-10 08:00:59 +02:00
2020-09-14 17:12:06 +02:00
var startEvent = EventHandler _ _default [ 'default' ] . trigger ( this . _element , EVENT _HIDE ) ;
2015-05-10 08:00:59 +02:00
2019-03-01 17:31:34 +01:00
if ( startEvent . defaultPrevented ) {
2018-11-13 07:41:12 +01:00
return ;
}
var dimension = this . _getDimension ( ) ;
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
this . _element . style [ dimension ] = this . _element . getBoundingClientRect ( ) [ dimension ] + "px" ;
2019-03-01 17:31:34 +01:00
reflow ( this . _element ) ;
2020-03-28 11:29:08 +01:00
this . _element . classList . add ( CLASS _NAME _COLLAPSING ) ;
2019-03-01 17:31:34 +01:00
2020-05-13 20:53:43 +02:00
this . _element . classList . remove ( CLASS _NAME _COLLAPSE , CLASS _NAME _SHOW ) ;
2019-03-01 17:31:34 +01:00
2018-11-13 07:41:12 +01:00
var triggerArrayLength = this . _triggerArray . length ;
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
if ( triggerArrayLength > 0 ) {
for ( var i = 0 ; i < triggerArrayLength ; i ++ ) {
var trigger = this . _triggerArray [ i ] ;
2019-08-27 15:03:21 +02:00
var elem = getElementFromSelector ( trigger ) ;
2015-05-10 08:00:59 +02:00
2020-03-28 11:29:08 +01:00
if ( elem && ! elem . classList . contains ( CLASS _NAME _SHOW ) ) {
trigger . classList . add ( CLASS _NAME _COLLAPSED ) ;
2019-08-27 15:03:21 +02:00
trigger . setAttribute ( 'aria-expanded' , false ) ;
2017-09-06 06:05:12 +02:00
}
}
2018-11-13 07:41:12 +01:00
}
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
this . setTransitioning ( true ) ;
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
var complete = function complete ( ) {
2020-12-03 15:18:59 +01:00
_this3 . setTransitioning ( false ) ;
2015-05-10 08:00:59 +02:00
2020-12-03 15:18:59 +01:00
_this3 . _element . classList . remove ( CLASS _NAME _COLLAPSING ) ;
2019-03-01 17:31:34 +01:00
2020-12-03 15:18:59 +01:00
_this3 . _element . classList . add ( CLASS _NAME _COLLAPSE ) ;
2019-03-01 17:31:34 +01:00
2020-12-03 15:18:59 +01:00
EventHandler _ _default [ 'default' ] . trigger ( _this3 . _element , EVENT _HIDDEN ) ;
2018-07-24 02:51:14 +02:00
} ;
2016-10-10 02:26:51 +02:00
2018-11-13 07:41:12 +01:00
this . _element . style [ dimension ] = '' ;
2019-03-01 17:31:34 +01:00
var transitionDuration = getTransitionDurationFromElement ( this . _element ) ;
2020-09-14 17:12:06 +02:00
EventHandler _ _default [ 'default' ] . one ( this . _element , TRANSITION _END , complete ) ;
2019-03-01 17:31:34 +01:00
emulateTransitionEnd ( this . _element , transitionDuration ) ;
2018-11-13 07:41:12 +01:00
} ;
2016-10-10 02:26:51 +02:00
2018-11-13 07:41:12 +01:00
_proto . setTransitioning = function setTransitioning ( isTransitioning ) {
this . _isTransitioning = isTransitioning ;
} ;
2016-10-10 02:26:51 +02:00
2018-11-13 07:41:12 +01:00
_proto . dispose = function dispose ( ) {
2020-12-03 15:18:59 +01:00
_BaseComponent . prototype . dispose . call ( this ) ;
2018-11-13 07:41:12 +01:00
this . _config = null ;
this . _parent = null ;
this . _triggerArray = null ;
this . _isTransitioning = null ;
2019-01-04 17:29:45 +01:00
} // Private
;
2016-10-10 02:26:51 +02:00
2018-11-13 07:41:12 +01:00
_proto . _getConfig = function _getConfig ( config ) {
2020-09-14 17:12:06 +02:00
config = _extends ( { } , Default , config ) ;
2018-11-13 07:41:12 +01:00
config . toggle = Boolean ( config . toggle ) ; // Coerce string values
2017-09-30 23:28:03 +02:00
2019-03-01 17:31:34 +01:00
typeCheckConfig ( NAME , config , DefaultType ) ;
2018-11-13 07:41:12 +01:00
return config ;
} ;
2017-09-30 23:28:03 +02:00
2018-11-13 07:41:12 +01:00
_proto . _getDimension = function _getDimension ( ) {
2020-09-14 17:12:06 +02:00
return this . _element . classList . contains ( WIDTH ) ? WIDTH : HEIGHT ;
2018-11-13 07:41:12 +01:00
} ;
2017-09-30 23:28:03 +02:00
2018-11-13 07:41:12 +01:00
_proto . _getParent = function _getParent ( ) {
2020-12-03 15:18:59 +01:00
var _this4 = this ;
2017-09-30 23:28:03 +02:00
2019-03-11 16:13:30 +01:00
var parent = this . _config . parent ;
2017-09-30 23:28:03 +02:00
2019-03-11 16:13:30 +01:00
if ( isElement ( parent ) ) {
// it's a jQuery object
if ( typeof parent . jquery !== 'undefined' || typeof parent [ 0 ] !== 'undefined' ) {
parent = parent [ 0 ] ;
2015-05-10 08:00:59 +02:00
}
2018-11-13 07:41:12 +01:00
} else {
2020-09-14 17:12:06 +02:00
parent = SelectorEngine _ _default [ 'default' ] . findOne ( parent ) ;
2018-11-13 07:41:12 +01:00
}
2015-05-10 08:00:59 +02:00
2020-11-23 14:17:16 +01:00
var selector = SELECTOR _DATA _TOGGLE + "[data-bs-parent=\"" + parent + "\"]" ;
2020-09-14 17:12:06 +02:00
SelectorEngine _ _default [ 'default' ] . find ( selector , parent ) . forEach ( function ( element ) {
2019-08-27 15:03:21 +02:00
var selected = getElementFromSelector ( element ) ;
2019-07-24 08:13:50 +02:00
2020-12-03 15:18:59 +01:00
_this4 . _addAriaAndCollapsedClass ( selected , [ element ] ) ;
2018-11-13 07:41:12 +01:00
} ) ;
return parent ;
} ;
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
_proto . _addAriaAndCollapsedClass = function _addAriaAndCollapsedClass ( element , triggerArray ) {
2020-09-14 17:12:06 +02:00
if ( ! element || ! triggerArray . length ) {
return ;
2018-11-13 07:41:12 +01:00
}
2020-09-14 17:12:06 +02:00
var isOpen = element . classList . contains ( CLASS _NAME _SHOW ) ;
triggerArray . forEach ( function ( elem ) {
if ( isOpen ) {
elem . classList . remove ( CLASS _NAME _COLLAPSED ) ;
} else {
elem . classList . add ( CLASS _NAME _COLLAPSED ) ;
}
elem . setAttribute ( 'aria-expanded' , isOpen ) ;
} ) ;
2019-01-04 17:29:45 +01:00
} // Static
;
2017-09-30 23:28:03 +02:00
2019-08-27 15:03:21 +02:00
Collapse . collapseInterface = function collapseInterface ( element , config ) {
2020-09-14 17:12:06 +02:00
var data = Data _ _default [ 'default' ] . getData ( element , DATA _KEY ) ;
2017-09-30 23:28:03 +02:00
2020-09-14 17:12:06 +02:00
var _config = _extends ( { } , Default , Manipulator _ _default [ 'default' ] . getDataAttributes ( element ) , typeof config === 'object' && config ? config : { } ) ;
2017-09-30 23:28:03 +02:00
2020-05-13 20:53:43 +02:00
if ( ! data && _config . toggle && typeof config === 'string' && /show|hide/ . test ( config ) ) {
2019-03-01 17:31:34 +01:00
_config . toggle = false ;
}
if ( ! data ) {
data = new Collapse ( element , _config ) ;
}
2018-07-24 02:51:14 +02:00
2019-03-01 17:31:34 +01:00
if ( typeof config === 'string' ) {
if ( typeof data [ config ] === 'undefined' ) {
2019-03-11 16:13:30 +01:00
throw new TypeError ( "No method named \"" + config + "\"" ) ;
2018-11-13 07:41:12 +01:00
}
2017-09-30 23:28:03 +02:00
2019-03-01 17:31:34 +01:00
data [ config ] ( ) ;
}
} ;
2017-09-30 23:28:03 +02:00
2019-08-27 15:03:21 +02:00
Collapse . jQueryInterface = function jQueryInterface ( config ) {
2019-03-01 17:31:34 +01:00
return this . each ( function ( ) {
2019-08-27 15:03:21 +02:00
Collapse . collapseInterface ( this , config ) ;
2018-11-13 07:41:12 +01:00
} ) ;
} ;
2015-05-10 08:00:59 +02:00
2020-12-03 15:18:59 +01:00
_createClass$1 ( Collapse , null , [ {
key : "Default" ,
2018-11-13 07:41:12 +01:00
get : function get ( ) {
2020-12-03 15:18:59 +01:00
return Default ;
2018-11-13 07:41:12 +01:00
}
} , {
2020-12-03 15:18:59 +01:00
key : "DATA_KEY" ,
2018-11-13 07:41:12 +01:00
get : function get ( ) {
2020-12-03 15:18:59 +01:00
return DATA _KEY ;
2018-11-13 07:41:12 +01:00
}
} ] ) ;
2015-05-10 08:00:59 +02:00
2018-11-13 07:41:12 +01:00
return Collapse ;
2020-12-03 15:18:59 +01:00
} ( BaseComponent ) ;
2018-11-13 07:41:12 +01:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Data Api implementation
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2017-09-30 23:28:03 +02:00
2015-05-10 08:00:59 +02:00
2020-09-14 17:12:06 +02:00
EventHandler _ _default [ 'default' ] . on ( document , EVENT _CLICK _DATA _API , SELECTOR _DATA _TOGGLE , function ( event ) {
2018-11-13 07:41:12 +01:00
// preventDefault only for <a> elements (which change the URL) not inside the collapsible element
2019-03-01 17:31:34 +01:00
if ( event . target . tagName === 'A' ) {
2018-11-13 07:41:12 +01:00
event . preventDefault ( ) ;
}
2017-09-30 23:28:03 +02:00
2020-09-14 17:12:06 +02:00
var triggerData = Manipulator _ _default [ 'default' ] . getDataAttributes ( this ) ;
2019-03-01 17:31:34 +01:00
var selector = getSelectorFromElement ( this ) ;
2020-09-14 17:12:06 +02:00
var selectorElements = SelectorEngine _ _default [ 'default' ] . find ( selector ) ;
2019-03-01 17:31:34 +01:00
selectorElements . forEach ( function ( element ) {
2020-09-14 17:12:06 +02:00
var data = Data _ _default [ 'default' ] . getData ( element , DATA _KEY ) ;
2019-03-01 17:31:34 +01:00
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 ;
}
2018-07-24 02:51:14 +02:00
2019-08-27 15:03:21 +02:00
Collapse . collapseInterface ( element , config ) ;
2018-11-13 07:41:12 +01:00
} ) ;
} ) ;
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2020-11-11 18:07:37 +01:00
* add . Collapse to jQuery only if jQuery is present
2018-11-13 07:41:12 +01:00
* /
2015-05-10 08:00:59 +02:00
2020-11-11 18:07:37 +01:00
onDOMContentLoaded ( function ( ) {
var $ = getjQuery ( ) ;
/* istanbul ignore if */
2019-07-24 08:13:50 +02:00
2020-11-11 18:07:37 +01:00
if ( $ ) {
var JQUERY _NO _CONFLICT = $ . fn [ NAME ] ;
$ . fn [ NAME ] = Collapse . jQueryInterface ;
$ . fn [ NAME ] . Constructor = Collapse ;
2017-09-30 23:28:03 +02:00
2020-11-11 18:07:37 +01:00
$ . fn [ NAME ] . noConflict = function ( ) {
$ . fn [ NAME ] = JQUERY _NO _CONFLICT ;
return Collapse . jQueryInterface ;
} ;
}
} ) ;
2015-05-10 08:00:59 +02:00
return Collapse ;
2018-07-24 02:51:14 +02:00
2019-11-08 09:11:23 +01:00
} ) ) ) ;
2018-07-24 02:51:14 +02:00
//# sourceMappingURL=collapse.js.map