@openeuropa/bcl-theme-joinup 1.9.0 → 1.9.1

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

@@ -4742,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
@@ -6557,6 +6596,7 @@
     Gallery,
     Modal,
     AccessibleToggle,
+    AccordionToggle,
     Offcanvas,
     Popover,
     ScrollSpyV2: ScrollSpy$1,