@websy/websy-designs 1.4.20 → 1.4.22

package/dist/websy-designs.debug.js

@@ -4687,6 +4687,13 @@ class WebsySearch {
       }
     }
   }
+  get text () {
+    const el = document.getElementById(`${this.elementId}_search`)
+    if (el) {
+      return el.value
+    }
+    return ''
+  }
   set text (text) {
     const el = document.getElementById(`${this.elementId}_search`)
     if (el) {
@@ -6220,6 +6227,9 @@ class WebsyTable3 {
     // this.rowCount = this.data.length   
   }
   buildBodyHtml (data = [], useWidths = false) {
+    if (!this.options.columns) {
+      return ''
+    }
     if (data.length === 0) {
       return ''
     }
@@ -6324,6 +6334,9 @@ class WebsyTable3 {
     return bodyHtml
   }
   buildHeaderHtml (useWidths = false) {
+    if (!this.options.columns) {
+      return ''
+    }
     let headerHtml = ''
     let sizingColumns = this.options.columns[this.options.columns.length - 1]
     if (useWidths === true) {
@@ -6382,7 +6395,8 @@ class WebsyTable3 {
     return headerHtml
   }
   buildSearchIcon (col, index) {
-    return `<div class="websy-table-search-icon" data-col-id="${col.dimId}" data-col-index="${index}">
+    // return `<div class="websy-table-search-icon" data-col-id="${col.dimId}" data-col-index="${index}">
+    return `<div class="websy-table-search-icon" data-col-index="${index}">
         <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 512 512"><title>ionicons-v5-f</title><path d="M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z" style="fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px"/><line x1="338.29" y1="338.29" x2="448" y2="448" style="fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/></svg>
       </div>`
   } 
@@ -6709,7 +6723,7 @@ class WebsyTable3 {
   renderTotals () {
     let headEl = document.getElementById(`${this.elementId}_tableHeader`)    
     let totalHtml = this.buildTotalHtml(true)
-    if (this.options.showTotalsAbove === true) {
+    if (this.options.showTotalsAbove === true && headEl) {
       headEl.innerHTML += totalHtml
     }
     else {
@@ -7954,7 +7968,7 @@ function getLabelY (d, labelPosition = 'inside') {
       return this[yAxis](d.y.accumulative) + (this[yAxis](d.y.value) / (labelPosition === 'inside' ? 2 : 1))
     }
     else {
-      return this[yAxis](isNaN(d.y.value) ? 0 : d.y.value) - 4
+      return this[yAxis](isNaN(d.y.value) ? 0 : d.y.value) - (this.options.labelSize || this.options.fontSize)
     }
   }
 }
@@ -8034,11 +8048,11 @@ const drawSymbol = (size) => {
     // })
     .size(size || this.options.symbolSize)
 }
-let xAxis = 'bottomAxis'
-let yAxis = series.axis === 'secondary' ? 'rightAxis' : 'leftAxis'
+let xAxis = 'bottom'
+let yAxis = series.axis === 'secondary' ? 'right' : 'left'
 if (this.options.orienation === 'horizontal') {  
-  xAxis = series.axis === 'secondary' ? 'rightAxis' : 'leftAxis'
-  yAxis = 'bottomAxis'
+  xAxis = series.axis === 'secondary' ? 'right' : 'left'
+  yAxis = 'bottom'
 }
 let symbols = this.symbolLayer.selectAll(`.symbol_${series.key}`)
   .data(series.data)
@@ -8051,19 +8065,23 @@ symbols.exit()
 symbols
   .attr('d', d => drawSymbol(d.y.size || series.symbolSize)(d))
   .transition(this.transition)
-  .attr('fill', 'white')
+  .attr('fill', series.fillSymbols ? series.color : 'white')
   .attr('stroke', series.color)
-  .attr('transform', d => { return `translate(${this[xAxis](this.parseX(d.x.value))}, ${this[yAxis](isNaN(d.y.value) ? 0 : d.y.value)})` })   
+  .attr('transform', d => { 
+    let adjustment = this.options.data[xAxis].scale === 'Time' ? 0 : this[`${xAxis}Axis`].bandwidth() / 2
+    return `translate(${this[`${xAxis}Axis`](this.parseX(d.x.value)) + adjustment}, ${this[`${yAxis}Axis`](isNaN(d.y.value) ? 0 : d.y.value)})` 
+  })   
 // Enter
 symbols.enter()
   .append('path')
   .attr('d', d => drawSymbol(d.y.size || series.symbolSize)(d))
   // .transition(this.transition)
-  .attr('fill', 'white')
+  .attr('fill', series.fillSymbols ? series.color : 'white')
   .attr('stroke', series.color)
   .attr('class', d => { return `symbol symbol_${series.key}` })
   .attr('transform', d => {
-    return `translate(${this[xAxis](this.parseX(d.x.value))}, ${this[yAxis](isNaN(d.y.value) ? 0 : d.y.value)})` 
+    let adjustment = this.options.data[xAxis].scale === 'Time' ? 0 : this[`${xAxis}Axis`].bandwidth() / 2
+    return `translate(${this[`${xAxis}Axis`](this.parseX(d.x.value)) + adjustment}, ${this[`${yAxis}Axis`](isNaN(d.y.value) ? 0 : d.y.value)})` 
   })
 
   }

package/dist/websy-designs.js

@@ -5186,6 +5186,15 @@ var WebsySearch = /*#__PURE__*/function () {
     }
   }, {
     key: "text",
+    get: function get() {
+      var el = document.getElementById("".concat(this.elementId, "_search"));
+
+      if (el) {
+        return el.value;
+      }
+
+      return '';
+    },
     set: function set(text) {
       var el = document.getElementById("".concat(this.elementId, "_search"));
 
@@ -6803,6 +6812,10 @@ var WebsyTable3 = /*#__PURE__*/function () {
       var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
       var useWidths = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
+      if (!this.options.columns) {
+        return '';
+      }
+
       if (data.length === 0) {
         return '';
       }
@@ -6899,6 +6912,11 @@ var WebsyTable3 = /*#__PURE__*/function () {
       var _this41 = this;
 
       var useWidths = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+      if (!this.options.columns) {
+        return '';
+      }
+
       var headerHtml = '';
       var sizingColumns = this.options.columns[this.options.columns.length - 1];
 
@@ -6959,7 +6977,8 @@ var WebsyTable3 = /*#__PURE__*/function () {
   }, {
     key: "buildSearchIcon",
     value: function buildSearchIcon(col, index) {
-      return "<div class=\"websy-table-search-icon\" data-col-id=\"".concat(col.dimId, "\" data-col-index=\"").concat(index, "\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 512 512\"><title>ionicons-v5-f</title><path d=\"M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z\" style=\"fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px\"/><line x1=\"338.29\" y1=\"338.29\" x2=\"448\" y2=\"448\" style=\"fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px\"/></svg>\n      </div>");
+      // return `<div class="websy-table-search-icon" data-col-id="${col.dimId}" data-col-index="${index}">
+      return "<div class=\"websy-table-search-icon\" data-col-index=\"".concat(index, "\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 512 512\"><title>ionicons-v5-f</title><path d=\"M221.09,64A157.09,157.09,0,1,0,378.18,221.09,157.1,157.1,0,0,0,221.09,64Z\" style=\"fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:32px\"/><line x1=\"338.29\" y1=\"338.29\" x2=\"448\" y2=\"448\" style=\"fill:none;stroke:#000;stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px\"/></svg>\n      </div>");
     }
   }, {
     key: "buildTotalHtml",
@@ -7355,7 +7374,7 @@ var WebsyTable3 = /*#__PURE__*/function () {
       var headEl = document.getElementById("".concat(this.elementId, "_tableHeader"));
       var totalHtml = this.buildTotalHtml(true);
 
-      if (this.options.showTotalsAbove === true) {
+      if (this.options.showTotalsAbove === true && headEl) {
         headEl.innerHTML += totalHtml;
       } else {
         var footerEl = document.getElementById("".concat(this.elementId, "_tableFooter"));
@@ -8660,7 +8679,7 @@ var WebsyChart = /*#__PURE__*/function () {
           if (this.options.grouping === 'stacked') {
             return this[yAxis](d.y.accumulative) + this[yAxis](d.y.value) / (labelPosition === 'inside' ? 2 : 1);
           } else {
-            return this[yAxis](isNaN(d.y.value) ? 0 : d.y.value) - 4;
+            return this[yAxis](isNaN(d.y.value) ? 0 : d.y.value) - (this.options.labelSize || this.options.fontSize);
           }
         }
       }
@@ -8731,12 +8750,12 @@ var WebsyChart = /*#__PURE__*/function () {
         .size(size || _this51.options.symbolSize);
       };
 
-      var xAxis = 'bottomAxis';
-      var yAxis = series.axis === 'secondary' ? 'rightAxis' : 'leftAxis';
+      var xAxis = 'bottom';
+      var yAxis = series.axis === 'secondary' ? 'right' : 'left';
 
       if (this.options.orienation === 'horizontal') {
-        xAxis = series.axis === 'secondary' ? 'rightAxis' : 'leftAxis';
-        yAxis = 'bottomAxis';
+        xAxis = series.axis === 'secondary' ? 'right' : 'left';
+        yAxis = 'bottom';
       }
 
       var symbols = this.symbolLayer.selectAll(".symbol_".concat(series.key)).data(series.data); // Exit
@@ -8745,17 +8764,19 @@ var WebsyChart = /*#__PURE__*/function () {
 
       symbols.attr('d', function (d) {
         return drawSymbol(d.y.size || series.symbolSize)(d);
-      }).transition(this.transition).attr('fill', 'white').attr('stroke', series.color).attr('transform', function (d) {
-        return "translate(".concat(_this51[xAxis](_this51.parseX(d.x.value)), ", ").concat(_this51[yAxis](isNaN(d.y.value) ? 0 : d.y.value), ")");
+      }).transition(this.transition).attr('fill', series.fillSymbols ? series.color : 'white').attr('stroke', series.color).attr('transform', function (d) {
+        var adjustment = _this51.options.data[xAxis].scale === 'Time' ? 0 : _this51["".concat(xAxis, "Axis")].bandwidth() / 2;
+        return "translate(".concat(_this51["".concat(xAxis, "Axis")](_this51.parseX(d.x.value)) + adjustment, ", ").concat(_this51["".concat(yAxis, "Axis")](isNaN(d.y.value) ? 0 : d.y.value), ")");
       }); // Enter
 
       symbols.enter().append('path').attr('d', function (d) {
         return drawSymbol(d.y.size || series.symbolSize)(d);
       }) // .transition(this.transition)
-      .attr('fill', 'white').attr('stroke', series.color).attr('class', function (d) {
+      .attr('fill', series.fillSymbols ? series.color : 'white').attr('stroke', series.color).attr('class', function (d) {
         return "symbol symbol_".concat(series.key);
       }).attr('transform', function (d) {
-        return "translate(".concat(_this51[xAxis](_this51.parseX(d.x.value)), ", ").concat(_this51[yAxis](isNaN(d.y.value) ? 0 : d.y.value), ")");
+        var adjustment = _this51.options.data[xAxis].scale === 'Time' ? 0 : _this51["".concat(xAxis, "Axis")].bandwidth() / 2;
+        return "translate(".concat(_this51["".concat(xAxis, "Axis")](_this51.parseX(d.x.value)) + adjustment, ", ").concat(_this51["".concat(yAxis, "Axis")](isNaN(d.y.value) ? 0 : d.y.value), ")");
       });
     }
   }, {