@openeuropa/bcl-theme-joinup 1.0.0 → 1.1.0

package/js/oe-bcl-joinup.umd.js

@@ -551,7 +551,7 @@
    * --------------------------------------------------------------------------
    */
 
-  function normalizeData(value) {
+  function normalizeData$1(value) {
     if (value === 'true') {
       return true;
     }
@@ -573,15 +573,15 @@
       return value;
     }
   }
-  function normalizeDataKey(key) {
+  function normalizeDataKey$1(key) {
     return key.replace(/[A-Z]/g, chr => `-${chr.toLowerCase()}`);
   }
-  const Manipulator = {
+  const Manipulator$1 = {
     setDataAttribute(element, key, value) {
-      element.setAttribute(`data-bs-${normalizeDataKey(key)}`, value);
+      element.setAttribute(`data-bs-${normalizeDataKey$1(key)}`, value);
     },
     removeDataAttribute(element, key) {
-      element.removeAttribute(`data-bs-${normalizeDataKey(key)}`);
+      element.removeAttribute(`data-bs-${normalizeDataKey$1(key)}`);
     },
     getDataAttributes(element) {
       if (!element) {
@@ -592,12 +592,12 @@
       for (const key of bsKeys) {
         let pureKey = key.replace(/^bs/, '');
         pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length);
-        attributes[pureKey] = normalizeData(element.dataset[key]);
+        attributes[pureKey] = normalizeData$1(element.dataset[key]);
       }
       return attributes;
     },
     getDataAttribute(element, key) {
-      return normalizeData(element.getAttribute(`data-bs-${normalizeDataKey(key)}`));
+      return normalizeData$1(element.getAttribute(`data-bs-${normalizeDataKey$1(key)}`));
     }
   };
 
@@ -633,12 +633,12 @@
       return config;
     }
     _mergeConfigObj(config, element) {
-      const jsonConfig = isElement$1(element) ? Manipulator.getDataAttribute(element, 'config') : {}; // try to parse
+      const jsonConfig = isElement$1(element) ? Manipulator$1.getDataAttribute(element, 'config') : {}; // try to parse
 
       return {
         ...this.constructor.Default,
         ...(typeof jsonConfig === 'object' ? jsonConfig : {}),
-        ...(isElement$1(element) ? Manipulator.getDataAttributes(element) : {}),
+        ...(isElement$1(element) ? Manipulator$1.getDataAttributes(element) : {}),
         ...(typeof config === 'object' ? config : {})
       };
     }
@@ -757,11 +757,11 @@
    * Constants
    */
 
-  const NAME$g = 'alert';
-  const DATA_KEY$b = 'bs.alert';
-  const EVENT_KEY$c = `.${DATA_KEY$b}`;
-  const EVENT_CLOSE = `close${EVENT_KEY$c}`;
-  const EVENT_CLOSED = `closed${EVENT_KEY$c}`;
+  const NAME$h = 'alert';
+  const DATA_KEY$c = 'bs.alert';
+  const EVENT_KEY$d = `.${DATA_KEY$c}`;
+  const EVENT_CLOSE = `close${EVENT_KEY$d}`;
+  const EVENT_CLOSED = `closed${EVENT_KEY$d}`;
   const CLASS_NAME_FADE$5 = 'fade';
   const CLASS_NAME_SHOW$8 = 'show';
 
@@ -772,7 +772,7 @@
   class Alert extends BaseComponent {
     // Getters
     static get NAME() {
-      return NAME$g;
+      return NAME$h;
     }
 
     // Public
@@ -831,13 +831,13 @@
    * Constants
    */
 
-  const NAME$f = 'button';
-  const DATA_KEY$a = 'bs.button';
-  const EVENT_KEY$b = `.${DATA_KEY$a}`;
-  const DATA_API_KEY$7 = '.data-api';
-  const CLASS_NAME_ACTIVE$3 = 'active';
+  const NAME$g = 'button';
+  const DATA_KEY$b = 'bs.button';
+  const EVENT_KEY$c = `.${DATA_KEY$b}`;
+  const DATA_API_KEY$8 = '.data-api';
+  const CLASS_NAME_ACTIVE$4 = 'active';
   const SELECTOR_DATA_TOGGLE$5 = '[data-bs-toggle="button"]';
-  const EVENT_CLICK_DATA_API$7 = `click${EVENT_KEY$b}${DATA_API_KEY$7}`;
+  const EVENT_CLICK_DATA_API$7 = `click${EVENT_KEY$c}${DATA_API_KEY$8}`;
 
   /**
    * Class definition
@@ -846,13 +846,13 @@
   class Button extends BaseComponent {
     // Getters
     static get NAME() {
-      return NAME$f;
+      return NAME$g;
     }
 
     // Public
     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$3));
+      this._element.setAttribute('aria-pressed', this._element.classList.toggle(CLASS_NAME_ACTIVE$4));
     }
 
     // Static
@@ -951,18 +951,18 @@
    * Constants
    */
 
-  const NAME$e = 'swipe';
-  const EVENT_KEY$a = '.bs.swipe';
-  const EVENT_TOUCHSTART = `touchstart${EVENT_KEY$a}`;
-  const EVENT_TOUCHMOVE = `touchmove${EVENT_KEY$a}`;
-  const EVENT_TOUCHEND = `touchend${EVENT_KEY$a}`;
-  const EVENT_POINTERDOWN = `pointerdown${EVENT_KEY$a}`;
-  const EVENT_POINTERUP = `pointerup${EVENT_KEY$a}`;
+  const NAME$f = 'swipe';
+  const EVENT_KEY$b = '.bs.swipe';
+  const EVENT_TOUCHSTART = `touchstart${EVENT_KEY$b}`;
+  const EVENT_TOUCHMOVE = `touchmove${EVENT_KEY$b}`;
+  const EVENT_TOUCHEND = `touchend${EVENT_KEY$b}`;
+  const EVENT_POINTERDOWN = `pointerdown${EVENT_KEY$b}`;
+  const EVENT_POINTERUP = `pointerup${EVENT_KEY$b}`;
   const POINTER_TYPE_TOUCH = 'touch';
   const POINTER_TYPE_PEN = 'pen';
   const CLASS_NAME_POINTER_EVENT = 'pointer-event';
   const SWIPE_THRESHOLD = 40;
-  const Default$d = {
+  const Default$e = {
     endCallback: null,
     leftCallback: null,
     rightCallback: null
@@ -992,18 +992,18 @@
 
     // Getters
     static get Default() {
-      return Default$d;
+      return Default$e;
     }
     static get DefaultType() {
       return DefaultType$c;
     }
     static get NAME() {
-      return NAME$e;
+      return NAME$f;
     }
 
     // Public
     dispose() {
-      EventHandler.off(this._element, EVENT_KEY$a);
+      EventHandler.off(this._element, EVENT_KEY$b);
     }
 
     // Private
@@ -1070,10 +1070,10 @@
    * Constants
    */
 
-  const NAME$d = 'carousel';
-  const DATA_KEY$9 = 'bs.carousel';
-  const EVENT_KEY$9 = `.${DATA_KEY$9}`;
-  const DATA_API_KEY$6 = '.data-api';
+  const NAME$e = 'carousel';
+  const DATA_KEY$a = 'bs.carousel';
+  const EVENT_KEY$a = `.${DATA_KEY$a}`;
+  const DATA_API_KEY$7 = '.data-api';
   const ARROW_LEFT_KEY$1 = 'ArrowLeft';
   const ARROW_RIGHT_KEY$1 = 'ArrowRight';
   const TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch
@@ -1082,16 +1082,16 @@
   const ORDER_PREV = 'prev';
   const DIRECTION_LEFT = 'left';
   const DIRECTION_RIGHT = 'right';
-  const EVENT_SLIDE = `slide${EVENT_KEY$9}`;
-  const EVENT_SLID = `slid${EVENT_KEY$9}`;
-  const EVENT_KEYDOWN$1 = `keydown${EVENT_KEY$9}`;
-  const EVENT_MOUSEENTER$1 = `mouseenter${EVENT_KEY$9}`;
-  const EVENT_MOUSELEAVE$1 = `mouseleave${EVENT_KEY$9}`;
-  const EVENT_DRAG_START = `dragstart${EVENT_KEY$9}`;
-  const EVENT_LOAD_DATA_API$3 = `load${EVENT_KEY$9}${DATA_API_KEY$6}`;
-  const EVENT_CLICK_DATA_API$6 = `click${EVENT_KEY$9}${DATA_API_KEY$6}`;
+  const EVENT_SLIDE = `slide${EVENT_KEY$a}`;
+  const EVENT_SLID = `slid${EVENT_KEY$a}`;
+  const EVENT_KEYDOWN$1 = `keydown${EVENT_KEY$a}`;
+  const EVENT_MOUSEENTER$1 = `mouseenter${EVENT_KEY$a}`;
+  const EVENT_MOUSELEAVE$1 = `mouseleave${EVENT_KEY$a}`;
+  const EVENT_DRAG_START = `dragstart${EVENT_KEY$a}`;
+  const EVENT_LOAD_DATA_API$4 = `load${EVENT_KEY$a}${DATA_API_KEY$7}`;
+  const EVENT_CLICK_DATA_API$6 = `click${EVENT_KEY$a}${DATA_API_KEY$7}`;
   const CLASS_NAME_CAROUSEL = 'carousel';
-  const CLASS_NAME_ACTIVE$2 = 'active';
+  const CLASS_NAME_ACTIVE$3 = 'active';
   const CLASS_NAME_SLIDE = 'slide';
   const CLASS_NAME_END = 'carousel-item-end';
   const CLASS_NAME_START = 'carousel-item-start';
@@ -1108,7 +1108,7 @@
     [ARROW_LEFT_KEY$1]: DIRECTION_RIGHT,
     [ARROW_RIGHT_KEY$1]: DIRECTION_LEFT
   };
-  const Default$c = {
+  const Default$d = {
     interval: 5000,
     keyboard: true,
     pause: 'hover',
@@ -1147,13 +1147,13 @@
 
     // Getters
     static get Default() {
-      return Default$c;
+      return Default$d;
     }
     static get DefaultType() {
       return DefaultType$b;
     }
     static get NAME() {
-      return NAME$d;
+      return NAME$e;
     }
 
     // Public
@@ -1280,11 +1280,11 @@
         return;
       }
       const activeIndicator = SelectorEngine.findOne(SELECTOR_ACTIVE, this._indicatorsElement);
-      activeIndicator.classList.remove(CLASS_NAME_ACTIVE$2);
+      activeIndicator.classList.remove(CLASS_NAME_ACTIVE$3);
       activeIndicator.removeAttribute('aria-current');
       const newActiveIndicator = SelectorEngine.findOne(`[data-bs-slide-to="${index}"]`, this._indicatorsElement);
       if (newActiveIndicator) {
-        newActiveIndicator.classList.add(CLASS_NAME_ACTIVE$2);
+        newActiveIndicator.classList.add(CLASS_NAME_ACTIVE$3);
         newActiveIndicator.setAttribute('aria-current', 'true');
       }
     }
@@ -1337,8 +1337,8 @@
       nextElement.classList.add(directionalClassName);
       const completeCallBack = () => {
         nextElement.classList.remove(directionalClassName, orderClassName);
-        nextElement.classList.add(CLASS_NAME_ACTIVE$2);
-        activeElement.classList.remove(CLASS_NAME_ACTIVE$2, orderClassName, directionalClassName);
+        nextElement.classList.add(CLASS_NAME_ACTIVE$3);
+        activeElement.classList.remove(CLASS_NAME_ACTIVE$3, orderClassName, directionalClassName);
         this._isSliding = false;
         triggerEvent(EVENT_SLID);
       };
@@ -1410,7 +1410,7 @@
       carousel._maybeEnableCycle();
       return;
     }
-    if (Manipulator.getDataAttribute(this, 'slide') === 'next') {
+    if (Manipulator$1.getDataAttribute(this, 'slide') === 'next') {
       carousel.next();
       carousel._maybeEnableCycle();
       return;
@@ -1418,7 +1418,7 @@
     carousel.prev();
     carousel._maybeEnableCycle();
   });
-  EventHandler.on(window, EVENT_LOAD_DATA_API$3, () => {
+  EventHandler.on(window, EVENT_LOAD_DATA_API$4, () => {
     const carousels = SelectorEngine.find(SELECTOR_DATA_RIDE);
     for (const carousel of carousels) {
       Carousel.getOrCreateInstance(carousel);
@@ -1442,15 +1442,15 @@
    * Constants
    */
 
-  const NAME$c = 'collapse';
-  const DATA_KEY$8 = 'bs.collapse';
-  const EVENT_KEY$8 = `.${DATA_KEY$8}`;
-  const DATA_API_KEY$5 = '.data-api';
-  const EVENT_SHOW$6 = `show${EVENT_KEY$8}`;
-  const EVENT_SHOWN$6 = `shown${EVENT_KEY$8}`;
-  const EVENT_HIDE$6 = `hide${EVENT_KEY$8}`;
-  const EVENT_HIDDEN$6 = `hidden${EVENT_KEY$8}`;
-  const EVENT_CLICK_DATA_API$5 = `click${EVENT_KEY$8}${DATA_API_KEY$5}`;
+  const NAME$d = 'collapse';
+  const DATA_KEY$9 = 'bs.collapse';
+  const EVENT_KEY$9 = `.${DATA_KEY$9}`;
+  const DATA_API_KEY$6 = '.data-api';
+  const EVENT_SHOW$6 = `show${EVENT_KEY$9}`;
+  const EVENT_SHOWN$6 = `shown${EVENT_KEY$9}`;
+  const EVENT_HIDE$6 = `hide${EVENT_KEY$9}`;
+  const EVENT_HIDDEN$6 = `hidden${EVENT_KEY$9}`;
+  const EVENT_CLICK_DATA_API$5 = `click${EVENT_KEY$9}${DATA_API_KEY$6}`;
   const CLASS_NAME_SHOW$7 = 'show';
   const CLASS_NAME_COLLAPSE = 'collapse';
   const CLASS_NAME_COLLAPSING = 'collapsing';
@@ -1461,7 +1461,7 @@
   const HEIGHT = 'height';
   const SELECTOR_ACTIVES = '.collapse.show, .collapse.collapsing';
   const SELECTOR_DATA_TOGGLE$4 = '[data-bs-toggle="collapse"]';
-  const Default$b = {
+  const Default$c = {
     parent: null,
     toggle: true
   };
@@ -1498,13 +1498,13 @@
 
     // Getters
     static get Default() {
-      return Default$b;
+      return Default$c;
     }
     static get DefaultType() {
       return DefaultType$a;
     }
     static get NAME() {
-      return NAME$c;
+      return NAME$d;
     }
 
     // Public
@@ -1816,7 +1816,7 @@
 
   function getUAString() {
     var uaData = navigator.userAgentData;
-    if (uaData != null && uaData.brands) {
+    if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
       return uaData.brands.map(function (item) {
         return item.brand + "/" + item.version;
       }).join(' ');
@@ -2111,10 +2111,9 @@
   // Zooming can change the DPR, but it seems to report a value that will
   // cleanly divide the values into the appropriate subpixels.
 
-  function roundOffsetsByDPR(_ref) {
+  function roundOffsetsByDPR(_ref, win) {
     var x = _ref.x,
       y = _ref.y;
-    var win = window;
     var dpr = win.devicePixelRatio || 1;
     return {
       x: round(x * dpr) / dpr || 0,
@@ -2187,7 +2186,7 @@
     var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
       x: x,
       y: y
-    }) : {
+    }, getWindow(popper)) : {
       x: x,
       y: y
     };
@@ -3492,23 +3491,23 @@
    * Constants
    */
 
-  const NAME$b = 'dropdown';
-  const DATA_KEY$7 = 'bs.dropdown';
-  const EVENT_KEY$7 = `.${DATA_KEY$7}`;
-  const DATA_API_KEY$4 = '.data-api';
+  const NAME$c = 'dropdown';
+  const DATA_KEY$8 = 'bs.dropdown';
+  const EVENT_KEY$8 = `.${DATA_KEY$8}`;
+  const DATA_API_KEY$5 = '.data-api';
   const ESCAPE_KEY$2 = 'Escape';
   const TAB_KEY$1 = 'Tab';
   const ARROW_UP_KEY$1 = 'ArrowUp';
   const ARROW_DOWN_KEY$1 = 'ArrowDown';
   const RIGHT_MOUSE_BUTTON = 2; // MouseEvent.button value for the secondary button, usually the right button
 
-  const EVENT_HIDE$5 = `hide${EVENT_KEY$7}`;
-  const EVENT_HIDDEN$5 = `hidden${EVENT_KEY$7}`;
-  const EVENT_SHOW$5 = `show${EVENT_KEY$7}`;
-  const EVENT_SHOWN$5 = `shown${EVENT_KEY$7}`;
-  const EVENT_CLICK_DATA_API$4 = `click${EVENT_KEY$7}${DATA_API_KEY$4}`;
-  const EVENT_KEYDOWN_DATA_API = `keydown${EVENT_KEY$7}${DATA_API_KEY$4}`;
-  const EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY$7}${DATA_API_KEY$4}`;
+  const EVENT_HIDE$5 = `hide${EVENT_KEY$8}`;
+  const EVENT_HIDDEN$5 = `hidden${EVENT_KEY$8}`;
+  const EVENT_SHOW$5 = `show${EVENT_KEY$8}`;
+  const EVENT_SHOWN$5 = `shown${EVENT_KEY$8}`;
+  const EVENT_CLICK_DATA_API$4 = `click${EVENT_KEY$8}${DATA_API_KEY$5}`;
+  const EVENT_KEYDOWN_DATA_API = `keydown${EVENT_KEY$8}${DATA_API_KEY$5}`;
+  const EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY$8}${DATA_API_KEY$5}`;
   const CLASS_NAME_SHOW$6 = 'show';
   const CLASS_NAME_DROPUP = 'dropup';
   const CLASS_NAME_DROPEND = 'dropend';
@@ -3529,7 +3528,7 @@
   const PLACEMENT_LEFT = isRTL() ? 'right-start' : 'left-start';
   const PLACEMENT_TOPCENTER = 'top';
   const PLACEMENT_BOTTOMCENTER = 'bottom';
-  const Default$a = {
+  const Default$b = {
     autoClose: true,
     boundary: 'clippingParents',
     display: 'dynamic',
@@ -3562,13 +3561,13 @@
 
     // Getters
     static get Default() {
-      return Default$a;
+      return Default$b;
     }
     static get DefaultType() {
       return DefaultType$9;
     }
     static get NAME() {
-      return NAME$b;
+      return NAME$c;
     }
 
     // Public
@@ -3645,14 +3644,14 @@
       this._menu.classList.remove(CLASS_NAME_SHOW$6);
       this._element.classList.remove(CLASS_NAME_SHOW$6);
       this._element.setAttribute('aria-expanded', 'false');
-      Manipulator.removeDataAttribute(this._menu, 'popper');
+      Manipulator$1.removeDataAttribute(this._menu, 'popper');
       EventHandler.trigger(this._element, EVENT_HIDDEN$5, relatedTarget);
     }
     _getConfig(config) {
       config = super._getConfig(config);
       if (typeof config.reference === 'object' && !isElement$1(config.reference) && typeof config.reference.getBoundingClientRect !== 'function') {
         // Popper virtual elements require a getBoundingClientRect method
-        throw new TypeError(`${NAME$b.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`);
+        throw new TypeError(`${NAME$c.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`);
       }
       return config;
     }
@@ -3729,7 +3728,7 @@
 
       // Disable Popper if we have a static display or Dropdown is in Navbar
       if (this._inNavbar || this._config.display === 'static') {
-        Manipulator.setDataAttribute(this._menu, 'popper', 'static'); // todo:v6 remove
+        Manipulator$1.setDataAttribute(this._menu, 'popper', 'static'); // todo:v6 remove
         defaultBsPopperConfig.modifiers = [{
           name: 'applyStyles',
           enabled: false
@@ -3861,11 +3860,11 @@
    * ------------------------------------------------------------------------
    */
 
-  const Default$9 = {};
-  const NAME$a = 'gallery';
-  const DATA_KEY$6 = 'bs.gallery';
-  const EVENT_KEY$6 = `.${DATA_KEY$6}`;
-  const DATA_API_KEY$3 = '.data-api';
+  const Default$a = {};
+  const NAME$b = 'gallery';
+  const DATA_KEY$7 = 'bs.gallery';
+  const EVENT_KEY$7 = `.${DATA_KEY$7}`;
+  const DATA_API_KEY$4 = '.data-api';
   const CAROUSEL_SELECTOR = '.carousel';
   const CAROUSEL_PAGER_SELECTOR = '.carousel-pager span';
   const CAROUSEL_ACTIVE_SELECTOR = '.carousel-item.active';
@@ -3874,7 +3873,7 @@
   const MODAL_SELECTOR = '.modal';
   const EVENT_MODAL_HIDE$1 = 'hide.bs.modal';
   const CAROUSEL_EVENT = 'slide.bs.carousel';
-  const EVENT_CLICK_DATA_API$3 = `click${EVENT_KEY$6}${DATA_API_KEY$3}`;
+  const EVENT_CLICK_DATA_API$3 = `click${EVENT_KEY$7}${DATA_API_KEY$4}`;
 
   /**
    * ------------------------------------------------------------------------
@@ -3885,19 +3884,20 @@
   class Gallery extends BaseComponent {
     constructor(element, config) {
       super(element, config);
-      this.carousel = SelectorEngine.findOne(CAROUSEL_SELECTOR, this.element);
-      this.carouselPager = SelectorEngine.findOne(CAROUSEL_PAGER_SELECTOR, this.element);
+      /* eslint no-underscore-dangle: ["error", { "allow": ["_element"] }] */
+      this.carousel = SelectorEngine.findOne(CAROUSEL_SELECTOR, this._element);
+      this.carouselPager = SelectorEngine.findOne(CAROUSEL_PAGER_SELECTOR, this._element);
       this.carouselStartIndex = element.getAttribute('data-gallery-start');
       this.carouselActiveItem = SelectorEngine.find(CAROUSEL_ITEM_SELECTOR, this.carousel)[this.carouselStartIndex];
       this.carouselPager.textContent = Number(this.carouselStartIndex) + 1;
-      this.modal = SelectorEngine.findOne(MODAL_SELECTOR, this.element);
+      this.modal = SelectorEngine.findOne(MODAL_SELECTOR, this._element);
       this.addEventListeners();
       this.carouselLazyLoad(this.carouselActiveItem);
     }
 
     // Getters
     static get NAME() {
-      return NAME$a;
+      return NAME$b;
     }
 
     // Public
@@ -3939,7 +3939,7 @@
 
     // Static
     static get Default() {
-      return Default$9;
+      return Default$a;
     }
     static jQueryInterface(config) {
       return this.each(function jInterface() {
@@ -4047,18 +4047,18 @@
     _saveInitialAttribute(element, styleProperty) {
       const actualValue = element.style.getPropertyValue(styleProperty);
       if (actualValue) {
-        Manipulator.setDataAttribute(element, styleProperty, actualValue);
+        Manipulator$1.setDataAttribute(element, styleProperty, actualValue);
       }
     }
     _resetElementAttributes(selector, styleProperty) {
       const manipulationCallBack = element => {
-        const value = Manipulator.getDataAttribute(element, styleProperty);
+        const value = Manipulator$1.getDataAttribute(element, styleProperty);
         // We only want to remove the property if the value is `null`; the value can also be zero
         if (value === null) {
           element.style.removeProperty(styleProperty);
           return;
         }
-        Manipulator.removeDataAttribute(element, styleProperty);
+        Manipulator$1.removeDataAttribute(element, styleProperty);
         element.style.setProperty(styleProperty, value);
       };
       this._applyManipulationCallback(selector, manipulationCallBack);
@@ -4085,11 +4085,11 @@
    * Constants
    */
 
-  const NAME$9 = 'backdrop';
+  const NAME$a = 'backdrop';
   const CLASS_NAME_FADE$4 = 'fade';
   const CLASS_NAME_SHOW$5 = 'show';
-  const EVENT_MOUSEDOWN = `mousedown.bs.${NAME$9}`;
-  const Default$8 = {
+  const EVENT_MOUSEDOWN = `mousedown.bs.${NAME$a}`;
+  const Default$9 = {
     className: 'modal-backdrop',
     clickCallback: null,
     isAnimated: false,
@@ -4120,13 +4120,13 @@
 
     // Getters
     static get Default() {
-      return Default$8;
+      return Default$9;
     }
     static get DefaultType() {
       return DefaultType$8;
     }
     static get NAME() {
-      return NAME$9;
+      return NAME$a;
     }
 
     // Public
@@ -4209,15 +4209,15 @@
    * Constants
    */
 
-  const NAME$8 = 'focustrap';
-  const DATA_KEY$5 = 'bs.focustrap';
-  const EVENT_KEY$5 = `.${DATA_KEY$5}`;
-  const EVENT_FOCUSIN$2 = `focusin${EVENT_KEY$5}`;
-  const EVENT_KEYDOWN_TAB = `keydown.tab${EVENT_KEY$5}`;
+  const NAME$9 = 'focustrap';
+  const DATA_KEY$6 = 'bs.focustrap';
+  const EVENT_KEY$6 = `.${DATA_KEY$6}`;
+  const EVENT_FOCUSIN$2 = `focusin${EVENT_KEY$6}`;
+  const EVENT_KEYDOWN_TAB = `keydown.tab${EVENT_KEY$6}`;
   const TAB_KEY = 'Tab';
   const TAB_NAV_FORWARD = 'forward';
   const TAB_NAV_BACKWARD = 'backward';
-  const Default$7 = {
+  const Default$8 = {
     autofocus: true,
     trapElement: null // The element to trap focus inside of
   };
@@ -4241,13 +4241,13 @@
 
     // Getters
     static get Default() {
-      return Default$7;
+      return Default$8;
     }
     static get DefaultType() {
       return DefaultType$7;
     }
     static get NAME() {
-      return NAME$8;
+      return NAME$9;
     }
 
     // Public
@@ -4258,7 +4258,7 @@
       if (this._config.autofocus) {
         this._config.trapElement.focus();
       }
-      EventHandler.off(document, EVENT_KEY$5); // guard against infinite focus loop
+      EventHandler.off(document, EVENT_KEY$6); // guard against infinite focus loop
       EventHandler.on(document, EVENT_FOCUSIN$2, event => this._handleFocusin(event));
       EventHandler.on(document, EVENT_KEYDOWN_TAB, event => this._handleKeydown(event));
       this._isActive = true;
@@ -4268,7 +4268,7 @@
         return;
       }
       this._isActive = false;
-      EventHandler.off(document, EVENT_KEY$5);
+      EventHandler.off(document, EVENT_KEY$6);
     }
 
     // Private
@@ -4307,21 +4307,21 @@
    * Constants
    */
 
-  const NAME$7 = 'modal';
-  const DATA_KEY$4 = 'bs.modal';
-  const EVENT_KEY$4 = `.${DATA_KEY$4}`;
-  const DATA_API_KEY$2 = '.data-api';
+  const NAME$8 = 'modal';
+  const DATA_KEY$5 = 'bs.modal';
+  const EVENT_KEY$5 = `.${DATA_KEY$5}`;
+  const DATA_API_KEY$3 = '.data-api';
   const ESCAPE_KEY$1 = 'Escape';
-  const EVENT_HIDE$4 = `hide${EVENT_KEY$4}`;
-  const EVENT_HIDE_PREVENTED$1 = `hidePrevented${EVENT_KEY$4}`;
-  const EVENT_HIDDEN$4 = `hidden${EVENT_KEY$4}`;
-  const EVENT_SHOW$4 = `show${EVENT_KEY$4}`;
-  const EVENT_SHOWN$4 = `shown${EVENT_KEY$4}`;
-  const EVENT_RESIZE$1 = `resize${EVENT_KEY$4}`;
-  const EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY$4}`;
-  const EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY$4}`;
-  const EVENT_KEYDOWN_DISMISS$1 = `keydown.dismiss${EVENT_KEY$4}`;
-  const EVENT_CLICK_DATA_API$2 = `click${EVENT_KEY$4}${DATA_API_KEY$2}`;
+  const EVENT_HIDE$4 = `hide${EVENT_KEY$5}`;
+  const EVENT_HIDE_PREVENTED$1 = `hidePrevented${EVENT_KEY$5}`;
+  const EVENT_HIDDEN$4 = `hidden${EVENT_KEY$5}`;
+  const EVENT_SHOW$4 = `show${EVENT_KEY$5}`;
+  const EVENT_SHOWN$4 = `shown${EVENT_KEY$5}`;
+  const EVENT_RESIZE$1 = `resize${EVENT_KEY$5}`;
+  const EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY$5}`;
+  const EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY$5}`;
+  const EVENT_KEYDOWN_DISMISS$1 = `keydown.dismiss${EVENT_KEY$5}`;
+  const EVENT_CLICK_DATA_API$2 = `click${EVENT_KEY$5}${DATA_API_KEY$3}`;
   const CLASS_NAME_OPEN = 'modal-open';
   const CLASS_NAME_FADE$3 = 'fade';
   const CLASS_NAME_SHOW$4 = 'show';
@@ -4330,7 +4330,7 @@
   const SELECTOR_DIALOG = '.modal-dialog';
   const SELECTOR_MODAL_BODY = '.modal-body';
   const SELECTOR_DATA_TOGGLE$2 = '[data-bs-toggle="modal"]';
-  const Default$6 = {
+  const Default$7 = {
     backdrop: true,
     focus: true,
     keyboard: true
@@ -4359,13 +4359,13 @@
 
     // Getters
     static get Default() {
-      return Default$6;
+      return Default$7;
     }
     static get DefaultType() {
       return DefaultType$6;
     }
     static get NAME() {
-      return NAME$7;
+      return NAME$8;
     }
 
     // Public
@@ -4405,7 +4405,7 @@
     }
     dispose() {
       for (const htmlElement of [window, this._dialog]) {
-        EventHandler.off(htmlElement, EVENT_KEY$4);
+        EventHandler.off(htmlElement, EVENT_KEY$5);
       }
       this._backdrop.dispose();
       this._focustrap.deactivate();
@@ -4613,27 +4613,27 @@
    * Constants
    */
 
-  const NAME$6 = 'offcanvas';
-  const DATA_KEY$3 = 'bs.offcanvas';
-  const EVENT_KEY$3 = `.${DATA_KEY$3}`;
-  const DATA_API_KEY$1 = '.data-api';
-  const EVENT_LOAD_DATA_API$2 = `load${EVENT_KEY$3}${DATA_API_KEY$1}`;
+  const NAME$7 = 'offcanvas';
+  const DATA_KEY$4 = 'bs.offcanvas';
+  const EVENT_KEY$4 = `.${DATA_KEY$4}`;
+  const DATA_API_KEY$2 = '.data-api';
+  const EVENT_LOAD_DATA_API$3 = `load${EVENT_KEY$4}${DATA_API_KEY$2}`;
   const ESCAPE_KEY = 'Escape';
   const CLASS_NAME_SHOW$3 = 'show';
   const CLASS_NAME_SHOWING$1 = 'showing';
   const CLASS_NAME_HIDING = 'hiding';
   const CLASS_NAME_BACKDROP = 'offcanvas-backdrop';
   const OPEN_SELECTOR = '.offcanvas.show';
-  const EVENT_SHOW$3 = `show${EVENT_KEY$3}`;
-  const EVENT_SHOWN$3 = `shown${EVENT_KEY$3}`;
-  const EVENT_HIDE$3 = `hide${EVENT_KEY$3}`;
-  const EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY$3}`;
-  const EVENT_HIDDEN$3 = `hidden${EVENT_KEY$3}`;
-  const EVENT_RESIZE = `resize${EVENT_KEY$3}`;
-  const EVENT_CLICK_DATA_API$1 = `click${EVENT_KEY$3}${DATA_API_KEY$1}`;
-  const EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY$3}`;
+  const EVENT_SHOW$3 = `show${EVENT_KEY$4}`;
+  const EVENT_SHOWN$3 = `shown${EVENT_KEY$4}`;
+  const EVENT_HIDE$3 = `hide${EVENT_KEY$4}`;
+  const EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY$4}`;
+  const EVENT_HIDDEN$3 = `hidden${EVENT_KEY$4}`;
+  const EVENT_RESIZE = `resize${EVENT_KEY$4}`;
+  const EVENT_CLICK_DATA_API$1 = `click${EVENT_KEY$4}${DATA_API_KEY$2}`;
+  const EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY$4}`;
   const SELECTOR_DATA_TOGGLE$1 = '[data-bs-toggle="offcanvas"]';
-  const Default$5 = {
+  const Default$6 = {
     backdrop: true,
     keyboard: true,
     scroll: false
@@ -4659,13 +4659,13 @@
 
     // Getters
     static get Default() {
-      return Default$5;
+      return Default$6;
     }
     static get DefaultType() {
       return DefaultType$5;
     }
     static get NAME() {
-      return NAME$6;
+      return NAME$7;
     }
 
     // Public
@@ -4812,7 +4812,7 @@
     const data = Offcanvas.getOrCreateInstance(target);
     data.toggle(this);
   });
-  EventHandler.on(window, EVENT_LOAD_DATA_API$2, () => {
+  EventHandler.on(window, EVENT_LOAD_DATA_API$3, () => {
     for (const selector of SelectorEngine.find(OPEN_SELECTOR)) {
       Offcanvas.getOrCreateInstance(selector).show();
     }
@@ -4938,8 +4938,8 @@
    * Constants
    */
 
-  const NAME$5 = 'TemplateFactory';
-  const Default$4 = {
+  const NAME$6 = 'TemplateFactory';
+  const Default$5 = {
     allowList: DefaultAllowlist,
     content: {},
     // { selector : text ,  selector2 : text2 , }
@@ -4975,13 +4975,13 @@
 
     // Getters
     static get Default() {
-      return Default$4;
+      return Default$5;
     }
     static get DefaultType() {
       return DefaultType$4;
     }
     static get NAME() {
-      return NAME$5;
+      return NAME$6;
     }
 
     // Public
@@ -5073,7 +5073,7 @@
    * Constants
    */
 
-  const NAME$4 = 'tooltip';
+  const NAME$5 = 'tooltip';
   const DISALLOWED_ATTRIBUTES = new Set(['sanitize', 'allowList', 'sanitizeFn']);
   const CLASS_NAME_FADE$2 = 'fade';
   const CLASS_NAME_MODAL = 'modal';
@@ -5102,7 +5102,7 @@
     BOTTOM: 'bottom',
     LEFT: isRTL() ? 'right' : 'left'
   };
-  const Default$3 = {
+  const Default$4 = {
     allowList: DefaultAllowlist,
     animation: true,
     boundary: 'clippingParents',
@@ -5171,13 +5171,13 @@
 
     // Getters
     static get Default() {
-      return Default$3;
+      return Default$4;
     }
     static get DefaultType() {
       return DefaultType$3;
     }
     static get NAME() {
-      return NAME$4;
+      return NAME$5;
     }
 
     // Public
@@ -5495,7 +5495,7 @@
       return Object.values(this._activeTrigger).includes(true);
     }
     _getConfig(config) {
-      const dataAttributes = Manipulator.getDataAttributes(this._element);
+      const dataAttributes = Manipulator$1.getDataAttributes(this._element);
       for (const dataAttribute of Object.keys(dataAttributes)) {
         if (DISALLOWED_ATTRIBUTES.has(dataAttribute)) {
           delete dataAttributes[dataAttribute];
@@ -5584,10 +5584,10 @@
    * Constants
    */
 
-  const NAME$3 = 'popover';
+  const NAME$4 = 'popover';
   const SELECTOR_TITLE = '.popover-header';
   const SELECTOR_CONTENT = '.popover-body';
-  const Default$2 = {
+  const Default$3 = {
     ...Tooltip.Default,
     content: '',
     offset: [0, 8],
@@ -5607,13 +5607,13 @@
   class Popover extends Tooltip {
     // Getters
     static get Default() {
-      return Default$2;
+      return Default$3;
     }
     static get DefaultType() {
       return DefaultType$2;
     }
     static get NAME() {
-      return NAME$3;
+      return NAME$4;
     }
 
     // Overrides
@@ -5664,25 +5664,25 @@
    * Constants
    */
 
-  const NAME$2 = 'scrollspy';
-  const DATA_KEY$2 = 'bs.scrollspy';
-  const EVENT_KEY$2 = `.${DATA_KEY$2}`;
-  const DATA_API_KEY = '.data-api';
-  const EVENT_ACTIVATE = `activate${EVENT_KEY$2}`;
-  const EVENT_CLICK = `click${EVENT_KEY$2}`;
-  const EVENT_LOAD_DATA_API$1 = `load${EVENT_KEY$2}${DATA_API_KEY}`;
-  const CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item';
-  const CLASS_NAME_ACTIVE$1 = 'active';
-  const SELECTOR_DATA_SPY = '[data-bs-spy="scroll"]';
+  const NAME$3 = 'scrollspy';
+  const DATA_KEY$3 = 'bs.scrollspy';
+  const EVENT_KEY$3 = `.${DATA_KEY$3}`;
+  const DATA_API_KEY$1 = '.data-api';
+  const EVENT_ACTIVATE$1 = `activate${EVENT_KEY$3}`;
+  const EVENT_CLICK = `click${EVENT_KEY$3}`;
+  const EVENT_LOAD_DATA_API$2 = `load${EVENT_KEY$3}${DATA_API_KEY$1}`;
+  const CLASS_NAME_DROPDOWN_ITEM$1 = 'dropdown-item';
+  const CLASS_NAME_ACTIVE$2 = 'active';
+  const SELECTOR_DATA_SPY$1 = '[data-bs-spy="scroll"]';
   const SELECTOR_TARGET_LINKS = '[href]';
-  const SELECTOR_NAV_LIST_GROUP = '.nav, .list-group';
-  const SELECTOR_NAV_LINKS = '.nav-link';
-  const SELECTOR_NAV_ITEMS = '.nav-item';
-  const SELECTOR_LIST_ITEMS = '.list-group-item';
-  const SELECTOR_LINK_ITEMS = `${SELECTOR_NAV_LINKS}, ${SELECTOR_NAV_ITEMS} > ${SELECTOR_NAV_LINKS}, ${SELECTOR_LIST_ITEMS}`;
-  const SELECTOR_DROPDOWN = '.dropdown';
-  const SELECTOR_DROPDOWN_TOGGLE$1 = '.dropdown-toggle';
-  const Default$1 = {
+  const SELECTOR_NAV_LIST_GROUP$1 = '.nav, .list-group';
+  const SELECTOR_NAV_LINKS$1 = '.nav-link';
+  const SELECTOR_NAV_ITEMS$1 = '.nav-item';
+  const SELECTOR_LIST_ITEMS$1 = '.list-group-item';
+  const SELECTOR_LINK_ITEMS$1 = `${SELECTOR_NAV_LINKS$1}, ${SELECTOR_NAV_ITEMS$1} > ${SELECTOR_NAV_LINKS$1}, ${SELECTOR_LIST_ITEMS$1}`;
+  const SELECTOR_DROPDOWN$1 = '.dropdown';
+  const SELECTOR_DROPDOWN_TOGGLE$2 = '.dropdown-toggle';
+  const Default$2 = {
     offset: null,
     // TODO: v6 @deprecated, keep it for backwards compatibility reasons
     rootMargin: '0px 0px -25%',
@@ -5703,7 +5703,7 @@
    * Class definition
    */
 
-  class ScrollSpy extends BaseComponent {
+  let ScrollSpy$1 = class ScrollSpy extends BaseComponent {
     constructor(element, config) {
       super(element, config);
 
@@ -5722,13 +5722,13 @@
 
     // Getters
     static get Default() {
-      return Default$1;
+      return Default$2;
     }
     static get DefaultType() {
       return DefaultType$1;
     }
     static get NAME() {
-      return NAME$2;
+      return NAME$3;
     }
 
     // Public
@@ -5853,31 +5853,31 @@
       }
       this._clearActiveClass(this._config.target);
       this._activeTarget = target;
-      target.classList.add(CLASS_NAME_ACTIVE$1);
+      target.classList.add(CLASS_NAME_ACTIVE$2);
       this._activateParents(target);
-      EventHandler.trigger(this._element, EVENT_ACTIVATE, {
+      EventHandler.trigger(this._element, EVENT_ACTIVATE$1, {
         relatedTarget: target
       });
     }
     _activateParents(target) {
       // Activate dropdown parents
-      if (target.classList.contains(CLASS_NAME_DROPDOWN_ITEM)) {
-        SelectorEngine.findOne(SELECTOR_DROPDOWN_TOGGLE$1, target.closest(SELECTOR_DROPDOWN)).classList.add(CLASS_NAME_ACTIVE$1);
+      if (target.classList.contains(CLASS_NAME_DROPDOWN_ITEM$1)) {
+        SelectorEngine.findOne(SELECTOR_DROPDOWN_TOGGLE$2, target.closest(SELECTOR_DROPDOWN$1)).classList.add(CLASS_NAME_ACTIVE$2);
         return;
       }
-      for (const listGroup of SelectorEngine.parents(target, SELECTOR_NAV_LIST_GROUP)) {
+      for (const listGroup of SelectorEngine.parents(target, SELECTOR_NAV_LIST_GROUP$1)) {
         // Set triggered links parents as active
         // With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor
-        for (const item of SelectorEngine.prev(listGroup, SELECTOR_LINK_ITEMS)) {
-          item.classList.add(CLASS_NAME_ACTIVE$1);
+        for (const item of SelectorEngine.prev(listGroup, SELECTOR_LINK_ITEMS$1)) {
+          item.classList.add(CLASS_NAME_ACTIVE$2);
         }
       }
     }
     _clearActiveClass(parent) {
-      parent.classList.remove(CLASS_NAME_ACTIVE$1);
-      const activeNodes = SelectorEngine.find(`${SELECTOR_TARGET_LINKS}.${CLASS_NAME_ACTIVE$1}`, parent);
+      parent.classList.remove(CLASS_NAME_ACTIVE$2);
+      const activeNodes = SelectorEngine.find(`${SELECTOR_TARGET_LINKS}.${CLASS_NAME_ACTIVE$2}`, parent);
       for (const node of activeNodes) {
-        node.classList.remove(CLASS_NAME_ACTIVE$1);
+        node.classList.remove(CLASS_NAME_ACTIVE$2);
       }
     }
 
@@ -5894,20 +5894,288 @@
         data[config]();
       });
     }
-  }
+  };
 
   /**
    * Data API implementation
    */
 
-  EventHandler.on(window, EVENT_LOAD_DATA_API$1, () => {
-    for (const spy of SelectorEngine.find(SELECTOR_DATA_SPY)) {
-      ScrollSpy.getOrCreateInstance(spy);
+  EventHandler.on(window, EVENT_LOAD_DATA_API$2, () => {
+    for (const spy of SelectorEngine.find(SELECTOR_DATA_SPY$1)) {
+      ScrollSpy$1.getOrCreateInstance(spy);
+    }
+  });
+
+  /**
+   * jQuery
+   */
+
+  defineJQueryPlugin(ScrollSpy$1);
+
+  /**
+   * --------------------------------------------------------------------------
+   * Bootstrap (v5.1.3): dom/manipulator.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+
+  function normalizeData(val) {
+    if (val === 'true') {
+      return true;
     }
+    if (val === 'false') {
+      return false;
+    }
+    if (val === Number(val).toString()) {
+      return Number(val);
+    }
+    if (val === '' || val === 'null') {
+      return null;
+    }
+    return val;
+  }
+  function normalizeDataKey(key) {
+    return key.replace(/[A-Z]/g, chr => `-${chr.toLowerCase()}`);
+  }
+  const Manipulator = {
+    setDataAttribute(element, key, value) {
+      element.setAttribute(`data-bs-${normalizeDataKey(key)}`, value);
+    },
+    removeDataAttribute(element, key) {
+      element.removeAttribute(`data-bs-${normalizeDataKey(key)}`);
+    },
+    getDataAttributes(element) {
+      if (!element) {
+        return {};
+      }
+      const attributes = {};
+      Object.keys(element.dataset).filter(key => key.startsWith('bs')).forEach(key => {
+        let pureKey = key.replace(/^bs/, '');
+        pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length);
+        attributes[pureKey] = normalizeData(element.dataset[key]);
+      });
+      return attributes;
+    },
+    getDataAttribute(element, key) {
+      return normalizeData(element.getAttribute(`data-bs-${normalizeDataKey(key)}`));
+    },
+    offset(element) {
+      const rect = element.getBoundingClientRect();
+      return {
+        top: rect.top + window.pageYOffset,
+        left: rect.left + window.pageXOffset
+      };
+    },
+    position(element) {
+      return {
+        top: element.offsetTop,
+        left: element.offsetLeft
+      };
+    }
+  };
+
+  /**
+   * --------------------------------------------------------------------------
+   * Bootstrap (v5.1.3): scrollspy.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+
+  /**
+   * ------------------------------------------------------------------------
+   * Constants
+   * ------------------------------------------------------------------------
+   */
+
+  const NAME$2 = 'scrollspy';
+  const DATA_KEY$2 = 'bs.scrollspy';
+  const EVENT_KEY$2 = `.${DATA_KEY$2}`;
+  const DATA_API_KEY = '.data-api';
+  const Default$1 = {
+    offset: 10,
+    method: 'auto',
+    target: ''
+  };
+  const EVENT_ACTIVATE = `activate${EVENT_KEY$2}`;
+  const EVENT_SCROLL = `scroll${EVENT_KEY$2}`;
+  const EVENT_LOAD_DATA_API$1 = `load${EVENT_KEY$2}${DATA_API_KEY}`;
+  const CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item';
+  const CLASS_NAME_ACTIVE$1 = 'active';
+  const SELECTOR_DATA_SPY = '[data-bs-spy="scroll"]';
+  const SELECTOR_NAV_LIST_GROUP = '.nav, .list-group';
+  const SELECTOR_NAV_LINKS = '.nav-link';
+  const SELECTOR_NAV_ITEMS = '.nav-item';
+  const SELECTOR_LIST_ITEMS = '.list-group-item';
+  const SELECTOR_LINK_ITEMS = `${SELECTOR_NAV_LINKS}, ${SELECTOR_LIST_ITEMS}, .${CLASS_NAME_DROPDOWN_ITEM}`;
+  const SELECTOR_DROPDOWN = '.dropdown';
+  const SELECTOR_DROPDOWN_TOGGLE$1 = '.dropdown-toggle';
+  const METHOD_OFFSET = 'offset';
+  const METHOD_POSITION = 'position';
+
+  /**
+   * ------------------------------------------------------------------------
+   * Class Definition
+   * ------------------------------------------------------------------------
+   */
+
+  class ScrollSpy extends BaseComponent {
+    constructor(element, config) {
+      super(element);
+      this._scrollElement = this._element.tagName === 'BODY' ? window : this._element;
+      this._config = this._getConfig(config);
+      this._offsets = [];
+      this._targets = [];
+      this._activeTarget = null;
+      this._scrollHeight = 0;
+      EventHandler.on(this._scrollElement, EVENT_SCROLL, () => this._process());
+      this.refresh();
+      this._process();
+    }
+
+    // Getters
+
+    static get Default() {
+      return Default$1;
+    }
+    static get NAME() {
+      return NAME$2;
+    }
+
+    // Public
+
+    refresh() {
+      const autoMethod = this._scrollElement === this._scrollElement.window ? METHOD_OFFSET : METHOD_POSITION;
+      const offsetMethod = this._config.method === 'auto' ? autoMethod : this._config.method;
+      const offsetBase = offsetMethod === METHOD_POSITION ? this._getScrollTop() : 0;
+      this._offsets = [];
+      this._targets = [];
+      this._scrollHeight = this._getScrollHeight();
+      const targets = SelectorEngine.find(SELECTOR_LINK_ITEMS, this._config.target);
+      targets.map(element => {
+        const targetSelector = getSelectorFromElement(element);
+        const target = targetSelector ? SelectorEngine.findOne(targetSelector) : null;
+        if (target) {
+          const targetBCR = target.getBoundingClientRect();
+          if (targetBCR.width || targetBCR.height) {
+            return [Manipulator[offsetMethod](target).top + offsetBase, targetSelector];
+          }
+        }
+        return null;
+      }).filter(item => item).sort((a, b) => a[0] - b[0]).forEach(item => {
+        this._offsets.push(item[0]);
+        this._targets.push(item[1]);
+      });
+    }
+    dispose() {
+      EventHandler.off(this._scrollElement, EVENT_KEY$2);
+      super.dispose();
+    }
+
+    // Private
+
+    _getConfig(config) {
+      config = {
+        ...Default$1,
+        ...Manipulator.getDataAttributes(this._element),
+        ...(typeof config === 'object' && config ? config : {})
+      };
+      config.target = getElement(config.target) || document.documentElement;
+      return config;
+    }
+    _getScrollTop() {
+      return this._scrollElement === window ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop;
+    }
+    _getScrollHeight() {
+      return this._scrollElement.scrollHeight || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+    }
+    _getOffsetHeight() {
+      return this._scrollElement === window ? window.innerHeight : this._scrollElement.getBoundingClientRect().height;
+    }
+    _process() {
+      const scrollTop = this._getScrollTop() + this._config.offset;
+      const scrollHeight = this._getScrollHeight();
+      const maxScroll = this._config.offset + scrollHeight - this._getOffsetHeight();
+      if (this._scrollHeight !== scrollHeight) {
+        this.refresh();
+      }
+      if (scrollTop >= maxScroll) {
+        const target = this._targets[this._targets.length - 1];
+        if (this._activeTarget !== target) {
+          this._activate(target);
+        }
+        return;
+      }
+      if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {
+        this._activeTarget = null;
+        this._clear();
+        return;
+      }
+      for (let i = this._offsets.length; i--;) {
+        const isActiveTarget = this._activeTarget !== this._targets[i] && scrollTop >= this._offsets[i] && (typeof this._offsets[i + 1] === 'undefined' || scrollTop < this._offsets[i + 1]);
+        if (isActiveTarget) {
+          this._activate(this._targets[i]);
+        }
+      }
+    }
+    _activate(target) {
+      this._activeTarget = target;
+      this._clear();
+      const queries = SELECTOR_LINK_ITEMS.split(',').map(selector => `${selector}[data-bs-target="${target}"],${selector}[href="${target}"]`);
+      const link = SelectorEngine.findOne(queries.join(','), this._config.target);
+      link.classList.add(CLASS_NAME_ACTIVE$1);
+      if (link.classList.contains(CLASS_NAME_DROPDOWN_ITEM)) {
+        SelectorEngine.findOne(SELECTOR_DROPDOWN_TOGGLE$1, link.closest(SELECTOR_DROPDOWN)).classList.add(CLASS_NAME_ACTIVE$1);
+      } else {
+        SelectorEngine.parents(link, SELECTOR_NAV_LIST_GROUP).forEach(listGroup => {
+          // Set triggered links parents as active
+          // With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor
+          SelectorEngine.prev(listGroup, `${SELECTOR_NAV_LINKS}, ${SELECTOR_LIST_ITEMS}`).forEach(item => item.classList.add(CLASS_NAME_ACTIVE$1));
+
+          // Handle special case when .nav-link is inside .nav-item
+          SelectorEngine.prev(listGroup, SELECTOR_NAV_ITEMS).forEach(navItem => {
+            SelectorEngine.children(navItem, SELECTOR_NAV_LINKS).forEach(item => item.classList.add(CLASS_NAME_ACTIVE$1));
+          });
+        });
+      }
+      EventHandler.trigger(this._scrollElement, EVENT_ACTIVATE, {
+        relatedTarget: target
+      });
+    }
+    _clear() {
+      SelectorEngine.find(SELECTOR_LINK_ITEMS, this._config.target).filter(node => node.classList.contains(CLASS_NAME_ACTIVE$1)).forEach(node => node.classList.remove(CLASS_NAME_ACTIVE$1));
+    }
+
+    // Static
+
+    static jQueryInterface(config) {
+      return this.each(function () {
+        const data = ScrollSpy.getOrCreateInstance(this, config);
+        if (typeof config !== 'string') {
+          return;
+        }
+        if (typeof data[config] === 'undefined') {
+          throw new TypeError(`No method named "${config}"`);
+        }
+        data[config]();
+      });
+    }
+  }
+
+  /**
+   * ------------------------------------------------------------------------
+   * Data Api implementation
+   * ------------------------------------------------------------------------
+   */
+
+  EventHandler.on(window, EVENT_LOAD_DATA_API$1, () => {
+    SelectorEngine.find(SELECTOR_DATA_SPY).forEach(spy => new ScrollSpy(spy));
   });
 
   /**
+   * ------------------------------------------------------------------------
    * jQuery
+   * ------------------------------------------------------------------------
+   * add .ScrollSpy to jQuery only if jQuery is present
    */
 
   defineJQueryPlugin(ScrollSpy);
@@ -6372,6 +6640,7 @@
     Modal,
     Offcanvas,
     Popover,
+    ScrollSpyV2: ScrollSpy$1,
     ScrollSpy,
     Tab,
     Toast,