2018-11-13 07:41:12 +01:00
/ * !
2019-02-13 17:01:40 +01:00
* Bootstrap toast . js v4 . 3.1 ( https : //getbootstrap.com/)
2019-01-04 17:29:45 +01:00
* Copyright 2011 - 2019 The Bootstrap Authors ( https : //github.com/twbs/bootstrap/graphs/contributors)
2018-11-13 07:41:12 +01:00
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/master/LICENSE)
* /
( function ( global , factory ) {
2019-05-08 15:11:24 +02:00
typeof exports === 'object' && typeof module !== 'undefined' ? module . exports = factory ( require ( './dom/data.js' ) , require ( './dom/event-handler.js' ) , require ( './dom/manipulator.js' ) ) :
typeof define === 'function' && define . amd ? define ( [ './dom/data.js' , './dom/event-handler.js' , './dom/manipulator.js' ] , factory ) :
2019-03-01 17:31:34 +01:00
( global = global || self , global . Toast = factory ( global . Data , global . EventHandler , global . Manipulator ) ) ;
} ( this , function ( Data , EventHandler , Manipulator ) { 'use strict' ;
2018-11-13 07:41:12 +01:00
2019-03-01 17:31:34 +01:00
Data = Data && Data . hasOwnProperty ( 'default' ) ? Data [ 'default' ] : Data ;
EventHandler = EventHandler && EventHandler . hasOwnProperty ( 'default' ) ? EventHandler [ 'default' ] : EventHandler ;
Manipulator = Manipulator && Manipulator . hasOwnProperty ( 'default' ) ? Manipulator [ 'default' ] : Manipulator ;
2018-11-13 07:41:12 +01:00
function _defineProperties ( target , props ) {
for ( var i = 0 ; i < props . length ; i ++ ) {
var descriptor = props [ i ] ;
descriptor . enumerable = descriptor . enumerable || false ;
descriptor . configurable = true ;
if ( "value" in descriptor ) descriptor . writable = true ;
Object . defineProperty ( target , descriptor . key , descriptor ) ;
}
}
function _createClass ( Constructor , protoProps , staticProps ) {
if ( protoProps ) _defineProperties ( Constructor . prototype , protoProps ) ;
if ( staticProps ) _defineProperties ( Constructor , staticProps ) ;
return Constructor ;
}
function _defineProperty ( obj , key , value ) {
if ( key in obj ) {
Object . defineProperty ( obj , key , {
value : value ,
enumerable : true ,
configurable : true ,
writable : true
} ) ;
} else {
obj [ key ] = value ;
}
return obj ;
}
function _objectSpread ( target ) {
for ( var i = 1 ; i < arguments . length ; i ++ ) {
var source = arguments [ i ] != null ? arguments [ i ] : { } ;
var ownKeys = Object . keys ( source ) ;
if ( typeof Object . getOwnPropertySymbols === 'function' ) {
ownKeys = ownKeys . concat ( Object . getOwnPropertySymbols ( source ) . filter ( function ( sym ) {
return Object . getOwnPropertyDescriptor ( source , sym ) . enumerable ;
} ) ) ;
}
ownKeys . forEach ( function ( key ) {
_defineProperty ( target , key , source [ key ] ) ;
} ) ;
}
return target ;
}
2019-03-01 17:31:34 +01:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Bootstrap ( v4 . 3.1 ) : util / index . js
* Licensed under MIT ( https : //github.com/twbs/bootstrap/blob/master/LICENSE)
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
var MILLISECONDS _MULTIPLIER = 1000 ;
var TRANSITION _END = 'transitionend' ;
2019-03-11 16:13:30 +01:00
var _window = window ,
jQuery = _window . jQuery ; // Shoutout AngusCroll (https://goo.gl/pxwQGp)
2019-03-01 17:31:34 +01:00
var toType = function toType ( obj ) {
return { } . toString . call ( obj ) . match ( /\s([a-z]+)/i ) [ 1 ] . toLowerCase ( ) ;
} ;
var getTransitionDurationFromElement = function getTransitionDurationFromElement ( element ) {
if ( ! element ) {
return 0 ;
} // Get transition-duration of the element
var _window$getComputedSt = window . getComputedStyle ( element ) ,
transitionDuration = _window$getComputedSt . transitionDuration ,
transitionDelay = _window$getComputedSt . transitionDelay ;
var floatTransitionDuration = parseFloat ( transitionDuration ) ;
var floatTransitionDelay = parseFloat ( transitionDelay ) ; // Return 0 if element or transition duration is not found
if ( ! floatTransitionDuration && ! floatTransitionDelay ) {
return 0 ;
} // If multiple durations are defined, take the first
transitionDuration = transitionDuration . split ( ',' ) [ 0 ] ;
transitionDelay = transitionDelay . split ( ',' ) [ 0 ] ;
return ( parseFloat ( transitionDuration ) + parseFloat ( transitionDelay ) ) * MILLISECONDS _MULTIPLIER ;
} ;
var triggerTransitionEnd = function triggerTransitionEnd ( element ) {
2019-04-18 13:47:52 +02:00
var evt = document . createEvent ( 'HTMLEvents' ) ;
evt . initEvent ( TRANSITION _END , true , true ) ;
element . dispatchEvent ( evt ) ;
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 + "\"." ) ) ;
}
} ) ;
} ;
2018-11-13 07:41:12 +01:00
/ * *
2018-11-24 17:22:59 +01:00
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* Constants
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2018-11-13 07:41:12 +01:00
* /
2018-11-24 17:22:59 +01:00
var NAME = 'toast' ;
2019-02-13 17:01:40 +01:00
var VERSION = '4.3.1' ;
2018-11-24 17:22:59 +01:00
var DATA _KEY = 'bs.toast' ;
var EVENT _KEY = "." + DATA _KEY ;
2019-04-18 13:47:52 +02:00
var Event = {
2018-11-24 17:22:59 +01:00
CLICK _DISMISS : "click.dismiss" + EVENT _KEY ,
HIDE : "hide" + EVENT _KEY ,
HIDDEN : "hidden" + EVENT _KEY ,
SHOW : "show" + EVENT _KEY ,
SHOWN : "shown" + EVENT _KEY
} ;
var ClassName = {
FADE : 'fade' ,
HIDE : 'hide' ,
2018-12-16 00:13:22 +01:00
SHOW : 'show' ,
SHOWING : 'showing'
2018-11-24 17:22:59 +01:00
} ;
var DefaultType = {
animation : 'boolean' ,
autohide : 'boolean' ,
delay : 'number'
} ;
var Default = {
animation : true ,
autohide : true ,
delay : 500
} ;
var Selector = {
DATA _DISMISS : '[data-dismiss="toast"]'
2018-11-13 07:41:12 +01:00
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2018-11-24 17:22:59 +01:00
* Class Definition
2018-11-13 07:41:12 +01:00
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* /
2018-11-24 17:22:59 +01:00
} ;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
var Toast =
/*#__PURE__*/
function ( ) {
function Toast ( element , config ) {
this . _element = element ;
this . _config = this . _getConfig ( config ) ;
this . _timeout = null ;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
this . _setListeners ( ) ;
2019-03-01 17:31:34 +01:00
Data . setData ( element , DATA _KEY , this ) ;
2018-11-24 17:22:59 +01:00
} // Getters
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
var _proto = Toast . prototype ;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
// Public
_proto . show = function show ( ) {
var _this = this ;
2018-11-13 07:41:12 +01:00
2019-04-18 13:47:52 +02:00
EventHandler . trigger ( this . _element , Event . SHOW ) ;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
if ( this . _config . animation ) {
this . _element . classList . add ( ClassName . FADE ) ;
}
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
var complete = function complete ( ) {
2018-12-16 00:13:22 +01:00
_this . _element . classList . remove ( ClassName . SHOWING ) ;
_this . _element . classList . add ( ClassName . SHOW ) ;
2019-04-18 13:47:52 +02:00
EventHandler . trigger ( _this . _element , Event . SHOWN ) ;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
if ( _this . _config . autohide ) {
2019-04-18 13:47:52 +02:00
_this . _timeout = setTimeout ( function ( ) {
_this . hide ( ) ;
} , _this . _config . delay ) ;
2018-11-13 07:41:12 +01:00
}
} ;
2018-12-16 00:13:22 +01:00
this . _element . classList . remove ( ClassName . HIDE ) ;
this . _element . classList . add ( ClassName . SHOWING ) ;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
if ( this . _config . animation ) {
2019-03-01 17:31:34 +01:00
var transitionDuration = getTransitionDurationFromElement ( this . _element ) ;
EventHandler . one ( this . _element , TRANSITION _END , complete ) ;
emulateTransitionEnd ( this . _element , transitionDuration ) ;
2018-11-24 17:22:59 +01:00
} else {
complete ( ) ;
}
} ;
2018-11-13 07:41:12 +01:00
2019-04-18 13:47:52 +02:00
_proto . hide = function hide ( ) {
2018-11-24 17:22:59 +01:00
var _this2 = this ;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
if ( ! this . _element . classList . contains ( ClassName . SHOW ) ) {
return ;
}
2018-11-13 07:41:12 +01:00
2019-04-18 13:47:52 +02:00
EventHandler . trigger ( this . _element , Event . HIDE ) ;
2018-11-13 07:41:12 +01:00
2019-04-18 13:47:52 +02:00
var complete = function complete ( ) {
_this2 . _element . classList . add ( ClassName . HIDE ) ;
EventHandler . trigger ( _this2 . _element , Event . HIDDEN ) ;
} ;
this . _element . classList . remove ( ClassName . SHOW ) ;
if ( this . _config . animation ) {
var transitionDuration = getTransitionDurationFromElement ( this . _element ) ;
EventHandler . one ( this . _element , TRANSITION _END , complete ) ;
emulateTransitionEnd ( this . _element , transitionDuration ) ;
2018-11-24 17:22:59 +01:00
} else {
2019-04-18 13:47:52 +02:00
complete ( ) ;
2018-11-24 17:22:59 +01:00
}
} ;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
_proto . dispose = function dispose ( ) {
clearTimeout ( this . _timeout ) ;
this . _timeout = null ;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
if ( this . _element . classList . contains ( ClassName . SHOW ) ) {
this . _element . classList . remove ( ClassName . SHOW ) ;
}
2018-11-13 07:41:12 +01:00
2019-04-18 13:47:52 +02:00
EventHandler . off ( this . _element , Event . CLICK _DISMISS ) ;
2019-03-01 17:31:34 +01:00
Data . removeData ( this . _element , DATA _KEY ) ;
2018-11-24 17:22:59 +01:00
this . _element = null ;
this . _config = null ;
2019-01-04 17:29:45 +01:00
} // Private
;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
_proto . _getConfig = function _getConfig ( config ) {
2019-03-01 17:31:34 +01:00
config = _objectSpread ( { } , Default , Manipulator . getDataAttributes ( this . _element ) , typeof config === 'object' && config ? config : { } ) ;
typeCheckConfig ( NAME , config , this . constructor . DefaultType ) ;
2018-11-24 17:22:59 +01:00
return config ;
} ;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
_proto . _setListeners = function _setListeners ( ) {
var _this3 = this ;
2018-11-13 07:41:12 +01:00
2019-04-18 13:47:52 +02:00
EventHandler . on ( this . _element , Event . CLICK _DISMISS , Selector . DATA _DISMISS , function ( ) {
return _this3 . hide ( ) ;
2018-11-24 17:22:59 +01:00
} ) ;
2019-01-04 17:29:45 +01:00
} // Static
;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
Toast . _jQueryInterface = function _jQueryInterface ( config ) {
return this . each ( function ( ) {
2019-03-01 17:31:34 +01:00
var data = Data . getData ( this , DATA _KEY ) ;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
var _config = typeof config === 'object' && config ;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
if ( ! data ) {
data = new Toast ( this , _config ) ;
}
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
if ( typeof config === 'string' ) {
if ( typeof data [ config ] === 'undefined' ) {
throw new TypeError ( "No method named \"" + config + "\"" ) ;
2018-11-13 07:41:12 +01:00
}
2018-11-24 17:22:59 +01:00
data [ config ] ( this ) ;
2018-11-13 07:41:12 +01:00
}
2018-11-24 17:22:59 +01:00
} ) ;
} ;
2018-11-13 07:41:12 +01:00
2019-03-01 17:31:34 +01:00
Toast . _getInstance = function _getInstance ( element ) {
return Data . getData ( element , DATA _KEY ) ;
} ;
2018-11-24 17:22:59 +01:00
_createClass ( Toast , null , [ {
key : "VERSION" ,
get : function get ( ) {
return VERSION ;
}
} , {
key : "DefaultType" ,
get : function get ( ) {
return DefaultType ;
}
2019-02-11 20:15:34 +01:00
} , {
key : "Default" ,
get : function get ( ) {
return Default ;
}
2018-11-24 17:22:59 +01:00
} ] ) ;
2018-11-13 07:41:12 +01:00
2018-11-24 17:22:59 +01:00
return Toast ;
} ( ) ;
/ * *
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
* jQuery
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
2019-03-01 17:31:34 +01:00
* add . toast to jQuery only if jQuery is present
2018-11-24 17:22:59 +01:00
* /
2018-11-13 07:41:12 +01:00
2019-03-01 17:31:34 +01:00
if ( typeof jQuery !== 'undefined' ) {
var JQUERY _NO _CONFLICT = jQuery . fn [ NAME ] ;
jQuery . fn [ NAME ] = Toast . _jQueryInterface ;
jQuery . fn [ NAME ] . Constructor = Toast ;
2018-11-13 07:41:12 +01:00
2019-03-01 17:31:34 +01:00
jQuery . fn [ NAME ] . noConflict = function ( ) {
jQuery . fn [ NAME ] = JQUERY _NO _CONFLICT ;
return Toast . _jQueryInterface ;
} ;
}
2018-11-13 07:41:12 +01:00
return Toast ;
2019-01-04 17:29:45 +01:00
} ) ) ;
2018-11-13 07:41:12 +01:00
//# sourceMappingURL=toast.js.map