Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
  • XhmikosR's avatar
    Revert 4f9270cc. · cae7dee2
    XhmikosR authored 
    The validator doesn't choke anymore on this and even though it's not spec compliant, it's needed for some IE versions. So until we move favicon.ico in root, this should do the job.
    cae7dee2
alert.js 3.93 KiB
1 
/**
2 
 * --------------------------------------------------------------------------
3 
 * Bootstrap (v5.0.0-alpha1): alert.js
4 
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/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 
    const rootElement = element ? this._getRootElement(element) : this._element
65 
    const customEvent = this._triggerCloseEvent(rootElement)
66
67 
    if (customEvent === null || customEvent.defaultPrevented) {
68 
      return
69 
    }
70
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
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) } } static getInstance(element) { return Data.getData(element, DATA_KEY) } }
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
/** * ------------------------------------------------------------------------ * 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