@openeuropa/bcl-theme-joinup 1.8.2 → 1.9.1

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

@@ -2562,7 +2562,6 @@
     var popperOffsets = computeOffsets({
       reference: referenceClientRect,
       element: popperRect,
-      strategy: 'absolute',
       placement: placement
     });
     var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));
@@ -2855,7 +2854,6 @@
     state.modifiersData[name] = computeOffsets({
       reference: state.rects.reference,
       element: state.rects.popper,
-      strategy: 'absolute',
       placement: state.placement
     });
   } // eslint-disable-next-line import/no-unused-modules
@@ -3774,8 +3772,6 @@
       const currentSlide = SelectorEngine.findOne(CAROUSEL_ACTIVE_SELECTOR, this.carousel);
       this.stopVideo(currentSlide);
     }
-
-    // eslint-disable-next-line class-methods-use-this
     stopVideo(slide) {
       const iframe = SelectorEngine.findOne('iframe', slide);
       const video = SelectorEngine.findOne('video', slide);
@@ -3787,7 +3783,6 @@
     }
 
     // Private
-    // eslint-disable-next-line class-methods-use-this
     carouselLazyLoad(slide) {
       const media = SelectorEngine.findOne('[data-src]', slide);
       if (media && !media.src) {
@@ -4747,6 +4742,45 @@
     }
   }
 
+  /* eslint-disable prefer-destructuring */
+  class AccordionToggle {
+    static isInitialized = false;
+    constructor(buttonElement) {
+      this.buttonElement = buttonElement;
+      this.targetAccordionId = buttonElement.getAttribute("data-target");
+      this.action = buttonElement.getAttribute("data-action");
+      this.accordionElement = SelectorEngine.findOne(`#${this.targetAccordionId}`);
+      this.accordionItems = SelectorEngine.find(".accordion-collapse", this.accordionElement);
+      this.addEventListeners();
+    }
+    addEventListeners() {
+      EventHandler.on(this.buttonElement, "click", event => this.handleAccordionAction(event));
+    }
+    handleAccordionAction(event) {
+      const item = event.target;
+      const action = item.getAttribute('data-action');
+      const accordionItems = this.accordionItems;
+      accordionItems.forEach(accordionItem => {
+        const collapseInstance = Collapse.getOrCreateInstance(accordionItem, {
+          toggle: false
+        });
+        if (action === 'expand') {
+          collapseInstance.show();
+        } else if (action === 'collapse') {
+          collapseInstance.hide();
+        }
+      });
+    }
+    static init() {
+      if (AccordionToggle.isInitialized) {
+        return;
+      }
+      const toggleButtons = SelectorEngine.find('[data-action][data-target]');
+      toggleButtons.forEach(buttonElement => new AccordionToggle(buttonElement));
+      AccordionToggle.isInitialized = true;
+    }
+  }
+
   /**
    * --------------------------------------------------------------------------
    * Bootstrap (v5.2.3): util/sanitizer.js
@@ -6562,6 +6596,7 @@
     Gallery,
     Modal,
     AccessibleToggle,
+    AccordionToggle,
     Offcanvas,
     Popover,
     ScrollSpyV2: ScrollSpy$1,