@openeuropa/bcl-theme-joinup 1.6.0 → 1.8.0

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

@@ -4697,6 +4697,56 @@
 
   defineJQueryPlugin(Offcanvas);
 
+  /**
+   * AccessibleToggle enhances Bootstrap Modal and Offcanvas components by:
+   * - Adding ARIA attributes for improved accessibility.
+   * - Updating `aria-expanded` on trigger elements based on visibility.
+   * Automatically initializes all modal and offcanvas triggers on the page.
+   */
+  class AccessibleToggle {
+    constructor(triggerElement, type) {
+      this.triggerElement = triggerElement;
+      this.type = type;
+      const target = triggerElement.getAttribute("data-bs-target") || triggerElement.getAttribute("href");
+      if (!target || target === "#") {
+        return;
+      }
+      this.targetElement = SelectorEngine.findOne(target);
+      if (!this.targetElement) {
+        return;
+      }
+      if (this.type === "modal") {
+        this.instance = Modal.getOrCreateInstance(this.targetElement);
+      } else if (this.type === "offcanvas") {
+        this.instance = Offcanvas.getOrCreateInstance(this.targetElement);
+      }
+      this.addAriaAttributes();
+      this.addEventListeners();
+    }
+    addAriaAttributes() {
+      if (this.triggerElement) {
+        this.triggerElement.setAttribute("aria-haspopup", "true");
+        this.triggerElement.setAttribute("aria-expanded", "false");
+      }
+    }
+    addEventListeners() {
+      const showEvent = this.type === "modal" ? "show.bs.modal" : "show.bs.offcanvas";
+      const hideEvent = this.type === "modal" ? "hide.bs.modal" : "hide.bs.offcanvas";
+      EventHandler.on(this.targetElement, showEvent, () => {
+        this.triggerElement.setAttribute("aria-expanded", "true");
+      });
+      EventHandler.on(this.targetElement, hideEvent, () => {
+        this.triggerElement.setAttribute("aria-expanded", "false");
+      });
+    }
+    static init(toggles) {
+      toggles.forEach(toggle => {
+        const triggerElements = SelectorEngine.find(toggle.selector);
+        triggerElements.forEach(triggerElement => new AccessibleToggle(triggerElement, toggle.type));
+      });
+    }
+  }
+
   /**
    * --------------------------------------------------------------------------
    * Bootstrap (v5.2.3): util/sanitizer.js
@@ -6511,6 +6561,7 @@
     Dropdown,
     Gallery,
     Modal,
+    AccessibleToggle,
     Offcanvas,
     Popover,
     ScrollSpyV2: ScrollSpy$1,