@cagovweb/state-template 6.3.1-beta8 → 6.3.1

package/dist/js/cagov.core.js

@@ -1,4 +1,4 @@
-var StateTemplateNpmPackageVersion="6.3.1-beta8";
+var StateTemplateNpmPackageVersion="6.3.1";
 /*!
   * Bootstrap v5.3.0 (https://getbootstrap.com/)
   * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
@@ -8702,19 +8702,6 @@ window.addEventListener("load", () => {
 
   const regularHeader = document.querySelector("header");
 
-  /**
-   * True if child is descendant of the parent
-   * @param {HTMLElement} parent
-   * @param {HTMLElement} child
-   * @returns {boolean}
-   */
-  const checkParent = (parent, child) =>
-    child?.parentElement
-      ? child.parentElement === parent
-        ? true
-        : checkParent(parent, child.parentElement)
-      : false;
-
   // reset navigation function
   const NavReset = () => {
     //RESET
@@ -8780,12 +8767,10 @@ window.addEventListener("load", () => {
   // Close menu on focusout (tabbing out) event (if target is outside of mobile menu and ignore if focus target is navToggleBtn button)
   navSearchCont.addEventListener("focusout", e => {
     if (checkIfMobileView()) {
-      if (
-        !checkParent(
-          /** @type {HTMLElement} **/ (e.currentTarget),
-          /** @type {HTMLElement} **/ (e.relatedTarget)
-        )
-      ) {
+      const child = /** @type {Node} **/ (e.relatedTarget);
+      const parent = /** @type {Node} **/ (e.currentTarget);
+
+      if (child && !parent.contains(child)) {
         closeMenu();
       }
     }
@@ -8870,6 +8855,19 @@ window.addEventListener("load", () => {
     }
   };
 
+  // Close mobile nav if click outside of nav
+  regularHeader.addEventListener("mouseup", e => {
+    // if the target of the click isn't the navigation container nor a descendant of the navigation
+    if (checkIfMobileView()) {
+      if (
+        navSearchCont !== e.target &&
+        !navSearchCont?.contains(/**@type {Node} */ (e.target))
+      ) {
+        closeMenu();
+      }
+    }
+  });
+
   // on resize function (hide mobile nav)
   window.addEventListener("resize", mobileCheck);