remove useless iife

7c7a1706 · Johann-S · 02c4444f · 7c7a1706 · 7c7a1706 · 7c7a1706
Commit 7c7a1706 authored 6 years ago by Johann-S
Expand all Hide whitespace changes
Inline Side-by-side

Showing

with 3053 additions and 3095 deletions
+3053 -3095
--- a/js/src/alert.js
+++ b/js/src/alert.js
@@ -8,176 +8,172 @@ import Util from './util'
 * --------------------------------------------------------------------------
 */
-const Alert = (($) => {
+/**
-  /**
+ * ------------------------------------------------------------------------
-   * ------------------------------------------------------------------------
+ * Constants
-   * Constants
+ * ------------------------------------------------------------------------
-   * ------------------------------------------------------------------------
+ */
-   */
+const NAME                = 'alert'
-  const NAME                = 'alert'
+const VERSION             = '4.1.3'
-  const VERSION             = '4.1.3'
+const DATA_KEY            = 'bs.alert'
-  const DATA_KEY            = 'bs.alert'
+const EVENT_KEY           = `.${DATA_KEY}`
-  const EVENT_KEY           = `.${DATA_KEY}`
+const DATA_API_KEY        = '.data-api'
-  const DATA_API_KEY        = '.data-api'
+const JQUERY_NO_CONFLICT  = $.fn[NAME]
-  const JQUERY_NO_CONFLICT  = $.fn[NAME]
+const Selector = {
-  const Selector = {
+  DISMISS : '[data-dismiss="alert"]'
-    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
+ * ------------------------------------------------------------------------
+ */
-  const Event = {
+class Alert {
-    CLOSE          : `close${EVENT_KEY}`,
+  constructor(element) {
-    CLOSED         : `closed${EVENT_KEY}`,
+    this._element = element
-    CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`
  }
-  const ClassName = {
+  // Getters
-    ALERT : 'alert',
-    FADE  : 'fade',
+  static get VERSION() {
-    SHOW  : 'show'
+    return VERSION
  }
-  /**
+  // Public
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-  class Alert {
+  close(element) {
-    constructor(element) {
+    let rootElement = this._element
-      this._element = element
+    if (element) {
+      rootElement = this._getRootElement(element)
    }
-    // Getters
+    const customEvent = this._triggerCloseEvent(rootElement)
-    static get VERSION() {
+    if (customEvent.isDefaultPrevented()) {
-      return VERSION
+      return
    }
-    // Public
+    this._removeElement(rootElement)
+  }
-    close(element) {
+  dispose() {
-      let rootElement = this._element
+    $.removeData(this._element, DATA_KEY)
-      if (element) {
+    this._element = null
-        rootElement = this._getRootElement(element)
+  }
-      }
-      const customEvent = this._triggerCloseEvent(rootElement)
+  // Private
-      if (customEvent.isDefaultPrevented()) {
+  _getRootElement(element) {
-        return
+    const selector = Util.getSelectorFromElement(element)
-      }
+    let parent     = false
-      this._removeElement(rootElement)
+    if (selector) {
+      parent = document.querySelector(selector)
    }
-    dispose() {
+    if (!parent) {
-      $.removeData(this._element, DATA_KEY)
+      parent = $(element).closest(`.${ClassName.ALERT}`)[0]
-      this._element = null
    }
-    // Private
+    return parent
+  }
-    _getRootElement(element) {
-      const selector = Util.getSelectorFromElement(element)
-      let parent     = false
-      if (selector) {
-        parent = document.querySelector(selector)
-      }
-      if (!parent) {
+  _triggerCloseEvent(element) {
-        parent = $(element).closest(`.${ClassName.ALERT}`)[0]
+    const closeEvent = $.Event(Event.CLOSE)
-      }
-      return parent
+    $(element).trigger(closeEvent)
-    }
+    return closeEvent
+  }
-    _triggerCloseEvent(element) {
+  _removeElement(element) {
-      const closeEvent = $.Event(Event.CLOSE)
+    $(element).removeClass(ClassName.SHOW)
-      $(element).trigger(closeEvent)
+    if (!$(element).hasClass(ClassName.FADE)) {
-      return closeEvent
+      this._destroyElement(element)
+      return
    }
-    _removeElement(element) {
+    const transitionDuration = Util.getTransitionDurationFromElement(element)
-      $(element).removeClass(ClassName.SHOW)
-      if (!$(element).hasClass(ClassName.FADE)) {
+    $(element)
-        this._destroyElement(element)
+      .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event))
-        return
+      .emulateTransitionEnd(transitionDuration)
-      }
+  }
-      const transitionDuration = Util.getTransitionDurationFromElement(element)
+  _destroyElement(element) {
+    $(element)
+      .detach()
+      .trigger(Event.CLOSED)
+      .remove()
+  }
-      $(element)
+  // Static
-        .one(Util.TRANSITION_END, (event) => this._destroyElement(element, event))
-        .emulateTransitionEnd(transitionDuration)
-    }
-    _destroyElement(element) {
+  static _jQueryInterface(config) {
-      $(element)
+    return this.each(function () {
-        .detach()
+      const $element = $(this)
-        .trigger(Event.CLOSED)
+      let data       = $element.data(DATA_KEY)
-        .remove()
-    }
-    // Static
+      if (!data) {
+        data = new Alert(this)
+        $element.data(DATA_KEY, data)
+      }
-    static _jQueryInterface(config) {
+      if (config === 'close') {
-      return this.each(function () {
+        data[config](this)
-        const $element = $(this)
+      }
-        let data       = $element.data(DATA_KEY)
+    })
+  }
-        if (!data) {
+  static _handleDismiss(alertInstance) {
-          data = new Alert(this)
+    return function (event) {
-          $element.data(DATA_KEY, data)
+      if (event) {
-        }
+        event.preventDefault()
+      }
-        if (config === 'close') {
+      alertInstance.close(this)
-          data[config](this)
-        }
-      })
    }
+  }
+}
-    static _handleDismiss(alertInstance) {
+/**
-      return function (event) {
+ * ------------------------------------------------------------------------
-        if (event) {
+ * Data Api implementation
-          event.preventDefault()
+ * ------------------------------------------------------------------------
-        }
+ */
-        alertInstance.close(this)
+$(document).on(
-      }
+  Event.CLICK_DATA_API,
-    }
+  Selector.DISMISS,
-  }
+  Alert._handleDismiss(new Alert())
+)
-  /**
+/**
-   * ------------------------------------------------------------------------
+ * ------------------------------------------------------------------------
-   * Data Api implementation
+ * jQuery
-   * ------------------------------------------------------------------------
+ * ------------------------------------------------------------------------
-   */
+ */
-  $(document).on(
-    Event.CLICK_DATA_API,
-    Selector.DISMISS,
-    Alert._handleDismiss(new Alert())
-  )
-  /**
-   * ------------------------------------------------------------------------
-   * jQuery
-   * ------------------------------------------------------------------------
-   */
-  $.fn[NAME]             = Alert._jQueryInterface
-  $.fn[NAME].Constructor = Alert
-  $.fn[NAME].noConflict  = () => {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return Alert._jQueryInterface
-  }
-  return Alert
+$.fn[NAME]             = Alert._jQueryInterface
-})($)
+$.fn[NAME].Constructor = Alert
+$.fn[NAME].noConflict  = () => {
+  $.fn[NAME] = JQUERY_NO_CONFLICT
+  return Alert._jQueryInterface
+}
 export default Alert
--- a/js/src/button.js
+++ b/js/src/button.js
@@ -7,169 +7,165 @@ import $ from 'jquery'
 * --------------------------------------------------------------------------
 */
-const Button = (($) => {
+/**
-  /**
+ * ------------------------------------------------------------------------
-   * ------------------------------------------------------------------------
+ * Constants
-   * Constants
+ * ------------------------------------------------------------------------
-   * ------------------------------------------------------------------------
+ */
-   */
-  const NAME                = 'button'
-  const VERSION             = '4.1.3'
-  const DATA_KEY            = 'bs.button'
-  const EVENT_KEY           = `.${DATA_KEY}`
-  const DATA_API_KEY        = '.data-api'
-  const JQUERY_NO_CONFLICT  = $.fn[NAME]
-  const ClassName = {
-    ACTIVE : 'active',
-    BUTTON : 'btn',
-    FOCUS  : 'focus'
-  }
-  const Selector = {
+const NAME                = 'button'
-    DATA_TOGGLE_CARROT : '[data-toggle^="button"]',
+const VERSION             = '4.1.3'
-    DATA_TOGGLE        : '[data-toggle="buttons"]',
+const DATA_KEY            = 'bs.button'
-    INPUT              : 'input',
+const EVENT_KEY           = `.${DATA_KEY}`
-    ACTIVE             : '.active',
+const DATA_API_KEY        = '.data-api'
-    BUTTON             : '.btn'
+const JQUERY_NO_CONFLICT  = $.fn[NAME]
+const ClassName = {
+  ACTIVE : 'active',
+  BUTTON : 'btn',
+  FOCUS  : 'focus'
+}
+const Selector = {
+  DATA_TOGGLE_CARROT : '[data-toggle^="button"]',
+  DATA_TOGGLE        : '[data-toggle="buttons"]',
+  INPUT              : 'input',
+  ACTIVE             : '.active',
+  BUTTON             : '.btn'
+}
+const Event = {
+  CLICK_DATA_API      : `click${EVENT_KEY}${DATA_API_KEY}`,
+  FOCUS_BLUR_DATA_API : `focus${EVENT_KEY}${DATA_API_KEY} ` +
+                          `blur${EVENT_KEY}${DATA_API_KEY}`
+}
+/**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+class Button {
+  constructor(element) {
+    this._element = element
  }
-  const Event = {
+  // Getters
-    CLICK_DATA_API      : `click${EVENT_KEY}${DATA_API_KEY}`,
-    FOCUS_BLUR_DATA_API : `focus${EVENT_KEY}${DATA_API_KEY} ` +
+  static get VERSION() {
-                            `blur${EVENT_KEY}${DATA_API_KEY}`
+    return VERSION
  }
-  /**
+  // Public
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-  class Button {
+  toggle() {
-    constructor(element) {
+    let triggerChangeEvent = true
-      this._element = element
+    let addAriaPressed = true
-    }
+    const rootElement = $(this._element).closest(
+      Selector.DATA_TOGGLE
+    )[0]
-    // Getters
+    if (rootElement) {
+      const input = this._element.querySelector(Selector.INPUT)
-    static get VERSION() {
+      if (input) {
-      return VERSION
+        if (input.type === 'radio') {
-    }
+          if (input.checked &&
+            this._element.classList.contains(ClassName.ACTIVE)) {
+            triggerChangeEvent = false
+          } else {
+            const activeElement = rootElement.querySelector(Selector.ACTIVE)
-    // Public
+            if (activeElement) {
+              $(activeElement).removeClass(ClassName.ACTIVE)
-    toggle() {
-      let triggerChangeEvent = true
-      let addAriaPressed = true
-      const rootElement = $(this._element).closest(
-        Selector.DATA_TOGGLE
-      )[0]
-      if (rootElement) {
-        const input = this._element.querySelector(Selector.INPUT)
-        if (input) {
-          if (input.type === 'radio') {
-            if (input.checked &&
-              this._element.classList.contains(ClassName.ACTIVE)) {
-              triggerChangeEvent = false
-            } else {
-              const activeElement = rootElement.querySelector(Selector.ACTIVE)
-              if (activeElement) {
-                $(activeElement).removeClass(ClassName.ACTIVE)
-              }
            }
          }
+        }
-          if (triggerChangeEvent) {
+        if (triggerChangeEvent) {
-            if (input.hasAttribute('disabled') ||
+          if (input.hasAttribute('disabled') ||
-              rootElement.hasAttribute('disabled') ||
+            rootElement.hasAttribute('disabled') ||
-              input.classList.contains('disabled') ||
+            input.classList.contains('disabled') ||
-              rootElement.classList.contains('disabled')) {
+            rootElement.classList.contains('disabled')) {
-              return
+            return
-            }
-            input.checked = !this._element.classList.contains(ClassName.ACTIVE)
-            $(input).trigger('change')
          }
+          input.checked = !this._element.classList.contains(ClassName.ACTIVE)
-          input.focus()
+          $(input).trigger('change')
-          addAriaPressed = false
        }
-      }
-      if (addAriaPressed) {
+        input.focus()
-        this._element.setAttribute('aria-pressed',
+        addAriaPressed = false
-          !this._element.classList.contains(ClassName.ACTIVE))
      }
+    }
-      if (triggerChangeEvent) {
+    if (addAriaPressed) {
-        $(this._element).toggleClass(ClassName.ACTIVE)
+      this._element.setAttribute('aria-pressed',
-      }
+        !this._element.classList.contains(ClassName.ACTIVE))
    }
-    dispose() {
+    if (triggerChangeEvent) {
-      $.removeData(this._element, DATA_KEY)
+      $(this._element).toggleClass(ClassName.ACTIVE)
-      this._element = null
    }
+  }
-    // Static
+  dispose() {
+    $.removeData(this._element, DATA_KEY)
+    this._element = null
+  }
-    static _jQueryInterface(config) {
+  // Static
-      return this.each(function () {
-        let data = $(this).data(DATA_KEY)
-        if (!data) {
+  static _jQueryInterface(config) {
-          data = new Button(this)
+    return this.each(function () {
-          $(this).data(DATA_KEY, data)
+      let data = $(this).data(DATA_KEY)
-        }
-        if (config === 'toggle') {
+      if (!data) {
-          data[config]()
+        data = new Button(this)
-        }
+        $(this).data(DATA_KEY, data)
-      })
+      }
-    }
+      if (config === 'toggle') {
+        data[config]()
+      }
+    })
  }
+}
-  /**
+/**
-   * ------------------------------------------------------------------------
+ * ------------------------------------------------------------------------
-   * Data Api implementation
+ * Data Api implementation
-   * ------------------------------------------------------------------------
+ * ------------------------------------------------------------------------
-   */
+ */
-  $(document)
+$(document)
-    .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => {
+  .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => {
-      event.preventDefault()
+    event.preventDefault()
-      let button = event.target
+    let button = event.target
-      if (!$(button).hasClass(ClassName.BUTTON)) {
+    if (!$(button).hasClass(ClassName.BUTTON)) {
-        button = $(button).closest(Selector.BUTTON)
+      button = $(button).closest(Selector.BUTTON)
-      }
+    }
-      Button._jQueryInterface.call($(button), 'toggle')
+    Button._jQueryInterface.call($(button), 'toggle')
-    })
+  })
-    .on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => {
+  .on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, (event) => {
-      const button = $(event.target).closest(Selector.BUTTON)[0]
+    const button = $(event.target).closest(Selector.BUTTON)[0]
-      $(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type))
+    $(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type))
-    })
+  })
-  /**
+/**
-   * ------------------------------------------------------------------------
+ * ------------------------------------------------------------------------
-   * jQuery
+ * jQuery
-   * ------------------------------------------------------------------------
+ * ------------------------------------------------------------------------
-   */
+ */
-  $.fn[NAME] = Button._jQueryInterface
-  $.fn[NAME].Constructor = Button
-  $.fn[NAME].noConflict = () => {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return Button._jQueryInterface
-  }
-  return Button
+$.fn[NAME] = Button._jQueryInterface
-})($)
+$.fn[NAME].Constructor = Button
+$.fn[NAME].noConflict = () => {
+  $.fn[NAME] = JQUERY_NO_CONFLICT
+  return Button._jQueryInterface
+}
 export default Button
--- a/js/src/carousel.js
+++ b/js/src/carousel.js
--- a/js/src/collapse.js
+++ b/js/src/collapse.js
--- a/js/src/dropdown.js
+++ b/js/src/dropdown.js
--- a/js/src/index.js
+++ b/js/src/index.js
@@ -18,7 +18,7 @@ import Util from './util'
 * --------------------------------------------------------------------------
 */
-(($) => {
+(() => {
  if (typeof $ === 'undefined') {
    throw new TypeError('Bootstrap\'s JavaScript requires jQuery. jQuery must be included before Bootstrap\'s JavaScript.')
  }
@@ -33,7 +33,7 @@ import Util from './util'
  if (version[0] < ltMajor && version[1] < minMinor || version[0] === minMajor && version[1] === minMinor && version[2] < minPatch || version[0] >= maxMajor) {
    throw new Error('Bootstrap\'s JavaScript requires at least jQuery v1.9.1 but less than v4.0.0')
  }
-})($)
+})()
 export {
  Util,

--- a/js/src/modal.js
+++ b/js/src/modal.js
--- a/js/src/popover.js
+++ b/js/src/popover.js
@@ -8,181 +8,177 @@ import Tooltip from './tooltip'
 * --------------------------------------------------------------------------
 */
-const Popover = (($) => {
+/**
-  /**
+ * ------------------------------------------------------------------------
-   * ------------------------------------------------------------------------
+ * Constants
-   * Constants
+ * ------------------------------------------------------------------------
-   * ------------------------------------------------------------------------
+ */
-   */
+const NAME                = 'popover'
-  const NAME                = 'popover'
+const VERSION             = '4.1.3'
-  const VERSION             = '4.1.3'
+const DATA_KEY            = 'bs.popover'
-  const DATA_KEY            = 'bs.popover'
+const EVENT_KEY           = `.${DATA_KEY}`
-  const EVENT_KEY           = `.${DATA_KEY}`
+const JQUERY_NO_CONFLICT  = $.fn[NAME]
-  const JQUERY_NO_CONFLICT  = $.fn[NAME]
+const CLASS_PREFIX        = 'bs-popover'
-  const CLASS_PREFIX        = 'bs-popover'
+const BSCLS_PREFIX_REGEX  = new RegExp(`(^|\\s)${CLASS_PREFIX}\\S+`, 'g')
-  const BSCLS_PREFIX_REGEX  = new RegExp(`(^|\\s)${CLASS_PREFIX}\\S+`, 'g')
+const Default = {
-  const Default = {
+  ...Tooltip.Default,
-    ...Tooltip.Default,
+  placement : 'right',
-    placement : 'right',
+  trigger   : 'click',
-    trigger   : 'click',
+  content   : '',
-    content   : '',
+  template  : '<div class="popover" role="tooltip">' +
-    template  : '<div class="popover" role="tooltip">' +
+              '<div class="arrow"></div>' +
-                '<div class="arrow"></div>' +
+              '<h3 class="popover-header"></h3>' +
-                '<h3 class="popover-header"></h3>' +
+              '<div class="popover-body"></div></div>'
-                '<div class="popover-body"></div></div>'
+}
+const DefaultType = {
+  ...Tooltip.DefaultType,
+  content : '(string|element|function)'
+}
+const ClassName = {
+  FADE : 'fade',
+  SHOW : 'show'
+}
+const Selector = {
+  TITLE   : '.popover-header',
+  CONTENT : '.popover-body'
+}
+const Event = {
+  HIDE       : `hide${EVENT_KEY}`,
+  HIDDEN     : `hidden${EVENT_KEY}`,
+  SHOW       : `show${EVENT_KEY}`,
+  SHOWN      : `shown${EVENT_KEY}`,
+  INSERTED   : `inserted${EVENT_KEY}`,
+  CLICK      : `click${EVENT_KEY}`,
+  FOCUSIN    : `focusin${EVENT_KEY}`,
+  FOCUSOUT   : `focusout${EVENT_KEY}`,
+  MOUSEENTER : `mouseenter${EVENT_KEY}`,
+  MOUSELEAVE : `mouseleave${EVENT_KEY}`
+}
+/**
+ * ------------------------------------------------------------------------
+ * Class Definition
+ * ------------------------------------------------------------------------
+ */
+class Popover extends Tooltip {
+  // Getters
+  static get VERSION() {
+    return VERSION
  }
-  const DefaultType = {
+  static get Default() {
-    ...Tooltip.DefaultType,
+    return Default
-    content : '(string|element|function)'
  }
-  const ClassName = {
+  static get NAME() {
-    FADE : 'fade',
+    return NAME
-    SHOW : 'show'
  }
-  const Selector = {
+  static get DATA_KEY() {
-    TITLE   : '.popover-header',
+    return DATA_KEY
-    CONTENT : '.popover-body'
  }
-  const Event = {
+  static get Event() {
-    HIDE       : `hide${EVENT_KEY}`,
+    return Event
-    HIDDEN     : `hidden${EVENT_KEY}`,
-    SHOW       : `show${EVENT_KEY}`,
-    SHOWN      : `shown${EVENT_KEY}`,
-    INSERTED   : `inserted${EVENT_KEY}`,
-    CLICK      : `click${EVENT_KEY}`,
-    FOCUSIN    : `focusin${EVENT_KEY}`,
-    FOCUSOUT   : `focusout${EVENT_KEY}`,
-    MOUSEENTER : `mouseenter${EVENT_KEY}`,
-    MOUSELEAVE : `mouseleave${EVENT_KEY}`
  }
-  /**
+  static get EVENT_KEY() {
-   * ------------------------------------------------------------------------
+    return EVENT_KEY
-   * Class Definition
+  }
-   * ------------------------------------------------------------------------
-   */
-  class Popover extends Tooltip {
+  static get DefaultType() {
-    // Getters
+    return DefaultType
+  }
-    static get VERSION() {
+  // Overrides
-      return VERSION
-    }
-    static get Default() {
+  isWithContent() {
-      return Default
+    return this.getTitle() || this._getContent()
-    }
+  }
-    static get NAME() {
+  addAttachmentClass(attachment) {
-      return NAME
+    $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`)
-    }
+  }
-    static get DATA_KEY() {
+  getTipElement() {
-      return DATA_KEY
+    this.tip = this.tip || $(this.config.template)[0]
-    }
+    return this.tip
+  }
-    static get Event() {
+  setContent() {
-      return Event
+    const $tip = $(this.getTipElement())
-    }
-    static get EVENT_KEY() {
+    // We use append for html objects to maintain js events
-      return EVENT_KEY
+    this.setElementContent($tip.find(Selector.TITLE), this.getTitle())
+    let content = this._getContent()
+    if (typeof content === 'function') {
+      content = content.call(this.element)
    }
+    this.setElementContent($tip.find(Selector.CONTENT), content)
-    static get DefaultType() {
+    $tip.removeClass(`${ClassName.FADE} ${ClassName.SHOW}`)
-      return DefaultType
+  }
-    }
-    // Overrides
+  // Private
-    isWithContent() {
+  _getContent() {
-      return this.getTitle() || this._getContent()
+    return this.element.getAttribute('data-content') ||
-    }
+      this.config.content
+  }
-    addAttachmentClass(attachment) {
+  _cleanTipClass() {
-      $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`)
+    const $tip = $(this.getTipElement())
+    const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX)
+    if (tabClass !== null && tabClass.length > 0) {
+      $tip.removeClass(tabClass.join(''))
    }
+  }
-    getTipElement() {
+  // Static
-      this.tip = this.tip || $(this.config.template)[0]
-      return this.tip
-    }
-    setContent() {
+  static _jQueryInterface(config) {
-      const $tip = $(this.getTipElement())
+    return this.each(function () {
+      let data = $(this).data(DATA_KEY)
+      const _config = typeof config === 'object' ? config : null
-      // We use append for html objects to maintain js events
+      if (!data && /dispose|hide/.test(config)) {
-      this.setElementContent($tip.find(Selector.TITLE), this.getTitle())
+        return
-      let content = this._getContent()
-      if (typeof content === 'function') {
-        content = content.call(this.element)
      }
-      this.setElementContent($tip.find(Selector.CONTENT), content)
-      $tip.removeClass(`${ClassName.FADE} ${ClassName.SHOW}`)
-    }
-    // Private
+      if (!data) {
+        data = new Popover(this, _config)
-    _getContent() {
+        $(this).data(DATA_KEY, data)
-      return this.element.getAttribute('data-content') ||
-        this.config.content
-    }
-    _cleanTipClass() {
-      const $tip = $(this.getTipElement())
-      const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX)
-      if (tabClass !== null && tabClass.length > 0) {
-        $tip.removeClass(tabClass.join(''))
      }
-    }
-    // Static
-    static _jQueryInterface(config) {
+      if (typeof config === 'string') {
-      return this.each(function () {
+        if (typeof data[config] === 'undefined') {
-        let data = $(this).data(DATA_KEY)
+          throw new TypeError(`No method named "${config}"`)
-        const _config = typeof config === 'object' ? config : null
-        if (!data && /dispose|hide/.test(config)) {
-          return
-        }
-        if (!data) {
-          data = new Popover(this, _config)
-          $(this).data(DATA_KEY, data)
-        }
-        if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
-            throw new TypeError(`No method named "${config}"`)
-          }
-          data[config]()
        }
-      })
+        data[config]()
-    }
+      }
+    })
  }
+}
-  /**
+/**
-   * ------------------------------------------------------------------------
+ * ------------------------------------------------------------------------
-   * jQuery
+ * jQuery
-   * ------------------------------------------------------------------------
+ * ------------------------------------------------------------------------
-   */
+ */
-  $.fn[NAME] = Popover._jQueryInterface
-  $.fn[NAME].Constructor = Popover
-  $.fn[NAME].noConflict = () => {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return Popover._jQueryInterface
-  }
-  return Popover
+$.fn[NAME] = Popover._jQueryInterface
-})($)
+$.fn[NAME].Constructor = Popover
+$.fn[NAME].noConflict = () => {
+  $.fn[NAME] = JQUERY_NO_CONFLICT
+  return Popover._jQueryInterface
+}
 export default Popover
--- a/js/src/scrollspy.js
+++ b/js/src/scrollspy.js
--- a/js/src/tab.js
+++ b/js/src/tab.js
@@ -8,257 +8,253 @@ import Util from './util'
 * --------------------------------------------------------------------------
 */
-const Tab = (($) => {
+/**
-  /**
+ * ------------------------------------------------------------------------
-   * ------------------------------------------------------------------------
+ * Constants
-   * Constants
+ * ------------------------------------------------------------------------
-   * ------------------------------------------------------------------------
+ */
-   */
+const NAME               = 'tab'
-  const NAME               = 'tab'
+const VERSION            = '4.1.3'
-  const VERSION            = '4.1.3'
+const DATA_KEY           = 'bs.tab'
-  const DATA_KEY           = 'bs.tab'
+const EVENT_KEY          = `.${DATA_KEY}`
-  const EVENT_KEY          = `.${DATA_KEY}`
+const DATA_API_KEY       = '.data-api'
-  const DATA_API_KEY       = '.data-api'
+const JQUERY_NO_CONFLICT = $.fn[NAME]
-  const JQUERY_NO_CONFLICT = $.fn[NAME]
+const Event = {
-  const Event = {
+  HIDE           : `hide${EVENT_KEY}`,
-    HIDE           : `hide${EVENT_KEY}`,
+  HIDDEN         : `hidden${EVENT_KEY}`,
-    HIDDEN         : `hidden${EVENT_KEY}`,
+  SHOW           : `show${EVENT_KEY}`,
-    SHOW           : `show${EVENT_KEY}`,
+  SHOWN          : `shown${EVENT_KEY}`,
-    SHOWN          : `shown${EVENT_KEY}`,
+  CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`
-    CLICK_DATA_API : `click${EVENT_KEY}${DATA_API_KEY}`
+}
-  }
+const ClassName = {
+  DROPDOWN_MENU : 'dropdown-menu',
+  ACTIVE        : 'active',
+  DISABLED      : 'disabled',
+  FADE          : 'fade',
+  SHOW          : 'show'
+}
+const Selector = {
+  DROPDOWN              : '.dropdown',
+  NAV_LIST_GROUP        : '.nav, .list-group',
+  ACTIVE                : '.active',
+  ACTIVE_UL             : '> li > .active',
+  DATA_TOGGLE           : '[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',
+  DROPDOWN_TOGGLE       : '.dropdown-toggle',
+  DROPDOWN_ACTIVE_CHILD : '> .dropdown-menu .active'
+}
-  const ClassName = {
+/**
-    DROPDOWN_MENU : 'dropdown-menu',
+ * ------------------------------------------------------------------------
-    ACTIVE        : 'active',
+ * Class Definition
-    DISABLED      : 'disabled',
+ * ------------------------------------------------------------------------
-    FADE          : 'fade',
+ */
-    SHOW          : 'show'
+class Tab {
+  constructor(element) {
+    this._element = element
  }
-  const Selector = {
+  // Getters
-    DROPDOWN              : '.dropdown',
-    NAV_LIST_GROUP        : '.nav, .list-group',
+  static get VERSION() {
-    ACTIVE                : '.active',
+    return VERSION
-    ACTIVE_UL             : '> li > .active',
-    DATA_TOGGLE           : '[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',
-    DROPDOWN_TOGGLE       : '.dropdown-toggle',
-    DROPDOWN_ACTIVE_CHILD : '> .dropdown-menu .active'
  }
-  /**
+  // Public
-   * ------------------------------------------------------------------------
-   * Class Definition
-   * ------------------------------------------------------------------------
-   */
-  class Tab {
+  show() {
-    constructor(element) {
+    if (this._element.parentNode &&
-      this._element = element
+        this._element.parentNode.nodeType === Node.ELEMENT_NODE &&
+        $(this._element).hasClass(ClassName.ACTIVE) ||
+        $(this._element).hasClass(ClassName.DISABLED)) {
+      return
    }
-    // Getters
+    let target
+    let previous
+    const listElement = $(this._element).closest(Selector.NAV_LIST_GROUP)[0]
+    const selector = Util.getSelectorFromElement(this._element)
-    static get VERSION() {
+    if (listElement) {
-      return VERSION
+      const itemSelector = listElement.nodeName === 'UL' ? Selector.ACTIVE_UL : Selector.ACTIVE
+      previous = $.makeArray($(listElement).find(itemSelector))
+      previous = previous[previous.length - 1]
    }
-    // Public
+    const hideEvent = $.Event(Event.HIDE, {
+      relatedTarget: this._element
+    })
-    show() {
+    const showEvent = $.Event(Event.SHOW, {
-      if (this._element.parentNode &&
+      relatedTarget: previous
-          this._element.parentNode.nodeType === Node.ELEMENT_NODE &&
+    })
-          $(this._element).hasClass(ClassName.ACTIVE) ||
-          $(this._element).hasClass(ClassName.DISABLED)) {
-        return
-      }
-      let target
+    if (previous) {
-      let previous
+      $(previous).trigger(hideEvent)
-      const listElement = $(this._element).closest(Selector.NAV_LIST_GROUP)[0]
+    }
-      const selector = Util.getSelectorFromElement(this._element)
-      if (listElement) {
+    $(this._element).trigger(showEvent)
-        const itemSelector = listElement.nodeName === 'UL' ? Selector.ACTIVE_UL : Selector.ACTIVE
-        previous = $.makeArray($(listElement).find(itemSelector))
+    if (showEvent.isDefaultPrevented() ||
-        previous = previous[previous.length - 1]
+        hideEvent.isDefaultPrevented()) {
-      }
+      return
+    }
-      const hideEvent = $.Event(Event.HIDE, {
+    if (selector) {
+      target = document.querySelector(selector)
+    }
+    this._activate(
+      this._element,
+      listElement
+    )
+    const complete = () => {
+      const hiddenEvent = $.Event(Event.HIDDEN, {
        relatedTarget: this._element
      })
-      const showEvent = $.Event(Event.SHOW, {
+      const shownEvent = $.Event(Event.SHOWN, {
        relatedTarget: previous
      })
-      if (previous) {
+      $(previous).trigger(hiddenEvent)
-        $(previous).trigger(hideEvent)
+      $(this._element).trigger(shownEvent)
-      }
+    }
-      $(this._element).trigger(showEvent)
+    if (target) {
+      this._activate(target, target.parentNode, complete)
+    } else {
+      complete()
+    }
+  }
-      if (showEvent.isDefaultPrevented() ||
+  dispose() {
-         hideEvent.isDefaultPrevented()) {
+    $.removeData(this._element, DATA_KEY)
-        return
+    this._element = null
-      }
+  }
-      if (selector) {
+  // Private
-        target = document.querySelector(selector)
-      }
-      this._activate(
+  _activate(element, container, callback) {
-        this._element,
+    let activeElements
-        listElement
+    if (container.nodeName === 'UL') {
-      )
+      activeElements = $(container).find(Selector.ACTIVE_UL)
+    } else {
+      activeElements = $(container).children(Selector.ACTIVE)
+    }
-      const complete = () => {
+    const active = activeElements[0]
-        const hiddenEvent = $.Event(Event.HIDDEN, {
+    const isTransitioning = callback &&
-          relatedTarget: this._element
+      (active && $(active).hasClass(ClassName.FADE))
-        })
-        const shownEvent = $.Event(Event.SHOWN, {
+    const complete = () => this._transitionComplete(
-          relatedTarget: previous
+      element,
-        })
+      active,
+      callback
+    )
-        $(previous).trigger(hiddenEvent)
+    if (active && isTransitioning) {
-        $(this._element).trigger(shownEvent)
+      const transitionDuration = Util.getTransitionDurationFromElement(active)
-      }
-      if (target) {
+      $(active)
-        this._activate(target, target.parentNode, complete)
+        .one(Util.TRANSITION_END, complete)
-      } else {
+        .emulateTransitionEnd(transitionDuration)
-        complete()
+    } else {
-      }
+      complete()
    }
+  }
-    dispose() {
+  _transitionComplete(element, active, callback) {
-      $.removeData(this._element, DATA_KEY)
+    if (active) {
-      this._element = null
+      $(active).removeClass(`${ClassName.SHOW} ${ClassName.ACTIVE}`)
-    }
-    // Private
+      const dropdownChild = $(active.parentNode).find(
+        Selector.DROPDOWN_ACTIVE_CHILD
+      )[0]
-    _activate(element, container, callback) {
+      if (dropdownChild) {
-      let activeElements
+        $(dropdownChild).removeClass(ClassName.ACTIVE)
-      if (container.nodeName === 'UL') {
-        activeElements = $(container).find(Selector.ACTIVE_UL)
-      } else {
-        activeElements = $(container).children(Selector.ACTIVE)
      }
-      const active = activeElements[0]
+      if (active.getAttribute('role') === 'tab') {
-      const isTransitioning = callback &&
+        active.setAttribute('aria-selected', false)
-        (active && $(active).hasClass(ClassName.FADE))
-      const complete = () => this._transitionComplete(
-        element,
-        active,
-        callback
-      )
-      if (active && isTransitioning) {
-        const transitionDuration = Util.getTransitionDurationFromElement(active)
-        $(active)
-          .one(Util.TRANSITION_END, complete)
-          .emulateTransitionEnd(transitionDuration)
-      } else {
-        complete()
      }
    }
-    _transitionComplete(element, active, callback) {
+    $(element).addClass(ClassName.ACTIVE)
-      if (active) {
+    if (element.getAttribute('role') === 'tab') {
-        $(active).removeClass(`${ClassName.SHOW} ${ClassName.ACTIVE}`)
+      element.setAttribute('aria-selected', true)
+    }
-        const dropdownChild = $(active.parentNode).find(
-          Selector.DROPDOWN_ACTIVE_CHILD
-        )[0]
-        if (dropdownChild) {
+    Util.reflow(element)
-          $(dropdownChild).removeClass(ClassName.ACTIVE)
+    $(element).addClass(ClassName.SHOW)
-        }
-        if (active.getAttribute('role') === 'tab') {
+    if (element.parentNode &&
-          active.setAttribute('aria-selected', false)
+        $(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) {
-        }
+      const dropdownElement = $(element).closest(Selector.DROPDOWN)[0]
+      if (dropdownElement) {
+        const dropdownToggleList = [].slice.call(dropdownElement.querySelectorAll(Selector.DROPDOWN_TOGGLE))
+        $(dropdownToggleList).addClass(ClassName.ACTIVE)
      }
-      $(element).addClass(ClassName.ACTIVE)
+      element.setAttribute('aria-expanded', true)
-      if (element.getAttribute('role') === 'tab') {
+    }
-        element.setAttribute('aria-selected', true)
-      }
-      Util.reflow(element)
-      $(element).addClass(ClassName.SHOW)
-      if (element.parentNode &&
-          $(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) {
-        const dropdownElement = $(element).closest(Selector.DROPDOWN)[0]
-        if (dropdownElement) {
-          const dropdownToggleList = [].slice.call(dropdownElement.querySelectorAll(Selector.DROPDOWN_TOGGLE))
-          $(dropdownToggleList).addClass(ClassName.ACTIVE)
-        }
-        element.setAttribute('aria-expanded', true)
-      }
-      if (callback) {
+    if (callback) {
-        callback()
+      callback()
-      }
    }
+  }
-    // Static
+  // Static
-    static _jQueryInterface(config) {
+  static _jQueryInterface(config) {
-      return this.each(function () {
+    return this.each(function () {
-        const $this = $(this)
+      const $this = $(this)
-        let data = $this.data(DATA_KEY)
+      let data = $this.data(DATA_KEY)
-        if (!data) {
+      if (!data) {
-          data = new Tab(this)
+        data = new Tab(this)
-          $this.data(DATA_KEY, data)
+        $this.data(DATA_KEY, data)
-        }
+      }
-        if (typeof config === 'string') {
+      if (typeof config === 'string') {
-          if (typeof data[config] === 'undefined') {
+        if (typeof data[config] === 'undefined') {
-            throw new TypeError(`No method named "${config}"`)
+          throw new TypeError(`No method named "${config}"`)
-          }
-          data[config]()
        }
-      })
+        data[config]()
-    }
+      }
+    })
  }
+}
-  /**
+/**
-   * ------------------------------------------------------------------------
+ * ------------------------------------------------------------------------
-   * Data Api implementation
+ * Data Api implementation
-   * ------------------------------------------------------------------------
+ * ------------------------------------------------------------------------
-   */
+ */
-  $(document)
+$(document)
-    .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+  .on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
-      event.preventDefault()
+    event.preventDefault()
-      Tab._jQueryInterface.call($(this), 'show')
+    Tab._jQueryInterface.call($(this), 'show')
-    })
+  })
-  /**
+/**
-   * ------------------------------------------------------------------------
+ * ------------------------------------------------------------------------
-   * jQuery
+ * jQuery
-   * ------------------------------------------------------------------------
+ * ------------------------------------------------------------------------
-   */
+ */
-  $.fn[NAME] = Tab._jQueryInterface
-  $.fn[NAME].Constructor = Tab
-  $.fn[NAME].noConflict = () => {
-    $.fn[NAME] = JQUERY_NO_CONFLICT
-    return Tab._jQueryInterface
-  }
-  return Tab
+$.fn[NAME] = Tab._jQueryInterface
-})($)
+$.fn[NAME].Constructor = Tab
+$.fn[NAME].noConflict = () => {
+  $.fn[NAME] = JQUERY_NO_CONFLICT
+  return Tab._jQueryInterface
+}
 export default Tab
--- a/js/src/tooltip.js
+++ b/js/src/tooltip.js
--- a/js/src/util.js
+++ b/js/src/util.js