@hestia-earth/ui-components 0.2.1 → 0.2.2

package/bundles/hestia-earth-ui-components.umd.js

@@ -6603,6 +6603,7 @@
         function CyclesPracticesTimelineComponent(el) {
             this.el = el;
             this.now = new Date();
+            this.TermTermType = schema.TermTermType;
         }
         Object.defineProperty(CyclesPracticesTimelineComponent.prototype, "practices", {
             get: function () {
@@ -6628,7 +6629,7 @@
         return CyclesPracticesTimelineComponent;
     }());
     CyclesPracticesTimelineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesPracticesTimelineComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    CyclesPracticesTimelineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesPracticesTimelineComponent, selector: "he-cycles-practices-timeline", inputs: { cycle: "cycle" }, ngImport: i0__namespace, template: "<ul class=\"content pl-4 ml-4 pb-4\">\n  <li class=\"is-relative m-0\"\n    *ngFor=\"let practice of practices | sortBy:['startDate','endDate']:['asc','asc']; trackBy: trackByPractice\"\n  >\n    <div class=\"is-relative\"\n      [style.width]=\"lineWidth + 'px'\"\n    >\n      <span *ngIf=\"practice.startDate; else noDate\">{{practice.startDate | date:'YYYY-MM-dd'}}</span>\n      <span class=\"px-1\"\n        [class.is-invisible]=\"!practice.startDate || !practice.endDate\"\n      >-</span>\n      <span\n        [class.is-invisible]=\"!practice.endDate\"\n      >{{(practice.endDate || now) | date:'YYYY-MM-dd'}}</span>\n      <span class=\"pl-4\">{{practice.term.name}}</span>\n      <he-blank-node-state class=\"ml-1\"\n        [node]=\"practice\"\n        key=\"value\"\n      ></he-blank-node-state>\n    </div>\n  </li>\n</ul>\n\n<ng-template #noDate>\n  <span>No date</span>\n</ng-template>\n", styles: ["ul{max-height:400px;overflow-y:auto}ul li{width:4px;padding-top:20px;background:#485fc7}ul li:after{content:\"\";position:absolute;left:50%;bottom:2px;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:inherit}ul li>div{width:600px;margin-left:24px}ul li>div>span{display:inline-block}ul li>div>span:nth-child(1),ul li>div>span:nth-child(3){width:94px}\n"], components: [{ type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "sortBy": SortByPipe, "date": i2__namespace.DatePipe } });
+    CyclesPracticesTimelineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesPracticesTimelineComponent, selector: "he-cycles-practices-timeline", inputs: { cycle: "cycle" }, ngImport: i0__namespace, template: "<ul class=\"content pl-4 ml-4 pb-4\">\n  <li class=\"is-relative m-0\"\n    *ngFor=\"let practice of practices | sortBy:['startDate','endDate']:['asc','asc']; trackBy: trackByPractice\"\n  >\n    <div class=\"is-relative\"\n      [style.width]=\"lineWidth + 'px'\"\n    >\n      <span *ngIf=\"practice.startDate\">{{practice.startDate | date:'YYYY-MM-dd'}}</span>\n      <span *ngIf=\"!practice.startDate\">\n        <ng-container *ngIf=\"practice.term?.termType === TermTermType.operation\">No date</ng-container>\n      </span>\n      <span class=\"px-1\"\n        [class.is-invisible]=\"!practice.startDate || !practice.endDate\"\n      >-</span>\n      <span\n        [class.is-invisible]=\"!practice.endDate\"\n      >{{(practice.endDate || now) | date:'YYYY-MM-dd'}}</span>\n      <span class=\"pl-4\">{{practice.term.name}}</span>\n      <he-blank-node-state class=\"ml-1\"\n        [node]=\"practice\"\n        key=\"value\"\n      ></he-blank-node-state>\n    </div>\n  </li>\n</ul>\n", styles: ["ul{max-height:400px;overflow-y:auto}ul li{width:4px;padding-top:20px;background:#485fc7}ul li:after{content:\"\";position:absolute;left:50%;bottom:2px;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:inherit}ul li>div{width:600px;margin-left:24px}ul li>div>span{display:inline-block}ul li>div>span:nth-child(1),ul li>div>span:nth-child(3){width:94px}\n"], components: [{ type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "sortBy": SortByPipe, "date": i2__namespace.DatePipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesPracticesTimelineComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -8118,17 +8119,19 @@
             });
         };
         SitesMapsComponent.prototype.centerMarker = function (marker) {
+            var _this = this;
             var center = marker.getPosition();
             this.center = center ? { lat: center.lat(), lng: center.lng() } : defaultCenter;
+            setTimeout(function () {
+                _this.map.googleMap.setCenter(_this.center);
+            });
         };
         SitesMapsComponent.prototype.centerPolygons = function (polygons) {
             try {
-                return polygons.length ? this.map.googleMap.fitBounds(polygonBounds(polygons)) : null;
+                return (polygons === null || polygons === void 0 ? void 0 : polygons.length) ? this.map.googleMap.fitBounds(polygonBounds(polygons)) : null;
             }
             catch (err) {
-                if (polygons.length) {
-                    this.map.googleMap.fitBounds(polygonBounds(polygons[0]));
-                }
+                return (polygons === null || polygons === void 0 ? void 0 : polygons.length) ? this.map.googleMap.fitBounds(polygonBounds(polygons[0])) : null;
             }
         };
         SitesMapsComponent.prototype.addSiteMarkers = function (sites) {
@@ -9027,8 +9030,9 @@
             }] });
 
     var parseLog = function (data) { return ({
-        indicator: data['key/term'] || data.term || data.indicator,
-        emission: data.node,
+        modelId: data.model,
+        impactTermId: data['key/term'] || data.term || data.indicator,
+        emissionsResourceUseTermId: data.node,
         coefficient: +data.coefficient,
         value: +data.value * +data.coefficient
     }); };
@@ -9036,23 +9040,31 @@
         schema.TermTermType.emission,
         schema.TermTermType.characterisedIndicator
     ];
-    var toCsv = function (logs) { return __spreadArray([
+    var toCsv = function (logs, impact) { return __spreadArray([
         [
-            'Model',
             'Impact',
+            'Impact Unit',
+            'Method',
+            'Emission',
             'Value',
             'Inputs',
-            'Inputs value'
+            'Inputs value',
+            'Functional Unit'
         ].join(',')
     ], __read(logs
-        .sort(function (a, b) { return a.indicator.localeCompare(b.indicator); })
+        .sort(function (a, b) { return a.impactTermId.localeCompare(b.impactTermId); })
         .flatMap(function (_d) {
-        var indicator = _d.indicator, emission = _d.emission, value = _d.value, inputs = _d.inputs;
+        var impactTermId = _d.impactTermId, impactTermUnits = _d.impactTermUnits, modelId = _d.modelId, emissionsResourceUseTermId = _d.emissionsResourceUseTermId, value = _d.value, inputs = _d.inputs;
         return __spreadArray([
-            [indicator, emission, value, '', '']
-        ], __read((inputs.map(function (v) { return [indicator, emission, '', v.name, v.value]; }))));
+            [impactTermId, impactTermUnits, modelId, emissionsResourceUseTermId, value, '', '']
+        ], __read((inputs.map(function (v) { return [impactTermId, impactTermUnits, modelId, emissionsResourceUseTermId, '', v.name, v.value]; }))));
     })
-        .map(function (v) { return v.join(','); }))).join('\n'); };
+        .map(function (v) {
+        var _a;
+        return __spreadArray(__spreadArray([], __read(v)), [
+            (_a = impact.product) === null || _a === void 0 ? void 0 : _a.units
+        ]).join(',');
+    }))).join('\n'); };
     var ImpactAssessmentsIndicatorBreakdownChartComponent = /** @class */ (function () {
         function ImpactAssessmentsIndicatorBreakdownChartComponent(ngZone, domSanitizer, searchService, nodeService) {
             this.ngZone = ngZone;
@@ -9068,7 +9080,7 @@
         }
         ImpactAssessmentsIndicatorBreakdownChartComponent.prototype.ngOnInit = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var _d, emissions;
+                var _d, results;
                 var _this = this;
                 return __generator(this, function (_e) {
                     switch (_e.label) {
@@ -9084,18 +9096,24 @@
                                 }), operators.map(function (_d) {
                                     var data = _d.data;
                                     return parseMessage(data.message);
-                                }), operators.filter(function (message) { return 'node' in message; }), operators.map(parseLog), operators.filter(function (log) { return !!log.indicator && !!log.emission && !isNaN(log.value) && log.value > 0; }), operators.groupBy(function (log) { return [log.indicator, log.emission].join('/'); }), operators.mergeMap(function (group) { return group.pipe(operators.toArray()); }), operators.map(function (values) {
+                                }), operators.filter(function (message) { return 'node' in message; }), operators.map(parseLog), operators.filter(function (log) { return !!log.impactTermId && !!log.emissionsResourceUseTermId && !isNaN(log.value) && log.value > 0; }), operators.groupBy(function (log) { return [log.impactTermId, log.emissionsResourceUseTermId].join('/'); }), operators.mergeMap(function (group) { return group.pipe(operators.toArray()); }), operators.map(function (values) {
+                                    var _a, _b;
                                     var log = values[0];
                                     var total = values.reduce(function (prev, curr) { return prev + curr.value; }, 0);
-                                    var inputs = (_this.impactAssessment.emissionsResourceUse || [])
-                                        .filter(function (v) { var _a; return v.term['@id'] === log.emission && ((_a = v.inputs) === null || _a === void 0 ? void 0 : _a.length); })
+                                    var emissions = (_this.impactAssessment.emissionsResourceUse || [])
+                                        .filter(function (v) { return v.term['@id'] === log.emissionsResourceUseTermId; });
+                                    var inputs = emissions
+                                        .filter(function (v) { var _a; return (_a = v.inputs) === null || _a === void 0 ? void 0 : _a.length; })
                                         .map(function (v) { return ({ name: v.inputs.map(function (i) { return i['@id']; }).join(';'), value: v.value * log.coefficient }); });
                                     var inputsValue = inputs.reduce(function (prev, curr) { return prev + curr.value; }, 0);
-                                    return Object.assign(Object.assign({}, log), { value: total, inputs: inputs, inputsValue: inputsValue });
-                                }), operators.toArray()).toPromise()];
+                                    var impacts = (_this.impactAssessment.impacts || [])
+                                        .filter(function (v) { return v.term['@id'] === log.impactTermId; });
+                                    // logs might exist but impact was not added => skip logs
+                                    return impacts.length ? Object.assign(Object.assign({}, log), { impactTermUnits: (_b = (_a = impacts === null || impacts === void 0 ? void 0 : impacts[0]) === null || _a === void 0 ? void 0 : _a.term) === null || _b === void 0 ? void 0 : _b.units, value: total, inputs: inputs, inputsValue: inputsValue }) : null;
+                                }), operators.filter(function (log) { return !!log; }), operators.toArray()).toPromise()];
                         case 1:
                             _d.logs = (_e.sent());
-                            this.csvContent = this.domSanitizer.bypassSecurityTrustResourceUrl("data:text/html;charset=utf-8," + encodeURIComponent(toCsv(this.logs)));
+                            this.csvContent = this.domSanitizer.bypassSecurityTrustResourceUrl("data:text/html;charset=utf-8," + encodeURIComponent(toCsv(this.logs, this.impactAssessment)));
                             return [4 /*yield*/, this.searchService.search({
                                     fields: ['@type', '@id', 'name'],
                                     limit: 1000,
@@ -9110,8 +9128,8 @@
                                     }
                                 })];
                         case 2:
-                            emissions = (_e.sent()).results;
-                            this.emissions = emissions;
+                            results = (_e.sent()).results;
+                            this.emissions = results;
                             this.loading = false;
                             this.selectedTerm = this.terms[0];
                             this.updateChart();
@@ -9132,16 +9150,16 @@
             var _a, _b, _c;
             var logs = this.logs
                 .filter(function (_d) {
-                var indicator = _d.indicator;
-                return indicator === _this.selectedTerm['@id'];
+                var impactTermId = _d.impactTermId;
+                return impactTermId === _this.selectedTerm['@id'];
             })
                 .sort(function (a, b) { return b.value - a.value; });
             this.noData = logs.length === 0;
             var total = logs.reduce(function (prev, curr) { return prev + curr.value; }, 0);
             var labels = logs.map(function (_d) {
-                var emission = _d.emission;
+                var emissionsResourceUseTermId = _d.emissionsResourceUseTermId;
                 var _a;
-                return ((_a = _this.emissions.find(function (v) { return v['@id'] === emission; })) === null || _a === void 0 ? void 0 : _a.name) || emission;
+                return ((_a = _this.emissions.find(function (v) { return v['@id'] === emissionsResourceUseTermId; })) === null || _a === void 0 ? void 0 : _a.name) || emissionsResourceUseTermId;
             });
             // display the breakdown by input
             // const inputs = logs.flatMap(v => v.inputs.map(i => i.name));