Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
alert.js 3.97 KiB
1 
/**
2 
 * --------------------------------------------------------------------------
3 
 * Bootstrap (v5.0.0-alpha1): alert.js
4 
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
5 
 * --------------------------------------------------------------------------
6 
 */
7
8 
import {
9 
  getjQuery,
10 
  TRANSITION_END,
11 
  emulateTransitionEnd,
12 
  getElementFromSelector,
13 
  getTransitionDurationFromElement
14 
} from './util/index'
15 
import Data from './dom/data'
16 
import EventHandler from './dom/event-handler'
17
18 
/**
19 
 * ------------------------------------------------------------------------
20 
 * Constants
21 
 * ------------------------------------------------------------------------
22 
 */
23
24 
const NAME = 'alert'
25 
const VERSION = '5.0.0-alpha1'
26 
const DATA_KEY = 'bs.alert'
27 
const EVENT_KEY = `.${DATA_KEY}`
28 
const DATA_API_KEY = '.data-api'
29
30 
const SELECTOR_DISMISS = '[data-dismiss="alert"]'
31
32 
const EVENT_CLOSE = `close${EVENT_KEY}`
33 
const EVENT_CLOSED = `closed${EVENT_KEY}`
34 
const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`
35
36 
const CLASSNAME_ALERT = 'alert'
37 
const CLASSNAME_FADE = 'fade'
38 
const CLASSNAME_SHOW = 'show'
39
40 
/**
41 
 * ------------------------------------------------------------------------
42 
 * Class Definition
43 
 * ------------------------------------------------------------------------
44 
 */
45
46 
class Alert {
47 
  constructor(element) {
48 
    this._element = element
49
50 
    if (this._element) {
51 
      Data.setData(element, DATA_KEY, this)
52 
    }
53 
  }
54
55 
  // Getters
56
57 
  static get VERSION() {
58 
    return VERSION
59 
  }
60
61 
  // Public
62
63 
  close(element) {
64 
    let rootElement = this._element
65 
    if (element) {
66 
      rootElement = this._getRootElement(element)
67 
    }
68
69 
    const customEvent = this._triggerCloseEvent(rootElement)
70
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
if (customEvent === null || customEvent.defaultPrevented) { return } this._removeElement(rootElement) } dispose() { Data.removeData(this._element, DATA_KEY) this._element = null } // Private _getRootElement(element) { return getElementFromSelector(element) || element.closest(`.${CLASSNAME_ALERT}`) } _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, () => this._destroyElement(element)) 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) } if (config === 'close') { data[config](this) } }) } static handleDismiss(alertInstance) { return function (event) { if (event) { event.preventDefault() } alertInstance.close(this) } }
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
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())) const $ = getjQuery() /** * ------------------------------------------------------------------------ * jQuery * ------------------------------------------------------------------------ * add .alert to jQuery only if jQuery is present */ /* istanbul ignore if */ if ($) { 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