@openeuropa/bcl-theme-default 1.6.0 → 1.8.0

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

@@ -3028,6 +3028,56 @@ enableDismissTrigger(Offcanvas);
 
 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
@@ -4827,5 +4877,5 @@ enableDismissTrigger(Toast);
 
 defineJQueryPlugin(Toast);
 
-export { Alert, Button, Carousel, Collapse, Dropdown, Gallery, Modal, Offcanvas, Popover, ScrollSpy, ScrollSpy$1 as ScrollSpyV2, Tab, Toast, Tooltip };
+export { AccessibleToggle, Alert, Button, Carousel, Collapse, Dropdown, Gallery, Modal, Offcanvas, Popover, ScrollSpy, ScrollSpy$1 as ScrollSpyV2, Tab, Toast, Tooltip };
 //# sourceMappingURL=oe-bcl-default.esm.js.map