es6 alert :|

2 files changed, 286 insertions, 0 deletions

diff --git a/js/src/alert.js b/js/src/alert.js
new file mode 100644
index 000000000..bd12b1a55
--- /dev/null
+++ b/js/src/alert.js
@@ -0,0 +1,168 @@
+/**
+ * --------------------------------------------------------------------------
+ * 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
+}
diff --git a/js/src/util.js b/js/src/util.js
new file mode 100644
index 000000000..e9542149e
--- /dev/null
+++ b/js/src/util.js
@@ -0,0 +1,118 @@
+/**
+ * --------------------------------------------------------------------------
+ * Bootstrap (v4.0.0): util.js
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * --------------------------------------------------------------------------
+ */
+
+
+/**
+ * --------------------------------------------------------------------------
+ * Public Util Api
+ * --------------------------------------------------------------------------
+ */
+
+var Util = {
+
+  TRANSITION_END: 'bsTransitionEnd',
+
+  getUID(prefix) {
+    do prefix += ~~(Math.random() * 1000000)
+    while (document.getElementById(prefix))
+    return prefix
+  },
+
+  getSelectorFromElement(element) {
+    let selector = element.getAttribute('data-target')
+
+    if (!selector) {
+      selector = element.getAttribute('href') || ''
+      selector = /^#[a-z]/i.test(selector) ? selector : null
+    }
+
+    return selector
+  },
+
+  reflow(element) {
+    new Function('bs', 'return bs')(element.offsetHeight)
+  },
+
+  supportsTransitionEnd() {
+    return !!transition
+  }
+
+}
+
+export default Util
+
+
+/**
+ * --------------------------------------------------------------------------
+ * Private TransitionEnd Helpers
+ * --------------------------------------------------------------------------
+ */
+
+let transition = false
+
+const TransitionEndEvent = {
+  WebkitTransition : 'webkitTransitionEnd',
+  MozTransition    : 'transitionend',
+  OTransition      : 'oTransitionEnd otransitionend',
+  transition       : 'transitionend'
+}
+
+function getSpecialTransitionEndEvent() {
+  return {
+    bindType: transition.end,
+    delegateType: transition.end,
+    handle: function (event) {
+      if ($(event.target).is(this)) {
+        return event.handleObj.handler.apply(this, arguments)
+      }
+    }
+  }
+}
+
+function transitionEndTest() {
+  if (window.QUnit) {
+    return false
+  }
+
+  let el = document.createElement('bootstrap')
+
+  for (var name in TransitionEndEvent) {
+    if (el.style[name] !== undefined) {
+      return { end: TransitionEndEvent[name] }
+    }
+  }
+
+  return false
+}
+
+function transitionEndEmulator(duration) {
+  let called = false
+
+  $(this).one(Util.TRANSITION_END, function () {
+    called = true
+  })
+
+  setTimeout(() => {
+    if (!called) {
+      $(this).trigger(transition.end)
+    }
+  }, duration)
+
+  return this
+}
+
+function setTransitionEndSupport() {
+  transition = transitionEndTest()
+
+  $.fn.emulateTransitionEnd = transitionEndEmulator
+
+  if (Util.supportsTransitionEnd()) {
+    $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent()
+  }
+}
+
+setTransitionEndSupport()