@websy/websy-designs 1.4.20 → 1.4.22

package/dist/server/helpers/v1/pgHelper.js

@@ -226,7 +226,7 @@ class PGHelper {
               return `${entity ? entity + '.' : ''}${parts[0]} < '${parts[1].replace('<', '')}'`
             }
             else if (parts[1].indexOf('%') !== -1) {
-              return `${entity ? entity + '.' : ''}${parts[0]} LIKE '${parts[1]}'`
+              return `${entity ? entity + '.' : ''}LOWER(${parts[0]}) LIKE '${parts[1]}'`
             }
             else {
               return `${entity ? entity + '.' : ''}${parts[0]} = '${parts[1]}'`

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

@@ -5819,6 +5819,9 @@ class WebsyTable3 {
     // this.rowCount = this.data.length   
   }
   buildBodyHtml (data = [], useWidths = false) {
+    if (!this.options.columns) {
+      return ''
+    }
     if (data.length === 0) {
       return ''
     }
@@ -5923,6 +5926,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) {
@@ -5981,7 +5987,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>`
   } 
@@ -6308,7 +6315,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 {
@@ -7553,7 +7560,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)
     }
   }
 }
@@ -7633,11 +7640,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)
@@ -7650,19 +7657,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-es6.js

@@ -6341,6 +6341,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 '';
       }
@@ -6437,6 +6441,11 @@ var WebsyTable3 = /*#__PURE__*/function () {
       var _this38 = 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];
 
@@ -6497,7 +6506,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",
@@ -6893,7 +6903,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"));
@@ -8198,7 +8208,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);
           }
         }
       }
@@ -8269,12 +8279,12 @@ var WebsyChart = /*#__PURE__*/function () {
         .size(size || _this48.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
@@ -8283,17 +8293,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(_this48[xAxis](_this48.parseX(d.x.value)), ", ").concat(_this48[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 = _this48.options.data[xAxis].scale === 'Time' ? 0 : _this48["".concat(xAxis, "Axis")].bandwidth() / 2;
+        return "translate(".concat(_this48["".concat(xAxis, "Axis")](_this48.parseX(d.x.value)) + adjustment, ", ").concat(_this48["".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(_this48[xAxis](_this48.parseX(d.x.value)), ", ").concat(_this48[yAxis](isNaN(d.y.value) ? 0 : d.y.value), ")");
+        var adjustment = _this48.options.data[xAxis].scale === 'Time' ? 0 : _this48["".concat(xAxis, "Axis")].bandwidth() / 2;
+        return "translate(".concat(_this48["".concat(xAxis, "Axis")](_this48.parseX(d.x.value)) + adjustment, ", ").concat(_this48["".concat(yAxis, "Axis")](isNaN(d.y.value) ? 0 : d.y.value), ")");
       });
     }
   }, {