@websy/websy-designs 1.5.0 → 1.5.2

package/dist/websy-designs.debug.js

@@ -6304,7 +6304,7 @@ class WebsyTable3 {
         }
         // console.log('rowspan', cell.rowspan)
         bodyHtml += `<td 
-          class='websy-table-cell ${sizeIndex < this.pinnedColumns ? 'pinned' : 'unpinned'} ${(cell.classes || []).join(' ')}'
+          class='websy-table-cell ${sizeIndex < this.pinnedColumns ? 'pinned' : 'unpinned'} ${(cell.classes || []).join(' ')} ${(sizingColumns[sizeIndex].classes || []).join(' ')}'
           style='${style}'
           data-info='${cell.value}'
           colspan='${cell.colspan || 1}'
@@ -6401,7 +6401,7 @@ class WebsyTable3 {
           style += col.style
         }
         headerHtml += `<td 
-          class='websy-table-cell ${colIndex < this.pinnedColumns ? 'pinned' : 'unpinned'}'  
+          class='websy-table-cell ${colIndex < this.pinnedColumns ? 'pinned' : 'unpinned'} ${(col.classes || []).join(' ')}'  
           style='${style}'       
           colspan='${col.colspan || 1}'
           rowspan='${col.rowspan || 1}'
@@ -6457,7 +6457,7 @@ class WebsyTable3 {
     let totalHtml = `<tr class="websy-table-row  websy-table-total-row">`
     this.options.totals.forEach((col, colIndex) => {
       totalHtml += `<td 
-        class='websy-table-cell'
+        class='websy-table-cell ${(col.classes || []).join(' ')}'
         colspan='${col.colspan || 1}'
         rowspan='${col.rowspan || 1}'
       `
@@ -6482,6 +6482,10 @@ class WebsyTable3 {
     let outerEl = document.getElementById(this.elementId)
     let tableEl = document.getElementById(`${this.elementId}_tableContainer`)
     let headEl = document.getElementById(`${this.elementId}_tableHeader`)
+    if (!headEl) {
+      // something isn't right so exit the function
+      return
+    }
     headEl.style.width = 'auto'
     headEl.innerHTML = this.buildHeaderHtml()        
     this.sizes.outer = outerEl.getBoundingClientRect()
@@ -6728,7 +6732,9 @@ class WebsyTable3 {
       el.classList.remove('has-error')
     }
     const tableEl = document.getElementById(`${this.elementId}_tableInner`)
-    tableEl.classList.remove('hidden')
+    if (tableEl) {
+      tableEl.classList.remove('hidden')
+    }    
     const containerEl = document.getElementById(`${this.elementId}_errorContainer`)
     if (containerEl) {
       containerEl.classList.remove('active')
@@ -6763,6 +6769,10 @@ class WebsyTable3 {
       this.appendRows(data)
     }
     let bodyEl = document.getElementById(`${this.elementId}_tableBody`)
+    if (!bodyEl) {
+      // something isn't right so exit the function
+      return
+    }
     // bodyEl.innerHTML = this.buildBodyHtml(data, true)
     // if (this.options.maxHeight) {
     //   bodyEl.style.height = `${this.options.maxHeight - this.sizes.header.height - this.sizes.total.height}px`
@@ -8141,7 +8151,7 @@ areas.enter().append('path')
   .attr('d', d => drawArea(xAxis, yAxis, series.curveStyle)(d))
   .attr('class', `area_${series.key}`)
   .attr('id', `area_${series.key}`)
-  .attr('transform', 'translate(' + (this.options.data[xAxis].scale === 'Time' ? 0 : this.options.data[`${xAxis}Axis`].bandWidth / 2) + ',0)')
+  .attr('transform', 'translate(' + (this.options.data[xAxis].scale === 'Time' ? 0 : this.options.data[xAxis.replace('Brush', '')].bandWidth / 2) + ',0)')
   // .style('stroke-width', series.lineWidth || this.options.lineWidth)
   .attr('fill', series.color)
   // .style('fill-opacity', 0)

package/dist/websy-designs.js

@@ -6903,7 +6903,7 @@ var WebsyTable3 = /*#__PURE__*/function () {
           } // console.log('rowspan', cell.rowspan)
 
 
-          bodyHtml += "<td \n          class='websy-table-cell ".concat(sizeIndex < _this40.pinnedColumns ? 'pinned' : 'unpinned', " ").concat((cell.classes || []).join(' '), "'\n          style='").concat(style, "'\n          data-info='").concat(cell.value, "'\n          colspan='").concat(cell.colspan || 1, "'\n          rowspan='").concat(cell.rowspan || 1, "'\n          data-row-index='").concat(rowIndex, "'\n          data-cell-index='").concat(cellIndex, "'\n          data-col-index='").concat(sizeIndex, "'\n        "); // if (useWidths === true) {
+          bodyHtml += "<td \n          class='websy-table-cell ".concat(sizeIndex < _this40.pinnedColumns ? 'pinned' : 'unpinned', " ").concat((cell.classes || []).join(' '), " ").concat((sizingColumns[sizeIndex].classes || []).join(' '), "'\n          style='").concat(style, "'\n          data-info='").concat(cell.value, "'\n          colspan='").concat(cell.colspan || 1, "'\n          rowspan='").concat(cell.rowspan || 1, "'\n          data-row-index='").concat(rowIndex, "'\n          data-cell-index='").concat(cellIndex, "'\n          data-col-index='").concat(sizeIndex, "'\n        "); // if (useWidths === true) {
           //   bodyHtml += `
           //     style='width: ${sizingColumns[cellIndex].width || sizingColumns[cellIndex].actualWidth}px!important'
           //     width='${sizingColumns[cellIndex].width || sizingColumns[cellIndex].actualWidth}'
@@ -6981,7 +6981,7 @@ var WebsyTable3 = /*#__PURE__*/function () {
             style += col.style;
           }
 
-          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 += "<td \n          class='websy-table-cell ".concat(colIndex < _this41.pinnedColumns ? 'pinned' : 'unpinned', " ").concat((col.classes || []).join(' '), "'  \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}'
@@ -7032,7 +7032,7 @@ var WebsyTable3 = /*#__PURE__*/function () {
 
       var totalHtml = "<tr class=\"websy-table-row  websy-table-total-row\">";
       this.options.totals.forEach(function (col, colIndex) {
-        totalHtml += "<td \n        class='websy-table-cell'\n        colspan='".concat(col.colspan || 1, "'\n        rowspan='").concat(col.rowspan || 1, "'\n      ");
+        totalHtml += "<td \n        class='websy-table-cell ".concat((col.classes || []).join(' '), "'\n        colspan='").concat(col.colspan || 1, "'\n        rowspan='").concat(col.rowspan || 1, "'\n      ");
 
         if (useWidths === true) {
           totalHtml += "\n          style='width: ".concat(_this42.options.columns[_this42.options.columns.length - 1][colIndex].width || _this42.options.columns[_this42.options.columns.length - 1][colIndex].actualWidth, "px'\n          width='").concat(col.width || col.actualWidth, "'\n        ");
@@ -7061,6 +7061,12 @@ var WebsyTable3 = /*#__PURE__*/function () {
       var outerEl = document.getElementById(this.elementId);
       var tableEl = document.getElementById("".concat(this.elementId, "_tableContainer"));
       var headEl = document.getElementById("".concat(this.elementId, "_tableHeader"));
+
+      if (!headEl) {
+        // something isn't right so exit the function
+        return;
+      }
+
       headEl.style.width = 'auto';
       headEl.innerHTML = this.buildHeaderHtml();
       this.sizes.outer = outerEl.getBoundingClientRect();
@@ -7344,7 +7350,11 @@ var WebsyTable3 = /*#__PURE__*/function () {
       }
 
       var tableEl = document.getElementById("".concat(this.elementId, "_tableInner"));
-      tableEl.classList.remove('hidden');
+
+      if (tableEl) {
+        tableEl.classList.remove('hidden');
+      }
+
       var containerEl = document.getElementById("".concat(this.elementId, "_errorContainer"));
 
       if (containerEl) {
@@ -7392,7 +7402,12 @@ var WebsyTable3 = /*#__PURE__*/function () {
         this.appendRows(data);
       }
 
-      var bodyEl = document.getElementById("".concat(this.elementId, "_tableBody")); // bodyEl.innerHTML = this.buildBodyHtml(data, true)
+      var bodyEl = document.getElementById("".concat(this.elementId, "_tableBody"));
+
+      if (!bodyEl) {
+        // something isn't right so exit the function
+        return;
+      } // bodyEl.innerHTML = this.buildBodyHtml(data, true)
       // if (this.options.maxHeight) {
       //   bodyEl.style.height = `${this.options.maxHeight - this.sizes.header.height - this.sizes.total.height}px`
       // }
@@ -7400,6 +7415,7 @@ var WebsyTable3 = /*#__PURE__*/function () {
       //   bodyEl.style.height = `calc(100% - ${this.sizes.header.height}px - ${this.sizes.total.height}px)`
       // }    
 
+
       bodyEl.style.height = "".concat(this.sizes.bodyHeight, "px");
 
       if (this.options.virtualScroll === true) {
@@ -8830,7 +8846,7 @@ var WebsyChart = /*#__PURE__*/function () {
 
       areas.enter().append('path').attr('d', function (d) {
         return drawArea(xAxis, yAxis, series.curveStyle)(d);
-      }).attr('class', "area_".concat(series.key)).attr('id', "area_".concat(series.key)).attr('transform', 'translate(' + (this.options.data[xAxis].scale === 'Time' ? 0 : this.options.data["".concat(xAxis, "Axis")].bandWidth / 2) + ',0)') // .style('stroke-width', series.lineWidth || this.options.lineWidth)
+      }).attr('class', "area_".concat(series.key)).attr('id', "area_".concat(series.key)).attr('transform', 'translate(' + (this.options.data[xAxis].scale === 'Time' ? 0 : this.options.data[xAxis.replace('Brush', '')].bandWidth / 2) + ',0)') // .style('stroke-width', series.lineWidth || this.options.lineWidth)
       .attr('fill', series.color) // .style('fill-opacity', 0)
       .attr('stroke', 'transparent') // .transition(this.transition)
       .style('fill-opacity', series.opacity || 0.5);