@websy/websy-designs 1.4.17 → 1.4.18

package/dist/websy-designs.debug.js

@@ -2769,6 +2769,35 @@ class WebsyNavigationMenu {
       this.render()      
     }    
   }
+  activateItem (id) {
+    const el = document.getElementById(id)
+    if (el) {
+      el.classList.add('active')
+      let parent = el.parentElement
+      while (parent) {
+        if (parent.tagName === 'UL') {
+          parent.classList.remove('websy-menu-collapsed')
+          parent = parent.parentElement
+        }
+        else if (parent.tagName === 'LI') {
+          parent = parent.parentElement
+        }
+        else {
+          parent = null
+        }
+      }
+    }
+  }
+  collapseAll () {
+    const el = document.getElementById(this.elementId)
+    const menuEls = el.querySelectorAll('.websy-child-list')
+    const headerEls = el.querySelectorAll('.websy-menu-header')
+    Array.from(menuEls).forEach(e => e.classList.add('websy-menu-collapsed')) 
+    Array.from(headerEls).forEach(e => {
+      e.classList.remove('active') 
+      e.classList.remove('menu-open')
+    }) 
+  }
   flattenItems (index, items, level = 0, path = '') {
     if (items[index]) {
       this.lowestLevel = Math.max(level, this.lowestLevel)
@@ -2793,7 +2822,7 @@ class WebsyNavigationMenu {
       if (event.target.classList.contains('trigger-item') && item.level === this.lowestLevel) {
         this.toggleMobileMenu('remove')
       } 
-      if (item.hasChildren === true) {
+      if (item && item.hasChildren === true) {
         event.target.classList.toggle('menu-open')
         this.toggleMenu(item.id)
       }

package/dist/websy-designs.js

@@ -2944,6 +2944,41 @@ var WebsyNavigationMenu = /*#__PURE__*/function () {
   }
 
   _createClass(WebsyNavigationMenu, [{
+    key: "activateItem",
+    value: function activateItem(id) {
+      var el = document.getElementById(id);
+
+      if (el) {
+        el.classList.add('active');
+        var parent = el.parentElement;
+
+        while (parent) {
+          if (parent.tagName === 'UL') {
+            parent.classList.remove('websy-menu-collapsed');
+            parent = parent.parentElement;
+          } else if (parent.tagName === 'LI') {
+            parent = parent.parentElement;
+          } else {
+            parent = null;
+          }
+        }
+      }
+    }
+  }, {
+    key: "collapseAll",
+    value: function collapseAll() {
+      var el = document.getElementById(this.elementId);
+      var menuEls = el.querySelectorAll('.websy-child-list');
+      var headerEls = el.querySelectorAll('.websy-menu-header');
+      Array.from(menuEls).forEach(function (e) {
+        return e.classList.add('websy-menu-collapsed');
+      });
+      Array.from(headerEls).forEach(function (e) {
+        e.classList.remove('active');
+        e.classList.remove('menu-open');
+      });
+    }
+  }, {
     key: "flattenItems",
     value: function flattenItems(index, items) {
       var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
@@ -2979,7 +3014,7 @@ var WebsyNavigationMenu = /*#__PURE__*/function () {
           this.toggleMobileMenu('remove');
         }
 
-        if (item.hasChildren === true) {
+        if (item && item.hasChildren === true) {
           event.target.classList.toggle('menu-open');
           this.toggleMenu(item.id);
         } else {