Dist (#32323)

1 files changed, 408 insertions, 405 deletions

diff --git a/dist/js/bootstrap.esm.js b/dist/js/bootstrap.esm.js
index 855cc43947..526030b94b 100644
--- a/dist/js/bootstrap.esm.js
+++ b/dist/js/bootstrap.esm.js
@@ -576,8 +576,48 @@ var EventHandler = {
  * ------------------------------------------------------------------------
  */
 
-var NAME = 'alert';
 var VERSION = '5.0.0-alpha3';
+
+var BaseComponent = /*#__PURE__*/function () {
+  function BaseComponent(element) {
+    if (!element) {
+      return;
+    }
+
+    this._element = element;
+    Data.setData(element, this.constructor.DATA_KEY, this);
+  }
+
+  var _proto = BaseComponent.prototype;
+
+  _proto.dispose = function dispose() {
+    Data.removeData(this._element, this.constructor.DATA_KEY);
+    this._element = null;
+  }
+  /** Static */
+  ;
+
+  BaseComponent.getInstance = function getInstance(element) {
+    return Data.getData(element, this.DATA_KEY);
+  };
+
+  _createClass(BaseComponent, null, [{
+    key: "VERSION",
+    get: function get() {
+      return VERSION;
+    }
+  }]);
+
+  return BaseComponent;
+}();
+
+/**
+ * ------------------------------------------------------------------------
+ * Constants
+ * ------------------------------------------------------------------------
+ */
+
+var NAME = 'alert';
 var DATA_KEY = 'bs.alert';
 var EVENT_KEY = "." + DATA_KEY;
 var DATA_API_KEY = '.data-api';
@@ -594,15 +634,12 @@ var CLASSNAME_SHOW = 'show';
  * ------------------------------------------------------------------------
  */
 
-var Alert = /*#__PURE__*/function () {
-  function Alert(element) {
-    this._element = element;
-
-    if (this._element) {
-      Data.setData(element, DATA_KEY, this);
-    }
-  } // Getters
+var Alert = /*#__PURE__*/function (_BaseComponent) {
+  _inheritsLoose(Alert, _BaseComponent);
 
+  function Alert() {
+    return _BaseComponent.apply(this, arguments) || this;
+  }
 
   var _proto = Alert.prototype;
 
@@ -617,11 +654,6 @@ var Alert = /*#__PURE__*/function () {
     }
 
     this._removeElement(rootElement);
-  };
-
-  _proto.dispose = function dispose() {
-    Data.removeData(this._element, DATA_KEY);
-    this._element = null;
   } // Private
   ;
 
@@ -684,19 +716,16 @@ var Alert = /*#__PURE__*/function () {
     };
   };
 
-  Alert.getInstance = function getInstance(element) {
-    return Data.getData(element, DATA_KEY);
-  };
-
   _createClass(Alert, null, [{
-    key: "VERSION",
+    key: "DATA_KEY",
+    // Getters
     get: function get() {
-      return VERSION;
+      return DATA_KEY;
     }
   }]);
 
   return Alert;
-}();
+}(BaseComponent);
 /**
  * ------------------------------------------------------------------------
  * Data Api implementation
@@ -735,7 +764,6 @@ onDOMContentLoaded(function () {
  */
 
 var NAME$1 = 'button';
-var VERSION$1 = '5.0.0-alpha3';
 var DATA_KEY$1 = 'bs.button';
 var EVENT_KEY$1 = "." + DATA_KEY$1;
 var DATA_API_KEY$1 = '.data-api';
@@ -748,12 +776,12 @@ var EVENT_CLICK_DATA_API$1 = "click" + EVENT_KEY$1 + DATA_API_KEY$1;
  * ------------------------------------------------------------------------
  */
 
-var Button = /*#__PURE__*/function () {
-  function Button(element) {
-    this._element = element;
-    Data.setData(element, DATA_KEY$1, this);
-  } // Getters
+var Button = /*#__PURE__*/function (_BaseComponent) {
+  _inheritsLoose(Button, _BaseComponent);
 
+  function Button() {
+    return _BaseComponent.apply(this, arguments) || this;
+  }
 
   var _proto = Button.prototype;
 
@@ -761,11 +789,6 @@ var Button = /*#__PURE__*/function () {
   _proto.toggle = function toggle() {
     // Toggle class and sync the `aria-pressed` attribute with the return value of the `.toggle()` method
     this._element.setAttribute('aria-pressed', this._element.classList.toggle(CLASS_NAME_ACTIVE));
-  };
-
-  _proto.dispose = function dispose() {
-    Data.removeData(this._element, DATA_KEY$1);
-    this._element = null;
   } // Static
   ;
 
@@ -783,19 +806,16 @@ var Button = /*#__PURE__*/function () {
     });
   };
 
-  Button.getInstance = function getInstance(element) {
-    return Data.getData(element, DATA_KEY$1);
-  };
-
   _createClass(Button, null, [{
-    key: "VERSION",
+    key: "DATA_KEY",
+    // Getters
     get: function get() {
-      return VERSION$1;
+      return DATA_KEY$1;
     }
   }]);
 
   return Button;
-}();
+}(BaseComponent);
 /**
  * ------------------------------------------------------------------------
  * Data Api implementation
@@ -1000,7 +1020,6 @@ var SelectorEngine = {
  */
 
 var NAME$2 = 'carousel';
-var VERSION$2 = '5.0.0-alpha3';
 var DATA_KEY$2 = 'bs.carousel';
 var EVENT_KEY$2 = "." + DATA_KEY$2;
 var DATA_API_KEY$2 = '.data-api';
@@ -1068,25 +1087,29 @@ var PointerType = {
  * ------------------------------------------------------------------------
  */
 
-var Carousel = /*#__PURE__*/function () {
-  function Carousel(element, config) {
-    this._items = null;
-    this._interval = null;
-    this._activeElement = null;
-    this._isPaused = false;
-    this._isSliding = false;
-    this.touchTimeout = null;
-    this.touchStartX = 0;
-    this.touchDeltaX = 0;
-    this._config = this._getConfig(config);
-    this._element = element;
-    this._indicatorsElement = SelectorEngine.findOne(SELECTOR_INDICATORS, this._element);
-    this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;
-    this._pointerEvent = Boolean(window.PointerEvent);
-
-    this._addEventListeners();
+var Carousel = /*#__PURE__*/function (_BaseComponent) {
+  _inheritsLoose(Carousel, _BaseComponent);
 
-    Data.setData(element, DATA_KEY$2, this);
+  function Carousel(element, config) {
+    var _this;
+
+    _this = _BaseComponent.call(this, element) || this;
+    _this._items = null;
+    _this._interval = null;
+    _this._activeElement = null;
+    _this._isPaused = false;
+    _this._isSliding = false;
+    _this.touchTimeout = null;
+    _this.touchStartX = 0;
+    _this.touchDeltaX = 0;
+    _this._config = _this._getConfig(config);
+    _this._indicatorsElement = SelectorEngine.findOne(SELECTOR_INDICATORS, _this._element);
+    _this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0;
+    _this._pointerEvent = Boolean(window.PointerEvent);
+
+    _this._addEventListeners();
+
+    return _this;
   } // Getters
 
 
@@ -1145,7 +1168,7 @@ var Carousel = /*#__PURE__*/function () {
   };
 
   _proto.to = function to(index) {
-    var _this = this;
+    var _this2 = this;
 
     this._activeElement = SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element);
 
@@ -1157,7 +1180,7 @@ var Carousel = /*#__PURE__*/function () {
 
     if (this._isSliding) {
       EventHandler.one(this._element, EVENT_SLID, function () {
-        return _this.to(index);
+        return _this2.to(index);
       });
       return;
     }
@@ -1174,11 +1197,11 @@ var Carousel = /*#__PURE__*/function () {
   };
 
   _proto.dispose = function dispose() {
+    _BaseComponent.prototype.dispose.call(this);
+
     EventHandler.off(this._element, EVENT_KEY$2);
-    Data.removeData(this._element, DATA_KEY$2);
     this._items = null;
     this._config = null;
-    this._element = null;
     this._interval = null;
     this._isPaused = null;
     this._isSliding = null;
@@ -1214,20 +1237,20 @@ var Carousel = /*#__PURE__*/function () {
   };
 
   _proto._addEventListeners = function _addEventListeners() {
-    var _this2 = this;
+    var _this3 = this;
 
     if (this._config.keyboard) {
       EventHandler.on(this._element, EVENT_KEYDOWN, function (event) {
-        return _this2._keydown(event);
+        return _this3._keydown(event);
       });
     }
 
     if (this._config.pause === 'hover') {
       EventHandler.on(this._element, EVENT_MOUSEENTER, function (event) {
-        return _this2.pause(event);
+        return _this3.pause(event);
       });
       EventHandler.on(this._element, EVENT_MOUSELEAVE, function (event) {
-        return _this2.cycle(event);
+        return _this3.cycle(event);
       });
     }
 
@@ -1237,33 +1260,33 @@ var Carousel = /*#__PURE__*/function () {
   };
 
   _proto._addTouchEventListeners = function _addTouchEventListeners() {
-    var _this3 = this;
+    var _this4 = this;
 
     var start = function start(event) {
-      if (_this3._pointerEvent && PointerType[event.pointerType.toUpperCase()]) {
-        _this3.touchStartX = event.clientX;
-      } else if (!_this3._pointerEvent) {
-        _this3.touchStartX = event.touches[0].clientX;
+      if (_this4._pointerEvent && PointerType[event.pointerType.toUpperCase()]) {
+        _this4.touchStartX = event.clientX;
+      } else if (!_this4._pointerEvent) {
+        _this4.touchStartX = event.touches[0].clientX;
       }
     };
 
     var move = function move(event) {
       // ensure swiping with one touch and not pinching
       if (event.touches && event.touches.length > 1) {
-        _this3.touchDeltaX = 0;
+        _this4.touchDeltaX = 0;
       } else {
-        _this3.touchDeltaX = event.touches[0].clientX - _this3.touchStartX;
+        _this4.touchDeltaX = event.touches[0].clientX - _this4.touchStartX;
       }
     };
 
     var end = function end(event) {
-      if (_this3._pointerEvent && PointerType[event.pointerType.toUpperCase()]) {
-        _this3.touchDeltaX = event.clientX - _this3.touchStartX;
+      if (_this4._pointerEvent && PointerType[event.pointerType.toUpperCase()]) {
+        _this4.touchDeltaX = event.clientX - _this4.touchStartX;
       }
 
-      _this3._handleSwipe();
+      _this4._handleSwipe();
 
-      if (_this3._config.pause === 'hover') {
+      if (_this4._config.pause === 'hover') {
         // If it's a touch-enabled device, mouseenter/leave are fired as
         // part of the mouse compatibility events on first tap - the carousel
         // would stop cycling until user tapped out of it;
@@ -1271,15 +1294,15 @@ var Carousel = /*#__PURE__*/function () {
         // (as if it's the second time we tap on it, mouseenter compat event
         // is NOT fired) and after a timeout (to allow for mouse compatibility
         // events to fire) we explicitly restart cycling
-        _this3.pause();
+        _this4.pause();
 
-        if (_this3.touchTimeout) {
-          clearTimeout(_this3.touchTimeout);
+        if (_this4.touchTimeout) {
+          clearTimeout(_this4.touchTimeout);
         }
 
-        _this3.touchTimeout = setTimeout(function (event) {
-          return _this3.cycle(event);
-        }, TOUCHEVENT_COMPAT_WAIT + _this3._config.interval);
+        _this4.touchTimeout = setTimeout(function (event) {
+          return _this4.cycle(event);
+        }, TOUCHEVENT_COMPAT_WAIT + _this4._config.interval);
       }
     };
 
@@ -1399,7 +1422,7 @@ var Carousel = /*#__PURE__*/function () {
   };
 
   _proto._slide = function _slide(direction, element) {
-    var _this4 = this;
+    var _this5 = this;
 
     var activeElement = SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element);
 
@@ -1460,9 +1483,9 @@ var Carousel = /*#__PURE__*/function () {
         nextElement.classList.remove(directionalClassName, orderClassName);
         nextElement.classList.add(CLASS_NAME_ACTIVE$1);
         activeElement.classList.remove(CLASS_NAME_ACTIVE$1, orderClassName, directionalClassName);
-        _this4._isSliding = false;
+        _this5._isSliding = false;
         setTimeout(function () {
-          EventHandler.trigger(_this4._element, EVENT_SLID, {
+          EventHandler.trigger(_this5._element, EVENT_SLID, {
             relatedTarget: nextElement,
             direction: eventDirectionName,
             from: activeElementIndex,
@@ -1548,24 +1571,20 @@ var Carousel = /*#__PURE__*/function () {
     event.preventDefault();
   };
 
-  Carousel.getInstance = function getInstance(element) {
-    return Data.getData(element, DATA_KEY$2);
-  };
-
   _createClass(Carousel, null, [{
-    key: "VERSION",
+    key: "Default",
     get: function get() {
-      return VERSION$2;
+      return Default;
     }
   }, {
-    key: "Default",
+    key: "DATA_KEY",
     get: function get() {
-      return Default;
+      return DATA_KEY$2;
     }
   }]);
 
   return Carousel;
-}();
+}(BaseComponent);
 /**
  * ------------------------------------------------------------------------
  * Data Api implementation
@@ -1611,7 +1630,6 @@ onDOMContentLoaded(function () {
  */
 
 var NAME$3 = 'collapse';
-var VERSION$3 = '5.0.0-alpha3';
 var DATA_KEY$3 = 'bs.collapse';
 var EVENT_KEY$3 = "." + DATA_KEY$3;
 var DATA_API_KEY$3 = '.data-api';
@@ -1642,12 +1660,16 @@ var SELECTOR_DATA_TOGGLE$1 = '[data-bs-toggle="collapse"]';
  * ------------------------------------------------------------------------
  */
 
-var Collapse = /*#__PURE__*/function () {
+var Collapse = /*#__PURE__*/function (_BaseComponent) {
+  _inheritsLoose(Collapse, _BaseComponent);
+
   function Collapse(element, config) {
-    this._isTransitioning = false;
-    this._element = element;
-    this._config = this._getConfig(config);
-    this._triggerArray = SelectorEngine.find(SELECTOR_DATA_TOGGLE$1 + "[href=\"#" + element.id + "\"]," + (SELECTOR_DATA_TOGGLE$1 + "[data-bs-target=\"#" + element.id + "\"]"));
+    var _this;
+
+    _this = _BaseComponent.call(this, element) || this;
+    _this._isTransitioning = false;
+    _this._config = _this._getConfig(config);
+    _this._triggerArray = SelectorEngine.find(SELECTOR_DATA_TOGGLE$1 + "[href=\"#" + element.id + "\"]," + (SELECTOR_DATA_TOGGLE$1 + "[data-bs-target=\"#" + element.id + "\"]"));
     var toggleList = SelectorEngine.find(SELECTOR_DATA_TOGGLE$1);
 
     for (var i = 0, len = toggleList.length; i < len; i++) {
@@ -1658,23 +1680,23 @@ var Collapse = /*#__PURE__*/function () {
       });
 
       if (selector !== null && filterElement.length) {
-        this._selector = selector;
+        _this._selector = selector;
 
-        this._triggerArray.push(elem);
+        _this._triggerArray.push(elem);
       }
     }
 
-    this._parent = this._config.parent ? this._getParent() : null;
+    _this._parent = _this._config.parent ? _this._getParent() : null;
 
-    if (!this._config.parent) {
-      this._addAriaAndCollapsedClass(this._element, this._triggerArray);
+    if (!_this._config.parent) {
+      _this._addAriaAndCollapsedClass(_this._element, _this._triggerArray);
     }
 
-    if (this._config.toggle) {
-      this.toggle();
+    if (_this._config.toggle) {
+      _this.toggle();
     }
 
-    Data.setData(element, DATA_KEY$3, this);
+    return _this;
   } // Getters
 
 
@@ -1690,7 +1712,7 @@ var Collapse = /*#__PURE__*/function () {
   };
 
   _proto.show = function show() {
-    var _this = this;
+    var _this2 = this;
 
     if (this._isTransitioning || this._element.classList.contains(CLASS_NAME_SHOW)) {
       return;
@@ -1701,8 +1723,8 @@ var Collapse = /*#__PURE__*/function () {
 
     if (this._parent) {
       actives = SelectorEngine.find(SELECTOR_ACTIVES, this._parent).filter(function (elem) {
-        if (typeof _this._config.parent === 'string') {
-          return elem.getAttribute('data-bs-parent') === _this._config.parent;
+        if (typeof _this2._config.parent === 'string') {
+          return elem.getAttribute('data-bs-parent') === _this2._config.parent;
         }
 
         return elem.classList.contains(CLASS_NAME_COLLAPSE);
@@ -1762,15 +1784,15 @@ var Collapse = /*#__PURE__*/function () {
     this.setTransitioning(true);
 
     var complete = function complete() {
-      _this._element.classList.remove(CLASS_NAME_COLLAPSING);
+      _this2._element.classList.remove(CLASS_NAME_COLLAPSING);
 
-      _this._element.classList.add(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW);
+      _this2._element.classList.add(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW);
 
-      _this._element.style[dimension] = '';
+      _this2._element.style[dimension] = '';
 
-      _this.setTransitioning(false);
+      _this2.setTransitioning(false);
 
-      EventHandler.trigger(_this._element, EVENT_SHOWN);
+      EventHandler.trigger(_this2._element, EVENT_SHOWN);
     };
 
     var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
@@ -1782,7 +1804,7 @@ var Collapse = /*#__PURE__*/function () {
   };
 
   _proto.hide = function hide() {
-    var _this2 = this;
+    var _this3 = this;
 
     if (this._isTransitioning || !this._element.classList.contains(CLASS_NAME_SHOW)) {
       return;
@@ -1820,13 +1842,13 @@ var Collapse = /*#__PURE__*/function () {
     this.setTransitioning(true);
 
     var complete = function complete() {
-      _this2.setTransitioning(false);
+      _this3.setTransitioning(false);
 
-      _this2._element.classList.remove(CLASS_NAME_COLLAPSING);
+      _this3._element.classList.remove(CLASS_NAME_COLLAPSING);
 
-      _this2._element.classList.add(CLASS_NAME_COLLAPSE);
+      _this3._element.classList.add(CLASS_NAME_COLLAPSE);
 
-      EventHandler.trigger(_this2._element, EVENT_HIDDEN);
+      EventHandler.trigger(_this3._element, EVENT_HIDDEN);
     };
 
     this._element.style[dimension] = '';
@@ -1840,10 +1862,10 @@ var Collapse = /*#__PURE__*/function () {
   };
 
   _proto.dispose = function dispose() {
-    Data.removeData(this._element, DATA_KEY$3);
+    _BaseComponent.prototype.dispose.call(this);
+
     this._config = null;
     this._parent = null;
-    this._element = null;
     this._triggerArray = null;
     this._isTransitioning = null;
   } // Private
@@ -1862,7 +1884,7 @@ var Collapse = /*#__PURE__*/function () {
   };
 
   _proto._getParent = function _getParent() {
-    var _this3 = this;
+    var _this4 = this;
 
     var parent = this._config.parent;
 
@@ -1879,7 +1901,7 @@ var Collapse = /*#__PURE__*/function () {
     SelectorEngine.find(selector, parent).forEach(function (element) {
       var selected = getElementFromSelector(element);
 
-      _this3._addAriaAndCollapsedClass(selected, [element]);
+      _this4._addAriaAndCollapsedClass(selected, [element]);
     });
     return parent;
   };
@@ -1930,24 +1952,20 @@ var Collapse = /*#__PURE__*/function () {
     });
   };
 
-  Collapse.getInstance = function getInstance(element) {
-    return Data.getData(element, DATA_KEY$3);
-  };
-
   _createClass(Collapse, null, [{
-    key: "VERSION",
+    key: "Default",
     get: function get() {
-      return VERSION$3;
+      return Default$1;
     }
   }, {
-    key: "Default",
+    key: "DATA_KEY",
     get: function get() {
-      return Default$1;
+      return DATA_KEY$3;
     }
   }]);
 
   return Collapse;
-}();
+}(BaseComponent);
 /**
  * ------------------------------------------------------------------------
  * Data Api implementation
@@ -2013,7 +2031,6 @@ onDOMContentLoaded(function () {
  */
 
 var NAME$4 = 'dropdown';
-var VERSION$4 = '5.0.0-alpha3';
 var DATA_KEY$4 = 'bs.dropdown';
 var EVENT_KEY$4 = "." + DATA_KEY$4;
 var DATA_API_KEY$4 = '.data-api';
@@ -2074,17 +2091,21 @@ var DefaultType$2 = {
  * ------------------------------------------------------------------------
  */
 
-var Dropdown = /*#__PURE__*/function () {
+var Dropdown = /*#__PURE__*/function (_BaseComponent) {
+  _inheritsLoose(Dropdown, _BaseComponent);
+
   function Dropdown(element, config) {
-    this._element = element;
-    this._popper = null;
-    this._config = this._getConfig(config);
-    this._menu = this._getMenuElement();
-    this._inNavbar = this._detectNavbar();
+    var _this;
+
+    _this = _BaseComponent.call(this, element) || this;
+    _this._popper = null;
+    _this._config = _this._getConfig(config);
+    _this._menu = _this._getMenuElement();
+    _this._inNavbar = _this._detectNavbar();
 
-    this._addEventListeners();
+    _this._addEventListeners();
 
-    Data.setData(element, DATA_KEY$4, this);
+    return _this;
   } // Getters
 
 
@@ -2200,9 +2221,9 @@ var Dropdown = /*#__PURE__*/function () {
   };
 
   _proto.dispose = function dispose() {
-    Data.removeData(this._element, DATA_KEY$4);
+    _BaseComponent.prototype.dispose.call(this);
+
     EventHandler.off(this._element, EVENT_KEY$4);
-    this._element = null;
     this._menu = null;
 
     if (this._popper) {
@@ -2222,13 +2243,13 @@ var Dropdown = /*#__PURE__*/function () {
   ;
 
   _proto._addEventListeners = function _addEventListeners() {
-    var _this = this;
+    var _this2 = this;
 
     EventHandler.on(this._element, EVENT_CLICK, function (event) {
       event.preventDefault();
       event.stopPropagation();
 
-      _this.toggle();
+      _this2.toggle();
     });
   };
 
@@ -2264,13 +2285,13 @@ var Dropdown = /*#__PURE__*/function () {
   };
 
   _proto._getOffset = function _getOffset() {
-    var _this2 = this;
+    var _this3 = this;
 
     var offset = {};
 
     if (typeof this._config.offset === 'function') {
       offset.fn = function (data) {
-        data.offsets = _extends({}, data.offsets, _this2._config.offset(data.offsets, _this2._element) || {});
+        data.offsets = _extends({}, data.offsets, _this3._config.offset(data.offsets, _this3._element) || {});
         return data;
       };
     } else {
@@ -2432,15 +2453,14 @@ var Dropdown = /*#__PURE__*/function () {
       return;
     }
 
-    var index = items.indexOf(event.target);
+    var index = items.indexOf(event.target); // Up
 
     if (event.key === ARROW_UP_KEY && index > 0) {
-      // Up
       index--;
-    }
+    } // Down
+
 
     if (event.key === ARROW_DOWN_KEY && index < items.length - 1) {
-      // Down
       index++;
     } // index is -1 if the first keydown is an ArrowUp
 
@@ -2449,16 +2469,7 @@ var Dropdown = /*#__PURE__*/function () {
     items[index].focus();
   };
 
-  Dropdown.getInstance = function getInstance(element) {
-    return Data.getData(element, DATA_KEY$4);
-  };
-
   _createClass(Dropdown, null, [{
-    key: "VERSION",
-    get: function get() {
-      return VERSION$4;
-    }
-  }, {
     key: "Default",
     get: function get() {
       return Default$2;
@@ -2468,10 +2479,15 @@ var Dropdown = /*#__PURE__*/function () {
     get: function get() {
       return DefaultType$2;
     }
+  }, {
+    key: "DATA_KEY",
+    get: function get() {
+      return DATA_KEY$4;
+    }
   }]);
 
   return Dropdown;
-}();
+}(BaseComponent);
 /**
  * ------------------------------------------------------------------------
  * Data Api implementation
@@ -2521,7 +2537,6 @@ onDOMContentLoaded(function () {
  */
 
 var NAME$5 = 'modal';
-var VERSION$5 = '5.0.0-alpha3';
 var DATA_KEY$5 = 'bs.modal';
 var EVENT_KEY$5 = "." + DATA_KEY$5;
 var DATA_API_KEY$5 = '.data-api';
@@ -2529,14 +2544,12 @@ var ESCAPE_KEY$1 = 'Escape';
 var Default$3 = {
   backdrop: true,
   keyboard: true,
-  focus: true,
-  show: true
+  focus: true
 };
 var DefaultType$3 = {
   backdrop: '(boolean|string)',
   keyboard: 'boolean',
-  focus: 'boolean',
-  show: 'boolean'
+  focus: 'boolean'
 };
 var EVENT_HIDE$2 = "hide" + EVENT_KEY$5;
 var EVENT_HIDE_PREVENTED = "hidePrevented" + EVENT_KEY$5;
@@ -2568,18 +2581,22 @@ var SELECTOR_STICKY_CONTENT = '.sticky-top';
  * ------------------------------------------------------------------------
  */
 
-var Modal = /*#__PURE__*/function () {
+var Modal = /*#__PURE__*/function (_BaseComponent) {
+  _inheritsLoose(Modal, _BaseComponent);
+
   function Modal(element, config) {
-    this._config = this._getConfig(config);
-    this._element = element;
-    this._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, element);
-    this._backdrop = null;
-    this._isShown = false;
-    this._isBodyOverflowing = false;
-    this._ignoreBackdropClick = false;
-    this._isTransitioning = false;
-    this._scrollbarWidth = 0;
-    Data.setData(element, DATA_KEY$5, this);
+    var _this;
+
+    _this = _BaseComponent.call(this, element) || this;
+    _this._config = _this._getConfig(config);
+    _this._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, element);
+    _this._backdrop = null;
+    _this._isShown = false;
+    _this._isBodyOverflowing = false;
+    _this._ignoreBackdropClick = false;
+    _this._isTransitioning = false;
+    _this._scrollbarWidth = 0;
+    return _this;
   } // Getters
 
 
@@ -2591,7 +2608,7 @@ var Modal = /*#__PURE__*/function () {
   };
 
   _proto.show = function show(relatedTarget) {
-    var _this = this;
+    var _this2 = this;
 
     if (this._isShown || this._isTransitioning) {
       return;
@@ -2622,23 +2639,23 @@ var Modal = /*#__PURE__*/function () {
     this._setResizeEvent();
 
     EventHandler.on(this._element, EVENT_CLICK_DISMISS, SELECTOR_DATA_DISMISS, function (event) {
-      return _this.hide(event);
+      return _this2.hide(event);
     });
     EventHandler.on(this._dialog, EVENT_MOUSEDOWN_DISMISS, function () {
-      EventHandler.one(_this._element, EVENT_MOUSEUP_DISMISS, function (event) {
-        if (event.target === _this._element) {
-          _this._ignoreBackdropClick = true;
+      EventHandler.one(_this2._element, EVENT_MOUSEUP_DISMISS, function (event) {
+        if (event.target === _this2._element) {
+          _this2._ignoreBackdropClick = true;
         }
       });
     });
 
     this._showBackdrop(function () {
-      return _this._showElement(relatedTarget);
+      return _this2._showElement(relatedTarget);
     });
   };
 
   _proto.hide = function hide(event) {
-    var _this2 = this;
+    var _this3 = this;
 
     if (event) {
       event.preventDefault();
@@ -2676,7 +2693,7 @@ var Modal = /*#__PURE__*/function () {
     if (transition) {
       var transitionDuration = getTransitionDurationFromElement(this._element);
       EventHandler.one(this._element, TRANSITION_END, function (event) {
-        return _this2._hideModal(event);
+        return _this3._hideModal(event);
       });
       emulateTransitionEnd(this._element, transitionDuration);
     } else {
@@ -2688,16 +2705,17 @@ var Modal = /*#__PURE__*/function () {
     [window, this._element, this._dialog].forEach(function (htmlElement) {
       return EventHandler.off(htmlElement, EVENT_KEY$5);
     });
+
+    _BaseComponent.prototype.dispose.call(this);
     /**
      * `document` has 2 events `EVENT_FOCUSIN` and `EVENT_CLICK_DATA_API`
      * Do not move `document` in `htmlElements` array
      * It will remove `EVENT_CLICK_DATA_API` event that should remain
      */
 
+
     EventHandler.off(document, EVENT_FOCUSIN);
-    Data.removeData(this._element, DATA_KEY$5);
     this._config = null;
-    this._element = null;
     this._dialog = null;
     this._backdrop = null;
     this._isShown = null;
@@ -2719,7 +2737,7 @@ var Modal = /*#__PURE__*/function () {
   };
 
   _proto._showElement = function _showElement(relatedTarget) {
-    var _this3 = this;
+    var _this4 = this;
 
     var transition = this._element.classList.contains(CLASS_NAME_FADE);
 
@@ -2755,12 +2773,12 @@ var Modal = /*#__PURE__*/function () {
     }
 
     var transitionComplete = function transitionComplete() {
-      if (_this3._config.focus) {
-        _this3._element.focus();
+      if (_this4._config.focus) {
+        _this4._element.focus();
       }
 
-      _this3._isTransitioning = false;
-      EventHandler.trigger(_this3._element, EVENT_SHOWN$2, {
+      _this4._isTransitioning = false;
+      EventHandler.trigger(_this4._element, EVENT_SHOWN$2, {
         relatedTarget: relatedTarget
       });
     };
@@ -2775,28 +2793,28 @@ var Modal = /*#__PURE__*/function () {
   };
 
   _proto._enforceFocus = function _enforceFocus() {
-    var _this4 = this;
+    var _this5 = this;
 
     EventHandler.off(document, EVENT_FOCUSIN); // guard against infinite focus loop
 
     EventHandler.on(document, EVENT_FOCUSIN, function (event) {
-      if (document !== event.target && _this4._element !== event.target && !_this4._element.contains(event.target)) {
-        _this4._element.focus();
+      if (document !== event.target && _this5._element !== event.target && !_this5._element.contains(event.target)) {
+        _this5._element.focus();
       }
     });
   };
 
   _proto._setEscapeEvent = function _setEscapeEvent() {
-    var _this5 = this;
+    var _this6 = this;
 
     if (this._isShown) {
       EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, function (event) {
-        if (_this5._config.keyboard && event.key === ESCAPE_KEY$1) {
+        if (_this6._config.keyboard && event.key === ESCAPE_KEY$1) {
           event.preventDefault();
 
-          _this5.hide();
-        } else if (!_this5._config.keyboard && event.key === ESCAPE_KEY$1) {
-          _this5._triggerBackdropTransition();
+          _this6.hide();
+        } else if (!_this6._config.keyboard && event.key === ESCAPE_KEY$1) {
+          _this6._triggerBackdropTransition();
         }
       });
     } else {
@@ -2805,11 +2823,11 @@ var Modal = /*#__PURE__*/function () {
   };
 
   _proto._setResizeEvent = function _setResizeEvent() {
-    var _this6 = this;
+    var _this7 = this;
 
     if (this._isShown) {
       EventHandler.on(window, EVENT_RESIZE, function () {
-        return _this6._adjustDialog();
+        return _this7._adjustDialog();
       });
     } else {
       EventHandler.off(window, EVENT_RESIZE);
@@ -2817,7 +2835,7 @@ var Modal = /*#__PURE__*/function () {
   };
 
   _proto._hideModal = function _hideModal() {
-    var _this7 = this;
+    var _this8 = this;
 
     this._element.style.display = 'none';
 
@@ -2832,11 +2850,11 @@ var Modal = /*#__PURE__*/function () {
     this._showBackdrop(function () {
       document.body.classList.remove(CLASS_NAME_OPEN);
 
-      _this7._resetAdjustments();
+      _this8._resetAdjustments();
 
-      _this7._resetScrollbar();
+      _this8._resetScrollbar();
 
-      EventHandler.trigger(_this7._element, EVENT_HIDDEN$2);
+      EventHandler.trigger(_this8._element, EVENT_HIDDEN$2);
     });
   };
 
@@ -2847,7 +2865,7 @@ var Modal = /*#__PURE__*/function () {
   };
 
   _proto._showBackdrop = function _showBackdrop(callback) {
-    var _this8 = this;
+    var _this9 = this;
 
     var animate = this._element.classList.contains(CLASS_NAME_FADE) ? CLASS_NAME_FADE : '';
 
@@ -2861,8 +2879,8 @@ var Modal = /*#__PURE__*/function () {
 
       document.body.appendChild(this._backdrop);
       EventHandler.on(this._element, EVENT_CLICK_DISMISS, function (event) {
-        if (_this8._ignoreBackdropClick) {
-          _this8._ignoreBackdropClick = false;
+        if (_this9._ignoreBackdropClick) {
+          _this9._ignoreBackdropClick = false;
           return;
         }
 
@@ -2870,10 +2888,10 @@ var Modal = /*#__PURE__*/function () {
           return;
         }
 
-        if (_this8._config.backdrop === 'static') {
-          _this8._triggerBackdropTransition();
+        if (_this9._config.backdrop === 'static') {
+          _this9._triggerBackdropTransition();
         } else {
-          _this8.hide();
+          _this9.hide();
         }
       });
 
@@ -2895,7 +2913,7 @@ var Modal = /*#__PURE__*/function () {
       this._backdrop.classList.remove(CLASS_NAME_SHOW$2);
 
       var callbackRemove = function callbackRemove() {
-        _this8._removeBackdrop();
+        _this9._removeBackdrop();
 
         callback();
       };
@@ -2914,7 +2932,7 @@ var Modal = /*#__PURE__*/function () {
   };
 
   _proto._triggerBackdropTransition = function _triggerBackdropTransition() {
-    var _this9 = this;
+    var _this10 = this;
 
     var hideEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED);
 
@@ -2933,13 +2951,13 @@ var Modal = /*#__PURE__*/function () {
     var modalTransitionDuration = getTransitionDurationFromElement(this._dialog);
     EventHandler.off(this._element, TRANSITION_END);
     EventHandler.one(this._element, TRANSITION_END, function () {
-      _this9._element.classList.remove(CLASS_NAME_STATIC);
+      _this10._element.classList.remove(CLASS_NAME_STATIC);
 
       if (!isModalOverflowing) {
-        EventHandler.one(_this9._element, TRANSITION_END, function () {
-          _this9._element.style.overflowY = '';
+        EventHandler.one(_this10._element, TRANSITION_END, function () {
+          _this10._element.style.overflowY = '';
         });
-        emulateTransitionEnd(_this9._element, modalTransitionDuration);
+        emulateTransitionEnd(_this10._element, modalTransitionDuration);
       }
     });
     emulateTransitionEnd(this._element, modalTransitionDuration);
@@ -2974,7 +2992,7 @@ var Modal = /*#__PURE__*/function () {
   };
 
   _proto._setScrollbar = function _setScrollbar() {
-    var _this10 = this;
+    var _this11 = this;
 
     if (this._isBodyOverflowing) {
       // Note: DOMNode.style.paddingRight returns the actual value or '' if not set
@@ -2984,14 +3002,14 @@ var Modal = /*#__PURE__*/function () {
         var actualPadding = element.style.paddingRight;
         var calculatedPadding = window.getComputedStyle(element)['padding-right'];
         Manipulator.setDataAttribute(element, 'padding-right', actualPadding);
-        element.style.paddingRight = Number.parseFloat(calculatedPadding) + _this10._scrollbarWidth + "px";
+        element.style.paddingRight = Number.parseFloat(calculatedPadding) + _this11._scrollbarWidth + "px";
       }); // Adjust sticky content margin
 
       SelectorEngine.find(SELECTOR_STICKY_CONTENT).forEach(function (element) {
         var actualMargin = element.style.marginRight;
         var calculatedMargin = window.getComputedStyle(element)['margin-right'];
         Manipulator.setDataAttribute(element, 'margin-right', actualMargin);
-        element.style.marginRight = Number.parseFloat(calculatedMargin) - _this10._scrollbarWidth + "px";
+        element.style.marginRight = Number.parseFloat(calculatedMargin) - _this11._scrollbarWidth + "px";
       }); // Adjust body padding
 
       var actualPadding = document.body.style.paddingRight;
@@ -3060,30 +3078,24 @@ var Modal = /*#__PURE__*/function () {
         }
 
         data[config](relatedTarget);
-      } else if (_config.show) {
-        data.show(relatedTarget);
       }
     });
   };
 
-  Modal.getInstance = function getInstance(element) {
-    return Data.getData(element, DATA_KEY$5);
-  };
-
   _createClass(Modal, null, [{
-    key: "VERSION",
+    key: "Default",
     get: function get() {
-      return VERSION$5;
+      return Default$3;
     }
   }, {
-    key: "Default",
+    key: "DATA_KEY",
     get: function get() {
-      return Default$3;
+      return DATA_KEY$5;
     }
   }]);
 
   return Modal;
-}();
+}(BaseComponent);
 /**
  * ------------------------------------------------------------------------
  * Data Api implementation
@@ -3092,7 +3104,7 @@ var Modal = /*#__PURE__*/function () {
 
 
 EventHandler.on(document, EVENT_CLICK_DATA_API$5, SELECTOR_DATA_TOGGLE$3, function (event) {
-  var _this11 = this;
+  var _this12 = this;
 
   var target = getElementFromSelector(this);
 
@@ -3107,8 +3119,8 @@ EventHandler.on(document, EVENT_CLICK_DATA_API$5, SELECTOR_DATA_TOGGLE$3, functi
     }
 
     EventHandler.one(target, EVENT_HIDDEN$2, function () {
-      if (isVisible(_this11)) {
-        _this11.focus();
+      if (isVisible(_this12)) {
+        _this12.focus();
       }
     });
   });
@@ -3279,7 +3291,6 @@ function sanitizeHtml(unsafeHtml, allowList, sanitizeFn) {
  */
 
 var NAME$6 = 'tooltip';
-var VERSION$6 = '5.0.0-alpha3';
 var DATA_KEY$6 = 'bs.tooltip';
 var EVENT_KEY$6 = "." + DATA_KEY$6;
 var CLASS_PREFIX = 'bs-tooltip';
@@ -3298,6 +3309,7 @@ var DefaultType$4 = {
   container: '(string|element|boolean)',
   fallbackPlacement: '(string|array)',
   boundary: '(string|element)',
+  customClass: '(string|function)',
   sanitize: 'boolean',
   sanitizeFn: '(null|function)',
   allowList: 'object',
@@ -3312,7 +3324,7 @@ var AttachmentMap = {
 };
 var Default$4 = {
   animation: true,
-  template: '<div class="tooltip" role="tooltip">' + '<div class="tooltip-arrow"></div>' + '<div class="tooltip-inner"></div></div>',
+  template: '<div class="tooltip" role="tooltip">' + '<div class="tooltip-arrow"></div>' + '<div class="tooltip-inner"></div>' + '</div>',
   trigger: 'hover focus',
   title: '',
   delay: 0,
@@ -3323,6 +3335,7 @@ var Default$4 = {
   container: false,
   fallbackPlacement: 'flip',
   boundary: 'scrollParent',
+  customClass: '',
   sanitize: true,
   sanitizeFn: null,
   allowList: DefaultAllowlist,
@@ -3356,26 +3369,30 @@ var TRIGGER_MANUAL = 'manual';
  * ------------------------------------------------------------------------
  */
 
-var Tooltip = /*#__PURE__*/function () {
+var Tooltip = /*#__PURE__*/function (_BaseComponent) {
+  _inheritsLoose(Tooltip, _BaseComponent);
+
   function Tooltip(element, config) {
+    var _this;
+
     if (typeof Popper === 'undefined') {
       throw new TypeError('Bootstrap\'s tooltips require Popper (https://popper.js.org)');
-    } // private
+    }
 
+    _this = _BaseComponent.call(this, element) || this; // private
 
-    this._isEnabled = true;
-    this._timeout = 0;
-    this._hoverState = '';
-    this._activeTrigger = {};
-    this._popper = null; // Protected
+    _this._isEnabled = true;
+    _this._timeout = 0;
+    _this._hoverState = '';
+    _this._activeTrigger = {};
+    _this._popper = null; // Protected
 
-    this.element = element;
-    this.config = this._getConfig(config);
-    this.tip = null;
+    _this.config = _this._getConfig(config);
+    _this.tip = null;
 
-    this._setListeners();
+    _this._setListeners();
 
-    Data.setData(element, this.constructor.DATA_KEY, this);
+    return _this;
   } // Getters
 
 
@@ -3428,9 +3445,8 @@ var Tooltip = /*#__PURE__*/function () {
 
   _proto.dispose = function dispose() {
     clearTimeout(this._timeout);
-    Data.removeData(this.element, this.constructor.DATA_KEY);
-    EventHandler.off(this.element, this.constructor.EVENT_KEY);
-    EventHandler.off(this.element.closest("." + CLASS_NAME_MODAL), 'hide.bs.modal', this._hideModalHandler);
+    EventHandler.off(this._element, this.constructor.EVENT_KEY);
+    EventHandler.off(this._element.closest("." + CLASS_NAME_MODAL), 'hide.bs.modal', this._hideModalHandler);
 
     if (this.tip) {
       this.tip.parentNode.removeChild(this.tip);
@@ -3446,22 +3462,23 @@ var Tooltip = /*#__PURE__*/function () {
     }
 
     this._popper = null;
-    this.element = null;
     this.config = null;
     this.tip = null;
+
+    _BaseComponent.prototype.dispose.call(this);
   };
 
   _proto.show = function show() {
-    var _this = this;
+    var _this2 = this;
 
-    if (this.element.style.display === 'none') {
+    if (this._element.style.display === 'none') {
       throw new Error('Please use show on visible elements');
     }
 
     if (this.isWithContent() && this._isEnabled) {
-      var showEvent = EventHandler.trigger(this.element, this.constructor.Event.SHOW);
-      var shadowRoot = findShadowRoot(this.element);
-      var isInTheDom = shadowRoot === null ? this.element.ownerDocument.documentElement.contains(this.element) : shadowRoot.contains(this.element);
+      var showEvent = EventHandler.trigger(this._element, this.constructor.Event.SHOW);
+      var shadowRoot = findShadowRoot(this._element);
+      var isInTheDom = shadowRoot === null ? this._element.ownerDocument.documentElement.contains(this._element) : shadowRoot.contains(this._element);
 
       if (showEvent.defaultPrevented || !isInTheDom) {
         return;
@@ -3470,14 +3487,16 @@ var Tooltip = /*#__PURE__*/function () {
       var tip = this.getTipElement();
       var tipId = getUID(this.constructor.NAME);
       tip.setAttribute('id', tipId);
-      this.element.setAttribute('aria-describedby', tipId);
+
+      this._element.setAttribute('aria-describedby', tipId);
+
       this.setContent();
 
       if (this.config.animation) {
         tip.classList.add(CLASS_NAME_FADE$1);
       }
 
-      var placement = typeof this.config.placement === 'function' ? this.config.placement.call(this, tip, this.element) : this.config.placement;
+      var placement = typeof this.config.placement === 'function' ? this.config.placement.call(this, tip, this._element) : this.config.placement;
 
       var attachment = this._getAttachment(placement);
 
@@ -3487,17 +3506,25 @@ var Tooltip = /*#__PURE__*/function () {
 
       Data.setData(tip, this.constructor.DATA_KEY, this);
 
-      if (!this.element.ownerDocument.documentElement.contains(this.tip)) {
+      if (!this._element.ownerDocument.documentElement.contains(this.tip)) {
         container.appendChild(tip);
       }
 
-      EventHandler.trigger(this.element, this.constructor.Event.INSERTED);
-      this._popper = new Popper(this.element, tip, this._getPopperConfig(attachment));
-      tip.classList.add(CLASS_NAME_SHOW$3); // If this is a touch-enabled device we add extra
+      EventHandler.trigger(this._element, this.constructor.Event.INSERTED);
+      this._popper = new Popper(this._element, tip, this._getPopperConfig(attachment));
+      tip.classList.add(CLASS_NAME_SHOW$3);
+      var customClass = typeof this.config.customClass === 'function' ? this.config.customClass() : this.config.customClass;
+
+      if (customClass) {
+        var _tip$classList;
+
+        (_tip$classList = tip.classList).add.apply(_tip$classList, customClass.split(' '));
+      } // If this is a touch-enabled device we add extra
       // empty mouseover listeners to the body's immediate children;
       // only needed because of broken event delegation on iOS
       // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
 
+
       if ('ontouchstart' in document.documentElement) {
         var _ref;
 
@@ -3507,16 +3534,16 @@ var Tooltip = /*#__PURE__*/function () {
       }
 
       var complete = function complete() {
-        if (_this.config.animation) {
-          _this._fixTransition();
+        if (_this2.config.animation) {
+          _this2._fixTransition();
         }
 
-        var prevHoverState = _this._hoverState;
-        _this._hoverState = null;
-        EventHandler.trigger(_this.element, _this.constructor.Event.SHOWN);
+        var prevHoverState = _this2._hoverState;
+        _this2._hoverState = null;
+        EventHandler.trigger(_this2._element, _this2.constructor.Event.SHOWN);
 
         if (prevHoverState === HOVER_STATE_OUT) {
-          _this._leave(null, _this);
+          _this2._leave(null, _this2);
         }
       };
 
@@ -3531,7 +3558,7 @@ var Tooltip = /*#__PURE__*/function () {
   };
 
   _proto.hide = function hide() {
-    var _this2 = this;
+    var _this3 = this;
 
     if (!this._popper) {
       return;
@@ -3540,20 +3567,20 @@ var Tooltip = /*#__PURE__*/function () {
     var tip = this.getTipElement();
 
     var complete = function complete() {
-      if (_this2._hoverState !== HOVER_STATE_SHOW && tip.parentNode) {
+      if (_this3._hoverState !== HOVER_STATE_SHOW && tip.parentNode) {
         tip.parentNode.removeChild(tip);
       }
 
-      _this2._cleanTipClass();
+      _this3._cleanTipClass();
 
-      _this2.element.removeAttribute('aria-describedby');
+      _this3._element.removeAttribute('aria-describedby');
 
-      EventHandler.trigger(_this2.element, _this2.constructor.Event.HIDDEN);
+      EventHandler.trigger(_this3._element, _this3.constructor.Event.HIDDEN);
 
-      _this2._popper.destroy();
+      _this3._popper.destroy();
     };
 
-    var hideEvent = EventHandler.trigger(this.element, this.constructor.Event.HIDE);
+    var hideEvent = EventHandler.trigger(this._element, this.constructor.Event.HIDE);
 
     if (hideEvent.defaultPrevented) {
       return;
@@ -3648,10 +3675,10 @@ var Tooltip = /*#__PURE__*/function () {
   };
 
   _proto.getTitle = function getTitle() {
-    var title = this.element.getAttribute('data-bs-original-title');
+    var title = this._element.getAttribute('data-bs-original-title');
 
     if (!title) {
-      title = typeof this.config.title === 'function' ? this.config.title.call(this.element) : this.config.title;
+      title = typeof this.config.title === 'function' ? this.config.title.call(this._element) : this.config.title;
     }
 
     return title;
@@ -3659,7 +3686,7 @@ var Tooltip = /*#__PURE__*/function () {
   ;
 
   _proto._getPopperConfig = function _getPopperConfig(attachment) {
-    var _this3 = this;
+    var _this4 = this;
 
     var defaultBsConfig = {
       placement: attachment,
@@ -3677,11 +3704,11 @@ var Tooltip = /*#__PURE__*/function () {
       },
       onCreate: function onCreate(data) {
         if (data.originalPlacement !== data.placement) {
-          _this3._handlePopperPlacementChange(data);
+          _this4._handlePopperPlacementChange(data);
         }
       },
       onUpdate: function onUpdate(data) {
-        return _this3._handlePopperPlacementChange(data);
+        return _this4._handlePopperPlacementChange(data);
       }
     };
     return _extends({}, defaultBsConfig, this.config.popperConfig);
@@ -3692,13 +3719,13 @@ var Tooltip = /*#__PURE__*/function () {
   };
 
   _proto._getOffset = function _getOffset() {
-    var _this4 = this;
+    var _this5 = this;
 
     var offset = {};
 
     if (typeof this.config.offset === 'function') {
       offset.fn = function (data) {
-        data.offsets = _extends({}, data.offsets, _this4.config.offset(data.offsets, _this4.element) || {});
+        data.offsets = _extends({}, data.offsets, _this5.config.offset(data.offsets, _this5._element) || {});
         return data;
       };
     } else {
@@ -3725,33 +3752,33 @@ var Tooltip = /*#__PURE__*/function () {
   };
 
   _proto._setListeners = function _setListeners() {
-    var _this5 = this;
+    var _this6 = this;
 
     var triggers = this.config.trigger.split(' ');
     triggers.forEach(function (trigger) {
       if (trigger === 'click') {
-        EventHandler.on(_this5.element, _this5.constructor.Event.CLICK, _this5.config.selector, function (event) {
-          return _this5.toggle(event);
+        EventHandler.on(_this6._element, _this6.constructor.Event.CLICK, _this6.config.selector, function (event) {
+          return _this6.toggle(event);
         });
       } else if (trigger !== TRIGGER_MANUAL) {
-        var eventIn = trigger === TRIGGER_HOVER ? _this5.constructor.Event.MOUSEENTER : _this5.constructor.Event.FOCUSIN;
-        var eventOut = trigger === TRIGGER_HOVER ? _this5.constructor.Event.MOUSELEAVE : _this5.constructor.Event.FOCUSOUT;
-        EventHandler.on(_this5.element, eventIn, _this5.config.selector, function (event) {
-          return _this5._enter(event);
+        var eventIn = trigger === TRIGGER_HOVER ? _this6.constructor.Event.MOUSEENTER : _this6.constructor.Event.FOCUSIN;
+        var eventOut = trigger === TRIGGER_HOVER ? _this6.constructor.Event.MOUSELEAVE : _this6.constructor.Event.FOCUSOUT;
+        EventHandler.on(_this6._element, eventIn, _this6.config.selector, function (event) {
+          return _this6._enter(event);
         });
-        EventHandler.on(_this5.element, eventOut, _this5.config.selector, function (event) {
-          return _this5._leave(event);
+        EventHandler.on(_this6._element, eventOut, _this6.config.selector, function (event) {
+          return _this6._leave(event);
         });
       }
     });
 
     this._hideModalHandler = function () {
-      if (_this5.element) {
-        _this5.hide();
+      if (_this6._element) {
+        _this6.hide();
       }
     };
 
-    EventHandler.on(this.element.closest("." + CLASS_NAME_MODAL), 'hide.bs.modal', this._hideModalHandler);
+    EventHandler.on(this._element.closest("." + CLASS_NAME_MODAL), 'hide.bs.modal', this._hideModalHandler);
 
     if (this.config.selector) {
       this.config = _extends({}, this.config, {
@@ -3764,12 +3791,18 @@ var Tooltip = /*#__PURE__*/function () {
   };
 
   _proto._fixTitle = function _fixTitle() {
-    var title = this.element.getAttribute('title');
-    var originalTitleType = typeof this.element.getAttribute('data-bs-original-title');
+    var title = this._element.getAttribute('title');
+
+    var originalTitleType = typeof this._element.getAttribute('data-bs-original-title');
 
     if (title || originalTitleType !== 'string') {
-      this.element.setAttribute('data-bs-original-title', title || '');
-      this.element.setAttribute('title', '');
+      this._element.setAttribute('data-bs-original-title', title || '');
+
+      if (title && !this._element.getAttribute('aria-label') && !this._element.textContent) {
+        this._element.setAttribute('aria-label', title);
+      }
+
+      this._element.setAttribute('title', '');
     }
   };
 
@@ -3849,7 +3882,7 @@ var Tooltip = /*#__PURE__*/function () {
   };
 
   _proto._getConfig = function _getConfig(config) {
-    var dataAttributes = Manipulator.getDataAttributes(this.element);
+    var dataAttributes = Manipulator.getDataAttributes(this._element);
     Object.keys(dataAttributes).forEach(function (dataAttr) {
       if (DISALLOWED_ATTRIBUTES.has(dataAttr)) {
         delete dataAttributes[dataAttr];
@@ -3961,16 +3994,7 @@ var Tooltip = /*#__PURE__*/function () {
     });
   };
 
-  Tooltip.getInstance = function getInstance(element) {
-    return Data.getData(element, DATA_KEY$6);
-  };
-
   _createClass(Tooltip, null, [{
-    key: "VERSION",
-    get: function get() {
-      return VERSION$6;
-    }
-  }, {
     key: "Default",
     get: function get() {
       return Default$4;
@@ -4003,7 +4027,7 @@ var Tooltip = /*#__PURE__*/function () {
   }]);
 
   return Tooltip;
-}();
+}(BaseComponent);
 /**
  * ------------------------------------------------------------------------
  * jQuery
@@ -4035,7 +4059,6 @@ onDOMContentLoaded(function () {
  */
 
 var NAME$7 = 'popover';
-var VERSION$7 = '5.0.0-alpha3';
 var DATA_KEY$7 = 'bs.popover';
 var EVENT_KEY$7 = "." + DATA_KEY$7;
 var CLASS_PREFIX$1 = 'bs-popover';
@@ -4045,7 +4068,7 @@ var Default$5 = _extends({}, Tooltip.Default, {
   placement: 'right',
   trigger: 'click',
   content: '',
-  template: '<div class="popover" role="tooltip">' + '<div class="popover-arrow"></div>' + '<h3 class="popover-header"></h3>' + '<div class="popover-body"></div></div>'
+  template: '<div class="popover" role="tooltip">' + '<div class="popover-arrow"></div>' + '<h3 class="popover-header"></h3>' + '<div class="popover-body"></div>' + '</div>'
 });
 
 var DefaultType$5 = _extends({}, Tooltip.DefaultType, {
@@ -4096,7 +4119,7 @@ var Popover = /*#__PURE__*/function (_Tooltip) {
     var content = this._getContent();
 
     if (typeof content === 'function') {
-      content = content.call(this.element);
+      content = content.call(this._element);
     }
 
     this.setElementContent(SelectorEngine.findOne(SELECTOR_CONTENT, tip), content);
@@ -4109,7 +4132,7 @@ var Popover = /*#__PURE__*/function (_Tooltip) {
   };
 
   _proto._getContent = function _getContent() {
-    return this.element.getAttribute('data-bs-content') || this.config.content;
+    return this._element.getAttribute('data-bs-content') || this.config.content;
   };
 
   _proto._cleanTipClass = function _cleanTipClass() {
@@ -4151,18 +4174,9 @@ var Popover = /*#__PURE__*/function (_Tooltip) {
     });
   };
 
-  Popover.getInstance = function getInstance(element) {
-    return Data.getData(element, DATA_KEY$7);
-  };
-
   _createClass(Popover, null, [{
-    key: "VERSION",
-    // Getters
-    get: function get() {
-      return VERSION$7;
-    }
-  }, {
     key: "Default",
+    // Getters
     get: function get() {
       return Default$5;
     }
@@ -4226,7 +4240,6 @@ onDOMContentLoaded(function () {
  */
 
 var NAME$8 = 'scrollspy';
-var VERSION$8 = '5.0.0-alpha3';
 var DATA_KEY$8 = 'bs.scrollspy';
 var EVENT_KEY$8 = "." + DATA_KEY$8;
 var DATA_API_KEY$6 = '.data-api';
@@ -4260,26 +4273,29 @@ var METHOD_POSITION = 'position';
  * ------------------------------------------------------------------------
  */
 
-var ScrollSpy = /*#__PURE__*/function () {
-  function ScrollSpy(element, config) {
-    var _this = this;
+var ScrollSpy = /*#__PURE__*/function (_BaseComponent) {
+  _inheritsLoose(ScrollSpy, _BaseComponent);
 
-    this._element = element;
-    this._scrollElement = element.tagName === 'BODY' ? window : element;
-    this._config = this._getConfig(config);
-    this._selector = this._config.target + " " + SELECTOR_NAV_LINKS + ", " + this._config.target + " " + SELECTOR_LIST_ITEMS + ", " + this._config.target + " ." + CLASS_NAME_DROPDOWN_ITEM;
-    this._offsets = [];
-    this._targets = [];
-    this._activeTarget = null;
-    this._scrollHeight = 0;
-    EventHandler.on(this._scrollElement, EVENT_SCROLL, function (event) {
+  function ScrollSpy(element, config) {
+    var _this;
+
+    _this = _BaseComponent.call(this, element) || this;
+    _this._scrollElement = element.tagName === 'BODY' ? window : element;
+    _this._config = _this._getConfig(config);
+    _this._selector = _this._config.target + " " + SELECTOR_NAV_LINKS + ", " + _this._config.target + " " + SELECTOR_LIST_ITEMS + ", " + _this._config.target + " ." + CLASS_NAME_DROPDOWN_ITEM;
+    _this._offsets = [];
+    _this._targets = [];
+    _this._activeTarget = null;
+    _this._scrollHeight = 0;
+    EventHandler.on(_this._scrollElement, EVENT_SCROLL, function (event) {
       return _this._process(event);
     });
-    this.refresh();
 
-    this._process();
+    _this.refresh();
+
+    _this._process();
 
-    Data.setData(element, DATA_KEY$8, this);
+    return _this;
   } // Getters
 
 
@@ -4321,9 +4337,9 @@ var ScrollSpy = /*#__PURE__*/function () {
   };
 
   _proto.dispose = function dispose() {
-    Data.removeData(this._element, DATA_KEY$8);
+    _BaseComponent.prototype.dispose.call(this);
+
     EventHandler.off(this._scrollElement, EVENT_KEY$8);
-    this._element = null;
     this._scrollElement = null;
     this._config = null;
     this._selector = null;
@@ -4468,24 +4484,20 @@ var ScrollSpy = /*#__PURE__*/function () {
     });
   };
 
-  ScrollSpy.getInstance = function getInstance(element) {
-    return Data.getData(element, DATA_KEY$8);
-  };
-
   _createClass(ScrollSpy, null, [{
-    key: "VERSION",
+    key: "Default",
     get: function get() {
-      return VERSION$8;
+      return Default$6;
     }
   }, {
-    key: "Default",
+    key: "DATA_KEY",
     get: function get() {
-      return Default$6;
+      return DATA_KEY$8;
     }
   }]);
 
   return ScrollSpy;
-}();
+}(BaseComponent);
 /**
  * ------------------------------------------------------------------------
  * Data Api implementation
@@ -4528,7 +4540,6 @@ onDOMContentLoaded(function () {
  */
 
 var NAME$9 = 'tab';
-var VERSION$9 = '5.0.0-alpha3';
 var DATA_KEY$9 = 'bs.tab';
 var EVENT_KEY$9 = "." + DATA_KEY$9;
 var DATA_API_KEY$7 = '.data-api';
@@ -4555,12 +4566,12 @@ var SELECTOR_DROPDOWN_ACTIVE_CHILD = ':scope > .dropdown-menu .active';
  * ------------------------------------------------------------------------
  */
 
-var Tab = /*#__PURE__*/function () {
-  function Tab(element) {
-    this._element = element;
-    Data.setData(this._element, DATA_KEY$9, this);
-  } // Getters
+var Tab = /*#__PURE__*/function (_BaseComponent) {
+  _inheritsLoose(Tab, _BaseComponent);
 
+  function Tab() {
+    return _BaseComponent.apply(this, arguments) || this;
+  }
 
   var _proto = Tab.prototype;
 
@@ -4615,11 +4626,6 @@ var Tab = /*#__PURE__*/function () {
     } else {
       complete();
     }
-  };
-
-  _proto.dispose = function dispose() {
-    Data.removeData(this._element, DATA_KEY$9);
-    this._element = null;
   } // Private
   ;
 
@@ -4702,19 +4708,16 @@ var Tab = /*#__PURE__*/function () {
     });
   };
 
-  Tab.getInstance = function getInstance(element) {
-    return Data.getData(element, DATA_KEY$9);
-  };
-
   _createClass(Tab, null, [{
-    key: "VERSION",
+    key: "DATA_KEY",
+    // Getters
     get: function get() {
-      return VERSION$9;
+      return DATA_KEY$9;
     }
   }]);
 
   return Tab;
-}();
+}(BaseComponent);
 /**
  * ------------------------------------------------------------------------
  * Data Api implementation
@@ -4757,7 +4760,6 @@ onDOMContentLoaded(function () {
  */
 
 var NAME$a = 'toast';
-var VERSION$a = '5.0.0-alpha3';
 var DATA_KEY$a = 'bs.toast';
 var EVENT_KEY$a = "." + DATA_KEY$a;
 var EVENT_CLICK_DISMISS$1 = "click.dismiss" + EVENT_KEY$a;
@@ -4786,15 +4788,19 @@ var SELECTOR_DATA_DISMISS$1 = '[data-bs-dismiss="toast"]';
  * ------------------------------------------------------------------------
  */
 
-var Toast = /*#__PURE__*/function () {
+var Toast = /*#__PURE__*/function (_BaseComponent) {
+  _inheritsLoose(Toast, _BaseComponent);
+
   function Toast(element, config) {
-    this._element = element;
-    this._config = this._getConfig(config);
-    this._timeout = null;
+    var _this;
 
-    this._setListeners();
+    _this = _BaseComponent.call(this, element) || this;
+    _this._config = _this._getConfig(config);
+    _this._timeout = null;
 
-    Data.setData(element, DATA_KEY$a, this);
+    _this._setListeners();
+
+    return _this;
   } // Getters
 
 
@@ -4802,7 +4808,7 @@ var Toast = /*#__PURE__*/function () {
 
   // Public
   _proto.show = function show() {
-    var _this = this;
+    var _this2 = this;
 
     var showEvent = EventHandler.trigger(this._element, EVENT_SHOW$4);
 
@@ -4817,16 +4823,16 @@ var Toast = /*#__PURE__*/function () {
     }
 
     var complete = function complete() {
-      _this._element.classList.remove(CLASS_NAME_SHOWING);
+      _this2._element.classList.remove(CLASS_NAME_SHOWING);
 
-      _this._element.classList.add(CLASS_NAME_SHOW$6);
+      _this2._element.classList.add(CLASS_NAME_SHOW$6);
 
-      EventHandler.trigger(_this._element, EVENT_SHOWN$4);
+      EventHandler.trigger(_this2._element, EVENT_SHOWN$4);
 
-      if (_this._config.autohide) {
-        _this._timeout = setTimeout(function () {
-          _this.hide();
-        }, _this._config.delay);
+      if (_this2._config.autohide) {
+        _this2._timeout = setTimeout(function () {
+          _this2.hide();
+        }, _this2._config.delay);
       }
     };
 
@@ -4846,7 +4852,7 @@ var Toast = /*#__PURE__*/function () {
   };
 
   _proto.hide = function hide() {
-    var _this2 = this;
+    var _this3 = this;
 
     if (!this._element.classList.contains(CLASS_NAME_SHOW$6)) {
       return;
@@ -4859,9 +4865,9 @@ var Toast = /*#__PURE__*/function () {
     }
 
     var complete = function complete() {
-      _this2._element.classList.add(CLASS_NAME_HIDE);
+      _this3._element.classList.add(CLASS_NAME_HIDE);
 
-      EventHandler.trigger(_this2._element, EVENT_HIDDEN$4);
+      EventHandler.trigger(_this3._element, EVENT_HIDDEN$4);
     };
 
     this._element.classList.remove(CLASS_NAME_SHOW$6);
@@ -4883,8 +4889,9 @@ var Toast = /*#__PURE__*/function () {
     }
 
     EventHandler.off(this._element, EVENT_CLICK_DISMISS$1);
-    Data.removeData(this._element, DATA_KEY$a);
-    this._element = null;
+
+    _BaseComponent.prototype.dispose.call(this);
+
     this._config = null;
   } // Private
   ;
@@ -4896,10 +4903,10 @@ var Toast = /*#__PURE__*/function () {
   };
 
   _proto._setListeners = function _setListeners() {
-    var _this3 = this;
+    var _this4 = this;
 
     EventHandler.on(this._element, EVENT_CLICK_DISMISS$1, SELECTOR_DATA_DISMISS$1, function () {
-      return _this3.hide();
+      return _this4.hide();
     });
   };
 
@@ -4929,16 +4936,7 @@ var Toast = /*#__PURE__*/function () {
     });
   };
 
-  Toast.getInstance = function getInstance(element) {
-    return Data.getData(element, DATA_KEY$a);
-  };
-
   _createClass(Toast, null, [{
-    key: "VERSION",
-    get: function get() {
-      return VERSION$a;
-    }
-  }, {
     key: "DefaultType",
     get: function get() {
       return DefaultType$7;
@@ -4948,10 +4946,15 @@ var Toast = /*#__PURE__*/function () {
     get: function get() {
       return Default$7;
     }
+  }, {
+    key: "DATA_KEY",
+    get: function get() {
+      return DATA_KEY$a;
+    }
   }]);
 
   return Toast;
-}();
+}(BaseComponent);
 /**
  * ------------------------------------------------------------------------
  * jQuery