@openeuropa/bcl-theme-joinup 1.10.7 → 1.10.9

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

@@ -638,7 +638,7 @@ class Config {
  * Constants
  */
 
-const VERSION = '5.3.6';
+const VERSION = '5.3.8';
 
 /**
  * Class definition
@@ -1844,9 +1844,6 @@ class Dropdown extends BaseComponent {
     this._element.setAttribute('aria-expanded', 'false');
     Manipulator$1.removeDataAttribute(this._menu, 'popper');
     EventHandler.trigger(this._element, EVENT_HIDDEN$5, relatedTarget);
-
-    // Explicitly return focus to the trigger element
-    this._element.focus();
   }
   _getConfig(config) {
     config = super._getConfig(config);
@@ -3130,7 +3127,6 @@ class AccessibleToggle {
 }
 
 class AccordionToggle {
-  static isInitialized = false;
   constructor(buttonElement) {
     this.buttonElement = buttonElement;
     this.targetAccordionId = buttonElement.getAttribute("data-target");
@@ -3157,15 +3153,24 @@ class AccordionToggle {
       }
     });
   }
-  static init() {
-    if (AccordionToggle.isInitialized) {
-      return;
-    }
-    const toggleButtons = SelectorEngine.find('[data-action][data-target]');
-    toggleButtons.forEach(buttonElement => new AccordionToggle(buttonElement));
-    AccordionToggle.isInitialized = true;
+  static init(root = document.documentElement) {
+    const context = root instanceof Document ? root.documentElement : root;
+    const toggleButtons = context instanceof Element ? SelectorEngine.find('[data-action][data-target]', context) : context && typeof context.querySelectorAll === "function" ? Array.from(context.querySelectorAll('[data-action][data-target]')) : SelectorEngine.find('[data-action][data-target]');
+    toggleButtons.forEach(buttonElement => {
+      if (buttonElement.dataset.accordionToggleInitialized === "true") {
+        return;
+      }
+      new AccordionToggle(buttonElement);
+      buttonElement.dataset.accordionToggleInitialized = "true";
+    });
   }
 }
+const initializeAccordionToggle = () => AccordionToggle.init();
+if (document.readyState === "loading") {
+  document.addEventListener("DOMContentLoaded", initializeAccordionToggle);
+} else {
+  initializeAccordionToggle();
+}
 
 class MainNavigation {
   constructor(toggler) {
@@ -3407,7 +3412,6 @@ const uriAttributes = new Set(['background', 'cite', 'href', 'itemtype', 'longde
  *
  * Shout-out to Angular https://github.com/angular/angular/blob/15.2.8/packages/core/src/sanitization/url_sanitizer.ts#L38
  */
-// eslint-disable-next-line unicorn/better-regex
 const SAFE_URL_PATTERN = /^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i;
 const allowedAttribute = (attribute, allowedAttributeList) => {
   const attributeName = attribute.nodeName.toLowerCase();
@@ -3951,6 +3955,7 @@ class Tooltip extends BaseComponent {
       if (trigger === 'click') {
         EventHandler.on(this._element, this.constructor.eventName(EVENT_CLICK$1), this._config.selector, event => {
           const context = this._initializeOnDelegatedTarget(event);
+          context._activeTrigger[TRIGGER_CLICK] = !(context._isShown() && context._activeTrigger[TRIGGER_CLICK]);
           context.toggle();
         });
       } else if (trigger !== TRIGGER_MANUAL) {
@@ -5251,5 +5256,71 @@ enableDismissTrigger(Toast);
 
 defineJQueryPlugin$1(Toast);
 
-export { AccessibleToggle, AccordionToggle, Alert, Button, Carousel, Collapse, Dropdown, Gallery, MainNavigation, MegaMenu, Modal, Offcanvas, Popover, ScrollSpy, ScrollSpy$1 as ScrollSpyV2, Tab, Toast, Tooltip };
+const HEADER_SELECTOR = ".bcl-header";
+const TOGGLER_SELECTOR = ".bcl-navbar-toggler";
+const OFFSET_VARIABLE = "--oel-mega-menu-offset-top";
+class Header {
+  scheduleUpdate = () => {
+    if (this.frameRequest) {
+      return;
+    }
+    this.frameRequest = window.requestAnimationFrame(() => {
+      this.frameRequest = null;
+      this.updateOffset();
+    });
+  };
+  constructor(element) {
+    this.element = element;
+    this.frameRequest = null;
+    this.resizeObserver = null;
+    this.init();
+  }
+  init() {
+    this.updateOffset();
+    EventHandler.on(window, "resize", this.scheduleUpdate);
+    EventHandler.on(window, "orientationchange", this.scheduleUpdate);
+    const togglers = SelectorEngine.find(TOGGLER_SELECTOR, this.element);
+    togglers.forEach(toggler => {
+      // Some layouts move the header when the nav toggler expands; keep offset in sync.
+      EventHandler.on(toggler, "click", this.scheduleUpdate);
+    });
+  }
+  updateOffset() {
+    if (!this.element) {
+      return;
+    }
+    const rect = this.element.getBoundingClientRect();
+    const offset = Math.max(0, rect.top);
+    const value = `${offset}px`;
+    if (this.element.style.getPropertyValue(OFFSET_VARIABLE) === value) {
+      return;
+    }
+    this.element.style.setProperty(OFFSET_VARIABLE, value);
+  }
+  static init(root) {
+    if (typeof document === "undefined" || typeof window === "undefined") {
+      return;
+    }
+    const resolvedRoot = root || document;
+    const context = resolvedRoot instanceof Element ? resolvedRoot : resolvedRoot.documentElement || document.documentElement;
+    const headers = SelectorEngine.find(HEADER_SELECTOR, context);
+    headers.forEach(headerElement => {
+      if (headerElement.dataset.headerOffsetInitialized === "true") {
+        return;
+      }
+      headerElement.dataset.headerOffsetInitialized = "true";
+      new Header(headerElement);
+    });
+  }
+}
+if (typeof document !== "undefined") {
+  const initializeHeaderOffset = () => Header.init();
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initializeHeaderOffset);
+  } else {
+    initializeHeaderOffset();
+  }
+}
+
+export { AccessibleToggle, AccordionToggle, Alert, Button, Carousel, Collapse, Dropdown, Gallery, Header, MainNavigation, MegaMenu, Modal, Offcanvas, Popover, ScrollSpy, ScrollSpy$1 as ScrollSpyV2, Tab, Toast, Tooltip };
 //# sourceMappingURL=oe-bcl-joinup.esm.js.map