@colijnit/sharedcomponents 258.1.15 → 258.1.17

package/bundles/colijnit-sharedcomponents.umd.js

@@ -3569,8 +3569,8 @@
               else {
                   this.currentLayout = this.layouts[0];
               }
+              this.loadDefaultPrinterName.emit(this.currentLayout.reportId);
           }
-          this.loadDefaultPrinterName.emit(this.currentLayout.reportId);
       };
       LayoutSelectionComponent.prototype.handleSelectLayout = function (reportLayout) {
           this.currentLayout = reportLayout;
@@ -6002,6 +6002,7 @@
 
   var GaugeColor$1;
   (function (GaugeColor) {
+      GaugeColor["Disabled"] = "#e7e7e7";
       GaugeColor["Lowest"] = "#E0E0E0";
       GaugeColor["Low"] = "#fff7b8";
       GaugeColor["MediumLow"] = "#ffe367";
@@ -6029,10 +6030,18 @@
           return true;
       };
       CoLinearGaugeComponent.prototype.getStyle = function () {
-          return "linear-gradient(90deg, " + this.color + " 0 " + this.value + "%, white " + this.value + "% 100%";
+          if (this.value == null) {
+              return GaugeColor$1.Disabled;
+          }
+          else {
+              return "linear-gradient(90deg, " + this.color + " 0 " + this.value + "%, white " + this.value + "% 100%";
+          }
       };
       CoLinearGaugeComponent.prototype._setColor = function () {
-          if (this.value <= 0) {
+          if (this.value == null) {
+              this.color = GaugeColor$1.Disabled;
+          }
+          else if (this.value <= 0) {
               this.color = GaugeColor$1.Lowest;
           }
           else if (this.value >= 1 && this.value < 25) {
@@ -6088,6 +6097,7 @@
   chart_js.Chart.register(chart_js.DoughnutController, chart_js.ArcElement);
   var GaugeColor;
   (function (GaugeColor) {
+      GaugeColor["Disabled"] = "#e7e7e7";
       GaugeColor["Lowest"] = "#E0E0E0";
       GaugeColor["Low"] = "#fff7b8";
       GaugeColor["MediumLow"] = "#ffe367";
@@ -6124,7 +6134,7 @@
                   data: {
                       datasets: [{
                               label: _this.statusbarData[index].label,
-                              data: [Math.max(0.0001, _this.statusbarData[index].percentage), 100 - Math.max(0.0001, _this.statusbarData[index].percentage)],
+                              data: _this._getDataForChart(_this.statusbarData[index].percentage),
                               backgroundColor: [
                                   _this._getColor(_this.statusbarData[index].percentage),
                                   _this._getColor(-1),
@@ -6139,7 +6149,10 @@
           });
       };
       StatusbarPopupComponent.prototype._getColor = function (value) {
-          if (value <= 0) {
+          if (value == null) {
+              return GaugeColor.Disabled;
+          }
+          else if (value <= 0) {
               return GaugeColor.Lowest;
           }
           else if (value >= 1 && value < 25) {
@@ -6158,6 +6171,14 @@
               return GaugeColor.Highest;
           }
       };
+      StatusbarPopupComponent.prototype._getDataForChart = function (value) {
+          if (value == null) {
+              return [100, 0];
+          }
+          else {
+              return [Math.max(0.0001, value), 100 - Math.max(0.0001, value)];
+          }
+      };
       StatusbarPopupComponent.prototype.handleStatusClicked = function (label) {
           this.statusClicked.emit(label);
       };