@cagovweb/state-template 6.6.0-beta3 → 6.6.0-beta5

package/dist/js/cagov.core.js

@@ -1,4 +1,4 @@
-var StateTemplateNpmPackageVersion="6.6.0-beta3";
+var StateTemplateNpmPackageVersion="6.6.0-beta5";
 /*!
   * Bootstrap v5.3.8 (https://getbootstrap.com/)
   * Copyright 2011-2025 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
@@ -8081,113 +8081,12 @@ window.addEventListener("load", () => {
     document.querySelector(".side-navigation")
   );
   if (!sidenavigation || !siteHeader) return;
-  const allSidenavLinks = /** @type {NodeListOf<HTMLElement>} */ (
-    sidenavigation.querySelectorAll(".side-navigation a")
-  );
-  const mainContentSideNavCont = sidenavigation.closest("div");
   sidenavigation.id = "side-navigation";
   const topposition = localStorage.getItem("sidebar-scroll");
   const mobileCntls = document.querySelector(".global-header .mobile-controls");
-  if (!mobileCntls) return;
-  let mobileControlsDisplay = window.getComputedStyle(mobileCntls).display; // Side nav height vs viewport
   const siteHeaderHeight = siteHeader ? siteHeader.clientHeight : 0;
   const mobileView$3 = () =>
     getComputedStyle(mobileCntls)["display"] !== "none";
-  let timeout = 0;
-  const delay = 250; // delay between calls
-  /** @type {HTMLElement} */
-  let mobileSideNavDiv,
-    /** @type {HTMLDivElement} */ mobileSideNavCont,
-    /** @type {HTMLButtonElement} */ sidenavToggleBtn;
-
-  const createMobileSideNavButton = () => {
-    // get first side nav element
-    /** @type {HTMLAnchorElement | null} */
-    const sidenavTItle = document.querySelector(".side-navigation a, .sidenav");
-
-    if (sidenavTItle) {
-      // get text for the button for first side nav element
-      let btnText = sidenavTItle.innerText;
-      const btnTextSpan = sidenavTItle.querySelector("span")?.innerText || ""; // removing the sr-only span and it's content
-      btnText = btnText.replace(btnTextSpan, "").trim();
-      // create button container
-      const sidenavMobile = document.createElement("aside");
-      sidenavMobile.className = "sidenav-mobile-btn";
-      const sidenavMobileCont = document.createElement("div");
-      sidenavMobileCont.className = "container";
-      sidenavMobile.append(sidenavMobileCont);
-      // create button
-      sidenavToggleBtn = document.createElement("button");
-      sidenavToggleBtn.type = "button";
-      sidenavToggleBtn.className = "sidenav-toggle";
-      sidenavToggleBtn.ariaExpanded = "false";
-      sidenavToggleBtn.setAttribute("aria-controls", "side-navigation");
-      sidenavToggleBtn.innerText = btnText;
-      // create icon
-      const arrowIcon = document.createElement("span");
-      arrowIcon.ariaHidden = "true";
-      arrowIcon.className = "ca-gov-icon-caret-down";
-      sidenavToggleBtn.append(arrowIcon);
-      // append button into the header
-      sidenavMobileCont.append(sidenavToggleBtn);
-      siteHeader.after(sidenavMobile);
-      // add click event
-      sidenavToggleBtn.addEventListener("click", toggleSideNav);
-    }
-  };
-
-  const createmobileSideNavDiv = () => {
-    mobileSideNavDiv = document.createElement("aside");
-    mobileSideNavDiv.className = "mobile-sidenav";
-    mobileSideNavCont = document.createElement("div");
-    mobileSideNavCont.className = "container";
-    mobileSideNavDiv.append(mobileSideNavCont);
-    siteHeader.after(mobileSideNavDiv);
-  };
-
-  // MOBILE Side nav
-  const moveSideNavToHeader = () => {
-    if (mobileSideNavCont) {
-      mobileSideNavCont.append(sidenavigation);
-    }
-
-    sidenavigation.ariaHidden = "true";
-    allSidenavLinks?.forEach(el => {
-      el.tabIndex = -1;
-    });
-  };
-
-  // DESKTOP Side nav
-  const moveSideNavToMainContent = () => {
-    if (sidenavigation === mainContentSideNavCont) return; //Prevents an error if sidenav is not set up correctly
-
-    mainContentSideNavCont?.append(sidenavigation);
-    sidenavigation.removeAttribute("aria-hidden");
-    allSidenavLinks?.forEach(el => {
-      el.removeAttribute("tabindex");
-    });
-  };
-
-  // Mobile Side Nav Button click function
-  const toggleSideNav = () => {
-    mobileSideNavDiv.classList.toggle("visible");
-    // Open
-    if (mobileSideNavDiv.classList.contains("visible")) {
-      sidenavigation.removeAttribute("aria-hidden");
-      sidenavToggleBtn.ariaExpanded = "true";
-      allSidenavLinks?.forEach(el => {
-        el.removeAttribute("tabindex");
-      });
-
-      // Closed
-    } else {
-      sidenavToggleBtn.ariaExpanded = "false";
-      sidenavigation.ariaHidden = "true";
-      allSidenavLinks?.forEach(el => {
-        el.tabIndex = -1;
-      });
-    }
-  };
 
   /**
    * Set active class on nav-heading links
@@ -8239,26 +8138,8 @@ window.addEventListener("load", () => {
   };
 
   // ONLOAD
-  addActiveClass();
-  createmobileSideNavDiv();
-  createMobileSideNavButton();
-
-  if (mobileControlsDisplay == "block") {
-    moveSideNavToHeader();
-  }
-  // on resize
-  window.addEventListener("resize", () => {
-    mobileControlsDisplay = getComputedStyle(mobileCntls).display; // clear the timeout
-
-    window.clearTimeout(timeout); // start timing for event "completion"
-    timeout = window.setTimeout(sidenavOverflow, delay); // if mobile
-    if (mobileControlsDisplay == "block") {
-      moveSideNavToHeader(); // if desctop
-    } else {
-      moveSideNavToMainContent();
-    }
-  });
   sidenavOverflow();
+  addActiveClass();
 });
 
 //@ts-check