alert.js

/**
 * --------------------------------------------------------------------------
 * Bootstrap (v4.0.0): alert.js
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * --------------------------------------------------------------------------
 */

import Util from 'util'


/**
 * --------------------------------------------------------------------------
 * Constants
 * --------------------------------------------------------------------------
 */

const NAME                = 'alert'
const VERSION             = '4.0.0'
const DATA_KEY            = 'bs.alert'
const JQUERY_NO_CONFLICT  = $.fn[NAME]
const TRANSITION_DURATION = 150

const Selector = {
  DISMISS : '[data-dismiss="alert"]'
}

const Event = {
  CLOSE  : 'close.bs.alert',
  CLOSED : 'closed.bs.alert',
  CLICK  : 'click.bs.alert.data-api'
}

const ClassName = {
  ALERT : 'alert',
  FADE  : 'fade',
  IN    : 'in'
}


/**
 * --------------------------------------------------------------------------
 * Class Definition
 * --------------------------------------------------------------------------
 */

export class Alert {

  constructor(element) {
    if (element) {
      this.element = element
    }
  }


  // public

  close(element) {
    let rootElement = this._getRootElement(element)
    let customEvent = this._triggerCloseEvent(rootElement)

    if (customEvent.isDefaultPrevented()) {
      return
    }

    this._removeElement(rootElement)
  }


  // private

  _getRootElement(element) {
    let parent   = false
    let selector = Util.getSelectorFromElement(element)

    if (selector) {
      parent = $(selector)[0]
    }

    if (!parent) {
      parent = $(element).closest('.' + ClassName.ALERT)[0]
    }

    return parent
  }

  _triggerCloseEvent(element) {
    var closeEvent = $.Event(Event.CLOSE)
    $(element).trigger(closeEvent)
    return closeEvent
  }

  _removeElement(element) {
    $(element).removeClass(ClassName.IN)

    if (!Util.supportsTransitionEnd() || !$(element).hasClass(ClassName.FADE)) {
      this._destroyElement(element)
      return
    }

    $(element)
      .one(Util.TRANSITION_END, this._destroyElement.bind(this, element))
      .emulateTransitionEnd(TRANSITION_DURATION)
  }

  _destroyElement(element) {
    $(element)
      .detach()
      .trigger(Event.CLOSED)
      .remove()
  }


  // static

  static _jQueryInterface(config) {
    return this.each(function () {
      let $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,
  Selector.DISMISS,
  Alert._handleDismiss(new Alert())
)


/**
 * --------------------------------------------------------------------------
 * jQuery
 * --------------------------------------------------------------------------
 */

$.fn[NAME]             = Alert._jQueryInterface
$.fn[NAME].Constructor = Alert
$.fn[NAME].noConflict  = function () {
  $.fn[NAME] = Alert._JQUERY_NO_CONFLICT
  return Alert._jQueryInterface
}