Add initial nest version, add tests

2024-11-16 09:50:24 +05:30
parent 0152ebeb91
commit 5b1368dca0
45 changed files with 1247 additions and 173 deletions
@@ -0,0 +1,49 @@
+<script>
+ function toggleDropdown(toggle, open) {
+     let parentElement = toggle.parentNode;
+     let dropdown = document.getElementById(toggle.getAttribute('aria-controls'));
+     dropdown.setAttribute('aria-hidden', !open);
+
+     if (open) {
+         parentElement.classList.add('is-active');
+     } else {
+         parentElement.classList.remove('is-active');
+     }
+ }
+
+ function closeAllDropdowns(toggles) {
+     toggles.forEach(function (toggle) {
+         toggleDropdown(toggle, false);
+     });
+ }
+
+ function handleClickOutside(toggles, containerClass) {
+     document.addEventListener('click', function (event) {
+         let target = event.target;
+
+         if (target.closest) {
+             if (!target.closest(containerClass)) {
+                 closeAllDropdowns(toggles);
+             }
+         }
+     });
+ }
+
+ function initNavDropdowns(containerClass) {
+     let toggles = [].slice.call(document.querySelectorAll(containerClass + ' [aria-controls]'));
+
+     handleClickOutside(toggles, containerClass);
+
+     toggles.forEach(function (toggle) {
+         toggle.addEventListener('click', function (e) {
+             e.preventDefault();
+
+             const shouldOpen = !toggle.parentNode.classList.contains('is-active');
+             closeAllDropdowns(toggles);
+             toggleDropdown(toggle, shouldOpen);
+         });
+     });
+ }
+
+ initNavDropdowns('.p-navigation__item--dropdown-toggle');
+</script>