change the export pattern to protect against leaking globals

js/src/alert.js

@@ -1,3 +1,6 @@
+import Util from './util'
+
+
 /**
  * --------------------------------------------------------------------------
  * Bootstrap (v4.0.0): alert.js
@@ -5,164 +8,171 @@
  * --------------------------------------------------------------------------
  */
 
-import Util from 'util'
+const Alert = (() => {
 
 
-/**
- * --------------------------------------------------------------------------
- * Constants
- * --------------------------------------------------------------------------
- */
+  /**
+   * ------------------------------------------------------------------------
+   * 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 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 Selector = {
+    DISMISS : '[data-dismiss="alert"]'
+  }
 
-const Event = {
-  CLOSE  : 'close.bs.alert',
-  CLOSED : 'closed.bs.alert',
-  CLICK  : 'click.bs.alert.data-api'
-}
+  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
-    }
+  const ClassName = {
+    ALERT : 'alert',
+    FADE  : 'fade',
+    IN    : 'in'
   }
 
 
-  // public
+  /**
+   * ------------------------------------------------------------------------
+   * Class Definition
+   * ------------------------------------------------------------------------
+   */
 
-  close(element) {
-    let rootElement = this._getRootElement(element)
-    let customEvent = this._triggerCloseEvent(rootElement)
+  class Alert {
 
-    if (customEvent.isDefaultPrevented()) {
-      return
+    constructor(element) {
+      if (element) {
+        this.element = element
+      }
     }
 
-    this._removeElement(rootElement)
-  }
 
+    // public
 
-  // private
+    close(element) {
+      let rootElement = this._getRootElement(element)
+      let customEvent = this._triggerCloseEvent(rootElement)
 
-  _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 (customEvent.isDefaultPrevented()) {
+        return
       }
 
-      if (config === 'close') {
-        data[config](this)
-      }
-    })
-  }
-
-  static _handleDismiss(alertInstance) {
-    return function (event) {
-      if (event) {
-        event.preventDefault()
-      }
-
-      alertInstance.close(this)
+      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())
+  )
 
 
-/**
- * --------------------------------------------------------------------------
- * Data Api implementation
- * --------------------------------------------------------------------------
- */
+  /**
+   * ------------------------------------------------------------------------
+   * jQuery
+   * ------------------------------------------------------------------------
+   */
 
-$(document).on(
-  Event.CLICK,
-  Selector.DISMISS,
-  Alert._handleDismiss(new Alert())
-)
+  $.fn[NAME]             = Alert._jQueryInterface
+  $.fn[NAME].Constructor = Alert
+  $.fn[NAME].noConflict  = function () {
+    $.fn[NAME] = Alert._JQUERY_NO_CONFLICT
+    return Alert._jQueryInterface
+  }
 
+  return Alert
 
-/**
- * --------------------------------------------------------------------------
- * jQuery
- * --------------------------------------------------------------------------
- */
+})()
 
-$.fn[NAME]             = Alert._jQueryInterface
-$.fn[NAME].Constructor = Alert
-$.fn[NAME].noConflict  = function () {
-  $.fn[NAME] = Alert._JQUERY_NO_CONFLICT
-  return Alert._jQueryInterface
-}
+export default Alert