@openeuropa/bcl-theme-default 1.8.2 → 1.9.1

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

@@ -2105,8 +2105,6 @@ class Gallery extends BaseComponent {
     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);
@@ -2118,7 +2116,6 @@ class Gallery extends BaseComponent {
   }
 
   // Private
-  // eslint-disable-next-line class-methods-use-this
   carouselLazyLoad(slide) {
     const media = SelectorEngine.findOne('[data-src]', slide);
     if (media && !media.src) {
@@ -3078,6 +3075,45 @@ class AccessibleToggle {
   }
 }
 
+/* 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
@@ -4877,5 +4913,5 @@ enableDismissTrigger(Toast);
 
 defineJQueryPlugin(Toast);
 
-export { AccessibleToggle, Alert, Button, Carousel, Collapse, Dropdown, Gallery, Modal, Offcanvas, Popover, ScrollSpy, ScrollSpy$1 as ScrollSpyV2, Tab, Toast, Tooltip };
+export { AccessibleToggle, AccordionToggle, Alert, Button, Carousel, Collapse, Dropdown, Gallery, Modal, Offcanvas, Popover, ScrollSpy, ScrollSpy$1 as ScrollSpyV2, Tab, Toast, Tooltip };
 //# sourceMappingURL=oe-bcl-default.esm.js.map