import $ from 'jquery' import Util from './util' /** * -------------------------------------------------------------------------- * Bootstrap (v4.0.0-beta.2): alert.js * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * -------------------------------------------------------------------------- */ const Alert = (() => { /** * ------------------------------------------------------------------------ * Constants * ------------------------------------------------------------------------ */ const NAME = 'alert' const VERSION = '4.0.0-beta.2' const DATA_KEY = 'bs.alert' const EVENT_KEY = `.${DATA_KEY}` const DATA_API_KEY = '.data-api' const JQUERY_NO_CONFLICT = $.fn[NAME] const TRANSITION_DURATION = 150 const Selector = { DISMISS : '[data-dismiss="alert"]' } const Event = { CLOSE : `close${EVENT_KEY}`, CLOSED : `closed${EVENT_KEY}`, CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}` } const ClassName = { ALERT : 'alert', FADE : 'fade', SHOW : 'show' } /** * ------------------------------------------------------------------------ * Class Definition * ------------------------------------------------------------------------ */ class Alert { constructor(element) { this._element = element } // getters static get VERSION() { return VERSION } // public close(element) { element = element || this._element const rootElement = this._getRootElement(element) const customEvent = this._triggerCloseEvent(rootElement) if (customEvent.isDefaultPrevented()) { return } this._removeElement(rootElement) } dispose() { $.removeData(this._element, DATA_KEY) this._element = null } // private _getRootElement(element) { const selector = Util.getSelectorFromElement(element) let parent = false if (selector) { parent = $(selector)[0] } if (!parent) { parent = $(element).closest(`.${ClassName.ALERT}`)[0] } return parent } _triggerCloseEvent(element) { const closeEvent = $.Event(Event.CLOSE) $(element).trigger(closeEvent) return closeEvent } _removeElement(element) { $(element).removeClass(ClassName.SHOW) if (!Util.supportsTransitionEnd() || !$(element).hasClass(ClassName.FADE)) { this._destroyElement(element) return } $(element) .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event)) .emulateTransitionEnd(TRANSITION_DURATION) } _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) } } } /** * ------------------------------------------------------------------------ * 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 = function () { $.fn[NAME] = JQUERY_NO_CONFLICT return Alert._jQueryInterface } return Alert })($) export default Alert