@caweb/html-webpack-plugin 1.5.0 → 1.5.1

package/build/delta.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => 'e65004037151a4c133f6');
+<?php return array('dependencies' => array(), 'version' => 'f77e3b5376a5ae4b8202');

package/build/delta.css

@@ -2313,9 +2313,9 @@
   content: "\ea33" !important;
 }
 
-/*!********************************************************************************************************************!*\
-  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/animate.css/animate.css ***!
-  \********************************************************************************************************************/
+/*!******************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/animate.css/animate.css ***!
+  \******************************************************************************************************************************************************************************************/
 @charset "UTF-8";/*!
  * animate.css - https://animate.style/
  * Version - 4.1.1

package/build/delta.js

@@ -6372,6 +6372,12 @@ window.addEventListener('load', () => {
   const toggleMenuCloseButton = mainHeader ? mainHeader.querySelector('.mobile-control.ca-gov-icon-close-mark') : null;
   const mobileCheck = () => {
     if (isDesktopWidth()) {
+      /**
+         * Desktop Mode
+         * - navigation is always shown in desktop mode
+         * - append the search container after the branding logo
+         * - append navigation after the mobile control overlay
+         */
       if (mainNav) {
         // navigation is always shown in desktop mode
         mainNav.classList.add('show');
@@ -6380,9 +6386,10 @@ window.addEventListener('load', () => {
         if (mainNavUl) {
           mainNavUl.classList.remove('flex-column');
         }
+        mainHeader.querySelector('.mobile-controlled.overlay')?.after(mainNav);
       }
-      // if in desktop we append the search container after the branding logo
-      if (searchContainer && mainHeader) {
+      // if in desktop we append the search container after the branding logo and the 
+      if (searchContainer) {
         mainHeader.querySelector('.header-organization-banner')?.after(searchContainer);
       }
     } else {
@@ -6391,8 +6398,21 @@ window.addEventListener('load', () => {
         // we make sure to close the mobile menu.
         toggleMenuCloseButton.click();
       } else {
+        /**
+         * Mobile Mode
+         * - hide the main navigation in mobile
+         * - append the search container and navigation to the mobile control overlay
+         * - navigation ul should render as a column
+         */
+
+        // append the search container to the mobile control overlay
+        if (searchContainer) {
+          mainHeader.querySelector('.mobile-controlled.overlay')?.append(searchContainer);
+        }
+
         // we hide the main navigation in mobile
         if (mainNav) {
+          mainHeader.querySelector('.mobile-controlled.overlay')?.append(mainNav);
           mainNav.classList.remove('show');
 
           // navigation ul should render as a column
@@ -6400,11 +6420,6 @@ window.addEventListener('load', () => {
             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);
-        }
       }
     }
   };
@@ -6542,7 +6557,7 @@ window.addEventListener('load', () => {
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var __webpack_exports__ = {};
@@ -6554,7 +6569,7 @@ __webpack_require__.r(__webpack_exports__);
 
 })();
 
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 var __webpack_exports__ = {};
@@ -6566,7 +6581,7 @@ __webpack_require__.r(__webpack_exports__);
 
 })();
 
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
 (() => {
 "use strict";
 /*!******************************!*\