@websy/websy-designs 1.3.8 → 1.3.10

package/dist/websy-designs-es6.debug.js

@@ -176,7 +176,15 @@ class ButtonGroup {
         if (this.options.onActivate) {
           this.options.onActivate(this.options.items[index], index)
         }
-        this.render()
+        const el = document.getElementById(this.elementId)
+        let buttons = Array.from(el.querySelectorAll('.websy-button-group-item'))
+        buttons.forEach(el => {
+          let buttonIndex = el.getAttribute('data-index')
+          el.classList.add('inactive')
+          el.classList.remove('active')                    
+        })        
+        event.target.classList.remove('inactive')
+        event.target.classList.add('active')        
       } 
     }    
   }
@@ -194,9 +202,15 @@ class ButtonGroup {
   render () {
     const el = document.getElementById(this.elementId)
     if (el && this.options.items) {
-      el.innerHTML = this.options.items.map((t, i) => `
-        <div ${(t.attributes || []).join(' ')} data-id="${t.id || t.label}" data-index="${i}" class="websy-button-group-item ${(t.classes || []).join(' ')} ${this.options.style}-style ${i === this.options.activeItem ? 'active' : ''}">${t.label}</div>
-      `).join('')
+      el.innerHTML = this.options.items.map((t, i) => {
+        let activeClass = ''
+        if (this.options.activeItem && this.options.activeItem !== -1) {
+          activeClass = i === this.options.activeItem ? 'active' : 'inactive'
+        }
+        return `
+          <div ${(t.attributes || []).join(' ')} data-id="${t.id || t.label}" data-index="${i}" class="websy-button-group-item ${(t.classes || []).join(' ')} ${this.options.style}-style ${activeClass}">${t.label}</div>
+        `
+      }).join('')
     }
   }
 }
@@ -5723,19 +5737,22 @@ class WebsyTable3 {
     if (this.sizes.totalWidth < outerSize.width) {
       this.sizes.totalWidth = 0
       this.sizes.totalNonPinnedWidth = 0
-      let equalWidth = outerSize.width / this.options.columns[this.options.columns.length - 1].length
+      let equalWidth = (outerSize.width - this.sizes.totalWidth) / this.options.columns[this.options.columns.length - 1].length
       this.options.columns[this.options.columns.length - 1].forEach((c, i) => {        
-        if (!c.width) {
-          if (c.actualWidth < equalWidth) {
-            // adjust the width
-            c.actualWidth = equalWidth
-          }
+        // if (!c.width) {
+        // if (c.actualWidth < equalWidth) {
+        // adjust the width
+        if (c.width) {
+          c.width += equalWidth
         }
+        c.actualWidth += equalWidth
+        //   }
+        // }
         this.sizes.totalWidth += c.width || c.actualWidth
         if (i < this.pinnedColumns) {
           this.sizes.totalNonPinnedWidth += c.width || c.actualWidth
         }
-        equalWidth = (outerSize.width - this.sizes.totalWidth) / (this.options.columns[this.options.columns.length - 1].length - (i + 1))
+        // equalWidth = (outerSize.width - this.sizes.totalWidth) / (this.options.columns[this.options.columns.length - 1].length - (i + 1))
       })
     }
     // take the height of the last cell as the official height for data cells
@@ -7513,9 +7530,8 @@ class WebsyMap {
       console.log('No element Id provided for Websy Map')		
       return
     }
-    const mapOptions = {
-      click: this.handleMapClick.bind(this)
-    }
+    const mapOptions = Object.assign({}, options.mapOptions)
+    mapOptions.click = this.handleMapClick.bind(this)    
     if (this.options.disableZoom === true) {
       mapOptions.scrollWheelZoom = false
       mapOptions.zoomControl = false

package/dist/websy-designs-es6.js

@@ -232,7 +232,15 @@ var ButtonGroup = /*#__PURE__*/function () {
             this.options.onActivate(this.options.items[index], index);
           }
 
-          this.render();
+          var el = document.getElementById(this.elementId);
+          var buttons = Array.from(el.querySelectorAll('.websy-button-group-item'));
+          buttons.forEach(function (el) {
+            var buttonIndex = el.getAttribute('data-index');
+            el.classList.add('inactive');
+            el.classList.remove('active');
+          });
+          event.target.classList.remove('inactive');
+          event.target.classList.add('active');
         }
       }
     }
@@ -261,7 +269,13 @@ var ButtonGroup = /*#__PURE__*/function () {
 
       if (el && this.options.items) {
         el.innerHTML = this.options.items.map(function (t, i) {
-          return "\n        <div ".concat((t.attributes || []).join(' '), " data-id=\"").concat(t.id || t.label, "\" data-index=\"").concat(i, "\" class=\"websy-button-group-item ").concat((t.classes || []).join(' '), " ").concat(_this.options.style, "-style ").concat(i === _this.options.activeItem ? 'active' : '', "\">").concat(t.label, "</div>\n      ");
+          var activeClass = '';
+
+          if (_this.options.activeItem && _this.options.activeItem !== -1) {
+            activeClass = i === _this.options.activeItem ? 'active' : 'inactive';
+          }
+
+          return "\n          <div ".concat((t.attributes || []).join(' '), " data-id=\"").concat(t.id || t.label, "\" data-index=\"").concat(i, "\" class=\"websy-button-group-item ").concat((t.classes || []).join(' '), " ").concat(_this.options.style, "-style ").concat(activeClass, "\">").concat(t.label, "</div>\n        ");
         }).join('');
       }
     }
@@ -6213,22 +6227,24 @@ var WebsyTable3 = /*#__PURE__*/function () {
       if (this.sizes.totalWidth < outerSize.width) {
         this.sizes.totalWidth = 0;
         this.sizes.totalNonPinnedWidth = 0;
-        var equalWidth = outerSize.width / this.options.columns[this.options.columns.length - 1].length;
+        var equalWidth = (outerSize.width - this.sizes.totalWidth) / this.options.columns[this.options.columns.length - 1].length;
         this.options.columns[this.options.columns.length - 1].forEach(function (c, i) {
-          if (!c.width) {
-            if (c.actualWidth < equalWidth) {
-              // adjust the width
-              c.actualWidth = equalWidth;
-            }
+          // if (!c.width) {
+          // if (c.actualWidth < equalWidth) {
+          // adjust the width
+          if (c.width) {
+            c.width += equalWidth;
           }
 
+          c.actualWidth += equalWidth; //   }
+          // }
+
           _this37.sizes.totalWidth += c.width || c.actualWidth;
 
           if (i < _this37.pinnedColumns) {
             _this37.sizes.totalNonPinnedWidth += c.width || c.actualWidth;
-          }
+          } // equalWidth = (outerSize.width - this.sizes.totalWidth) / (this.options.columns[this.options.columns.length - 1].length - (i + 1))
 
-          equalWidth = (outerSize.width - _this37.sizes.totalWidth) / (_this37.options.columns[_this37.options.columns.length - 1].length - (i + 1));
         });
       } // take the height of the last cell as the official height for data cells
       // this.sizes.dataCellHeight = this.options.columns[this.options.columns.length - 1].cellHeight
@@ -8110,9 +8126,9 @@ var WebsyMap = /*#__PURE__*/function () {
       return;
     }
 
-    var mapOptions = {
-      click: this.handleMapClick.bind(this)
-    };
+    var mapOptions = _extends({}, options.mapOptions);
+
+    mapOptions.click = this.handleMapClick.bind(this);
 
     if (this.options.disableZoom === true) {
       mapOptions.scrollWheelZoom = false;