@uqds/header 1.2.4-alpha.0 → 1.2.4-alpha.1

package/dist/js/uqds.min.js

@@ -1 +1 @@
-var uq=function(e){"use strict";return e.header=class{constructor(e){this.init(e)}init(e){this.menuToggle=e.querySelector(".nav-primary__menu-toggle"),this.searchToggle=e.querySelector(".nav-primary__search-toggle"),this.searchLabel=e.querySelector(".search-toggle__label"),this.searchBlock=e.querySelector(".uq-header__search"),this.searchInput=e.querySelector(".uq-header__search-query-input"),this.menuToggle.addEventListener("click",()=>{document.body.classList.toggle("no-scroll"),this.menuToggle.classList.toggle("nav-primary__menu-toggle--is-open"),this.searchToggle.classList.remove("nav-primary__search-toggle--is-open"),this.searchBlock.classList.remove("uq-header__search--is-open"),this.searchLabel.innerHTML="Search"}),this.searchToggle.addEventListener("click",e=>{document.body.classList.remove("no-scroll"),this.searchToggle.classList.toggle("nav-primary__search-toggle--is-open"),this.searchBlock.classList.toggle("uq-header__search--is-open"),this.menuToggle.classList.remove("nav-primary__menu-toggle--is-open"),this.searchBlock.classList.contains("uq-header__search--is-open")?this.searchInput.focus():(this.searchInput.blur(),this.searchToggle.blur()),"Search"===this.searchLabel.innerHTML?this.searchLabel.innerHTML="Close":this.searchLabel.innerHTML="Search",e.preventDefault()}),document.querySelectorAll(".uq-header__nav-primary-item").forEach(e=>{e.addEventListener("mouseenter",this.handleToggle),e.addEventListener("mouseleave",this.handleToggle)})}handleToggle(e){let s=e.target;(s="LI"!==s.tagName?s.parentElement:s).eventType=e.type,window.setTimeout(function(){("mouseenter"===e.type||"mouseleave"===e.type)&&window.matchMedia("(max-width: 1024px)").matches||("mouseenter"===s.eventType?s.classList.add("uq-header__nav-primary-item--is-open"):s.classList.remove("uq-header__nav-primary-item--is-open"))},250)}},e}({});
+var uq=(e=>(e.header=class{constructor(e){this.init(e)}init(e){this.menuToggle=e.querySelector(".nav-primary__menu-toggle"),this.searchToggle=e.querySelector(".nav-primary__search-toggle"),this.searchLabel=e.querySelector(".search-toggle__label"),this.searchBlock=e.querySelector(".uq-header__search"),this.searchInput=e.querySelector(".uq-header__search-query-input"),this.menuToggle.addEventListener("click",()=>{document.body.classList.toggle("no-scroll"),this.menuToggle.classList.toggle("nav-primary__menu-toggle--is-open"),this.searchToggle.classList.remove("nav-primary__search-toggle--is-open"),this.searchBlock.classList.remove("uq-header__search--is-open"),this.searchLabel.innerHTML="Search"}),this.searchToggle.addEventListener("click",e=>{document.body.classList.remove("no-scroll"),this.searchToggle.classList.toggle("nav-primary__search-toggle--is-open"),this.searchBlock.classList.toggle("uq-header__search--is-open"),this.menuToggle.classList.remove("nav-primary__menu-toggle--is-open"),this.searchBlock.classList.contains("uq-header__search--is-open")?this.searchInput.focus():(this.searchInput.blur(),this.searchToggle.blur()),"Search"===this.searchLabel.innerHTML?this.searchLabel.innerHTML="Close":this.searchLabel.innerHTML="Search",e.preventDefault()}),document.querySelectorAll(".uq-header__nav-primary-item").forEach(e=>{e.addEventListener("mouseenter",this.handleToggle),e.addEventListener("mouseleave",this.handleToggle)})}handleToggle(e){let s=e.target;(s="LI"!==s.tagName?s.parentElement:s).eventType=e.type,window.setTimeout(function(){("mouseenter"===e.type||"mouseleave"===e.type)&&window.matchMedia("(max-width: 1024px)").matches||("mouseenter"===s.eventType?s.classList.add("uq-header__nav-primary-item--is-open"):s.classList.remove("uq-header__nav-primary-item--is-open"))},250)}},e))({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uqds/header",
-  "version": "1.2.4-alpha.0",
+  "version": "1.2.4-alpha.1",
   "description": "The POC UQ Header component package",
   "keywords": [
     "uqds",
@@ -38,12 +38,12 @@
   },
   "dependencies": {
     "@uqds/core": "^1.2.4-alpha.0",
-    "@uqds/form": "^0.1.4-alpha.0",
+    "@uqds/form": "^0.1.4-alpha.1",
     "@uqds/grid": "^0.0.19-alpha.0",
-    "@uqds/icon": "^0.0.19-alpha.0"
+    "@uqds/icon": "^0.0.19-alpha.1"
   },
   "devDependencies": {
-    "gulp": "^4.0.2"
+    "gulp": "^5.0.0"
   },
-  "gitHead": "24bcd44af1c5622d310d0742adce42f160e786f6"
+  "gitHead": "63ecc577f4c2cd3cecc99ba7990d6aec117eeaad"
 }

package/src/js/header.js

@@ -48,7 +48,7 @@ class NewHeader {
 
     // megamenu
     const megaMenuItem = document.querySelectorAll(
-      ".uq-header__nav-primary-item"
+      ".uq-header__nav-primary-item",
     );
     megaMenuItem.forEach((item) => {
       item.addEventListener("mouseenter", this.handleToggle);

package/src/scss/_component.scss

@@ -235,7 +235,9 @@
     color: core.$white; //core.$purple-500;
     text-decoration: none;
     padding: core.$space-m core.$space-l;
-    transition: background-color 0.25s, border-color 0.25s;
+    transition:
+      background-color 0.25s,
+      border-color 0.25s;
     font-weight: core.$font-weight-normal;
     position: relative;
     border-bottom: 4px solid transparent;
@@ -370,7 +372,9 @@
     top: 3.95rem;
     z-index: 20;
     box-shadow: 0 0.75rem core.$space-l rgb(24 24 24 / 20%);
-    transition: max-height 0.2s ease-in-out, transform 0.2s ease-in-out; //, visibility .2s ease;
+    transition:
+      max-height 0.2s ease-in-out,
+      transform 0.2s ease-in-out; //, visibility .2s ease;
     transform: translateY(-1rem);
     max-height: 0;
     overflow: hidden;
@@ -439,7 +443,10 @@
     text-decoration: none;
     text-indent: 0;
     top: calc(50% - 1.375rem);
-    transition: color 0.2s, background-color 0.2s, border-color 0.2s;
+    transition:
+      color 0.2s,
+      background-color 0.2s,
+      border-color 0.2s;
     width: 2.75rem;
 
     &::before {
@@ -877,7 +884,9 @@ body.no-scroll {
   display: block;
   color: #fff;
   text-decoration: none;
-  transition: background-color 0.25s, border-color 0.25s;
+  transition:
+    background-color 0.25s,
+    border-color 0.25s;
   font-weight: core.$font-weight-normal;
   position: relative;
   border-bottom: 4px solid transparent;