@openeuropa/bcl-theme-joinup 1.0.0 → 1.1.0

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

@@ -547,7 +547,7 @@ var Data = {
  * --------------------------------------------------------------------------
  */
 
-function normalizeData(value) {
+function normalizeData$1(value) {
   if (value === 'true') {
     return true;
   }
@@ -569,15 +569,15 @@ function normalizeData(value) {
     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) {
@@ -588,12 +588,12 @@ const Manipulator = {
     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)}`));
   }
 };
 
@@ -629,12 +629,12 @@ class Config {
     return config;
   }
   _mergeConfigObj(config, element) {
-    const jsonConfig = isElement(element) ? Manipulator.getDataAttribute(element, 'config') : {}; // try to parse
+    const jsonConfig = isElement(element) ? Manipulator$1.getDataAttribute(element, 'config') : {}; // try to parse
 
     return {
       ...this.constructor.Default,
       ...(typeof jsonConfig === 'object' ? jsonConfig : {}),
-      ...(isElement(element) ? Manipulator.getDataAttributes(element) : {}),
+      ...(isElement(element) ? Manipulator$1.getDataAttributes(element) : {}),
       ...(typeof config === 'object' ? config : {})
     };
   }
@@ -753,11 +753,11 @@ const enableDismissTrigger = (component, method = 'hide') => {
  * 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';
 
@@ -768,7 +768,7 @@ const CLASS_NAME_SHOW$8 = 'show';
 class Alert extends BaseComponent {
   // Getters
   static get NAME() {
-    return NAME$g;
+    return NAME$h;
   }
 
   // Public
@@ -827,13 +827,13 @@ defineJQueryPlugin(Alert);
  * 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
@@ -842,13 +842,13 @@ const EVENT_CLICK_DATA_API$7 = `click${EVENT_KEY$b}${DATA_API_KEY$7}`;
 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
@@ -947,18 +947,18 @@ const SelectorEngine = {
  * 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
@@ -988,18 +988,18 @@ class Swipe extends Config {
 
   // 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
@@ -1066,10 +1066,10 @@ class Swipe extends Config {
  * 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
@@ -1078,16 +1078,16 @@ const ORDER_NEXT = 'next';
 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';
@@ -1104,7 +1104,7 @@ const KEY_TO_DIRECTION = {
   [ARROW_LEFT_KEY$1]: DIRECTION_RIGHT,
   [ARROW_RIGHT_KEY$1]: DIRECTION_LEFT
 };
-const Default$c = {
+const Default$d = {
   interval: 5000,
   keyboard: true,
   pause: 'hover',
@@ -1143,13 +1143,13 @@ class Carousel extends BaseComponent {
 
   // 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
@@ -1276,11 +1276,11 @@ class Carousel extends BaseComponent {
       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');
     }
   }
@@ -1333,8 +1333,8 @@ class Carousel extends BaseComponent {
     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);
     };
@@ -1406,7 +1406,7 @@ EventHandler.on(document, EVENT_CLICK_DATA_API$6, SELECTOR_DATA_SLIDE, function
     carousel._maybeEnableCycle();
     return;
   }
-  if (Manipulator.getDataAttribute(this, 'slide') === 'next') {
+  if (Manipulator$1.getDataAttribute(this, 'slide') === 'next') {
     carousel.next();
     carousel._maybeEnableCycle();
     return;
@@ -1414,7 +1414,7 @@ EventHandler.on(document, EVENT_CLICK_DATA_API$6, SELECTOR_DATA_SLIDE, function
   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);
@@ -1438,15 +1438,15 @@ defineJQueryPlugin(Carousel);
  * 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';
@@ -1457,7 +1457,7 @@ const WIDTH = 'width';
 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
 };
@@ -1494,13 +1494,13 @@ class Collapse extends BaseComponent {
 
   // 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
@@ -1673,23 +1673,23 @@ defineJQueryPlugin(Collapse);
  * 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';
@@ -1710,7 +1710,7 @@ const PLACEMENT_RIGHT = isRTL() ? 'left-start' : 'right-start';
 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',
@@ -1743,13 +1743,13 @@ class Dropdown extends BaseComponent {
 
   // 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
@@ -1826,14 +1826,14 @@ class Dropdown extends BaseComponent {
     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(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;
   }
@@ -1910,7 +1910,7 @@ class Dropdown extends BaseComponent {
 
     // 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
@@ -2042,11 +2042,11 @@ defineJQueryPlugin(Dropdown);
  * ------------------------------------------------------------------------
  */
 
-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';
@@ -2055,7 +2055,7 @@ const THUMBNAIL_SELECTOR = '.bcl-gallery__grid a, .bcl-gallery__mobile-view-more
 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}`;
 
 /**
  * ------------------------------------------------------------------------
@@ -2066,19 +2066,20 @@ const EVENT_CLICK_DATA_API$3 = `click${EVENT_KEY$6}${DATA_API_KEY$3}`;
 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
@@ -2120,7 +2121,7 @@ class Gallery extends BaseComponent {
 
   // Static
   static get Default() {
-    return Default$9;
+    return Default$a;
   }
   static jQueryInterface(config) {
     return this.each(function jInterface() {
@@ -2228,18 +2229,18 @@ class ScrollBarHelper {
   _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);
@@ -2266,11 +2267,11 @@ class ScrollBarHelper {
  * 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,
@@ -2301,13 +2302,13 @@ class Backdrop extends Config {
 
   // 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
@@ -2390,15 +2391,15 @@ class Backdrop extends Config {
  * 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
 };
@@ -2422,13 +2423,13 @@ class FocusTrap extends Config {
 
   // 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
@@ -2439,7 +2440,7 @@ class FocusTrap extends Config {
     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;
@@ -2449,7 +2450,7 @@ class FocusTrap extends Config {
       return;
     }
     this._isActive = false;
-    EventHandler.off(document, EVENT_KEY$5);
+    EventHandler.off(document, EVENT_KEY$6);
   }
 
   // Private
@@ -2488,21 +2489,21 @@ class FocusTrap extends Config {
  * 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';
@@ -2511,7 +2512,7 @@ const OPEN_SELECTOR$1 = '.modal.show';
 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
@@ -2540,13 +2541,13 @@ class Modal extends BaseComponent {
 
   // 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
@@ -2586,7 +2587,7 @@ class Modal extends BaseComponent {
   }
   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();
@@ -2794,27 +2795,27 @@ defineJQueryPlugin(Modal);
  * 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
@@ -2840,13 +2841,13 @@ class Offcanvas extends BaseComponent {
 
   // 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
@@ -2993,7 +2994,7 @@ EventHandler.on(document, EVENT_CLICK_DATA_API$1, SELECTOR_DATA_TOGGLE$1, functi
   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();
   }
@@ -3119,8 +3120,8 @@ function sanitizeHtml(unsafeHtml, allowList, sanitizeFunction) {
  * Constants
  */
 
-const NAME$5 = 'TemplateFactory';
-const Default$4 = {
+const NAME$6 = 'TemplateFactory';
+const Default$5 = {
   allowList: DefaultAllowlist,
   content: {},
   // { selector : text ,  selector2 : text2 , }
@@ -3156,13 +3157,13 @@ class TemplateFactory extends Config {
 
   // 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
@@ -3254,7 +3255,7 @@ class TemplateFactory extends Config {
  * 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';
@@ -3283,7 +3284,7 @@ const AttachmentMap = {
   BOTTOM: 'bottom',
   LEFT: isRTL() ? 'right' : 'left'
 };
-const Default$3 = {
+const Default$4 = {
   allowList: DefaultAllowlist,
   animation: true,
   boundary: 'clippingParents',
@@ -3352,13 +3353,13 @@ class Tooltip extends BaseComponent {
 
   // 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
@@ -3676,7 +3677,7 @@ class Tooltip extends BaseComponent {
     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];
@@ -3765,10 +3766,10 @@ defineJQueryPlugin(Tooltip);
  * 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],
@@ -3788,13 +3789,13 @@ const DefaultType$2 = {
 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
@@ -3845,25 +3846,25 @@ defineJQueryPlugin(Popover);
  * 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%',
@@ -3884,7 +3885,7 @@ const DefaultType$1 = {
  * Class definition
  */
 
-class ScrollSpy extends BaseComponent {
+let ScrollSpy$1 = class ScrollSpy extends BaseComponent {
   constructor(element, config) {
     super(element, config);
 
@@ -3903,13 +3904,13 @@ class ScrollSpy extends BaseComponent {
 
   // 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
@@ -4034,31 +4035,31 @@ class ScrollSpy extends BaseComponent {
     }
     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);
     }
   }
 
@@ -4075,20 +4076,288 @@ class ScrollSpy extends BaseComponent {
       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);
@@ -4537,5 +4806,5 @@ enableDismissTrigger(Toast);
 
 defineJQueryPlugin(Toast);
 
-export { Alert, Button, Carousel, Collapse, Dropdown, Gallery, Modal, Offcanvas, Popover, ScrollSpy, Tab, Toast, Tooltip };
+export { Alert, Button, Carousel, Collapse, Dropdown, Gallery, Modal, Offcanvas, Popover, ScrollSpy, ScrollSpy$1 as ScrollSpyV2, Tab, Toast, Tooltip };
 //# sourceMappingURL=oe-bcl-joinup.esm.js.map