static/scss/bootstrap-4.0.0-alpha.6/js/src/alert.js

   1 import Util from './util'
   2
   3
   4 /**
   5  * --------------------------------------------------------------------------
   6  * Bootstrap (v4.0.0-alpha.6): alert.js
   7  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
   8  * --------------------------------------------------------------------------
   9  */
  10
  11 const Alert = (($) => {
  12
  13
  14   /**
  15    * ------------------------------------------------------------------------
  16    * Constants
  17    * ------------------------------------------------------------------------
  18    */
  19
  20   const NAME                = 'alert'
  21   const VERSION             = '4.0.0-alpha.6'
  22   const DATA_KEY            = 'bs.alert'
  23   const EVENT_KEY           = `.${DATA_KEY}`
  24   const DATA_API_KEY        = '.data-api'
  25   const JQUERY_NO_CONFLICT  = $.fn[NAME]
  26   const TRANSITION_DURATION = 150
  27
  28   const Selector = {
  29     DISMISS : '[data-dismiss="alert"]'
  30   }
  31
  32   const Event = {
  33     CLOSE          : `close${EVENT_KEY}`,
  34     CLOSED         : `closed${EVENT_KEY}`,
  35     CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`
  36   }
  37
  38   const ClassName = {
  39     ALERT : 'alert',
  40     FADE  : 'fade',
  41     SHOW  : 'show'
  42   }
  43
  44
  45   /**
  46    * ------------------------------------------------------------------------
  47    * Class Definition
  48    * ------------------------------------------------------------------------
  49    */
  50
  51   class Alert {
  52
  53     constructor(element) {
  54       this._element = element
  55     }
  56
  57
  58     // getters
  59
  60     static get VERSION() {
  61       return VERSION
  62     }
  63
  64
  65     // public
  66
  67     close(element) {
  68       element = element || this._element
  69
  70       const rootElement = this._getRootElement(element)
  71       const customEvent = this._triggerCloseEvent(rootElement)
  72
  73       if (customEvent.isDefaultPrevented()) {
  74         return
  75       }
  76
  77       this._removeElement(rootElement)
  78     }
  79
  80     dispose() {
  81       $.removeData(this._element, DATA_KEY)
  82       this._element = null
  83     }
  84
  85
  86     // private
  87
  88     _getRootElement(element) {
  89       const selector = Util.getSelectorFromElement(element)
  90       let parent     = false
  91
  92       if (selector) {
  93         parent = $(selector)[0]
  94       }
  95
  96       if (!parent) {
  97         parent = $(element).closest(`.${ClassName.ALERT}`)[0]
  98       }
  99
 100       return parent
 101     }
 102
 103     _triggerCloseEvent(element) {
 104       const closeEvent = $.Event(Event.CLOSE)
 105
 106       $(element).trigger(closeEvent)
 107       return closeEvent
 108     }
 109
 110     _removeElement(element) {
 111       $(element).removeClass(ClassName.SHOW)
 112
 113       if (!Util.supportsTransitionEnd() ||
 114           !$(element).hasClass(ClassName.FADE)) {
 115         this._destroyElement(element)
 116         return
 117       }
 118
 119       $(element)
 120         .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event))
 121         .emulateTransitionEnd(TRANSITION_DURATION)
 122     }
 123
 124     _destroyElement(element) {
 125       $(element)
 126         .detach()
 127         .trigger(Event.CLOSED)
 128         .remove()
 129     }
 130
 131
 132     // static
 133
 134     static _jQueryInterface(config) {
 135       return this.each(function () {
 136         const $element = $(this)
 137         let data       = $element.data(DATA_KEY)
 138
 139         if (!data) {
 140           data = new Alert(this)
 141           $element.data(DATA_KEY, data)
 142         }
 143
 144         if (config === 'close') {
 145           data[config](this)
 146         }
 147       })
 148     }
 149
 150     static _handleDismiss(alertInstance) {
 151       return function (event) {
 152         if (event) {
 153           event.preventDefault()
 154         }
 155
 156         alertInstance.close(this)
 157       }
 158     }
 159
 160   }
 161
 162
 163   /**
 164    * ------------------------------------------------------------------------
 165    * Data Api implementation
 166    * ------------------------------------------------------------------------
 167    */
 168
 169   $(document).on(
 170     Event.CLICK_DATA_API,
 171     Selector.DISMISS,
 172     Alert._handleDismiss(new Alert())
 173   )
 174
 175
 176   /**
 177    * ------------------------------------------------------------------------
 178    * jQuery
 179    * ------------------------------------------------------------------------
 180    */
 181
 182   $.fn[NAME]             = Alert._jQueryInterface
 183   $.fn[NAME].Constructor = Alert
 184   $.fn[NAME].noConflict  = function () {
 185     $.fn[NAME] = JQUERY_NO_CONFLICT
 186     return Alert._jQueryInterface
 187   }
 188
 189   return Alert
 190
 191 })(jQuery)
 192
 193 export default Alert