@caweb/html-webpack-plugin 1.4.12 → 1.4.14

package/build/shasta.js

@@ -6322,37 +6322,6 @@
 //# sourceMappingURL=bootstrap.bundle.js.map
 
 
-/***/ }),
-
-/***/ "./src/scripts/components/dark-mode.js":
-/*!*********************************************!*\
-  !*** ./src/scripts/components/dark-mode.js ***!
-  \*********************************************/
-/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-document.addEventListener('DOMContentLoaded', () => {
-  //const button = document.querySelector( '.button__theme-toggle' );
-
-  /*button.addEventListener('click', () => {
-      const isDarkMode = document.body.classList.contains( 'is-dark-mode' );
-  if ( isDarkMode ) {
-  button.setAttribute( 'aria-pressed', 'false' );
-  document.body.classList.remove( 'is-dark-mode' );
-  } else {
-  button.setAttribute( 'aria-pressed', 'true' );
-  document.body.classList.add( 'is-dark-mode' );
-  }
-  })*/
-
-  // Set is-dark-mode class if user has requested dark mode.
-  if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
-    document.documentElement.setAttribute('data-bs-theme', 'dark');
-    //button.setAttribute( 'aria-pressed', 'true' );
-  }
-});
-
 /***/ }),
 
 /***/ "./src/scripts/components/external-link.js":
@@ -6403,24 +6372,39 @@ window.addEventListener('load', () => {
   const toggleMenuCloseButton = mainHeader ? mainHeader.querySelector('.mobile-control.ca-gov-icon-close-mark') : null;
   const mobileCheck = () => {
     if (isDesktopWidth()) {
-      if (mainNavUl) {
-        mainNavUl.classList.remove('flex-column');
-      }
       if (mainNav) {
+        // navigation is always shown in desktop mode
         mainNav.classList.add('show');
+
+        // navigation ul should render as a row
+        if (mainNavUl) {
+          mainNavUl.classList.remove('flex-column');
+        }
       }
+      // if in desktop we append the search container after the branding logo
       if (searchContainer && mainHeader) {
         mainHeader.querySelector('.header-organization-banner')?.after(searchContainer);
       }
     } else {
-      if (mainNavUl) {
-        mainNavUl.classList.add('flex-column');
-      }
-      if (mainNav) {
-        mainNav.classList.remove('show');
-      }
-      if (searchContainer && mainHeader) {
-        mainHeader.querySelector('.mobile-controlled.overlay')?.append(searchContainer);
+      // if mobile menu is open
+      if ('true' === toggleMenuCloseButton.getAttribute('aria-expanded')) {
+        // we make sure to close the mobile menu.
+        toggleMenuCloseButton.click();
+      } else {
+        // we hide the main navigation in mobile
+        if (mainNav) {
+          mainNav.classList.remove('show');
+
+          // navigation ul should render as a column
+          if (mainNavUl) {
+            mainNavUl.classList.add('flex-column');
+          }
+        }
+
+        // if in mobile we append the search container to the mobile overlay
+        if (searchContainer && mainHeader) {
+          mainHeader.querySelector('.mobile-controlled.overlay')?.append(searchContainer);
+        }
       }
     }
   };
@@ -6591,14 +6575,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_mobile_controls_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/mobile-controls.js */ "./src/scripts/components/mobile-controls.js");
 /* harmony import */ var _components_return_top_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/return-top.js */ "./src/scripts/components/return-top.js");
 /* harmony import */ var _components_external_link_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/external-link.js */ "./src/scripts/components/external-link.js");
-/* harmony import */ var _components_dark_mode_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/dark-mode.js */ "./src/scripts/components/dark-mode.js");
-
 
 
 
 
 
 /*
+import './components/dark-mode.js';
 import './components/fixed-header.js';
 import './components/accordion.js';
 import './components/accordion-list.js';