implement global dispose method

js/dist/alert.js

@@ -22,6 +22,8 @@ var Alert = (function ($) {
   var NAME = 'alert';
   var VERSION = '4.0.0';
   var DATA_KEY = 'bs.alert';
+  var EVENT_KEY = '.' + DATA_KEY;
+  var DATA_API_KEY = '.data-api';
   var JQUERY_NO_CONFLICT = $.fn[NAME];
   var TRANSITION_DURATION = 150;
 
@@ -30,9 +32,9 @@ var Alert = (function ($) {
   };
 
   var Event = {
-    CLOSE: 'close.bs.alert',
-    CLOSED: 'closed.bs.alert',
-    CLICK: 'click.bs.alert.data-api'
+    CLOSE: 'close' + EVENT_KEY,
+    CLOSED: 'closed' + EVENT_KEY,
+    CLICK_DATA_API: 'click' + EVENT_KEY + '' + DATA_API_KEY
   };
 
   var ClassName = {
@@ -71,6 +73,12 @@ var Alert = (function ($) {
 
         this._removeElement(rootElement);
       }
+    }, {
+      key: 'dispose',
+      value: function dispose() {
+        $.removeData(this._element, DATA_KEY);
+        this._element = null;
+      }
     }, {
       key: '_getRootElement',
 
@@ -164,7 +172,7 @@ var Alert = (function ($) {
    * ------------------------------------------------------------------------
    */
 
-  $(document).on(Event.CLICK, Selector.DISMISS, Alert._handleDismiss(new Alert()));
+  $(document).on(Event.CLICK_DATA_API, Selector.DISMISS, Alert._handleDismiss(new Alert()));
 
   /**
    * ------------------------------------------------------------------------

js/dist/button.js

@@ -22,6 +22,8 @@ var Button = (function ($) {
   var NAME = 'button';
   var VERSION = '4.0.0';
   var DATA_KEY = 'bs.button';
+  var EVENT_KEY = '.' + DATA_KEY;
+  var DATA_API_KEY = '.data-api';
   var JQUERY_NO_CONFLICT = $.fn[NAME];
   var TRANSITION_DURATION = 150;
 
@@ -40,8 +42,8 @@ var Button = (function ($) {
   };
 
   var Event = {
-    CLICK: 'click.bs.button.data-api',
-    FOCUS_BLUR: 'focus.bs.button.data-api blur.bs.button.data-api'
+    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)
   };
 
   /**
@@ -95,6 +97,12 @@ var Button = (function ($) {
           $(this._element).toggleClass(ClassName.ACTIVE);
         }
       }
+    }, {
+      key: 'dispose',
+      value: function dispose() {
+        $.removeData(this._element, DATA_KEY);
+        this._element = null;
+      }
     }], [{
       key: 'VERSION',
 
@@ -133,7 +141,7 @@ var Button = (function ($) {
    * ------------------------------------------------------------------------
    */
 
-  $(document).on(Event.CLICK, Selector.DATA_TOGGLE_CARROT, function (event) {
+  $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, function (event) {
     event.preventDefault();
 
     var button = event.target;
@@ -143,7 +151,7 @@ var Button = (function ($) {
     }
 
     Button._jQueryInterface.call($(button), 'toggle');
-  }).on(Event.FOCUS_BLUR, Selector.DATA_TOGGLE_CARROT, function (event) {
+  }).on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, function (event) {
     var button = $(event.target).closest(Selector.BUTTON)[0];
     $(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type));
   });

js/dist/carousel.js

@@ -22,6 +22,8 @@ var Carousel = (function ($) {
   var NAME = 'carousel';
   var VERSION = '4.0.0';
   var DATA_KEY = 'bs.carousel';
+  var EVENT_KEY = '.' + DATA_KEY;
+  var DATA_API_KEY = '.data-api';
   var JQUERY_NO_CONFLICT = $.fn[NAME];
   var TRANSITION_DURATION = 600;
 
@@ -39,10 +41,13 @@ var Carousel = (function ($) {
   };
 
   var Event = {
-    SLIDE: 'slide.bs.carousel',
-    SLID: 'slid.bs.carousel',
-    CLICK: 'click.bs.carousel.data-api',
-    LOAD: 'load'
+    SLIDE: 'slide' + EVENT_KEY,
+    SLID: 'slid' + EVENT_KEY,
+    KEYDOWN: 'keydown' + EVENT_KEY,
+    MOUSEENTER: 'mouseenter' + EVENT_KEY,
+    MOUSELEAVE: 'mouseleave' + EVENT_KEY,
+    LOAD_DATA_API: 'load' + EVENT_KEY + '' + DATA_API_KEY,
+    CLICK_DATA_API: 'click' + EVENT_KEY + '' + DATA_API_KEY
   };
 
   var ClassName = {
@@ -166,6 +171,21 @@ var Carousel = (function ($) {
 
         this._slide(direction, this._items[index]);
       }
+    }, {
+      key: 'dispose',
+      value: function dispose() {
+        $(this._element).off(EVENT_KEY);
+        $.removeData(this._element, DATA_KEY);
+
+        this._items = null;
+        this._config = null;
+        this._element = null;
+        this._interval = null;
+        this._isPaused = null;
+        this._isSliding = null;
+        this._activeElement = null;
+        this._indicatorsElement = null;
+      }
     }, {
       key: '_addEventListeners',
 
@@ -173,11 +193,11 @@ var Carousel = (function ($) {
 
       value: function _addEventListeners() {
         if (this._config.keyboard) {
-          $(this._element).on('keydown.bs.carousel', $.proxy(this._keydown, this));
+          $(this._element).on(Event.KEYDOWN, $.proxy(this._keydown, this));
         }
 
         if (this._config.pause == 'hover' && !('ontouchstart' in document.documentElement)) {
-          $(this._element).on('mouseenter.bs.carousel', $.proxy(this.pause, this)).on('mouseleave.bs.carousel', $.proxy(this.cycle, this));
+          $(this._element).on(Event.MOUSEENTER, $.proxy(this.pause, this)).on(Event.MOUSELEAVE, $.proxy(this.cycle, this));
         }
       }
     }, {
@@ -404,9 +424,9 @@ var Carousel = (function ($) {
    * ------------------------------------------------------------------------
    */
 
-  $(document).on(Event.CLICK, Selector.DATA_SLIDE, Carousel._dataApiClickHandler);
+  $(document).on(Event.CLICK_DATA_API, Selector.DATA_SLIDE, Carousel._dataApiClickHandler);
 
-  $(window).on(Event.LOAD, function () {
+  $(window).on(Event.LOAD_DATA_API, function () {
     $(Selector.DATA_RIDE).each(function () {
       var $carousel = $(this);
       Carousel._jQueryInterface.call($carousel, $carousel.data());

js/dist/collapse.js

@@ -22,6 +22,8 @@ var Collapse = (function ($) {
   var NAME = 'collapse';
   var VERSION = '4.0.0';
   var DATA_KEY = 'bs.collapse';
+  var EVENT_KEY = '.' + DATA_KEY;
+  var DATA_API_KEY = '.data-api';
   var JQUERY_NO_CONFLICT = $.fn[NAME];
   var TRANSITION_DURATION = 600;
 
@@ -31,11 +33,11 @@ var Collapse = (function ($) {
   };
 
   var Event = {
-    SHOW: 'show.bs.collapse',
-    SHOWN: 'shown.bs.collapse',
-    HIDE: 'hide.bs.collapse',
-    HIDDEN: 'hidden.bs.collapse',
-    CLICK: 'click.bs.collapse.data-api'
+    SHOW: 'show' + EVENT_KEY,
+    SHOWN: 'shown' + EVENT_KEY,
+    HIDE: 'hide' + EVENT_KEY,
+    HIDDEN: 'hidden' + EVENT_KEY,
+    CLICK_DATA_API: 'click' + EVENT_KEY + '' + DATA_API_KEY
   };
 
   var ClassName = {
@@ -102,8 +104,8 @@ var Collapse = (function ($) {
           return;
         }
 
-        var activesData = undefined;
         var actives = undefined;
+        var activesData = undefined;
 
         if (this._parent) {
           actives = $.makeArray($(Selector.ACTIVES));
@@ -216,6 +218,17 @@ var Collapse = (function ($) {
       value: function setTransitioning(isTransitioning) {
         this._isTransitioning = isTransitioning;
       }
+    }, {
+      key: 'dispose',
+      value: function dispose() {
+        $.removeData(this._element, DATA_KEY);
+
+        this._config = null;
+        this._parent = null;
+        this._element = null;
+        this._triggerArray = null;
+        this._isTransitioning = null;
+      }
     }, {
       key: '_getDimension',
 
@@ -306,7 +319,7 @@ var Collapse = (function ($) {
    * ------------------------------------------------------------------------
    */
 
-  $(document).on(Event.CLICK, Selector.DATA_TOGGLE, function (event) {
+  $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
     event.preventDefault();
 
     var target = Collapse._getTargetFromElement(this);

js/dist/dropdown.js

@@ -22,16 +22,18 @@ var Dropdown = (function ($) {
   var NAME = 'dropdown';
   var VERSION = '4.0.0';
   var DATA_KEY = 'bs.dropdown';
+  var EVENT_KEY = '.' + DATA_KEY;
+  var DATA_API_KEY = '.data-api';
   var JQUERY_NO_CONFLICT = $.fn[NAME];
 
   var Event = {
-    HIDE: 'hide.bs.dropdown',
-    HIDDEN: 'hidden.bs.dropdown',
-    SHOW: 'show.bs.dropdown',
-    SHOWN: 'shown.bs.dropdown',
-    CLICK: 'click.bs.dropdown',
-    KEYDOWN: 'keydown.bs.dropdown.data-api',
-    CLICK_DATA: 'click.bs.dropdown.data-api'
+    HIDE: 'hide' + EVENT_KEY,
+    HIDDEN: 'hidden' + EVENT_KEY,
+    SHOW: 'show' + EVENT_KEY,
+    SHOWN: 'shown' + EVENT_KEY,
+    CLICK: 'click' + EVENT_KEY,
+    CLICK_DATA_API: 'click' + EVENT_KEY + '' + DATA_API_KEY,
+    KEYDOWN_DATA_API: 'keydown' + EVENT_KEY + '' + DATA_API_KEY
   };
 
   var ClassName = {
@@ -60,7 +62,9 @@ var Dropdown = (function ($) {
     function Dropdown(element) {
       _classCallCheck(this, Dropdown);
 
-      $(element).on(Event.CLICK, this.toggle);
+      this._element = element;
+
+      this._addEventListeners();
     }
 
     _createClass(Dropdown, [{
@@ -108,6 +112,21 @@ var Dropdown = (function ($) {
 
         return false;
       }
+    }, {
+      key: 'dispose',
+      value: function dispose() {
+        $.removeData(this._element, DATA_KEY);
+        $(this._element).off(EVENT_KEY);
+        this._element = null;
+      }
+    }, {
+      key: '_addEventListeners',
+
+      // private
+
+      value: function _addEventListeners() {
+        $(this._element).on(Event.CLICK, this.toggle);
+      }
     }], [{
       key: 'VERSION',
 
@@ -240,7 +259,7 @@ var Dropdown = (function ($) {
    * ------------------------------------------------------------------------
    */
 
-  $(document).on(Event.KEYDOWN, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler).on(Event.KEYDOWN, Selector.ROLE_MENU, Dropdown._dataApiKeydownHandler).on(Event.KEYDOWN, Selector.ROLE_LISTBOX, Dropdown._dataApiKeydownHandler).on(Event.CLICK_DATA, Dropdown._clearMenus).on(Event.CLICK_DATA, Selector.DATA_TOGGLE, Dropdown.prototype.toggle).on(Event.CLICK_DATA, Selector.FORM_CHILD, function (e) {
+  $(document).on(Event.KEYDOWN_DATA_API, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler).on(Event.KEYDOWN_DATA_API, Selector.ROLE_MENU, Dropdown._dataApiKeydownHandler).on(Event.KEYDOWN_DATA_API, Selector.ROLE_LISTBOX, Dropdown._dataApiKeydownHandler).on(Event.CLICK_DATA_API, Dropdown._clearMenus).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, Dropdown.prototype.toggle).on(Event.CLICK_DATA_API, Selector.FORM_CHILD, function (e) {
     e.stopPropagation();
   });
 

js/dist/modal.js

@@ -22,6 +22,8 @@ var Modal = (function ($) {
   var NAME = 'modal';
   var VERSION = '4.0.0';
   var DATA_KEY = 'bs.modal';
+  var EVENT_KEY = '.' + DATA_KEY;
+  var DATA_API_KEY = '.data-api';
   var JQUERY_NO_CONFLICT = $.fn[NAME];
   var TRANSITION_DURATION = 300;
   var BACKDROP_TRANSITION_DURATION = 150;
@@ -33,17 +35,17 @@ var Modal = (function ($) {
   };
 
   var Event = {
-    HIDE: 'hide.bs.modal',
-    HIDDEN: 'hidden.bs.modal',
-    SHOW: 'show.bs.modal',
-    SHOWN: 'shown.bs.modal',
-    DISMISS: 'click.dismiss.bs.modal',
-    KEYDOWN: 'keydown.dismiss.bs.modal',
-    FOCUSIN: 'focusin.bs.modal',
-    RESIZE: 'resize.bs.modal',
-    CLICK: 'click.bs.modal.data-api',
-    MOUSEDOWN: 'mousedown.dismiss.bs.modal',
-    MOUSEUP: 'mouseup.dismiss.bs.modal'
+    HIDE: 'hide' + EVENT_KEY,
+    HIDDEN: 'hidden' + EVENT_KEY,
+    SHOW: 'show' + EVENT_KEY,
+    SHOWN: 'shown' + EVENT_KEY,
+    FOCUSIN: 'focusin' + EVENT_KEY,
+    RESIZE: 'resize' + EVENT_KEY,
+    CLICK_DISMISS: 'click.dismiss' + EVENT_KEY,
+    KEYDOWN_DISMISS: 'keydown.dismiss' + EVENT_KEY,
+    MOUSEUP_DISMISS: 'mouseup.dismiss' + EVENT_KEY,
+    MOUSEDOWN_DISMISS: 'mousedown.dismiss' + EVENT_KEY,
+    CLICK_DATA_API: 'click' + EVENT_KEY + '' + DATA_API_KEY
   };
 
   var ClassName = {
@@ -114,10 +116,10 @@ var Modal = (function ($) {
         this._setEscapeEvent();
         this._setResizeEvent();
 
-        $(this._element).on(Event.DISMISS, Selector.DATA_DISMISS, $.proxy(this.hide, this));
+        $(this._element).on(Event.CLICK_DISMISS, Selector.DATA_DISMISS, $.proxy(this.hide, this));
 
-        $(this._dialog).on(Event.MOUSEDOWN, function () {
-          $(_this._element).one(Event.MOUSEUP, function (event) {
+        $(this._dialog).on(Event.MOUSEDOWN_DISMISS, function () {
+          $(_this._element).one(Event.MOUSEUP_DISMISS, function (event) {
             if ($(event.target).is(_this._element)) {
               that._ignoreBackdropClick = true;
             }
@@ -150,8 +152,8 @@ var Modal = (function ($) {
 
         $(this._element).removeClass(ClassName.IN);
 
-        $(this._element).off(Event.DISMISS);
-        $(this._dialog).off(Event.MOUSEDOWN);
+        $(this._element).off(Event.CLICK_DISMISS);
+        $(this._dialog).off(Event.MOUSEDOWN_DISMISS);
 
         if (Util.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {
 
@@ -160,6 +162,26 @@ var Modal = (function ($) {
           this._hideModal();
         }
       }
+    }, {
+      key: 'dispose',
+      value: function dispose() {
+        $.removeData(this._element, DATA_KEY);
+
+        $(window).off(EVENT_KEY);
+        $(document).off(EVENT_KEY);
+        $(this._element).off(EVENT_KEY);
+        $(this._backdrop).off(EVENT_KEY);
+
+        this._config = null;
+        this._element = null;
+        this._dialog = null;
+        this._backdrop = null;
+        this._isShown = null;
+        this._isBodyOverflowing = null;
+        this._ignoreBackdropClick = null;
+        this._originalBodyPadding = null;
+        this._scrollbarWidth = null;
+      }
     }, {
       key: '_showElement',
 
@@ -219,13 +241,13 @@ var Modal = (function ($) {
         var _this4 = this;
 
         if (this._isShown && this._config.keyboard) {
-          $(this._element).on(Event.KEYDOWN, function (event) {
+          $(this._element).on(Event.KEYDOWN_DISMISS, function (event) {
             if (event.which === 27) {
               _this4.hide();
             }
           });
         } else if (!this._isShown) {
-          $(this._element).off(Event.KEYDOWN);
+          $(this._element).off(Event.KEYDOWN_DISMISS);
         }
       }
     }, {
@@ -277,7 +299,7 @@ var Modal = (function ($) {
 
           $(this._backdrop).appendTo(this.$body);
 
-          $(this._element).on(Event.DISMISS, function (event) {
+          $(this._element).on(Event.CLICK_DISMISS, function (event) {
             if (_this6._ignoreBackdropClick) {
               _this6._ignoreBackdropClick = false;
               return;
@@ -442,7 +464,7 @@ var Modal = (function ($) {
    * ------------------------------------------------------------------------
    */
 
-  $(document).on(Event.CLICK, Selector.DATA_TOGGLE, function (event) {
+  $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
     var _this7 = this;
 
     var target = undefined;

js/dist/popover.js

@@ -24,6 +24,7 @@ var Popover = (function ($) {
   var NAME = 'popover';
   var VERSION = '4.0.0';
   var DATA_KEY = 'bs.popover';
+  var EVENT_KEY = '.' + DATA_KEY;
   var JQUERY_NO_CONFLICT = $.fn[NAME];
 
   var Default = $.extend({}, Tooltip.Default, {
@@ -45,16 +46,16 @@ var Popover = (function ($) {
   };
 
   var Event = {
-    HIDE: 'hide.bs.popover',
-    HIDDEN: 'hidden.bs.popover',
-    SHOW: 'show.bs.popover',
-    SHOWN: 'shown.bs.popover',
-    INSERTED: 'inserted.bs.popover',
-    CLICK: 'click.bs.popover',
-    FOCUSIN: 'focusin.bs.popover',
-    FOCUSOUT: 'focusout.bs.popover',
-    MOUSEENTER: 'mouseenter.bs.popover',
-    MOUSELEAVE: 'mouseleave.bs.popover'
+    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
   };
 
   /**
@@ -142,6 +143,11 @@ var Popover = (function ($) {
       get: function () {
         return Event;
       }
+    }, {
+      key: 'EVENT_KEY',
+      get: function () {
+        return EVENT_KEY;
+      }
     }, {
       key: '_jQueryInterface',
 

js/dist/scrollspy.js

@@ -22,6 +22,8 @@ var ScrollSpy = (function ($) {
   var NAME = 'scrollspy';
   var VERSION = '4.0.0';
   var DATA_KEY = 'bs.scrollspy';
+  var EVENT_KEY = '.' + DATA_KEY;
+  var DATA_API_KEY = '.data-api';
   var JQUERY_NO_CONFLICT = $.fn[NAME];
 
   var Default = {
@@ -29,9 +31,9 @@ var ScrollSpy = (function ($) {
   };
 
   var Event = {
-    ACTIVATE: 'activate.bs.scrollspy',
-    SCROLL: 'scroll.bs.scrollspy',
-    LOAD: 'load.bs.scrollspy.data-api'
+    ACTIVATE: 'activate' + EVENT_KEY,
+    SCROLL: 'scroll' + EVENT_KEY,
+    LOAD_DATA_API: 'load' + EVENT_KEY + '' + DATA_API_KEY
   };
 
   var ClassName = {
@@ -56,6 +58,7 @@ var ScrollSpy = (function ($) {
     function ScrollSpy(element, config) {
       _classCallCheck(this, ScrollSpy);
 
+      this._element = element;
       this._scrollElement = element.tagName === 'BODY' ? window : element;
       this._config = $.extend({}, Default, config);
       this._selector = '' + (this._config.target || '') + ' .nav li > a';
@@ -114,6 +117,21 @@ var ScrollSpy = (function ($) {
           _this._targets.push(item[1]);
         });
       }
+    }, {
+      key: 'dispose',
+      value: function dispose() {
+        $.removeData(this._element, DATA_KEY);
+        $(this._scrollElement).off(EVENT_KEY);
+
+        this._element = null;
+        this._scrollElement = null;
+        this._config = null;
+        this._selector = null;
+        this._offsets = null;
+        this._targets = null;
+        this._activeTarget = null;
+        this._scrollHeight = null;
+      }
     }, {
       key: '_getScrollTop',
 
@@ -240,7 +258,7 @@ var ScrollSpy = (function ($) {
    * ------------------------------------------------------------------------
    */
 
-  $(window).on(Event.LOAD, function () {
+  $(window).on(Event.LOAD_DATA_API, function () {
     var scrollSpys = $.makeArray($(Selector.DATA_SPY));
 
     for (var i = scrollSpys.length; i--;) {

js/dist/tab.js

@@ -22,15 +22,17 @@ var Tab = (function ($) {
   var NAME = 'tab';
   var VERSION = '4.0.0';
   var DATA_KEY = 'bs.tab';
+  var EVENT_KEY = '.' + DATA_KEY;
+  var DATA_API_KEY = '.data-api';
   var JQUERY_NO_CONFLICT = $.fn[NAME];
   var TRANSITION_DURATION = 150;
 
   var Event = {
-    HIDE: 'hide.bs.tab',
-    HIDDEN: 'hidden.bs.tab',
-    SHOW: 'show.bs.tab',
-    SHOWN: 'shown.bs.tab',
-    CLICK: 'click.bs.tab.data-api'
+    HIDE: 'hide' + EVENT_KEY,
+    HIDDEN: 'hidden' + EVENT_KEY,
+    SHOW: 'show' + EVENT_KEY,
+    SHOWN: 'shown' + EVENT_KEY,
+    CLICK_DATA_API: 'click' + EVENT_KEY + '' + DATA_API_KEY
   };
 
   var ClassName = {
@@ -134,6 +136,12 @@ var Tab = (function ($) {
           complete();
         }
       }
+    }, {
+      key: 'dispose',
+      value: function dispose() {
+        $.removeClass(this._element, DATA_KEY);
+        this._element = null;
+      }
     }, {
       key: '_activate',
 
@@ -247,7 +255,7 @@ var Tab = (function ($) {
    * ------------------------------------------------------------------------
    */
 
-  $(document).on(Event.CLICK, Selector.DATA_TOGGLE, function (event) {
+  $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
     event.preventDefault();
     Tab._jQueryInterface.call($(this), 'show');
   });

js/dist/tooltip.js

@@ -22,6 +22,7 @@ var Tooltip = (function ($) {
   var NAME = 'tooltip';
   var VERSION = '4.0.0';
   var DATA_KEY = 'bs.tooltip';
+  var EVENT_KEY = '.' + DATA_KEY;
   var JQUERY_NO_CONFLICT = $.fn[NAME];
   var TRANSITION_DURATION = 150;
   var CLASS_PREFIX = 'bs-tether';
@@ -52,16 +53,16 @@ var Tooltip = (function ($) {
   };
 
   var Event = {
-    HIDE: 'hide.bs.tooltip',
-    HIDDEN: 'hidden.bs.tooltip',
-    SHOW: 'show.bs.tooltip',
-    SHOWN: 'shown.bs.tooltip',
-    INSERTED: 'inserted.bs.tooltip',
-    CLICK: 'click.bs.tooltip',
-    FOCUSIN: 'focusin.bs.tooltip',
-    FOCUSOUT: 'focusout.bs.tooltip',
-    MOUSEENTER: 'mouseenter.bs.tooltip',
-    MOUSELEAVE: 'mouseleave.bs.tooltip'
+    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
   };
 
   var ClassName = {
@@ -155,25 +156,34 @@ var Tooltip = (function ($) {
         }
       }
     }, {
-      key: 'destroy',
-      value: function destroy() {
-        var _this = this;
-
+      key: 'dispose',
+      value: function dispose() {
         clearTimeout(this._timeout);
-        this.hide(function () {
-          $(_this.element).off('.' + _this.constructor.NAME).removeData(_this.constructor.DATA_KEY);
 
-          if (_this.tip) {
-            $(_this.tip).detach();
-          }
+        this.cleanupTether();
 
-          _this.tip = null;
-        });
+        $.removeData(this.element, this.constructor.DATA_KEY);
+
+        $(this.element).off(this.constructor.EVENT_KEY);
+
+        if (this.tip) {
+          $(this.tip).remove();
+        }
+
+        this._isEnabled = null;
+        this._timeout = null;
+        this._hoverState = null;
+        this._activeTrigger = null;
+        this._tether = null;
+
+        this.element = null;
+        this.config = null;
+        this.tip = null;
       }
     }, {
       key: 'show',
       value: function show() {
-        var _this2 = this;
+        var _this = this;
 
         var showEvent = $.Event(this.constructor.Event.SHOW);
 
@@ -222,13 +232,13 @@ var Tooltip = (function ($) {
           $(tip).addClass(ClassName.IN);
 
           var complete = function complete() {
-            var prevHoverState = _this2._hoverState;
-            _this2._hoverState = null;
+            var prevHoverState = _this._hoverState;
+            _this._hoverState = null;
 
-            $(_this2.element).trigger(_this2.constructor.Event.SHOWN);
+            $(_this.element).trigger(_this.constructor.Event.SHOWN);
 
             if (prevHoverState === HoverState.OUT) {
-              _this2._leave(null, _this2);
+              _this._leave(null, _this);
             }
           };
 
@@ -238,18 +248,18 @@ var Tooltip = (function ($) {
     }, {
       key: 'hide',
       value: function hide(callback) {
-        var _this3 = this;
+        var _this2 = this;
 
         var tip = this.getTipElement();
         var hideEvent = $.Event(this.constructor.Event.HIDE);
         var complete = function complete() {
-          if (_this3._hoverState !== HoverState.IN && tip.parentNode) {
+          if (_this2._hoverState !== HoverState.IN && tip.parentNode) {
             tip.parentNode.removeChild(tip);
           }
 
-          _this3.element.removeAttribute('aria-describedby');
-          $(_this3.element).trigger(_this3.constructor.Event.HIDDEN);
-          _this3.cleanupTether();
+          _this2.element.removeAttribute('aria-describedby');
+          $(_this2.element).trigger(_this2.constructor.Event.HIDDEN);
+          _this2.cleanupTether();
 
           if (callback) {
             callback();
@@ -334,18 +344,18 @@ var Tooltip = (function ($) {
     }, {
       key: '_setListeners',
       value: function _setListeners() {
-        var _this4 = this;
+        var _this3 = this;
 
         var triggers = this.config.trigger.split(' ');
 
         triggers.forEach(function (trigger) {
           if (trigger === 'click') {
-            $(_this4.element).on(_this4.constructor.Event.CLICK, _this4.config.selector, $.proxy(_this4.toggle, _this4));
+            $(_this3.element).on(_this3.constructor.Event.CLICK, _this3.config.selector, $.proxy(_this3.toggle, _this3));
           } else if (trigger !== Trigger.MANUAL) {
-            var eventIn = trigger == Trigger.HOVER ? _this4.constructor.Event.MOUSEENTER : _this4.constructor.Event.FOCUSIN;
-            var eventOut = trigger == Trigger.HOVER ? _this4.constructor.Event.MOUSELEAVE : _this4.constructor.Event.FOCUSOUT;
+            var eventIn = trigger == Trigger.HOVER ? _this3.constructor.Event.MOUSEENTER : _this3.constructor.Event.FOCUSIN;
+            var eventOut = trigger == Trigger.HOVER ? _this3.constructor.Event.MOUSELEAVE : _this3.constructor.Event.FOCUSOUT;
 
-            $(_this4.element).on(eventIn, _this4.config.selector, $.proxy(_this4._enter, _this4)).on(eventOut, _this4.config.selector, $.proxy(_this4._leave, _this4));
+            $(_this3.element).on(eventIn, _this3.config.selector, $.proxy(_this3._enter, _this3)).on(eventOut, _this3.config.selector, $.proxy(_this3._leave, _this3));
           }
         });
 
@@ -512,6 +522,11 @@ var Tooltip = (function ($) {
       get: function () {
         return Event;
       }
+    }, {
+      key: 'EVENT_KEY',
+      get: function () {
+        return EVENT_KEY;
+      }
     }, {
       key: '_jQueryInterface',