@hestia-earth/ui-components 0.0.13 → 0.0.14

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

@@ -571,17 +571,20 @@
                     }]
             }] });
 
-    var _a$6;
+    var _c$3;
     var get$5 = require('lodash.get');
     var gitHome = 'https://gitlab.com/hestia-earth';
     var gitRawBaseUrl = 'https://glcdn.githack.com/hestia-earth';
     var gitBranch = function () { return ['dev', 'staging'].some(function (env) { return baseUrl().includes(env); }) ? 'develop' : 'master'; };
     var isChrome = function () { return window.navigator.userAgent.includes('Chrome'); };
-    var baseUrl = function () { return window.location.origin.includes('localhost') ?
-        'https://www-dev.hestia.earth' :
-        window.location.origin.includes('hestia.earth') ?
-            window.location.origin :
-            'https://www.hestia.earth'; };
+    var baseUrl = function () {
+        var _a, _b;
+        return ((_a = window.location.origin) === null || _a === void 0 ? void 0 : _a.includes('localhost')) ?
+            'https://www-dev.hestia.earth' :
+            ((_b = window.location.origin) === null || _b === void 0 ? void 0 : _b.includes('hestia.earth')) ?
+                window.location.origin :
+                'https://www.hestia.earth';
+    };
     var isExternal = function () { return baseUrl() !== window.location.origin; };
     var parseErrorStatus = function (error) { return ((error === null || error === void 0 ? void 0 : error.statusText) || '').toLowerCase().replace(/\s/g, '-'); };
     var parseErrorMessage = function (error) { return get$5(error, 'error.error', get$5(error, 'error.message', get$5(error, 'error', get$5(error, 'message', error)))); };
@@ -649,8 +652,8 @@
     };
     ;
     ;
-    var grouppedKeys = function (values) { return Object.entries(values).map(function (_a) {
-        var _b = __read(_a, 2), key = _b[0], value = _b[1];
+    var grouppedKeys = function (values) { return Object.entries(values).map(function (_c) {
+        var _d = __read(_c, 2), key = _d[0], value = _d[1];
         return ({ key: key, value: value });
     }); };
     var concatBlankNodeValue = function (value, newValue) {
@@ -731,42 +734,23 @@
             // handle years
             .replace(/([0-9]{4})/g, function (g) { return "-" + g; }) :
         null; };
-    var nodeDefaultLabel = (_a$6 = {},
-        _a$6[schema.NodeType.ImpactAssessment] = function (_a) {
-            var name = _a.name, country = _a.country, endDate = _a.endDate, product = _a.product;
+    var nodeDefaultLabel = (_c$3 = {},
+        _c$3[schema.NodeType.ImpactAssessment] = function (_c) {
+            var name = _c.name, country = _c.country, endDate = _c.endDate, product = _c.product;
             return name ? name.replace((product === null || product === void 0 ? void 0 : product.name) + ", ", '') : [
                 product === null || product === void 0 ? void 0 : product.name,
                 country === null || country === void 0 ? void 0 : country.name,
                 endDate
             ].filter(Boolean).join(', ');
         },
-        _a$6[schema.NodeType.Site] = function (_a) {
-            var name = _a.name, description = _a.description;
+        _c$3[schema.NodeType.Site] = function (_c) {
+            var name = _c.name, description = _c.description;
             return name || description;
         },
-        _a$6);
+        _c$3);
     var defaultLabel = function (node) { return node ? (node['@type'] in nodeDefaultLabel ? nodeDefaultLabel[node['@type']](node) : node.name) || node['@id'] || node.id : ''; };
     var itemColor = function (index) { return randomMaterialColor.getColor({ text: "" + index }); };
     var listColor = function (_v, index) { return itemColor(index); };
-    var reduceValues$1 = function (values) { return values.length ? values.reduce(function (p, v) { return p + propertyValue$1(v.value); }, 0) : undefined; };
-    var formatDiffValues = function (originalValues, recalculatedValues) {
-        if (originalValues === void 0) { originalValues = []; }
-        if (recalculatedValues === void 0) { recalculatedValues = []; }
-        var originalValuesFiltered = originalValues.filter(function (value) { return !value.deleted; });
-        var recalculatedValuesFiltered = recalculatedValues.filter(function (value) { return !value.deleted; });
-        var terms = utils.unique(__spreadArray(__spreadArray([], __read(originalValuesFiltered)), __read(recalculatedValuesFiltered)).map(function (v) { return v.term['@id']; })).sort();
-        var values = terms.map(function (termId) {
-            var original = originalValuesFiltered.filter(function (v) { return termId === v.term['@id']; });
-            var recalculated = recalculatedValuesFiltered.filter(function (v) { return termId === v.term['@id']; });
-            var term = (original[0] || recalculated[0] || { term: { '@id': termId } }).term;
-            return {
-                term: term,
-                original: reduceValues$1(original),
-                recalculated: reduceValues$1(recalculated)
-            };
-        });
-        return values;
-    };
     var emptyValue = function (value) { return utils.isEmpty(value) || isNaN(propertyValue$1(value)); };
     var repeat = function (times) {
         if (times === void 0) { times = 0; }
@@ -1599,6 +1583,7 @@
 
     var BlankNodeStateNoticeComponent = /** @class */ (function () {
         function BlankNodeStateNoticeComponent() {
+            this.showAggregated = true;
             this.showDeleted = false;
         }
         Object.defineProperty(BlankNodeStateNoticeComponent.prototype, "show", {
@@ -1611,7 +1596,7 @@
         return BlankNodeStateNoticeComponent;
     }());
     BlankNodeStateNoticeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeStateNoticeComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BlankNodeStateNoticeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: { dataState: "dataState", showDeleted: "showDeleted" }, ngImport: i0__namespace, template: "<p class=\"is-size-7 is-italic\" *ngIf=\"show\">\n  <span>Recalculations: * Data Added ** Data Updated *** Data Aggregated</span>\n  <span *ngIf=\"showDeleted\" class=\"pl-1\">**** Data Deleted</span>\n</p>\n", styles: [""], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    BlankNodeStateNoticeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: { dataState: "dataState", showAggregated: "showAggregated", showDeleted: "showDeleted" }, ngImport: i0__namespace, template: "<p class=\"is-size-7 is-italic\" *ngIf=\"show\">\n  <span>Recalculations:</span>\n  <span class=\"pl-1 notice-data-added\">* Data Added</span>\n  <span class=\"pl-1 notice-data-updated\">** Data Updated</span>\n  <span *ngIf=\"showAggregated\" class=\"pl-1 notice-data-aggregated\">*** Data Aggregated</span>\n  <span *ngIf=\"showDeleted\" class=\"pl-1 notice-data-deleted\">**** Data Deleted</span>\n</p>\n", styles: [""], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BlankNodeStateNoticeComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -1621,6 +1606,8 @@
                     }]
             }], propDecorators: { dataState: [{
                     type: i0.Input
+                }], showAggregated: [{
+                    type: i0.Input
                 }], showDeleted: [{
                     type: i0.Input
                 }] } });
@@ -5274,15 +5261,19 @@
     var get$3 = require('lodash.get');
     var orderBy$5 = require('lodash.orderby');
     var reduceValues = function (values) { return values.length ? values.reduce(function (p, v) { return p + propertyValue$1(v.value); }, 0) : null; };
-    var logSubValue = function (logs, key, prop) { return logs[key][prop] ? {
-        key: prop, value: logs[key][prop], configModels: [key]
-    } : undefined; };
+    var logSubValue = function (logs, key, prop) { return logs[key][prop] ? (Array.isArray(logs[key][prop]) ?
+        logs[key][prop].map(function (value) { return ({ key: prop, value: value }); }) :
+        { key: prop, value: logs[key][prop] }) : undefined; };
+    var isBackgroundNoInput = function (logs, key) { return logs[key].methodTier === schema.EmissionMethodTier.background && !logs[key].input; };
     var logSubValues = function (logs) { return Object.keys(logs)
         .flatMap(function (key) { return [
         logSubValue(logs, key, 'input'),
-        logSubValue(logs, key, 'property')
-    ]; })
-        .filter(Boolean); };
+        logSubValue(logs, key, 'property'),
+        // for background data without input, convert term to input so it is displayed below the term
+        isBackgroundNoInput(logs, key) ? { key: 'backgroundData' } : undefined
+    ].flat()
+        .filter(Boolean)
+        .map(function (v) { return (Object.assign(Object.assign({}, v), { configModels: [key] })); }); }); };
     var logKeys = function (logs) { return Object.keys(logs).filter(function (key) { return logs[key].isKey; }); };
     var NodeLogsModelsComponent = /** @class */ (function () {
         function NodeLogsModelsComponent(searchService, hestiaEngineService) {
@@ -5304,15 +5295,15 @@
         }
         NodeLogsModelsComponent.prototype.ngOnInit = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var _c, models, _d, originalValues, recalculatedValues, _e;
+                var _d, models, _e, originalValues, recalculatedValues, _f;
                 var _this = this;
-                return __generator(this, function (_f) {
-                    switch (_f.label) {
+                return __generator(this, function (_g) {
+                    switch (_g.label) {
                         case 0:
-                            _c = this;
+                            _d = this;
                             return [4 /*yield*/, this.hestiaEngineService.ochestratorConfig(this.nodeType)];
                         case 1:
-                            _c.config = _f.sent();
+                            _d.config = _g.sent();
                             return [4 /*yield*/, this.searchService.search({
                                     fields: ['@type', '@id', 'name'],
                                     limit: 1000,
@@ -5326,30 +5317,30 @@
                                     }
                                 })];
                         case 2:
-                            models = (_f.sent()).results;
+                            models = (_g.sent()).results;
                             this.models = models;
-                            _d = this;
+                            _e = this;
                             return [4 /*yield*/, rxjs.from(this.models).pipe(operators.filter(function (v) { return !!v; }), operators.distinct(function (v) { return v['@id']; }), operators.reduce(function (prev, curr) {
-                                    var _c;
-                                    return (Object.assign(Object.assign({}, prev), (_c = {}, _c[curr['@id']] = curr, _c)));
+                                    var _d;
+                                    return (Object.assign(Object.assign({}, prev), (_d = {}, _d[curr['@id']] = curr, _d)));
                                 }, {})).toPromise()];
                         case 3:
-                            _d.methodsById = _f.sent();
+                            _e.methodsById = _g.sent();
                             originalValues = (this.originalValues || []).filter(function (value) { return !value.deleted; });
                             recalculatedValues = (this.recalculatedValues || []).filter(function (value) { return !value.deleted; });
-                            _e = this;
+                            _f = this;
                             return [4 /*yield*/, this.fetchAllTerms()];
                         case 4:
-                            _e.allTerms = _f.sent();
+                            _f.allTerms = _g.sent();
                             this.allBlankNodes = this.allTerms.flatMap(function (term) {
                                 var emissionLogs = get$3(_this.logs, term['@id'], {});
                                 var original = originalValues.filter(function (v) { return term['@id'] === v.term['@id']; });
                                 var recalculated = recalculatedValues.filter(function (v) { return term['@id'] === v.term['@id']; });
                                 var hasData = !!original.length || !!recalculated.length || Object.keys(emissionLogs).length > 0;
-                                var configModels = utils.unique(__spreadArray(__spreadArray([], __read(findConfigModels(_this.config, term['@id'], _this.nodeKey).map(function (_c) {
-                                    var model = _c.model;
+                                var configModels = utils.unique(__spreadArray(__spreadArray([], __read(findConfigModels(_this.config, term['@id'], _this.nodeKey).map(function (_d) {
+                                    var model = _d.model;
                                     return model;
-                                }))), __read(Object.keys(emissionLogs)))).filter(function (key) { return !(key in emissionLogs) || (!emissionLogs[key].isKey && !emissionLogs[key].input && !emissionLogs[key].property); });
+                                }))), __read(Object.keys(emissionLogs).filter(function (key) { return !isBackgroundNoInput(emissionLogs, key); })))).filter(function (key) { return !(key in emissionLogs) || (!emissionLogs[key].isKey && !emissionLogs[key].input && !emissionLogs[key].property); });
                                 var keys = logKeys(emissionLogs);
                                 var subValues = logSubValues(emissionLogs);
                                 return {
@@ -5359,7 +5350,7 @@
                                     configModels: configModels,
                                     original: reduceValues(original),
                                     recalculated: reduceValues(recalculated),
-                                    isRecalculated: !recalculated.length || recalculated.some(function (v) { return (v.added || []).includes('value'); }),
+                                    isRecalculated: !recalculated.length || recalculated.some(function (v) { return (__spreadArray(__spreadArray([], __read((v.added || []))), __read((v.updated || [])))).includes('value'); }),
                                     hasData: hasData,
                                     logs: emissionLogs,
                                     keys: keys,
@@ -5367,9 +5358,8 @@
                                 };
                             });
                             this.methodModelsCount = Math.max.apply(Math.max, this.allBlankNodes.flatMap(function (v) { return __spreadArray([
-                                v.configModels.length,
-                                v.keys.length
-                            ], __read(v.subValues.map(function (s) { return s.configModels.length; }))); }));
+                                v.configModels.length
+                            ], __read(v.subValues.map(function (s) { var _a, _b; return (_b = (_a = s.configModels) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0; }))); }));
                             this.filterResults();
                             this.loading = false;
                             return [2 /*return*/];
@@ -5379,13 +5369,13 @@
         };
         NodeLogsModelsComponent.prototype.fetchAllTerms = function () {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_c) {
+                return __generator(this, function (_d) {
                     return [2 /*return*/, rxjs.from(this.terms.length ?
-                            this.terms : __spreadArray(__spreadArray([], __read((this.originalValues || []).map(function (_c) {
-                            var term = _c.term;
+                            this.terms : __spreadArray(__spreadArray([], __read((this.originalValues || []).map(function (_d) {
+                            var term = _d.term;
                             return term;
-                        }))), __read((this.recalculatedValues || []).map(function (_c) {
-                            var term = _c.term;
+                        }))), __read((this.recalculatedValues || []).map(function (_d) {
+                            var term = _d.term;
                             return term;
                         })))).pipe(operators.distinct(function (v) { return v['@id']; }), operators.toArray(), operators.map(function (v) { return orderBy$5(v, ['name'], ['asc']); })).toPromise()];
                 });
@@ -5402,29 +5392,47 @@
         };
         NodeLogsModelsComponent.prototype.validSubValue = function (node, index, subValue) {
             var methodId = this.getMethodIdAt(node, index, subValue);
-            return !(subValue === null || subValue === void 0 ? void 0 : subValue.value) || get$3(node.logs[methodId], subValue === null || subValue === void 0 ? void 0 : subValue.key, null) === (subValue === null || subValue === void 0 ? void 0 : subValue.value);
+            var log = get$3(node.logs[methodId], subValue === null || subValue === void 0 ? void 0 : subValue.key, null);
+            return !(subValue === null || subValue === void 0 ? void 0 : subValue.value) || (
+            // input/property can be an array
+            Array.isArray(log) ? log.includes(subValue === null || subValue === void 0 ? void 0 : subValue.value) : log === (subValue === null || subValue === void 0 ? void 0 : subValue.value));
         };
         NodeLogsModelsComponent.prototype.getMethodIdAt = function (node, index, subValue) {
             var configModels = (subValue || node).configModels;
             return configModels[index];
         };
-        NodeLogsModelsComponent.prototype.methodName = function (_c, methodId) {
-            var logs = _c.logs;
-            var _a, _b;
-            return ((_a = this.methodsById[methodId]) === null || _a === void 0 ? void 0 : _a.name) || ((_b = logs[methodId]) === null || _b === void 0 ? void 0 : _b.key) || keyToLabel(methodId);
+        NodeLogsModelsComponent.prototype.methodName = function (_d, methodId) {
+            var logs = _d.logs;
+            var _a, _b, _c;
+            return ((_a = this.methodsById[methodId]) === null || _a === void 0 ? void 0 : _a.name) ||
+                ((_b = logs[methodId]) === null || _b === void 0 ? void 0 : _b.key) ||
+                ((_c = logs[methodId]) === null || _c === void 0 ? void 0 : _c.model) ||
+                (methodId ? keyToLabel(methodId) : '');
         };
-        NodeLogsModelsComponent.prototype.hasLog = function (_c, methodId) {
-            var logs = _c.logs;
+        NodeLogsModelsComponent.prototype.isBackground = function (node, methodId) {
+            var log = node.logs[methodId];
+            return (log === null || log === void 0 ? void 0 : log.methodTier) === schema.EmissionMethodTier.background;
+        };
+        NodeLogsModelsComponent.prototype.isSkipped = function (node, methodId) {
+            var log = node.logs[methodId];
+            return [
+                node.isRecalculated,
+                this.isBackground(node, methodId),
+                log === null || log === void 0 ? void 0 : log.isKey,
+                this.hasLog(node, methodId)
+            ].every(function (v) { return !v; });
+        };
+        NodeLogsModelsComponent.prototype.hasLog = function (_d, methodId) {
+            var logs = _d.logs;
             return methodId in logs && 'shouldRun' in logs[methodId];
         };
-        NodeLogsModelsComponent.prototype.hasLogDetails = function (_c, methodId) {
-            var logs = _c.logs;
+        NodeLogsModelsComponent.prototype.hasLogDetails = function (node, methodId) {
             var _a;
-            var log = logs[methodId];
-            return (log === null || log === void 0 ? void 0 : log.requirements) || (log === null || log === void 0 ? void 0 : log.logs) || ((_a = log === null || log === void 0 ? void 0 : log.missingLookups) === null || _a === void 0 ? void 0 : _a.length);
+            var log = node.logs[methodId];
+            return !this.isSkipped(node, methodId) && ((log === null || log === void 0 ? void 0 : log.requirements) || (log === null || log === void 0 ? void 0 : log.logs) || ((_a = log === null || log === void 0 ? void 0 : log.missingLookups) === null || _a === void 0 ? void 0 : _a.length));
         };
         NodeLogsModelsComponent.prototype.logColor = function (node, methodId) {
-            return this.hasLog(node, methodId) ? (node.logs[methodId].shouldRun ? 'success' : 'danger') : 'dark';
+            return !this.isSkipped(node, methodId) && this.hasLog(node, methodId) ? (node.logs[methodId].shouldRun ? 'success' : 'danger') : 'dark';
         };
         NodeLogsModelsComponent.prototype.requirementColor = function (value) {
             return !value || ['None', 'False', '0', '0.0'].includes(value) ? 'danger' : 'white';
@@ -5432,8 +5440,8 @@
         NodeLogsModelsComponent.prototype.filterResults = function () {
             var _this = this;
             setTimeout(function () {
-                _this.blankNodes = _this.allBlankNodes.filter(function (_c) {
-                    var hasData = _c.hasData, name = _c.term.name;
+                _this.blankNodes = _this.allBlankNodes.filter(function (_d) {
+                    var hasData = _d.hasData, name = _d.term.name;
                     return (!_this.onlyWithData || hasData) &&
                         (!_this.term || name === _this.term);
                 });
@@ -5442,7 +5450,7 @@
         return NodeLogsModelsComponent;
     }());
     NodeLogsModelsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeLogsModelsComponent, deps: [{ token: HeSearchService }, { token: HeEngineService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    NodeLogsModelsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: { nodeType: "nodeType", nodeKey: "nodeKey", logsUrl: "logsUrl", originalValues: "originalValues", recalculatedValues: "recalculatedValues", terms: "terms", logs: "logs", filteredType: "filteredType" }, ngImport: i0__namespace, template: "<div class=\"px-3 pb-3\">\n  <div class=\"has-text-right mb-2\" *ngIf=\"!isExternal\">\n    <a class=\"is-size-7\" *ngIf=\"logsUrl\" [href]=\"logsUrl\" target=\"_blank\">\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n      <span class=\"pl-2\">Open Full Logs</span>\n    </a>\n  </div>\n\n  <div class=\"table-container data-table-container mb-1\">\n    <table class=\"table is-narrow data-table\">\n      <thead>\n        <tr>\n          <th class=\"width-auto\">\n            <div class=\"field\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input class=\"input search-input is-small\"\n                  [(ngModel)]=\"term\" name=\"term\"\n                  placeholder=\"Filter by name\"\n                  [editable]=\"false\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  (selectItem)=\"filterResults()\"\n                >\n                <a class=\"icon is-small is-right\"\n                  [class.is-hidden]=\"!term\"\n                  (click)=\"term = ''; filterResults();\"\n                >\n                  <fa-icon icon=\"times\"></fa-icon>\n                </a>\n              </div>\n            </div>\n          </th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th *ngIf=\"originalValues?.length\">Difference</th>\n          <th *ngFor=\"let c of methodModelsCount | times; let i = index\">({{i + 1}})</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngIf=\"loading\">\n          <td colspan=\"5\">\n            <div class=\"has-text-center py-3\">\n              <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n            </div>\n          </td>\n        </tr>\n        <ng-container *ngFor=\"let blankNode of blankNodes; trackBy: trackByBlankNode\">\n          <tr [class.has-sub-rows]=\"blankNode.canOpen\">\n            <td class=\"width-auto\" [attr.title]=\"blankNode.term.name\">\n              <a class=\"is-inline-block is-align-top pr-2 open-node\"\n                (click)=\"blankNode.isOpen = !blankNode.isOpen\"\n                *ngIf=\"blankNode.canOpen\"\n              >\n                <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!blankNode.isOpen\"></fa-icon>\n                <fa-icon icon=\"angle-right\" [class.is-hidden]=\"blankNode.isOpen\"></fa-icon>\n              </a>\n              <he-node-link class=\"is-inline-block\" [node]=\"blankNode.term\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{blankNode.term.name}}</span>\n              </he-node-link>\n            </td>\n            <td>\n              <span>{{blankNode.original | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"blankNode.isRecalculated; else notUpdated\">\n                {{blankNode.recalculated | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td *ngIf=\"originalValues?.length\" class=\"is-nowrap\">\n              <he-blank-node-value-delta *ngIf=\"blankNode.isRecalculated\"\n                [value]=\"blankNode.recalculated\"\n                [originalValue]=\"blankNode.original\"\n              ></he-blank-node-value-delta>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode}\"></ng-container>\n          </tr>\n\n          <tr\n            *ngIf=\"blankNode.keys?.length\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.has-sub-rows]=\"blankNode.subValues?.length\"\n          >\n            <td class=\"width-auto\">\n              <div class=\"pl-3 has-text-left\">\n                <span>Fields</span>\n              </div>\n            </td>\n            <td [attr.colspan]=\"originalValues?.length ? 3 : 2\"></td>\n            <td *ngFor=\"let key of blankNode.keys\">\n              <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode: blankNode, methodId: key}\"></ng-container>\n            </td>\n            <td *ngIf=\"methodModelsCount > blankNode.keys.length\" [attr.colspan]=\"methodModelsCount - blankNode.keys.length\"></td>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n          >\n            <td>\n              <div class=\"pl-3 has-text-left\">\n                <span class=\"is-inline-block is-nowrap has-text-ellipsis\">{{subValue.key | keyToLabel}}: {{subValue.value | keyToLabel}}</span>\n              </div>\n            </td>\n            <td [attr.colspan]=\"originalValues?.length ? 3 : 2\"></td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode, subValue: subValue}\"></ng-container>\n          </tr>\n        </ng-container>\n      </tbody>\n    </table>\n  </div>\n\n  <div class=\"is-size-7 is-italic\">\n    <div class=\"columns is-variable is-1 my-0\">\n      <div class=\"column is-narrow\">\n        <span>Models:</span>\n      </div>\n      <div class=\"column is-narrow has-text-success\">\n        <fa-icon icon=\"check\"></fa-icon>\n        <span class=\"pl-1\">successful</span>\n      </div>\n      <div class=\"column is-narrow has-text-danger\">\n        <fa-icon icon=\"times\"></fa-icon>\n        <span class=\"pl-1\">failed</span>\n      </div>\n      <div class=\"column is-narrow has-text-dark\">\n        <fa-icon [icon]=\"['far', 'circle']\"></fa-icon>\n        <span class=\"pl-1\">not run (model higher up hierarchy run instead)</span>\n      </div>\n      <div class=\"column has-text-right\" *ngIf=\"filteredType\">\n        <label class=\"is-inline-block checkbox\">\n          <input type=\"checkbox\" class=\"selector\"\n            [(ngModel)]=\"onlyWithData\"\n            (change)=\"filterResults()\"\n          >\n          <span class=\"ml-2\">Show only recalculated {{filteredType | pluralize}}</span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #blankNodeModels let-blankNode=\"blankNode\" let-subValue=\"subValue\">\n  <td *ngFor=\"let c of methodModelsCount | times; let i = index\">\n    <ng-container *ngIf=\"validSubValue(blankNode, i, subValue)\">\n      <ng-container *ngIf=\"getMethodIdAt(blankNode, i, subValue); let methodId\">\n        <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode: blankNode, methodId: methodId}\"></ng-container>\n      </ng-container>\n    </ng-container>\n  </td>\n</ng-template>\n\n<ng-template #blankNodeModel let-blankNode=\"blankNode\" let-methodId=\"methodId\">\n  <span\n    [class.trigger-popover]=\"hasLogDetails(blankNode, methodId)\"\n    [ngbPopover]=\"logDetails\" [autoClose]=\"'outside'\"\n    triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n    (click)=\"hasLogDetails(blankNode, methodId) ? togglePopover(p, { log: blankNode.logs[methodId] }) : null\"\n  >\n    <span class=\"is-capitalized\">{{methodName(blankNode, methodId)}}</span>\n    <span class=\"pl-1\" *ngIf=\"hasLog(blankNode, methodId) && blankNode.logs[methodId].methodTier\">[{{blankNode.logs[methodId].methodTier}}]</span>\n    <span class=\"pl-1 has-text-{{logColor(blankNode, methodId)}}\">\n      <fa-icon *ngIf=\"!hasLog(blankNode, methodId)\" [icon]=\"['far', 'circle']\"></fa-icon>\n      <fa-icon *ngIf=\"hasLog(blankNode, methodId)\" [icon]=\"blankNode.logs[methodId].shouldRun ? 'check' : 'times'\"></fa-icon>\n    </span>\n  </span>\n</ng-template>\n\n<ng-template #notUpdated>\n  <span>not updated</span>\n</ng-template>\n\n<ng-template #logDetails let-log=\"log\">\n  <ng-container *ngIf=\"log.requirements\">\n    <p *ngFor=\"let key of log.requirements | keys\" class=\"has-text-{{requirementColor(key.value)}}\">\n      {{key.key}}: {{key.value}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"log.logs\">\n    <p *ngFor=\"let key of log.logs | keys\">\n      {{key.key}}: {{key.value}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"log.missingLookups?.length\">\n    <p class=\"mt-2\">Missing lookups:</p>\n\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-fullwidth mb-0\">\n        <thead class=\"has-background-black\">\n          <tr>\n            <th>\n              <span class=\"has-text-white\">Filename</span>\n            </th>\n            <th>\n              <span class=\"has-text-white\">Column Title</span>\n            </th>\n            <th>\n              <span class=\"has-text-white\">Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-background-black has-text-white\">\n          <tr *ngFor=\"let data of log.missingLookups\">\n            <td>{{data.filename}}</td>\n            <td>{{data.column}}</td>\n            <td>{{data.termId}}</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </ng-container>\n</ng-template>\n", styles: [":host{display:block}table.data-table th:nth-child(2),table.data-table td:nth-child(2){min-width:60px}table.data-table th:nth-child(3),table.data-table td:nth-child(3){min-width:100px}table.data-table tr.has-sub-rows td{border-bottom-style:dotted}table.data-table td he-node-link{width:190px}table.data-table td .open-node+he-node-link{width:170px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10__namespace.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "times": TimesPipe, "default": DefaultPipe, "precision": PrecisionPipe, "keyToLabel": KeyToLabelPipe, "pluralize": PluralizePipe, "keys": KeysPipe } });
+    NodeLogsModelsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: { nodeType: "nodeType", nodeKey: "nodeKey", logsUrl: "logsUrl", originalValues: "originalValues", recalculatedValues: "recalculatedValues", terms: "terms", logs: "logs", filteredType: "filteredType" }, ngImport: i0__namespace, template: "<div class=\"px-3 pb-3\">\n  <div class=\"has-text-right mb-2\" *ngIf=\"!isExternal\">\n    <a class=\"is-size-7\" *ngIf=\"logsUrl\" [href]=\"logsUrl\" target=\"_blank\">\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n      <span class=\"pl-2\">Open Full Logs</span>\n    </a>\n  </div>\n\n  <div class=\"table-container data-table-container mb-1\">\n    <table class=\"table is-narrow data-table\">\n      <thead>\n        <tr>\n          <th class=\"width-auto\">\n            <div class=\"field\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input class=\"input search-input is-small\"\n                  [(ngModel)]=\"term\" name=\"term\"\n                  placeholder=\"Filter by name\"\n                  [editable]=\"false\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  (selectItem)=\"filterResults()\"\n                >\n                <a class=\"icon is-small is-right\"\n                  [class.is-hidden]=\"!term\"\n                  (click)=\"term = ''; filterResults();\"\n                >\n                  <fa-icon icon=\"times\"></fa-icon>\n                </a>\n              </div>\n            </div>\n          </th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th *ngIf=\"originalValues?.length\">Difference</th>\n          <th *ngFor=\"let c of methodModelsCount | times; let i = index\">({{i + 1}})</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngIf=\"loading\">\n          <td colspan=\"5\">\n            <div class=\"has-text-center py-3\">\n              <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n            </div>\n          </td>\n        </tr>\n        <ng-container *ngFor=\"let blankNode of blankNodes; trackBy: trackByBlankNode\">\n          <tr [class.has-sub-rows]=\"blankNode.canOpen\">\n            <td class=\"width-auto\" [attr.title]=\"blankNode.term.name\">\n              <a class=\"is-inline-block is-align-top pr-2 open-node\"\n                (click)=\"blankNode.isOpen = !blankNode.isOpen\"\n                *ngIf=\"blankNode.canOpen\"\n              >\n                <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!blankNode.isOpen\"></fa-icon>\n                <fa-icon icon=\"angle-right\" [class.is-hidden]=\"blankNode.isOpen\"></fa-icon>\n              </a>\n              <he-node-link class=\"is-inline-block\" [node]=\"blankNode.term\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{blankNode.term.name}}</span>\n              </he-node-link>\n            </td>\n            <td>\n              <span>{{blankNode.original | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"blankNode.isRecalculated; else notUpdated\">\n                {{blankNode.recalculated | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td *ngIf=\"originalValues?.length\" class=\"is-nowrap\">\n              <he-blank-node-value-delta *ngIf=\"blankNode.isRecalculated\"\n                [value]=\"blankNode.recalculated\"\n                [originalValue]=\"blankNode.original\"\n              ></he-blank-node-value-delta>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode}\"></ng-container>\n          </tr>\n\n          <tr\n            *ngIf=\"blankNode.keys?.length\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.has-sub-rows]=\"blankNode.subValues?.length\"\n          >\n            <ng-container *ngFor=\"let key of blankNode.keys\">\n              <td class=\"width-auto\">\n                <div class=\"pl-3 has-text-left\">\n                  <span [title]=\"key\">Field: {{key}}</span>\n                </div>\n              </td>\n              <td [attr.colspan]=\"originalValues?.length ? 3 : 2\"></td>\n              <td class=\"blank-node-index-key\">\n                <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode: blankNode, methodId: key}\"></ng-container>\n              </td>\n              <td *ngIf=\"methodModelsCount > 1\" [attr.colspan]=\"methodModelsCount - 1\"></td>\n            </ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n          >\n            <td>\n              <div class=\"pl-3 has-text-left\">\n                <span class=\"is-inline-block is-nowrap has-text-ellipsis\" [title]=\"subValue.value || subValue.key\">\n                  <span>{{subValue.key | keyToLabel}}</span>\n                  <span *ngIf=\"subValue.value\">: {{subValue.value | keyToLabel}}</span>\n                </span>\n              </div>\n            </td>\n            <td [attr.colspan]=\"originalValues?.length ? 3 : 2\"></td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode, subValue: subValue}\"></ng-container>\n          </tr>\n        </ng-container>\n      </tbody>\n    </table>\n  </div>\n\n  <div class=\"is-size-7 is-italic\">\n    <div class=\"columns is-variable is-1 my-0\">\n      <div class=\"column is-narrow\">\n        <span>Models:</span>\n      </div>\n      <div class=\"column is-narrow has-text-success\">\n        <fa-icon icon=\"check\"></fa-icon>\n        <span class=\"pl-1\">successful</span>\n      </div>\n      <div class=\"column is-narrow has-text-danger\">\n        <fa-icon icon=\"times\"></fa-icon>\n        <span class=\"pl-1\">failed</span>\n      </div>\n      <div class=\"column is-narrow has-text-dark\">\n        <fa-icon [icon]=\"['far', 'circle']\"></fa-icon>\n        <span class=\"pl-1\">not run (model higher up hierarchy run instead)</span>\n      </div>\n      <div class=\"column is-narrow has-text-dark\">\n        <fa-icon icon=\"circle\"></fa-icon>\n        <span class=\"pl-1\">not run (original data retained)</span>\n      </div>\n      <div class=\"column has-text-right\" *ngIf=\"filteredType\">\n        <label class=\"is-inline-block checkbox\">\n          <input type=\"checkbox\" class=\"selector\"\n            [(ngModel)]=\"onlyWithData\"\n            (change)=\"filterResults()\"\n          >\n          <span class=\"ml-2\">Show only recalculated {{filteredType | pluralize}}</span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #blankNodeModels let-blankNode=\"blankNode\" let-subValue=\"subValue\">\n  <td class=\"blank-node-index-{{i}}\" *ngFor=\"let c of methodModelsCount | times; let i = index\">\n    <ng-container *ngIf=\"validSubValue(blankNode, i, subValue)\">\n      <ng-container *ngIf=\"getMethodIdAt(blankNode, i, subValue); let methodId\">\n        <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode: blankNode, methodId: methodId}\"></ng-container>\n      </ng-container>\n    </ng-container>\n  </td>\n</ng-template>\n\n<ng-template #blankNodeModel let-blankNode=\"blankNode\" let-methodId=\"methodId\">\n  <span\n    [class.trigger-popover]=\"hasLogDetails(blankNode, methodId)\"\n    [ngbPopover]=\"logDetails\" [autoClose]=\"'outside'\"\n    triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n    (click)=\"hasLogDetails(blankNode, methodId) ? togglePopover(p, { log: blankNode.logs[methodId] }) : null\"\n  >\n    <span class=\"is-capitalized\">{{methodName(blankNode, methodId)}}</span>\n    <span class=\"pl-1\" *ngIf=\"hasLog(blankNode, methodId) && blankNode.logs[methodId].methodTier\">[{{blankNode.logs[methodId].methodTier}}]</span>\n    <span class=\"pl-1 has-text-{{logColor(blankNode, methodId)}}\">\n      <fa-icon *ngIf=\"isSkipped(blankNode, methodId)\" icon=\"circle\"></fa-icon>\n      <fa-icon *ngIf=\"!isSkipped(blankNode, methodId) && !hasLog(blankNode, methodId)\" [icon]=\"['far', 'circle']\"></fa-icon>\n      <fa-icon *ngIf=\"!isSkipped(blankNode, methodId) && hasLog(blankNode, methodId)\" [icon]=\"blankNode.logs[methodId].shouldRun ? 'check' : 'times'\"></fa-icon>\n    </span>\n  </span>\n</ng-template>\n\n<ng-template #notUpdated>\n  <span>not updated</span>\n</ng-template>\n\n<ng-template #logDetails let-log=\"log\">\n  <ng-container *ngIf=\"log.requirements\">\n    <p *ngFor=\"let key of log.requirements | keys\" class=\"has-text-{{requirementColor(key.value)}}\">\n      {{key.key}}: {{key.value}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"log.logs\">\n    <p *ngFor=\"let key of log.logs | keys\">\n      {{key.key}}: {{key.value}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"log.missingLookups?.length\">\n    <p class=\"mt-2\">Missing lookups:</p>\n\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-fullwidth mb-0\">\n        <thead class=\"has-background-black\">\n          <tr>\n            <th>\n              <span class=\"has-text-white\">Filename</span>\n            </th>\n            <th>\n              <span class=\"has-text-white\">Column Title</span>\n            </th>\n            <th>\n              <span class=\"has-text-white\">Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-background-black has-text-white\">\n          <tr *ngFor=\"let data of log.missingLookups\">\n            <td>{{data.filename}}</td>\n            <td>{{data.column}}</td>\n            <td>{{data.termId}}</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </ng-container>\n</ng-template>\n", styles: [":host{display:block}table.data-table th:nth-child(2),table.data-table td:nth-child(2){min-width:60px}table.data-table th:nth-child(3),table.data-table td:nth-child(3){min-width:100px}table.data-table tr.has-sub-rows td{border-bottom-style:dotted}table.data-table td he-node-link{width:190px}table.data-table td .open-node+he-node-link{width:170px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10__namespace.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace$4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "times": TimesPipe, "default": DefaultPipe, "precision": PrecisionPipe, "keyToLabel": KeyToLabelPipe, "pluralize": PluralizePipe, "keys": KeysPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeLogsModelsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5824,7 +5832,7 @@
         return CyclesActivityComponent;
     }());
     CyclesActivityComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesActivityComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    CyclesActivityComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesActivityComponent, selector: "he-cycles-activity", inputs: { originalValues: "originalValues", cycles: "cycles", dataState: "dataState", enableCompare: "enableCompare" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"inputs.length || products.length; else emptyTable\">\n  <div class=\"columns is-variable is-2 m-0\">\n    <div class=\"column is-hidden-mobile\"></div>\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Table view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"!isOriginal && cycles.length === 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"selectedView = View.logs\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Recalculations logs</span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n    <div class=\"has-text-right mb-2\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n\n    <div class=\"table-container data-table-container mb-1\">\n      <table class=\"table is-narrow data-table has-children-{{inputs.length + products.length}}\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th></th>\n            <th *ngFor=\"let product of products\"\n              [attr.title]=\"product.value.term.name\"\n            >\n              <he-node-link [node]=\"product.value.term\">\n                <span>{{product.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n            <th *ngFor=\"let input of inputs\"\n              [attr.title]=\"input.value.term.name\"\n            >\n              <he-node-link [node]=\"input.value.term\">\n                <span>{{input.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th>\n              <a [href]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n            </th>\n            <th *ngFor=\"let product of products\"\n              [attr.title]=\"product.value.term.units\"\n            >{{product.value.term.units}}</th>\n            <th *ngFor=\"let input of inputs\"\n              [attr.title]=\"input.value.term.units\"\n            >{{input.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let cycle of cycles; trackBy: trackById; let i = index\">\n            <td class=\"width-auto\" [attr.title]=\"cycle.name\">\n              <he-node-link [node]=\"cycle\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{cycle.name || cycle.id}}</span>\n              </he-node-link>\n            </td>\n            <td>\n              <he-cycles-functional-unit-measure [cycle]=\"cycle\"></he-cycles-functional-unit-measure>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let product of products\">\n              <span *ngIf=\"product.value.values[cycle['@id']]; else emptyValue\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: product.value.values[cycle['@id']], cycle: cycle, key: 'products' })\"\n              >\n                <span pointer>{{propertyValue(product.value.values[cycle['@id']].value) | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"product.value.values[cycle['@id']].nodes[0]\"\n                  key=\"value\"\n                ></he-blank-node-state>\n              </span>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let input of inputs\">\n              <span *ngIf=\"input.value.values[cycle['@id']]; else emptyValue\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: input.value.values[cycle['@id']], cycle: cycle, key: 'inputs' })\"\n              >\n                <span pointer>{{propertyValue(input.value.values[cycle['@id']].value) | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"input.value.values[cycle['@id']].nodes[0]\"\n                  key=\"value\"\n                ></he-blank-node-state>\n              </span>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\"></he-blank-node-state-notice>\n\n    <he-cycles-suggest-form *ngIf=\"enableCompare\" [cycles]=\"cycles\" (cycleAdded)=\"addCycle($event)\"></he-cycles-suggest-form>\n  </div>\n\n  <he-cycles-activity-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n    [original]=\"originalValues[0]\"\n    [recalculated]=\"cycles[0]\"\n  ></he-cycles-activity-logs>\n</ng-container>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"cycles\" filename=\"cycle-inputs-products.csv\" [isUpload]=\"false\"\n  [headerKeys]=\"['cycle.id', 'cycle.@id', 'cycle.inputs.', 'cycle.products.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No activity data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p><b>{{node.name}}</b></p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { type: CyclesSuggestFormComponent, selector: "he-cycles-suggest-form", inputs: ["cycles"], outputs: ["cycleAdded"] }, { type: CyclesActivityLogsComponent, selector: "he-cycles-activity-logs", inputs: ["original", "recalculated"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
+    CyclesActivityComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesActivityComponent, selector: "he-cycles-activity", inputs: { originalValues: "originalValues", cycles: "cycles", dataState: "dataState", enableCompare: "enableCompare" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"inputs.length || products.length; else emptyTable\">\n  <div class=\"columns is-variable is-2 m-0\">\n    <div class=\"column is-hidden-mobile\"></div>\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Table view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"!isOriginal && cycles.length === 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"selectedView = View.logs\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Recalculations logs</span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n    <div class=\"has-text-right mb-2\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n\n    <div class=\"table-container data-table-container mb-1\">\n      <table class=\"table is-narrow data-table has-children-{{inputs.length + products.length}}\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th></th>\n            <th *ngFor=\"let product of products\"\n              [attr.title]=\"product.value.term.name\"\n            >\n              <he-node-link [node]=\"product.value.term\">\n                <span>{{product.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n            <th *ngFor=\"let input of inputs\"\n              [attr.title]=\"input.value.term.name\"\n            >\n              <he-node-link [node]=\"input.value.term\">\n                <span>{{input.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th>\n              <a [href]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n            </th>\n            <th *ngFor=\"let product of products\"\n              [attr.title]=\"product.value.term.units\"\n            >{{product.value.term.units}}</th>\n            <th *ngFor=\"let input of inputs\"\n              [attr.title]=\"input.value.term.units\"\n            >{{input.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let cycle of cycles; trackBy: trackById; let i = index\">\n            <td class=\"width-auto\" [attr.title]=\"cycle.name\">\n              <he-node-link [node]=\"cycle\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{cycle.name || cycle.id}}</span>\n              </he-node-link>\n            </td>\n            <td>\n              <he-cycles-functional-unit-measure [cycle]=\"cycle\"></he-cycles-functional-unit-measure>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let product of products\">\n              <span *ngIf=\"product.value.values[cycle['@id']]; else emptyValue\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: product.value.values[cycle['@id']], cycle: cycle, key: 'products' })\"\n              >\n                <span pointer>{{propertyValue(product.value.values[cycle['@id']].value) | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"product.value.values[cycle['@id']].nodes[0]\"\n                  key=\"value\"\n                ></he-blank-node-state>\n              </span>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let input of inputs\">\n              <span *ngIf=\"input.value.values[cycle['@id']]; else emptyValue\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: input.value.values[cycle['@id']], cycle: cycle, key: 'inputs' })\"\n              >\n                <span pointer>{{propertyValue(input.value.values[cycle['@id']].value) | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"input.value.values[cycle['@id']].nodes[0]\"\n                  key=\"value\"\n                ></he-blank-node-state>\n              </span>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\"></he-blank-node-state-notice>\n\n    <he-cycles-suggest-form *ngIf=\"enableCompare\" [cycles]=\"cycles\" (cycleAdded)=\"addCycle($event)\"></he-cycles-suggest-form>\n  </div>\n\n  <he-cycles-activity-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n    [original]=\"originalValues[0]\"\n    [recalculated]=\"cycles[0]\"\n  ></he-cycles-activity-logs>\n</ng-container>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"cycles\" filename=\"cycle-inputs-products.csv\" [isUpload]=\"false\"\n  [headerKeys]=\"['cycle.id', 'cycle.@id', 'cycle.inputs.', 'cycle.products.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No activity data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p><b>{{node.name}}</b></p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showAggregated", "showDeleted"] }, { type: CyclesSuggestFormComponent, selector: "he-cycles-suggest-form", inputs: ["cycles"], outputs: ["cycleAdded"] }, { type: CyclesActivityLogsComponent, selector: "he-cycles-activity-logs", inputs: ["original", "recalculated"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesActivityComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5866,7 +5874,7 @@
         return CyclesCompletenessComponent;
     }());
     CyclesCompletenessComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesCompletenessComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    CyclesCompletenessComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesCompletenessComponent, selector: "he-cycles-completeness", inputs: { cycles: "cycles", dataState: "dataState" }, ngImport: i0__namespace, template: "<div class=\"p-3\" *ngIf=\"cycles.length; else emptyTable\">\n  <div class=\"table-container data-table-container mb-1\">\n    <table class=\"table is-narrow data-table has-children-{{cycles.length}}\">\n      <thead>\n        <tr>\n          <th class=\"width-auto\"></th>\n          <th *ngFor=\"let completeness of completenessKeys\"\n            [attr.title]=\"completeness\"\n          ><a [href]=\"baseUrl + '/schema/Completeness#' + completeness\" target=\"_blank\">{{keyToLabel(completeness)}}</a></th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let cycle of cycles; trackBy: trackById; let i = index\">\n          <td class=\"width-auto\" [attr.title]=\"defaultLabel(cycle)\">\n            <he-node-link [node]=\"cycle\">\n              <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{defaultLabel(cycle)}}</span>\n            </he-node-link>\n          </td>\n          <td class=\"is-nowrap\" *ngFor=\"let completeness of completenessKeys\">\n            <span>{{cycle.dataCompleteness[completeness] ? 'Complete' : 'Incomplete'}}</span>\n            <he-blank-node-state class=\"ml-1\"\n              [node]=\"cycle.dataCompleteness\"\n              [key]=\"completeness\"\n            ></he-blank-node-state>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <he-blank-node-state-notice [dataState]=\"dataState\"></he-blank-node-state-notice>\n</div>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No completeness data</span>\n  </div>\n</ng-template>\n", styles: [""], components: [{ type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    CyclesCompletenessComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesCompletenessComponent, selector: "he-cycles-completeness", inputs: { cycles: "cycles", dataState: "dataState" }, ngImport: i0__namespace, template: "<div class=\"p-3\" *ngIf=\"cycles.length; else emptyTable\">\n  <div class=\"table-container data-table-container mb-1\">\n    <table class=\"table is-narrow data-table has-children-{{cycles.length}}\">\n      <thead>\n        <tr>\n          <th class=\"width-auto\"></th>\n          <th *ngFor=\"let completeness of completenessKeys\"\n            [attr.title]=\"completeness\"\n          ><a [href]=\"baseUrl + '/schema/Completeness#' + completeness\" target=\"_blank\">{{keyToLabel(completeness)}}</a></th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let cycle of cycles; trackBy: trackById; let i = index\">\n          <td class=\"width-auto\" [attr.title]=\"defaultLabel(cycle)\">\n            <he-node-link [node]=\"cycle\">\n              <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{defaultLabel(cycle)}}</span>\n            </he-node-link>\n          </td>\n          <td class=\"is-nowrap\" *ngFor=\"let completeness of completenessKeys\">\n            <span>{{cycle.dataCompleteness[completeness] ? 'Complete' : 'Incomplete'}}</span>\n            <he-blank-node-state class=\"ml-1\"\n              [node]=\"cycle.dataCompleteness\"\n              [key]=\"completeness\"\n            ></he-blank-node-state>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n  <he-blank-node-state-notice [dataState]=\"dataState\" [showAggregated]=\"false\"></he-blank-node-state-notice>\n</div>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No completeness data</span>\n  </div>\n</ng-template>\n", styles: [""], components: [{ type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showAggregated", "showDeleted"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesCompletenessComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -6132,7 +6140,7 @@
         return CyclesEmissionsComponent;
     }());
     CyclesEmissionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesEmissionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    CyclesEmissionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesEmissionsComponent, selector: "he-cycles-emissions", inputs: { originalValues: "originalValues", cycles: "cycles", dataState: "dataState", enableCompare: "enableCompare" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"emissions.length; else emptyTable\">\n  <div class=\"columns is-variable is-2 m-0\">\n    <div class=\"column is-hidden-mobile\"></div>\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Table view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"cycles.length > 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.chart\" (click)=\"selectedView = View.chart\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Chart view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"!isOriginal && cycles.length === 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"selectedView = View.logs\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Recalculations logs</span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n    <div class=\"has-text-right mb-2\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n\n    <div class=\"table-container data-table-container mb-1\">\n      <table class=\"table is-narrow data-table has-children-{{emissions.length}}\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th></th>\n            <th *ngFor=\"let emission of emissions\"\n              [attr.title]=\"emission.value.term.name\"\n            >\n              <he-node-link [node]=\"emission.value.term\">\n                <span>{{emission.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th>\n              <a [href]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n            </th>\n            <th *ngFor=\"let emission of emissions\"\n              [attr.title]=\"emission.value.term.units\"\n            >{{emission.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let cycle of cycles; trackBy: trackById; let i = index\">\n            <td class=\"width-auto\" [attr.title]=\"cycle.name\" [style.border-left-color]=\"itemColor(i)\">\n              <label *ngIf=\"enableCompare\" class=\"is-inline-block checkbox\">\n                <input type=\"checkbox\" class=\"selector\"\n                  (change)=\"toggleCycle(cycle)\"\n                  [checked]=\"isSelected(cycle)\"\n                >\n              </label>\n              <he-node-link [node]=\"cycle\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{cycle.name || cycle.id}}</span>\n              </he-node-link>\n            </td>\n            <td>\n              <he-cycles-functional-unit-measure [cycle]=\"cycles[0]\"></he-cycles-functional-unit-measure>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let emission of emissions\">\n              <span *ngIf=\"emission.value.values[cycle['@id']]; else emptyValue\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: emission.value.values[cycle['@id']], cycle: cycle, key: 'emissions' })\"\n              >\n                <span pointer>{{propertyValue(emission.value.values[cycle['@id']].value) | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"emission.value.values[cycle['@id']].nodes[0]\"\n                  key=\"value\"\n                ></he-blank-node-state>\n              </span>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\" [showDeleted]=\"true\"></he-blank-node-state-notice>\n\n    <he-cycles-suggest-form *ngIf=\"enableCompare\" [cycles]=\"cycles\" (cycleAdded)=\"addCycle($event)\"></he-cycles-suggest-form>\n  </div>\n\n  <he-cycles-emissions-chart *ngIf=\"cycles.length > 1\" [class.is-hidden]=\"selectedView !== View.chart\"\n    [cycles]=\"selectedCycles\"\n  ></he-cycles-emissions-chart>\n\n  <he-cycles-emissions-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n    [cycle]=\"cycles[0]\"\n    [originalValues]=\"originalValues[0]?.emissions\"\n    [recalculatedValues]=\"cycles[0]?.emissions\"\n  ></he-cycles-emissions-logs>\n</ng-container>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"cycles\" filename=\"cycle-emissions.csv\" [isUpload]=\"false\"\n  [headerKeys]=\"['cycle.id', 'cycle.@id', 'cycle.emissions.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p><b>{{node.name}}</b></p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n", styles: ["label.checkbox{width:20px}td he-node-link{width:160px}table.data-table td:first-child{border-left-width:8px}fa-icon{display:inline-block;width:10px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { type: CyclesSuggestFormComponent, selector: "he-cycles-suggest-form", inputs: ["cycles"], outputs: ["cycleAdded"] }, { type: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: ["cycles"] }, { type: CyclesEmissionsLogsComponent, selector: "he-cycles-emissions-logs", inputs: ["cycle", "originalValues", "recalculatedValues"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
+    CyclesEmissionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesEmissionsComponent, selector: "he-cycles-emissions", inputs: { originalValues: "originalValues", cycles: "cycles", dataState: "dataState", enableCompare: "enableCompare" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"emissions.length; else emptyTable\">\n  <div class=\"columns is-variable is-2 m-0\">\n    <div class=\"column is-hidden-mobile\"></div>\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Table view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"cycles.length > 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.chart\" (click)=\"selectedView = View.chart\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Chart view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"!isOriginal && cycles.length === 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"selectedView = View.logs\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Recalculations logs</span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n    <div class=\"has-text-right mb-2\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n\n    <div class=\"table-container data-table-container mb-1\">\n      <table class=\"table is-narrow data-table has-children-{{emissions.length}}\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th></th>\n            <th *ngFor=\"let emission of emissions\"\n              [attr.title]=\"emission.value.term.name\"\n            >\n              <he-node-link [node]=\"emission.value.term\">\n                <span>{{emission.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th>\n              <a [href]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n            </th>\n            <th *ngFor=\"let emission of emissions\"\n              [attr.title]=\"emission.value.term.units\"\n            >{{emission.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let cycle of cycles; trackBy: trackById; let i = index\">\n            <td class=\"width-auto\" [attr.title]=\"cycle.name\" [style.border-left-color]=\"itemColor(i)\">\n              <label *ngIf=\"enableCompare\" class=\"is-inline-block checkbox\">\n                <input type=\"checkbox\" class=\"selector\"\n                  (change)=\"toggleCycle(cycle)\"\n                  [checked]=\"isSelected(cycle)\"\n                >\n              </label>\n              <he-node-link [node]=\"cycle\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{cycle.name || cycle.id}}</span>\n              </he-node-link>\n            </td>\n            <td>\n              <he-cycles-functional-unit-measure [cycle]=\"cycles[0]\"></he-cycles-functional-unit-measure>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let emission of emissions\">\n              <span *ngIf=\"emission.value.values[cycle['@id']]; else emptyValue\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: emission.value.values[cycle['@id']], cycle: cycle, key: 'emissions' })\"\n              >\n                <span pointer>{{propertyValue(emission.value.values[cycle['@id']].value) | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"emission.value.values[cycle['@id']].nodes[0]\"\n                  key=\"value\"\n                ></he-blank-node-state>\n              </span>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\" [showDeleted]=\"true\"></he-blank-node-state-notice>\n\n    <he-cycles-suggest-form *ngIf=\"enableCompare\" [cycles]=\"cycles\" (cycleAdded)=\"addCycle($event)\"></he-cycles-suggest-form>\n  </div>\n\n  <he-cycles-emissions-chart *ngIf=\"cycles.length > 1\" [class.is-hidden]=\"selectedView !== View.chart\"\n    [cycles]=\"selectedCycles\"\n  ></he-cycles-emissions-chart>\n\n  <he-cycles-emissions-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n    [cycle]=\"cycles[0]\"\n    [originalValues]=\"originalValues[0]?.emissions\"\n    [recalculatedValues]=\"cycles[0]?.emissions\"\n  ></he-cycles-emissions-logs>\n</ng-container>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"cycles\" filename=\"cycle-emissions.csv\" [isUpload]=\"false\"\n  [headerKeys]=\"['cycle.id', 'cycle.@id', 'cycle.emissions.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p><b>{{node.name}}</b></p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n", styles: ["label.checkbox{width:20px}td he-node-link{width:160px}table.data-table td:first-child{border-left-width:8px}fa-icon{display:inline-block;width:10px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showAggregated", "showDeleted"] }, { type: CyclesSuggestFormComponent, selector: "he-cycles-suggest-form", inputs: ["cycles"], outputs: ["cycleAdded"] }, { type: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: ["cycles"] }, { type: CyclesEmissionsLogsComponent, selector: "he-cycles-emissions-logs", inputs: ["cycle", "originalValues", "recalculatedValues"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesEmissionsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -6288,7 +6296,7 @@
         return CyclesPracticesComponent;
     }());
     CyclesPracticesComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesPracticesComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    CyclesPracticesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesPracticesComponent, selector: "he-cycles-practices", inputs: { originalValues: "originalValues", cycles: "cycles", dataState: "dataState", enableCompare: "enableCompare" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"practices.length; else emptyTable\">\n  <div class=\"columns is-variable is-2 m-0\">\n    <div class=\"column is-hidden-mobile\"></div>\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Table view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"!isOriginal && cycles.length === 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"selectedView = View.logs\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Recalculations logs</span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n    <div class=\"has-text-right mb-2\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n\n    <div class=\"table-container data-table-container mb-1\">\n      <table class=\"table is-narrow data-table has-children-{{practices.length}}\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th></th>\n            <th *ngFor=\"let practice of practices\"\n              [attr.title]=\"practice.value.term.name\"\n            >\n              <he-node-link [node]=\"practice.value.term\">\n                <span>{{practice.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th>\n              <a [href]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n            </th>\n            <th *ngFor=\"let practice of practices\"\n              [attr.title]=\"practice.value.term.units\"\n            >{{practice.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let cycle of cycles; trackBy: trackById; let i = index\">\n            <td class=\"width-auto\" [attr.title]=\"cycle.name\" [style.border-left-color]=\"itemColor(i)\">\n              <label *ngIf=\"enableCompare\" class=\"is-inline-block checkbox\">\n                <input type=\"checkbox\" class=\"selector\"\n                  (change)=\"toggleCycle(cycle)\"\n                  [checked]=\"isSelected(cycle)\"\n                >\n              </label>\n              <he-node-link [node]=\"cycle\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{cycle.name || cycle.id}}</span>\n              </he-node-link>\n            </td>\n            <td>\n              <he-cycles-functional-unit-measure [cycle]=\"cycles[0]\"></he-cycles-functional-unit-measure>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let practice of practices\">\n              <span *ngIf=\"practice.value.values[cycle['@id']]; else emptyValue\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: practice.value.values[cycle['@id']], cycle: cycle, key: 'practices' })\"\n              >\n                <span pointer>{{propertyValue(practice.value.values[cycle['@id']].value) | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"practice.value.values[cycle['@id']].nodes[0]\"\n                  key=\"value\"\n                ></he-blank-node-state>\n              </span>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\" [showDeleted]=\"true\"></he-blank-node-state-notice>\n\n    <he-cycles-suggest-form *ngIf=\"enableCompare\" [cycles]=\"cycles\" (cycleAdded)=\"addCycle($event)\"></he-cycles-suggest-form>\n  </div>\n\n  <he-cycles-practices-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n    [cycle]=\"cycles[0]\"\n    [originalValues]=\"originalValues[0]?.practices\"\n    [recalculatedValues]=\"cycles[0]?.practices\"\n  ></he-cycles-practices-logs>\n</ng-container>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"cycles\" filename=\"cycle-practices.csv\" [isUpload]=\"false\"\n  [headerKeys]=\"['cycle.id', 'cycle.@id', 'cycle.practices.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p><b>{{node.name}}</b></p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n", styles: [""], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { type: CyclesSuggestFormComponent, selector: "he-cycles-suggest-form", inputs: ["cycles"], outputs: ["cycleAdded"] }, { type: CyclesPracticesLogsComponent, selector: "he-cycles-practices-logs", inputs: ["cycle", "originalValues", "recalculatedValues"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
+    CyclesPracticesComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CyclesPracticesComponent, selector: "he-cycles-practices", inputs: { originalValues: "originalValues", cycles: "cycles", dataState: "dataState", enableCompare: "enableCompare" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"practices.length; else emptyTable\">\n  <div class=\"columns is-variable is-2 m-0\">\n    <div class=\"column is-hidden-mobile\"></div>\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Table view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"!isOriginal && cycles.length === 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"selectedView = View.logs\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Recalculations logs</span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n    <div class=\"has-text-right mb-2\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n\n    <div class=\"table-container data-table-container mb-1\">\n      <table class=\"table is-narrow data-table has-children-{{practices.length}}\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th></th>\n            <th *ngFor=\"let practice of practices\"\n              [attr.title]=\"practice.value.term.name\"\n            >\n              <he-node-link [node]=\"practice.value.term\">\n                <span>{{practice.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th>\n              <a [href]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n            </th>\n            <th *ngFor=\"let practice of practices\"\n              [attr.title]=\"practice.value.term.units\"\n            >{{practice.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let cycle of cycles; trackBy: trackById; let i = index\">\n            <td class=\"width-auto\" [attr.title]=\"cycle.name\" [style.border-left-color]=\"itemColor(i)\">\n              <label *ngIf=\"enableCompare\" class=\"is-inline-block checkbox\">\n                <input type=\"checkbox\" class=\"selector\"\n                  (change)=\"toggleCycle(cycle)\"\n                  [checked]=\"isSelected(cycle)\"\n                >\n              </label>\n              <he-node-link [node]=\"cycle\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{cycle.name || cycle.id}}</span>\n              </he-node-link>\n            </td>\n            <td>\n              <he-cycles-functional-unit-measure [cycle]=\"cycles[0]\"></he-cycles-functional-unit-measure>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let practice of practices\">\n              <span *ngIf=\"practice.value.values[cycle['@id']]; else emptyValue\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: practice.value.values[cycle['@id']], cycle: cycle, key: 'practices' })\"\n              >\n                <span pointer>{{propertyValue(practice.value.values[cycle['@id']].value) | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"practice.value.values[cycle['@id']].nodes[0]\"\n                  key=\"value\"\n                ></he-blank-node-state>\n              </span>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\" [showDeleted]=\"true\"></he-blank-node-state-notice>\n\n    <he-cycles-suggest-form *ngIf=\"enableCompare\" [cycles]=\"cycles\" (cycleAdded)=\"addCycle($event)\"></he-cycles-suggest-form>\n  </div>\n\n  <he-cycles-practices-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n    [cycle]=\"cycles[0]\"\n    [originalValues]=\"originalValues[0]?.practices\"\n    [recalculatedValues]=\"cycles[0]?.practices\"\n  ></he-cycles-practices-logs>\n</ng-container>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"cycles\" filename=\"cycle-practices.csv\" [isUpload]=\"false\"\n  [headerKeys]=\"['cycle.id', 'cycle.@id', 'cycle.practices.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p><b>{{node.name}}</b></p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n", styles: [""], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showAggregated", "showDeleted"] }, { type: CyclesSuggestFormComponent, selector: "he-cycles-suggest-form", inputs: ["cycles"], outputs: ["cycleAdded"] }, { type: CyclesPracticesLogsComponent, selector: "he-cycles-practices-logs", inputs: ["cycle", "originalValues", "recalculatedValues"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CyclesPracticesComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -7714,7 +7722,7 @@
         return SitesMeasurementsComponent;
     }());
     SitesMeasurementsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SitesMeasurementsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SitesMeasurementsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMeasurementsComponent, selector: "he-sites-measurements", inputs: { originalValues: "originalValues", sites: "sites", dataState: "dataState" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"measurements.length; else emptyTable\">\n  <div class=\"columns is-variable is-2 m-0\">\n    <div class=\"column is-hidden-mobile\"></div>\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Table view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"!isOriginal && sites.length === 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"selectedView = View.logs\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Recalculations logs</span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n    <div class=\"has-text-right mb-2\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n\n    <div class=\"table-container data-table-container mb-1\">\n      <table class=\"table is-narrow data-table has-children-{{measurements.length}}\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th *ngFor=\"let measurement of measurements\"\n              [attr.title]=\"measurement.value.term.name\"\n            >\n              <he-node-link [node]=\"measurement.value.term\">\n                <span>{{measurement.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th *ngFor=\"let measurement of measurements\"\n              [attr.title]=\"measurement.value.term.units\"\n            >{{measurement.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let site of sites; trackBy: trackById; let i = index\">\n            <td class=\"width-auto\" [attr.title]=\"defaultLabel(site)\">\n              <he-node-link [node]=\"site\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{defaultLabel(site)}}</span>\n              </he-node-link>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let measurement of measurements\">\n              <span *ngIf=\"measurement.value.values[site['@id']]\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: measurement.value.values[site['@id']], site: site, key: 'measurements' })\"\n              >\n                <span pointer>{{measurementValue(measurement.value.values[site['@id']]) | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"measurement.value.values[site['@id']].nodes[0]\"\n                  key=\"value\"\n                ></he-blank-node-state>\n              </span>\n              <span *ngIf=\"!measurement.value.values[site['@id']]\">\n                <span>-</span>\n                <sup class=\"pl-1\" *ngIf=\"siteTooBig(site)\">(1)</sup>\n              </span>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\"></he-blank-node-state-notice>\n\n    <p class=\"is-size-7 is-italic\" *ngIf=\"showAreaTooBig\">\n      (1) This region is >{{maxAreaSize}}km2 and is too large to reliably gap fill Measurements.\n    </p>\n  </div>\n\n  <he-sites-measurements-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n    [site]=\"sites[0]\"\n    [originalValues]=\"originalValues[0].measurements\"\n    [recalculatedValues]=\"sites[0].measurements\"\n  ></he-sites-measurements-logs>\n</ng-container>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"sites\" filename=\"site-measurements.csv\" [isUpload]=\"false\"\n  [headerKeys]=\"['site.id', 'site.@id', 'site.measurements.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\" let-key=\"key\">\n  <p><b>{{node.name}}</b></p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { type: SitesMeasurementsLogsComponent, selector: "he-sites-measurements-logs", inputs: ["site", "originalValues", "recalculatedValues"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
+    SitesMeasurementsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SitesMeasurementsComponent, selector: "he-sites-measurements", inputs: { originalValues: "originalValues", sites: "sites", dataState: "dataState" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"measurements.length; else emptyTable\">\n  <div class=\"columns is-variable is-2 m-0\">\n    <div class=\"column is-hidden-mobile\"></div>\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Table view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"!isOriginal && sites.length === 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"selectedView = View.logs\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Recalculations logs</span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n    <div class=\"has-text-right mb-2\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n\n    <div class=\"table-container data-table-container mb-1\">\n      <table class=\"table is-narrow data-table has-children-{{measurements.length}}\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th *ngFor=\"let measurement of measurements\"\n              [attr.title]=\"measurement.value.term.name\"\n            >\n              <he-node-link [node]=\"measurement.value.term\">\n                <span>{{measurement.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\"></th>\n            <th *ngFor=\"let measurement of measurements\"\n              [attr.title]=\"measurement.value.term.units\"\n            >{{measurement.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let site of sites; trackBy: trackById; let i = index\">\n            <td class=\"width-auto\" [attr.title]=\"defaultLabel(site)\">\n              <he-node-link [node]=\"site\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{defaultLabel(site)}}</span>\n              </he-node-link>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let measurement of measurements\">\n              <span *ngIf=\"measurement.value.values[site['@id']]\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: measurement.value.values[site['@id']], site: site, key: 'measurements' })\"\n              >\n                <span pointer>{{measurementValue(measurement.value.values[site['@id']]) | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"measurement.value.values[site['@id']].nodes[0]\"\n                  key=\"value\"\n                ></he-blank-node-state>\n              </span>\n              <span *ngIf=\"!measurement.value.values[site['@id']]\">\n                <span>-</span>\n                <sup class=\"pl-1\" *ngIf=\"siteTooBig(site)\">(1)</sup>\n              </span>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\"></he-blank-node-state-notice>\n\n    <p class=\"is-size-7 is-italic\" *ngIf=\"showAreaTooBig\">\n      (1) This region is >{{maxAreaSize}}km2 and is too large to reliably gap fill Measurements.\n    </p>\n  </div>\n\n  <he-sites-measurements-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n    [site]=\"sites[0]\"\n    [originalValues]=\"originalValues[0].measurements\"\n    [recalculatedValues]=\"sites[0].measurements\"\n  ></he-sites-measurements-logs>\n</ng-container>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"sites\" filename=\"site-measurements.csv\" [isUpload]=\"false\"\n  [headerKeys]=\"['site.id', 'site.@id', 'site.measurements.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\" let-key=\"key\">\n  <p><b>{{node.name}}</b></p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showAggregated", "showDeleted"] }, { type: SitesMeasurementsLogsComponent, selector: "he-sites-measurements-logs", inputs: ["site", "originalValues", "recalculatedValues"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SitesMeasurementsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -8954,7 +8962,7 @@
         return ImpactAssessmentsProductsComponent;
     }());
     ImpactAssessmentsProductsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsProductsComponent, deps: [{ token: i1__namespace$4.FormBuilder }, { token: HeNodeService }, { token: HeSearchService }, { token: HeToastService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ImpactAssessmentsProductsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ImpactAssessmentsProductsComponent, selector: "he-impact-assessments-products", inputs: { cycles: "cycles", impactAssessments: "impactAssessments", key: "key", dataState: "dataState", enableCompare: "enableCompare", filterTermTypes: "filterTermTypes", enableFilterMethodModel: "enableFilterMethodModel" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"indicators.length; else emptyTable\">\n  <div class=\"columns is-variable is-2 m-0\">\n    <div class=\"column is-hidden-mobile\"></div>\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Table view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"impactAssessments.length > 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.chart\" (click)=\"selectedView = View.chart\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Chart view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"enableBreakdown\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.breakdown\" (click)=\"selectedView = View.breakdown\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Breakdown view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"!isOriginal && impactAssessments.length === 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"showRecalculationLogs()\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Recalculations logs</span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n    <div class=\"has-text-right mb-2\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n\n    <div class=\"table-container data-table-container mb-1\" *bindOnce=\"indicators\">\n      <table class=\"table is-narrow data-table has-children-{{indicators.length + 1}}\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\">\n              <div class=\"select is-small\" *ngIf=\"enableFilterMethodModel\">\n                <select name=\"selectedMethodModel\"\n                  (change)=\"updateImpacts()\" [(ngModel)]=\"selectedMethodModel\"\n                >\n                  <option [ngValue]=\"undefined\">Filter Model</option>\n                  <option *ngFor=\"let term of methodModels\" [ngValue]=\"term\">{{term.name}}</option>\n                </select>\n              </div>\n            </th>\n            <th></th>\n            <th *ngFor=\"let indicator of indicators\"\n              [attr.title]=\"indicator.value.term.name\"\n            >\n              <he-node-link [node]=\"indicator.value.term\">\n                <span>{{indicator.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\">\n              <a [href]=\"baseUrl + '/schema/ImpactAssessment#functionalUnit'\" target=\"_blank\">Functional unit:</a>\n              <span class=\"pl-1\">1 kg</span>\n            </th>\n            <th>Product</th>\n            <th *ngFor=\"let indicator of indicators\"\n              [attr.title]=\"indicator.value.term.units\"\n            >{{indicator.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let impactAssessment of impactAssessments; trackBy: trackById; let i = index\">\n            <td class=\"width-auto\" [attr.title]=\"impactName(impactAssessment)\" [style.border-left-color]=\"itemColor(i)\">\n              <label *ngIf=\"enableCompare\" class=\"is-inline-block checkbox\">\n                <input type=\"checkbox\" class=\"selector\"\n                  (change)=\"toggleImpact(impactAssessment)\"\n                  [checked]=\"isSelected(impactAssessment)\"\n                >\n              </label>\n              <he-node-link class=\"is-inline-block\" [node]=\"impactAssessment\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{impactName(impactAssessment)}}</span>\n              </he-node-link>\n            </td>\n            <td [attr.title]=\"impactAssessment.product?.name\">\n              <he-node-link *ngIf=\"impactAssessment.product\" [node]=\"impactAssessment.product\">\n                <span>{{impactAssessment.product.name | ellipsis:30}}</span>\n              </he-node-link>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let indicator of indicators\">\n              <span *ngIf=\"indicator.value.values[impactAssessment['@id']]; else emptyValue\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: indicator.value.values[impactAssessment['@id']], impactAssessment: impactAssessment, key: key })\"\n              >\n                <span pointer>{{propertyValue(indicator.value.values[impactAssessment['@id']].value, key === 'impacts') | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"indicator.value.values[impactAssessment['@id']].nodes[0]\"\n                  key=\"value\"\n                  [state]=\"impactAssessment.aggregated ? 'aggregated' : null\"\n                ></he-blank-node-state>\n              </span>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\"></he-blank-node-state-notice>\n\n    <form *ngIf=\"enableCompare\" class=\"mt-2\" [formGroup]=\"form\" (submit)=\"form.valid && addImpact()\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <span class=\"button is-small is-static\">Compare with Aggregated Impact Assessment</span>\n        </div>\n        <div class=\"control is-expanded\" [class.has-icons-right]=\"suggesting || loading\">\n          <input class=\"input is-small\"\n            placeholder=\"Search by name or id\"\n            formControlName=\"search\" name=\"search\"\n\n            [ngbTypeahead]=\"suggestImpactAssessment\"\n            [inputFormatter]=\"formatter\"\n            [resultTemplate]=\"suggestion\"\n            [focusFirst]=\"true\"\n          >\n          <span class=\"icon is-small is-right has-text-grey-dark\" [class.is-hidden]=\"!(suggesting || loading)\">\n            <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"sm\"></fa-icon>\n          </span>\n        </div>\n        <div class=\"control\">\n          <button class=\"button is-small\" type=\"submit\" [disabled]=\"suggesting || loading\">\n            <fa-icon icon=\"plus\"></fa-icon>\n          </button>\n        </div>\n      </div>\n    </form>\n  </div>\n\n  <he-impact-assessments-indicator-breakdown-chart *ngIf=\"selectedView === View.breakdown\"\n    [impactAssessment]=\"impactAssessments[0]\"\n    [indicators]=\"impactAssessments[0][key]\"\n  ></he-impact-assessments-indicator-breakdown-chart>\n\n  <he-impact-assessments-indicators-chart *ngIf=\"impactAssessments.length > 1\" [class.is-hidden]=\"selectedView !== View.chart\"\n    [key]=\"key\"\n    [impactAssessments]=\"selectedImpactAssessments\"\n    [filterTermTypes]=\"filterTermTypes\"\n  ></he-impact-assessments-indicators-chart>\n\n  <he-impact-assessments-products-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n    [key]=\"key\"\n    [impactAssessment]=\"impactAssessments[0]\"\n    [filterTermTypes]=\"filterTermTypes\"\n    [originalValues]=\"originalValues[0][key]\"\n    [recalculatedValues]=\"impactAssessments[0][key]\"\n  ></he-impact-assessments-products-logs>\n</ng-container>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"impactAssessments\" [filename]=\"'impact-' + key + '.csv'\" [isUpload]=\"false\"\n  [headerKeys]=\"['impactAssessment.id', 'impactAssessment.@id', 'impactAssessment.' + key + '.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"impactAssessment\" let-data=\"data\" let-key=\"key\">\n  <p *bindOnce=\"node\">\n    <b>\n      <span *ngIf=\"data.cycle\">{{cycleLabel(node.cycle)}}</span>\n      <span *ngIf=\"!data.cycle\">{{data.name}}</span>\n    </b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n\n<ng-template #suggestion let-impact=\"result\" let-t=\"term\">\n  <div class=\"is-block\">\n    <ngb-highlight [result]=\"impact.name || impact.cycle.name\" [term]=\"t\"></ngb-highlight>\n  </div>\n  <div class=\"columns is-flex\">\n    <div class=\"column\" *ngIf=\"impact.country\">\n      <span class=\"pr-1 has-text-underline\">Country:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.country.name\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.product\">\n      <span class=\"pr-1 has-text-underline\">Product:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.product.name\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.endDate\">\n      <span class=\"pr-1 has-text-underline\">Date:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.endDate\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n  </div>\n</ng-template>\n", styles: ["label.checkbox{width:20px}td he-node-link{width:160px}table.data-table td:first-child{border-left-width:8px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { type: ImpactAssessmentsIndicatorBreakdownChartComponent, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: ["impactAssessment", "indicators"] }, { type: ImpactAssessmentsIndicatorsChartComponent, selector: "he-impact-assessments-indicators-chart", inputs: ["impactAssessments", "key", "filterTermTypes"] }, { type: ImpactAssessmentsProductsLogsComponent, selector: "he-impact-assessments-products-logs", inputs: ["impactAssessment", "key", "filterTermTypes", "originalValues", "recalculatedValues"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }, { type: i10__namespace.NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i1__namespace$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { type: i1__namespace$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10__namespace.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1__namespace$4.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
+    ImpactAssessmentsProductsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ImpactAssessmentsProductsComponent, selector: "he-impact-assessments-products", inputs: { cycles: "cycles", impactAssessments: "impactAssessments", key: "key", dataState: "dataState", enableCompare: "enableCompare", filterTermTypes: "filterTermTypes", enableFilterMethodModel: "enableFilterMethodModel" }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container *ngIf=\"indicators.length; else emptyTable\">\n  <div class=\"columns is-variable is-2 m-0\">\n    <div class=\"column is-hidden-mobile\"></div>\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.table\" (click)=\"selectedView = View.table\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Table view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"impactAssessments.length > 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.chart\" (click)=\"selectedView = View.chart\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Chart view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"enableBreakdown\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.breakdown\" (click)=\"selectedView = View.breakdown\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Breakdown view</span>\n          </button>\n        </div>\n        <div class=\"control\" *ngIf=\"!isOriginal && impactAssessments.length === 1\">\n          <button class=\"button is-small\" [class.is-active]=\"selectedView === View.logs\" (click)=\"showRecalculationLogs()\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n            </span>\n            <span>Recalculations logs</span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n    <div class=\"has-text-right mb-2\">\n      <button class=\"button is-dark is-outlined is-small\" (click)=\"showDownload = true\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download (CSV)</span>\n      </button>\n    </div>\n\n    <div class=\"table-container data-table-container mb-1\" *bindOnce=\"indicators\">\n      <table class=\"table is-narrow data-table has-children-{{indicators.length + 1}}\">\n        <thead>\n          <tr>\n            <th class=\"width-auto\">\n              <div class=\"select is-small\" *ngIf=\"enableFilterMethodModel\">\n                <select name=\"selectedMethodModel\"\n                  (change)=\"updateImpacts()\" [(ngModel)]=\"selectedMethodModel\"\n                >\n                  <option [ngValue]=\"undefined\">Filter Model</option>\n                  <option *ngFor=\"let term of methodModels\" [ngValue]=\"term\">{{term.name}}</option>\n                </select>\n              </div>\n            </th>\n            <th></th>\n            <th *ngFor=\"let indicator of indicators\"\n              [attr.title]=\"indicator.value.term.name\"\n            >\n              <he-node-link [node]=\"indicator.value.term\">\n                <span>{{indicator.value.term.name | ellipsis:30}}</span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr>\n            <th class=\"width-auto\">\n              <a [href]=\"baseUrl + '/schema/ImpactAssessment#functionalUnit'\" target=\"_blank\">Functional unit:</a>\n              <span class=\"pl-1\">1 kg</span>\n            </th>\n            <th>Product</th>\n            <th *ngFor=\"let indicator of indicators\"\n              [attr.title]=\"indicator.value.term.units\"\n            >{{indicator.value.term.units}}</th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let impactAssessment of impactAssessments; trackBy: trackById; let i = index\">\n            <td class=\"width-auto\" [attr.title]=\"impactName(impactAssessment)\" [style.border-left-color]=\"itemColor(i)\">\n              <label *ngIf=\"enableCompare\" class=\"is-inline-block checkbox\">\n                <input type=\"checkbox\" class=\"selector\"\n                  (change)=\"toggleImpact(impactAssessment)\"\n                  [checked]=\"isSelected(impactAssessment)\"\n                >\n              </label>\n              <he-node-link class=\"is-inline-block\" [node]=\"impactAssessment\">\n                <span class=\"is-nowrap has-text-ellipsis\">{{i + 1}}. {{impactName(impactAssessment)}}</span>\n              </he-node-link>\n            </td>\n            <td [attr.title]=\"impactAssessment.product?.name\">\n              <he-node-link *ngIf=\"impactAssessment.product\" [node]=\"impactAssessment.product\">\n                <span>{{impactAssessment.product.name | ellipsis:30}}</span>\n              </he-node-link>\n            </td>\n            <td class=\"is-nowrap\" *ngFor=\"let indicator of indicators\">\n              <span *ngIf=\"indicator.value.values[impactAssessment['@id']]; else emptyValue\"\n                class=\"trigger-popover\"\n                [ngbPopover]=\"details\" [autoClose]=\"'outside'\"\n                triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n                (click)=\"togglePopover(p, { data: indicator.value.values[impactAssessment['@id']], impactAssessment: impactAssessment, key: key })\"\n              >\n                <span pointer>{{propertyValue(indicator.value.values[impactAssessment['@id']].value, key === 'impacts') | precision:3 | default:'-'}}</span>\n                <he-blank-node-state class=\"ml-1\"\n                  [node]=\"indicator.value.values[impactAssessment['@id']].nodes[0]\"\n                  key=\"value\"\n                  [state]=\"impactAssessment.aggregated ? 'aggregated' : null\"\n                ></he-blank-node-state>\n              </span>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <he-blank-node-state-notice [dataState]=\"dataState\"></he-blank-node-state-notice>\n\n    <form *ngIf=\"enableCompare\" class=\"mt-2\" [formGroup]=\"form\" (submit)=\"form.valid && addImpact()\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <span class=\"button is-small is-static\">Compare with Aggregated Impact Assessment</span>\n        </div>\n        <div class=\"control is-expanded\" [class.has-icons-right]=\"suggesting || loading\">\n          <input class=\"input is-small\"\n            placeholder=\"Search by name or id\"\n            formControlName=\"search\" name=\"search\"\n\n            [ngbTypeahead]=\"suggestImpactAssessment\"\n            [inputFormatter]=\"formatter\"\n            [resultTemplate]=\"suggestion\"\n            [focusFirst]=\"true\"\n          >\n          <span class=\"icon is-small is-right has-text-grey-dark\" [class.is-hidden]=\"!(suggesting || loading)\">\n            <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"sm\"></fa-icon>\n          </span>\n        </div>\n        <div class=\"control\">\n          <button class=\"button is-small\" type=\"submit\" [disabled]=\"suggesting || loading\">\n            <fa-icon icon=\"plus\"></fa-icon>\n          </button>\n        </div>\n      </div>\n    </form>\n  </div>\n\n  <he-impact-assessments-indicator-breakdown-chart *ngIf=\"selectedView === View.breakdown\"\n    [impactAssessment]=\"impactAssessments[0]\"\n    [indicators]=\"impactAssessments[0][key]\"\n  ></he-impact-assessments-indicator-breakdown-chart>\n\n  <he-impact-assessments-indicators-chart *ngIf=\"impactAssessments.length > 1\" [class.is-hidden]=\"selectedView !== View.chart\"\n    [key]=\"key\"\n    [impactAssessments]=\"selectedImpactAssessments\"\n    [filterTermTypes]=\"filterTermTypes\"\n  ></he-impact-assessments-indicators-chart>\n\n  <he-impact-assessments-products-logs *ngIf=\"selectedView === View.logs && !isOriginal\"\n    [key]=\"key\"\n    [impactAssessment]=\"impactAssessments[0]\"\n    [filterTermTypes]=\"filterTermTypes\"\n    [originalValues]=\"originalValues[0][key]\"\n    [recalculatedValues]=\"impactAssessments[0][key]\"\n  ></he-impact-assessments-products-logs>\n</ng-container>\n\n<he-node-csv-export-confirm *ngIf=\"showDownload\"\n  [nodes]=\"impactAssessments\" [filename]=\"'impact-' + key + '.csv'\" [isUpload]=\"false\"\n  [headerKeys]=\"['impactAssessment.id', 'impactAssessment.@id', 'impactAssessment.' + key + '.']\"\n  (closed)=\"showDownload = false\"\n></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"panel-block\">\n    <span>No data</span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"impactAssessment\" let-data=\"data\" let-key=\"key\">\n  <p *bindOnce=\"node\">\n    <b>\n      <span *ngIf=\"data.cycle\">{{cycleLabel(node.cycle)}}</span>\n      <span *ngIf=\"!data.cycle\">{{data.name}}</span>\n    </b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\" [nodeType]=\"node['@type']\" [dataKey]=\"key\"\n  ></he-node-value-details>\n</ng-template>\n\n<ng-template #suggestion let-impact=\"result\" let-t=\"term\">\n  <div class=\"is-block\">\n    <ngb-highlight [result]=\"impact.name || impact.cycle.name\" [term]=\"t\"></ngb-highlight>\n  </div>\n  <div class=\"columns is-flex\">\n    <div class=\"column\" *ngIf=\"impact.country\">\n      <span class=\"pr-1 has-text-underline\">Country:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.country.name\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.product\">\n      <span class=\"pr-1 has-text-underline\">Product:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.product.name\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.endDate\">\n      <span class=\"pr-1 has-text-underline\">Date:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.endDate\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n  </div>\n</ng-template>\n", styles: ["label.checkbox{width:20px}td he-node-link{width:160px}table.data-table td:first-child{border-left-width:8px}\n"], components: [{ type: i1__namespace.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }, { type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showAggregated", "showDeleted"] }, { type: ImpactAssessmentsIndicatorBreakdownChartComponent, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: ["impactAssessment", "indicators"] }, { type: ImpactAssessmentsIndicatorsChartComponent, selector: "he-impact-assessments-indicators-chart", inputs: ["impactAssessments", "key", "filterTermTypes"] }, { type: ImpactAssessmentsProductsLogsComponent, selector: "he-impact-assessments-products-logs", inputs: ["impactAssessment", "key", "filterTermTypes", "originalValues", "recalculatedValues"] }, { type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey"] }, { type: i10__namespace.NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i1__namespace$4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1__namespace$4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i6__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disablePopover", "popoverClass", "openDelay", "closeDelay", "ngbPopover", "popoverTitle"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { type: i1__namespace$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i10__namespace.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1__namespace$4.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], pipes: { "ellipsis": EllipsisPipe, "default": DefaultPipe, "precision": PrecisionPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsProductsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -9183,7 +9191,6 @@
     exports.findProperty = findProperty;
     exports.findPropertyById = findPropertyById;
     exports.formatCustomErrorMessage = formatCustomErrorMessage;
-    exports.formatDiffValues = formatDiffValues;
     exports.formatError = formatError;
     exports.formatLinkNodesSuggestions = formatLinkNodesSuggestions;
     exports.formatPropertyError = formatPropertyError;