Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
alert.js 3.11 KiB
1 
/**
2 
 * --------------------------------------------------------------------------
3 
 * Bootstrap (v4.6.0): alert.js
4 
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
5 
 * --------------------------------------------------------------------------
6 
 */
7
8 
import $ from 'jquery'
9 
import Util from './util'
10
11 
/**
12 
 * Constants
13 
 */
14
15 
const NAME = 'alert'
16 
const VERSION = '4.6.0'
17 
const DATA_KEY = 'bs.alert'
18 
const EVENT_KEY = `.${DATA_KEY}`
19 
const DATA_API_KEY = '.data-api'
20 
const JQUERY_NO_CONFLICT = $.fn[NAME]
21
22 
const CLASS_NAME_ALERT = 'alert'
23 
const CLASS_NAME_FADE = 'fade'
24 
const CLASS_NAME_SHOW = 'show'
25
26 
const EVENT_CLOSE = `close${EVENT_KEY}`
27 
const EVENT_CLOSED = `closed${EVENT_KEY}`
28 
const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`
29
30 
const SELECTOR_DISMISS = '[data-dismiss="alert"]'
31
32 
/**
33 
 * Class definition
34 
 */
35
36 
class Alert {
37 
  constructor(element) {
38 
    this._element = element
39 
  }
40
41 
  // Getters
42 
  static get VERSION() {
43 
    return VERSION
44 
  }
45
46 
  // Public
47 
  close(element) {
48 
    let rootElement = this._element
49 
    if (element) {
50 
      rootElement = this._getRootElement(element)
51 
    }
52
53 
    const customEvent = this._triggerCloseEvent(rootElement)
54
55 
    if (customEvent.isDefaultPrevented()) {
56 
      return
57 
    }
58
59 
    this._removeElement(rootElement)
60 
  }
61
62 
  dispose() {
63 
    $.removeData(this._element, DATA_KEY)
64 
    this._element = null
65 
  }
66
67 
  // Private
68 
  _getRootElement(element) {
69 
    const selector = Util.getSelectorFromElement(element)
70 
    let parent = false
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
if (selector) { parent = document.querySelector(selector) } if (!parent) { parent = $(element).closest(`.${CLASS_NAME_ALERT}`)[0] } return parent } _triggerCloseEvent(element) { const closeEvent = $.Event(EVENT_CLOSE) $(element).trigger(closeEvent) return closeEvent } _removeElement(element) { $(element).removeClass(CLASS_NAME_SHOW) if (!$(element).hasClass(CLASS_NAME_FADE)) { this._destroyElement(element) return } const transitionDuration = Util.getTransitionDurationFromElement(element) $(element) .one(Util.TRANSITION_END, event => this._destroyElement(element, event)) .emulateTransitionEnd(transitionDuration) } _destroyElement(element) { $(element) .detach() .trigger(EVENT_CLOSED) .remove() } // Static static _jQueryInterface(config) { return this.each(function () { const $element = $(this) let data = $element.data(DATA_KEY) if (!data) { data = new Alert(this) $element.data(DATA_KEY, data) } if (config === 'close') { data[config](this) } }) } static _handleDismiss(alertInstance) { return function (event) { if (event) { event.preventDefault() } alertInstance.close(this) } } } /**
141142143144145146147148149150151152153154155156157158159160161162
* Data API implementation */ $(document).on( EVENT_CLICK_DATA_API, SELECTOR_DISMISS, Alert._handleDismiss(new Alert()) ) /** * jQuery */ $.fn[NAME] = Alert._jQueryInterface $.fn[NAME].Constructor = Alert $.fn[NAME].noConflict = () => { $.fn[NAME] = JQUERY_NO_CONFLICT return Alert._jQueryInterface } export default Alert