@cagovweb/state-template 1.0.0 → 1.1.0-beta.1

package/dist/js/cagov.core.js

@@ -1083,9 +1083,9 @@ window.customElements.define("cagov-accordion", CaGovAccordion);
       item.replaceWith(newDiv);
     });
 
-    const singleLevel = navigationJS.classList.contains("singleLevel");
+    const singleLevel = navigationJS?.classList.contains("singleLevel");
     const setActiveLinkByFolder =
-      navigationJS.classList.contains("auto-highlight");
+      navigationJS?.classList.contains("auto-highlight");
 
     const navItemsJS = document.querySelectorAll(".main-navigation .nav-item");
 
@@ -1114,7 +1114,7 @@ window.customElements.define("cagov-accordion", CaGovAccordion);
       // if the target of the click isn't the navigation container nor a descendant of the navigation
       if (
         navContainer !== e.target &&
-        !navContainer.contains(/**@type {Node} */ (e.target))
+        !navContainer?.contains(/**@type {Node} */ (e.target))
       ) {
         NavReset();
       }
@@ -1222,7 +1222,7 @@ window.customElements.define("cagov-accordion", CaGovAccordion);
   // header, contains nav, search form, etc, unique
   const headerHeight = /** @type {HTMLElement} */ (
     document.querySelector(".global-header")
-  ).offsetHeight; // header height
+  )?.offsetHeight; // header height
 
   /** @type {HTMLElement} */
   const utility = document.querySelector(".utility-header"); // utility header, unique
@@ -1244,7 +1244,7 @@ window.customElements.define("cagov-accordion", CaGovAccordion);
   // Full width navigation
   const navigationHeight = document
     .querySelector(".navigation-search")
-    .classList.contains("full-width-nav")
+    ?.classList.contains("full-width-nav")
     ? 82
     : 0;
 
@@ -1740,7 +1740,7 @@ document.addEventListener("DOMContentLoaded", () => {
 const returnTop = document.querySelector(".return-top");
 
 // Add on-click event
-returnTop.addEventListener("click", goToTopFunction);
+if (returnTop) returnTop.addEventListener("click", goToTopFunction);
 
 function goToTopFunction() {
   document.body.scrollTop = 0; // For Safari
@@ -1823,7 +1823,8 @@ function backToTopFunction(event) {
   sidenavigation?.setAttribute("id", "side-navigation");
   const topposition = localStorage.getItem("sidebar-scroll");
   const mobileCntls = document.querySelector(".global-header .mobile-controls");
-  let mobileControlsDisplay = getComputedStyle(mobileCntls).display; // Side nav height vs viewport
+  if (!mobileCntls) return;
+  let mobileControlsDisplay = window.getComputedStyle(mobileCntls).display; // Side nav height vs viewport
   const siteHeaderHeight = siteHeader ? siteHeader.clientHeight : 0;
   const mobileView$3 = () =>
     getComputedStyle(document.querySelector(".global-header .mobile-controls"))[
@@ -2381,6 +2382,7 @@ window.customElements.define("cagov-pagination", CAGovPagination);
   const navButton = document.querySelector(".toggle-menu");
   const navSearchCont = document.querySelector(".navigation-search");
   const mobileCntls = document.querySelector(".global-header .mobile-controls");
+  if (!mobileCntls) return;
   const mainCont = document.querySelector(".main-content");
   const footerGlobal = document.querySelector("footer");
   const footerSite = document.querySelector(".site-footer");
@@ -2394,7 +2396,7 @@ window.customElements.define("cagov-pagination", CAGovPagination);
   );
   const siteBranding = document.querySelector(".branding");
   const utilityLinks = document.querySelector(".settings-links");
-  let mobileControlsDisplay = getComputedStyle(mobileCntls).display;
+  let mobileControlsDisplay = window.getComputedStyle(mobileCntls).display;
   let allNavLinks;
   let allUtilityLinks;
   // We need timeout here to make sure navigation is created first (becasue naviagion.js is creating button elements dynamicaly) and then we can assign all thise links to our variable