moblor-vue 0.1.76 → 0.1.77

package/dist/moblor-components.esm.js

@@ -4375,6 +4375,7 @@ var DataConvertor = /** @class */ (function () {
         if (level2GroupingLabels.length === 0) {
             return pieces;
         }
+        level2GroupingLabels.sort();
         var refactoredPieces = [];
         pieces.forEach(function (piece) {
             var refactoredPiece = JSON.parse(JSON.stringify(piece));
@@ -6229,6 +6230,15 @@ var SFHorizontalBarChart = /** @class */ (function (_super) {
     function SFHorizontalBarChart() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    Object.defineProperty(SFHorizontalBarChart.prototype, "sortedData", {
+        get: function () {
+            return __spreadArrays(this.data).sort(
+            // eslint-disable-next-line comma-dangle
+            function (a, b) { return (b.values[0] || 0) - (a.values[0] || 0); });
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SFHorizontalBarChart.prototype, "isGrouped", {
         get: function () {
             return this.data.length > 0
@@ -6293,7 +6303,7 @@ var __vue_render__$d = function () {
   return _vm.data.length > 0
     ? _c("bar-chart-horizontal", {
         attrs: {
-          data: _vm.data,
+          data: _vm.sortedData,
           "x-axis-mode": "vertical",
           decimal: 1,
           "value-position": "inner",
@@ -7081,14 +7091,42 @@ var SFReportChart = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SFReportChart.prototype, "hasError", {
+        get: function () {
+            return this.data
+                && this.data.status
+                && this.data.status.errorCode;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SFReportChart.prototype, "isNegative", {
+        get: function () {
+            return (this.chartType === 'Pie'
+                || this.chartType === 'Donut'
+                || this.chartType === 'Funnel'
+                || this.chartType.includes('Stacked'))
+                && Array.isArray(this.refactoredData)
+                && !this.refactoredData.some(function (item) { return item.values[0] > 0; });
+        },
+        enumerable: false,
+        configurable: true
+    });
     SFReportChart.prototype.render = function (createElement) {
         var convertor = new ReportDataConvertor(this.data);
         this.refactoredData = convertor.data;
         this.refactoredMetadata = convertor.metadata;
         var children = [];
-        if (this.isEmpty) {
+        if (this.hasError) {
+            var errorMessage = this.data.status.errorSeverity + ": " + this.data.status.errorMessage;
+            children.push(this.renderError(createElement, errorMessage));
+        }
+        else if (this.isEmpty) {
             children.push(this.renderPrompt(createElement, this.noDataText));
         }
+        else if (this.isNegative) {
+            children.push(this.renderPrompt(createElement, this.negativeDataText));
+        }
         else {
             children.push(this.renderChart(createElement));
         }
@@ -7198,7 +7236,7 @@ var __vue_script__$l = SFReportChart;
   /* style */
   var __vue_inject_styles__$l = function (inject) {
     if (!inject) { return }
-    inject("data-v-716f20e6_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.sf-analytics-chart {\n  width: 100%;\n  padding: 10px;\n  background-color: #fff;\n  transform: translate3d(0, 0, 0);\n}\n.sf-analytics-chart .sf-analytics-text {\n  width: 100%;\n  height: 100%;\n  min-height: 35rem;\n  font-size: 1.4rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sf-analytics-chart .sf-analytics-error {\n  width: 100%;\n  height: 100%;\n  min-height: 35rem;\n  font-size: 1.4rem;\n  color: #d74c3b;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n@media (prefers-color-scheme: dark) {\n.sf-analytics-chart {\n    background-color: #1c1c1e;\n}\n.sf-analytics-chart .sf-analytics-text {\n    color: #6e6e6e;\n}\n}", map: undefined, media: undefined });
+    inject("data-v-488a1915_0", { source: "/* Colors\n========================================================================== */\n/* Typography\n========================================================================== */\n/* Border Radius\n========================================================================== */\n/* Table */\n/* Safe Area */\n.sf-analytics-chart {\n  width: 100%;\n  padding: 10px;\n  background-color: #fff;\n  transform: translate3d(0, 0, 0);\n}\n.sf-analytics-chart .sf-analytics-text {\n  width: 100%;\n  height: 100%;\n  min-height: 35rem;\n  font-size: 1.4rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sf-analytics-chart .sf-analytics-error {\n  width: 100%;\n  height: 100%;\n  min-height: 35rem;\n  font-size: 1.4rem;\n  color: #d74c3b;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n@media (prefers-color-scheme: dark) {\n.sf-analytics-chart {\n    background-color: #1c1c1e;\n}\n.sf-analytics-chart .sf-analytics-text {\n    color: #6e6e6e;\n}\n}", map: undefined, media: undefined });
 
   };
   /* scoped */