Merge branch 'main' into localNavSubItems

Author: jsavella

README.md

@@ -1,5 +1,6 @@
-# Your Project's Title...
-Your project's description...
+# Adobe Edge for Esri Digital Experience
+
+This project leverages Adobe Edge to build and deploy websites. By utilizing Adobe Edge's capabilities, we aim to create engaging and dynamic content that effectively showcases Esri's products and services. 
 
 ## Environments
 - Preview: https://main--esri-eds--esri.aem.page/

eds/blocks/local-navigation/local-navigation.css

@@ -231,4 +231,10 @@
   .local-navigation calcite-icon {
     display: none;
   }
+
+  .local-navigation calcite-button {
+    inline-size: auto;
+    padding-inline: 0;
+    padding-block: var(--space-3);
+  }
 }

eds/blocks/local-navigation/local-navigation.js

@@ -99,6 +99,28 @@ function appendPageTitle(pgObj, block, i) {
   }
 }
 
+/**
+ * Create CTA button for trial or register and append to the nav tag ul
+ * @param {Object} xmlData.
+ */
+function decorateBlueButton(value, block) {
+  setTimeout(() => {
+    let href;
+    if (value.triallink.startsWith('#')) {
+      href = `${window.location.pathname}#trial`;
+    } else if (value.triallink.startsWith('/')) {
+      href = `${window.location.origin}${value.triallink}`;
+    } else if (value.triallink.startsWith('https://') || value.triallink.startsWith('http://')) {
+      href = value.triallink;
+    }
+    if (href) {
+      const trialBtn = domEl('calcite-button', { class: 'trial-button', href });
+      trialBtn.innerHTML = value.triallabel;
+      block.querySelector('nav > ul').appendChild(trialBtn);
+    }
+  }, 50);
+}
+
 /**
  * For document authored paged title only 'function docAuthPageTitle()'.
  * Normalize url path, replace origin if different current origin.
@@ -113,6 +135,9 @@ function parseXML(xmlData, block) {
       if (key === 'pageTitle') {
         appendPageTitle(xmlData[i], block, i);
       }
+      if (value.triallabel) {
+        decorateBlueButton(value, block);
+      }
     });
   }
 }
@@ -171,8 +196,6 @@ function initNavWrapper(block) {
   const trialBtn = btnWrapper.lastElementChild;
   mobileButton.setAttribute('aria-label', 'menu');
   htmlNavTag.setAttribute('aria-label', 'main');
-  htmlNavTag.setAttribute('aria-expanded', 'false');
-  htmlNavTag.setAttribute('class', 'calcite-mode-dark');
   htmlNavTag.id = 'main';
   ul.classList.add('mobile-menu');
   ul.setAttribute('aria-labelledby', 'nav-title');
@@ -201,6 +224,12 @@ function btnEventListener(block) {
       mobileMenu.setAttribute('aria-expanded', 'false');
     }
   });
+  window.addEventListener('resize', () => {
+    if (window.innerWidth > 768) {
+      mobileBtn.setAttribute('icon', 'caret-down');
+      mobileMenu.setAttribute('aria-expanded', 'false');
+    }
+  });
 }
 
 /**
@@ -225,7 +254,6 @@ export default async function decorate(block) {
   const PROXY = ISLOCAL.test(window.location.href) ? 'https://cors-anywhere.herokuapp.com/' : '';
   const NAVAPI = 'https://www.esri.com/bin/esri/localnavigation';
   const requestURL = `${PROXY}${NAVAPI}?path=/content/esri-sites${window.location.pathname}`;
-
   await fetch(requestURL)
     .then((response) => response.json())
     .then((data) => {