@caweb/html-webpack-plugin 1.5.21 → 1.5.23

package/build/delta.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '64c13db2de54f5439af1');
+<?php return array('dependencies' => array(), 'version' => '817c0e0bbe5b801aa4bf');

package/build/delta.js

@@ -6378,18 +6378,24 @@ window.addEventListener('load', () => {
     let current = header.previousElementSibling;
     let miscElementHeights = 0;
     while (current) {
-      miscElementHeights += current.clientHeight;
+      // if current is a div, add its height to the miscElementHeights.
+      if ('DIV' === current.tagName) {
+        miscElementHeights += current.clientHeight;
+      }
       current = current.previousElementSibling;
     }
 
     // downscroll code passed the header height
     if (document.body.scrollTop >= header.offsetHeight || document.documentElement.scrollTop >= header.offsetHeight) {
-      var _alerts$scrollHeight, _utilityHeader$scroll;
       // lets add the scroll heights of any alerts
-      scrollHeights += (_alerts$scrollHeight = alerts?.scrollHeight) !== null && _alerts$scrollHeight !== void 0 ? _alerts$scrollHeight : 0;
+      if (alerts) {
+        scrollHeights += alerts.scrollHeight;
+      }
 
       // lets add the scroll heights of the utility header
-      scrollHeights += (_utilityHeader$scroll = utilityHeader?.scrollHeight) !== null && _utilityHeader$scroll !== void 0 ? _utilityHeader$scroll : 0;
+      if (utilityHeader) {
+        scrollHeights += utilityHeader.scrollHeight;
+      }
 
       // move the header up to the scroll height, minus any elements above the header
       header.style.top = `-${scrollHeights - miscElementHeights}px`;
@@ -6422,12 +6428,12 @@ window.addEventListener('load', () => {
   const isDesktopWidth = () => window.innerWidth > 992; //Maximum px for mobile width
 
   const mainHeader = document.querySelector('header');
-  const mobileOverlay = mainHeader.querySelector('.mobile-controlled.overlay');
-  const searchContainer = mainHeader.querySelector('.search-container');
-  const mainNav = mainHeader.querySelector('.navigation');
+  const mobileOverlay = mainHeader?.querySelector('.mobile-controlled.overlay');
+  const searchContainer = mainHeader?.querySelector('.search-container');
+  const mainNav = mainHeader?.querySelector('.navigation');
   const mainNavUl = mainNav?.querySelector('.nav');
-  const toggleMenuOpenButton = mainHeader.querySelector('.mobile-control.ca-gov-icon-menu');
-  const toggleMenuCloseButton = mainHeader.querySelector('.mobile-control.ca-gov-icon-close-mark');
+  const toggleMenuOpenButton = mainHeader?.querySelector('.mobile-control.ca-gov-icon-menu');
+  const toggleMenuCloseButton = mainHeader?.querySelector('.mobile-control.ca-gov-icon-close-mark');
   const mobileCheck = () => {
     if (isDesktopWidth()) {
       /**
@@ -6497,7 +6503,7 @@ window.addEventListener('load', () => {
   });
 
   // Mobile Overlay is being shown
-  mobileOverlay.addEventListener('shown.bs.collapse', () => {
+  mobileOverlay?.addEventListener('shown.bs.collapse', () => {
     toggleMenuCloseButton.focus();
     mainHeader.classList.add('overlay');
     mainNav?.classList.add('visible');
@@ -6506,7 +6512,7 @@ window.addEventListener('load', () => {
   });
 
   // Mobile Overlay is hidden
-  mobileOverlay.addEventListener('hide.bs.collapse', () => {
+  mobileOverlay?.addEventListener('hide.bs.collapse', () => {
     toggleMenuOpenButton.focus();
     mainHeader.classList.remove('overlay');
     document.body.classList.remove('overflow-hidden');
@@ -6591,9 +6597,13 @@ __webpack_require__.r(__webpack_exports__);
  * This is used to ensure that the element is not hidden behind the header
  */
 window.addEventListener('load', () => {
+  let mainHeader = document.querySelector('header');
+  if (!mainHeader) {
+    return;
+  }
+
   // Function to update the scroll-margin-top for each element with an id    
   const updateScrollMarginTop = () => {
-    let mainHeader = document.querySelector('header');
     // for each element with an id we add the scroll-margin-top
     document.querySelectorAll('#page-container [id]').forEach(element => element.style.scrollMarginTop = `${mainHeader.offsetHeight}px`);
   };