@websy/websy-designs 1.4.17 → 1.4.19

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)
       }
@@ -6323,7 +6352,7 @@ class WebsyTable3 {
           style += col.style
         }
         headerHtml += `<td 
-          class='websy-table-cell'  
+          class='websy-table-cell ${colIndex < this.pinnedColumns ? 'pinned' : 'unpinned'}'  
           style='${style}'       
           colspan='${col.colspan || 1}'
           rowspan='${col.rowspan || 1}'

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 {
@@ -6895,7 +6930,7 @@ var WebsyTable3 = /*#__PURE__*/function () {
             style += col.style;
           }
 
-          headerHtml += "<td \n          class='websy-table-cell'  \n          style='".concat(style, "'       \n          colspan='").concat(col.colspan || 1, "'\n          rowspan='").concat(col.rowspan || 1, "'\n        "); // if (useWidths === true && rowIndex === this.options.columns.length - 1) {
+          headerHtml += "<td \n          class='websy-table-cell ".concat(colIndex < _this41.pinnedColumns ? 'pinned' : 'unpinned', "'  \n          style='").concat(style, "'       \n          colspan='").concat(col.colspan || 1, "'\n          rowspan='").concat(col.rowspan || 1, "'\n        "); // if (useWidths === true && rowIndex === this.options.columns.length - 1) {
           //   headerHtml += `
           //     style='width: ${col.width || col.actualWidth}px'
           //     width='${col.width || col.actualWidth}'