@caweb/html-webpack-plugin 1.5.22 → 1.5.23

package/build/delta.asset.php

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

package/build/delta.js

@@ -6378,7 +6378,10 @@ 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;
     }
 
@@ -6425,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()) {
       /**
@@ -6500,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');
@@ -6509,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');
@@ -6594,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`);
   };