@websy/websy-designs 1.4.36 → 1.4.38

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

@@ -1153,12 +1153,12 @@ class WebsyDatePicker {
       let start = list[0]
       let end = ''
       if (this.customRangeSelected === true && this.isContinuousRange === true) {        
-        if (list.length > 0) {
+        if (list.length > 1) {
           end = ` - ${list[list.length - 1]}`
         }        
         if (this.options.mode === 'hour') {
           start = this.options.hours[start].text
-          if (list.length > 0) {
+          if (list.length > 1) {
             end = `${this.customRangeSelected === true ? ' - ' : ''}${this.options.hours[list[list.length - 1]].text}`
           }
         }
@@ -6671,6 +6671,18 @@ class WebsyChart {
           .attr('id', `${this.elementId}_legend`)
           .attr('class', 'websy-chart-legend')
         this.legend = new WebsyDesigns.Legend(`${this.elementId}_legend`, {})
+        this.errorContainer = d3.select(el).append('div')
+          .attr('id', `${this.elementId}_errorContainer`)
+          .attr('class', 'websy-vis-error-container')
+          .html(`          
+            <div>
+              <div id="${this.elementId}_errorTitle"></div>
+              <div id="${this.elementId}_errorMessage"></div>
+            </div>
+          `)
+        this.loadingContainer = d3.select(el).append('div')
+          .attr('id', `${this.elementId}_loadingContainer`)
+        this.loadingDialog = new WebsyDesigns.LoadingDialog(`${this.elementId}_loadingContainer`)
         this.prep()
         // el.innerHTML += `
         //   <div id="${this.elementId}_errorContainer" class='websy-vis-error-container'>
@@ -7685,9 +7697,10 @@ function getBarWidth (d, i, xAxis) {
   let groupedBarWidth = (barWidth - (xAxis.indexOf('Brush') === -1 ? 10 : 2)) / this.options.data.series.length
   let output
   if (this.options.orientation === 'horizontal') {
-    let width = this[`${yAxis}Axis`](d.y.value)
+    // let width = this[`${yAxis}Axis`](d.y.value)
+    let width = (this[`${yAxis}Axis`](0)) - this[`${yAxis}Axis`](Math.abs(d.y.value))
     acummulativeY[d.y.index] += width
-    output = Math.max(1, width)
+    output = width
   }
   else {
     if (!getBarX.call(this, d, i, xAxis)) {
@@ -7711,10 +7724,16 @@ function getBarX (d, i, xAxis) {
   let output
   if (this.options.orientation === 'horizontal') {
     if (this.options.grouping === 'stacked') {      
-      output = this[`${yAxis}Axis`](d.y.accumulative)
+      let h = getBarWidth.call(this, d, i, xAxis)
+      let adjustment = 0
+      if (d.y.accumulative && d.y.accumulative !== 0) {
+        adjustment = this[`${yAxis}Axis`](d.y.accumulative || 0)
+      }
+      output = this[`${yAxis}Axis`](0) + (adjustment * (d.y.value < 0 ? 1 : 0)) + (h * (d.y.value < 0 ? 1 : 0))
     }
     else {
-      output = 0
+      let h = getBarWidth.call(this, d, i, xAxis)
+      output = (this[`${yAxis}Axis`](0)) + (h * (d.y.value < 0 ? 1 : 0))
     }
   }
   else {
@@ -7766,7 +7785,7 @@ bars
   .remove()
 
 bars
-  .attr('width', (d, i) => getBarWidth.call(this, d, i, xAxis))
+  .attr('width', (d, i) => Math.abs(getBarWidth.call(this, d, i, xAxis)))
   .attr('height', (d, i) => getBarHeight.call(this, d, i, this.plotHeight, yAxis, xAxis))
   .attr('x', (d, i) => getBarX.call(this, d, i, xAxis))  
   .attr('y', (d, i) => getBarY.call(this, d, i, this.plotHeight, yAxis, xAxis))
@@ -7776,7 +7795,7 @@ bars
 bars
   .enter()
   .append('rect')
-  .attr('width', (d, i) => getBarWidth.call(this, d, i, xAxis))
+  .attr('width', (d, i) => Math.abs(getBarWidth.call(this, d, i, xAxis)))
   .attr('height', (d, i) => getBarHeight.call(this, d, i, this.plotHeight, yAxis, xAxis))
   .attr('x', (d, i) => getBarX.call(this, d, i, xAxis))  
   .attr('y', (d, i) => getBarY.call(this, d, i, this.plotHeight, yAxis, xAxis))
@@ -7795,7 +7814,7 @@ if (!this.brushBarsInitialized[series.key]) {
     .remove()
 
   brushBars
-    .attr('width', (d, i) => getBarWidth.call(this, d, i, `${xAxis}Brush`))
+    .attr('width', (d, i) => Math.abs(getBarWidth.call(this, d, i, `${xAxis}Brush`)))
     .attr('height', (d, i) => getBarHeight.call(this, d, i, this.options.brushHeight, `${yAxis}Brush`, `${xAxis}Brush`))
     .attr('x', (d, i) => getBarX.call(this, d, i, `${xAxis}Brush`))  
     .attr('y', (d, i) => getBarY.call(this, d, i, this.options.brushHeight, `${yAxis}Brush`, `${xAxis}Brush`))
@@ -7805,7 +7824,7 @@ if (!this.brushBarsInitialized[series.key]) {
   brushBars
     .enter()
     .append('rect')
-    .attr('width', (d, i) => getBarWidth.call(this, d, i, `${xAxis}Brush`))
+    .attr('width', (d, i) => Math.abs(getBarWidth.call(this, d, i, `${xAxis}Brush`)))
     .attr('height', (d, i) => getBarHeight.call(this, d, i, this.options.brushHeight, `${yAxis}Brush`, `${xAxis}Brush`))
     .attr('x', (d, i) => getBarX.call(this, d, i, `${xAxis}Brush`))  
     .attr('y', (d, i) => getBarY.call(this, d, i, this.options.brushHeight, `${yAxis}Brush`, `${xAxis}Brush`))
@@ -8255,6 +8274,9 @@ if (el) {
       containerEl.classList.remove('active')
     }
   }
+  hideLoading () {
+    this.loadingDialog.hide()
+  }
   showError (options) {
     const el = document.getElementById(`${this.elementId}`)
     if (el) {
@@ -8280,6 +8302,9 @@ if (el) {
       } 
     }
   }
+  showLoading (options) {
+    this.loadingDialog.show(options)
+  }
 }
 
 class WebsyLegend {

package/dist/websy-designs-es6.js

@@ -1273,14 +1273,14 @@ var WebsyDatePicker = /*#__PURE__*/function () {
         var end = '';
 
         if (this.customRangeSelected === true && this.isContinuousRange === true) {
-          if (list.length > 0) {
+          if (list.length > 1) {
             end = " - ".concat(list[list.length - 1]);
           }
 
           if (this.options.mode === 'hour') {
             start = this.options.hours[start].text;
 
-            if (list.length > 0) {
+            if (list.length > 1) {
               end = "".concat(this.customRangeSelected === true ? ' - ' : '').concat(this.options.hours[list[list.length - 1]].text);
             }
           }
@@ -7318,6 +7318,9 @@ var WebsyChart = /*#__PURE__*/function () {
 
         this.legendArea = d3.select(el).append('div').attr('id', "".concat(this.elementId, "_legend")).attr('class', 'websy-chart-legend');
         this.legend = new WebsyDesigns.Legend("".concat(this.elementId, "_legend"), {});
+        this.errorContainer = d3.select(el).append('div').attr('id', "".concat(this.elementId, "_errorContainer")).attr('class', 'websy-vis-error-container').html("          \n            <div>\n              <div id=\"".concat(this.elementId, "_errorTitle\"></div>\n              <div id=\"").concat(this.elementId, "_errorMessage\"></div>\n            </div>\n          "));
+        this.loadingContainer = d3.select(el).append('div').attr('id', "".concat(this.elementId, "_loadingContainer"));
+        this.loadingDialog = new WebsyDesigns.LoadingDialog("".concat(this.elementId, "_loadingContainer"));
         this.prep(); // el.innerHTML += `
         //   <div id="${this.elementId}_errorContainer" class='websy-vis-error-container'>
         //     <div>
@@ -8316,9 +8319,10 @@ var WebsyChart = /*#__PURE__*/function () {
         var output;
 
         if (this.options.orientation === 'horizontal') {
-          var width = this["".concat(yAxis, "Axis")](d.y.value);
+          // let width = this[`${yAxis}Axis`](d.y.value)
+          var width = this["".concat(yAxis, "Axis")](0) - this["".concat(yAxis, "Axis")](Math.abs(d.y.value));
           acummulativeY[d.y.index] += width;
-          output = Math.max(1, width);
+          output = width;
         } else {
           if (!getBarX.call(this, d, i, xAxis)) {
             return null;
@@ -8345,12 +8349,21 @@ var WebsyChart = /*#__PURE__*/function () {
 
         if (this.options.orientation === 'horizontal') {
           if (this.options.grouping === 'stacked') {
-            output = this["".concat(yAxis, "Axis")](d.y.accumulative);
+            var h = getBarWidth.call(this, d, i, xAxis);
+            var adjustment = 0;
+
+            if (d.y.accumulative && d.y.accumulative !== 0) {
+              adjustment = this["".concat(yAxis, "Axis")](d.y.accumulative || 0);
+            }
+
+            output = this["".concat(yAxis, "Axis")](0) + adjustment * (d.y.value < 0 ? 1 : 0) + h * (d.y.value < 0 ? 1 : 0);
           } else {
-            output = 0;
+            var _h = getBarWidth.call(this, d, i, xAxis);
+
+            output = this["".concat(yAxis, "Axis")](0) + _h * (d.y.value < 0 ? 1 : 0);
           }
         } else {
-          var adjustment = this.options.data[xAxis.replace('Brush', '')].scale === 'Time' ? 0 : this["".concat(xAxis, "Axis")].bandwidth() / 2;
+          var _adjustment = this.options.data[xAxis.replace('Brush', '')].scale === 'Time' ? 0 : this["".concat(xAxis, "Axis")].bandwidth() / 2;
 
           if (this.options.grouping === 'grouped') {
             var barAdjustment = groupedBarWidth * index + (xAxis.indexOf('Brush') === -1 ? 5 : 1); // + (index > 0 ? 4 : 0)
@@ -8398,7 +8411,7 @@ var WebsyChart = /*#__PURE__*/function () {
 
       bars.exit().transition(this.transition).style('fill-opacity', 1e-6).remove();
       bars.attr('width', function (d, i) {
-        return getBarWidth.call(_this47, d, i, xAxis);
+        return Math.abs(getBarWidth.call(_this47, d, i, xAxis));
       }).attr('height', function (d, i) {
         return getBarHeight.call(_this47, d, i, _this47.plotHeight, yAxis, xAxis);
       }).attr('x', function (d, i) {
@@ -8410,7 +8423,7 @@ var WebsyChart = /*#__PURE__*/function () {
         return d.y.color || d.color || series.color;
       });
       bars.enter().append('rect').attr('width', function (d, i) {
-        return getBarWidth.call(_this47, d, i, xAxis);
+        return Math.abs(getBarWidth.call(_this47, d, i, xAxis));
       }).attr('height', function (d, i) {
         return getBarHeight.call(_this47, d, i, _this47.plotHeight, yAxis, xAxis);
       }).attr('x', function (d, i) {
@@ -8428,7 +8441,7 @@ var WebsyChart = /*#__PURE__*/function () {
         this.brushBarsInitialized[series.key] = true;
         brushBars.exit().transition(this.transition).style('fill-opacity', 1e-6).remove();
         brushBars.attr('width', function (d, i) {
-          return getBarWidth.call(_this47, d, i, "".concat(xAxis, "Brush"));
+          return Math.abs(getBarWidth.call(_this47, d, i, "".concat(xAxis, "Brush")));
         }).attr('height', function (d, i) {
           return getBarHeight.call(_this47, d, i, _this47.options.brushHeight, "".concat(yAxis, "Brush"), "".concat(xAxis, "Brush"));
         }).attr('x', function (d, i) {
@@ -8440,7 +8453,7 @@ var WebsyChart = /*#__PURE__*/function () {
           return d.y.color || d.color || series.color;
         });
         brushBars.enter().append('rect').attr('width', function (d, i) {
-          return getBarWidth.call(_this47, d, i, "".concat(xAxis, "Brush"));
+          return Math.abs(getBarWidth.call(_this47, d, i, "".concat(xAxis, "Brush")));
         }).attr('height', function (d, i) {
           return getBarHeight.call(_this47, d, i, _this47.options.brushHeight, "".concat(yAxis, "Brush"), "".concat(xAxis, "Brush"));
         }).attr('x', function (d, i) {
@@ -8831,6 +8844,11 @@ var WebsyChart = /*#__PURE__*/function () {
         containerEl.classList.remove('active');
       }
     }
+  }, {
+    key: "hideLoading",
+    value: function hideLoading() {
+      this.loadingDialog.hide();
+    }
   }, {
     key: "showError",
     value: function showError(options) {
@@ -8865,6 +8883,11 @@ var WebsyChart = /*#__PURE__*/function () {
         }
       }
     }
+  }, {
+    key: "showLoading",
+    value: function showLoading(options) {
+      this.loadingDialog.show(options);
+    }
   }, {
     key: "data",
     set: function set(d) {