Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
alert.js 4.14 KiB
1 
/**
2 
 * --------------------------------------------------------------------------
3 
 * Bootstrap (v4.3.1): alert.js
4 
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5 
 * --------------------------------------------------------------------------
6 
 */
7
8 
import {
9 
  jQuery as $,
10 
  TRANSITION_END,
11 
  emulateTransitionEnd,
12 
  getSelectorFromElement,
13 
  getTransitionDurationFromElement
14 
} from './util/index'
15 
import Data from './dom/data'
16 
import EventHandler from './dom/eventHandler'
17 
import SelectorEngine from './dom/selectorEngine'
18
19 
/**
20 
 * ------------------------------------------------------------------------
21 
 * Constants
22 
 * ------------------------------------------------------------------------
23 
 */
24
25 
const NAME = 'alert'
26 
const VERSION = '4.3.1'
27 
const DATA_KEY = 'bs.alert'
28 
const EVENT_KEY = `.${DATA_KEY}`
29 
const DATA_API_KEY = '.data-api'
30
31 
const Selector = {
32 
  DISMISS: '[data-dismiss="alert"]'
33 
}
34
35 
const Event = {
36 
  CLOSE: `close${EVENT_KEY}`,
37 
  CLOSED: `closed${EVENT_KEY}`,
38 
  CLICK_DATA_API: `click${EVENT_KEY}${DATA_API_KEY}`
39 
}
40
41 
const ClassName = {
42 
  ALERT: 'alert',
43 
  FADE: 'fade',
44 
  SHOW: 'show'
45 
}
46
47 
/**
48 
 * ------------------------------------------------------------------------
49 
 * Class Definition
50 
 * ------------------------------------------------------------------------
51 
 */
52
53 
class Alert {
54 
  constructor(element) {
55 
    this._element = element
56 
    if (this._element) {
57 
      Data.setData(element, DATA_KEY, this)
58 
    }
59 
  }
60
61 
  // Getters
62
63 
  static get VERSION() {
64 
    return VERSION
65 
  }
66
67 
  // Public
68
69 
  close(element) {
70 
    let rootElement = this._element
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
if (element) { rootElement = this._getRootElement(element) } const customEvent = this._triggerCloseEvent(rootElement) if (customEvent === null || customEvent.defaultPrevented) { return } this._removeElement(rootElement) } dispose() { Data.removeData(this._element, DATA_KEY) this._element = null } // Private _getRootElement(element) { const selector = getSelectorFromElement(element) let parent = false if (selector) { parent = SelectorEngine.findOne(selector) } if (!parent) { parent = SelectorEngine.closest(element, `.${ClassName.ALERT}`) } return parent } _triggerCloseEvent(element) { return EventHandler.trigger(element, Event.CLOSE) } _removeElement(element) { element.classList.remove(ClassName.SHOW) if (!element.classList.contains(ClassName.FADE)) { this._destroyElement(element) return } const transitionDuration = getTransitionDurationFromElement(element) EventHandler .one(element, TRANSITION_END, event => this._destroyElement(element, event)) emulateTransitionEnd(element, transitionDuration) } _destroyElement(element) { if (element.parentNode) { element.parentNode.removeChild(element) } EventHandler.trigger(element, Event.CLOSED) } // Static static _jQueryInterface(config) { return this.each(function () { let data = Data.getData(this, DATA_KEY) if (!data) { data = new Alert(this)
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
} if (config === 'close') { data[config](this) } }) } static _handleDismiss(alertInstance) { return function (event) { if (event) { event.preventDefault() } alertInstance.close(this) } } static _getInstance(element) { return Data.getData(element, DATA_KEY) } } /** * ------------------------------------------------------------------------ * Data Api implementation * ------------------------------------------------------------------------ */ EventHandler .on(document, Event.CLICK_DATA_API, Selector.DISMISS, Alert._handleDismiss(new Alert())) /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ * add .alert to jQuery only if jQuery is present */ if (typeof $ !== 'undefined') { const JQUERY_NO_CONFLICT = $.fn[NAME] $.fn[NAME] = Alert._jQueryInterface $.fn[NAME].Constructor = Alert $.fn[NAME].noConflict = () => { $.fn[NAME] = JQUERY_NO_CONFLICT return Alert._jQueryInterface } } export default Alert