@openeuropa/bcl-theme-default 1.10.8 → 1.10.9

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

@@ -6923,6 +6923,72 @@
     }
   }
 
+  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();
+    }
+  }
+
   /**
    * --------------------------------------------------------------------------
    * Bootstrap (v5.1.0): index.esm.js
@@ -6948,7 +7014,8 @@
     Tooltip,
     Gallery,
     AccessibleToggle,
-    AccordionToggle
+    AccordionToggle,
+    Header
   };
 
   return index_umd;