@hestia-earth/ui-components 0.2.4 → 0.2.7

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

@@ -1928,9 +1928,20 @@
                     args: ['window:resize', []]
                 }] } });
 
+    var valueLink = function (value) { return schema.isExpandable(value) && value['@id'] ? [baseUrl(), value['@type'].toLowerCase(), value['@id']].join('/') : null; };
+    var valueLinkRef = function (value, href) { return href ? "<a href=\"" + href + "\">" + (value.name || value['@id']) + "</a>" : null; };
     var stringMapper = {
         undefined: function () { return ''; },
-        object: function (value) { return Array.isArray(value) ? value.map(toString).join(', ') : (value instanceof Date ? value.toJSON() : (schema.isExpandable(value) ? value.name || value['@id'] : JSON.stringify(value, null, 2))); }
+        blankNode: function (value) { return 'term' in value
+            ? "" + valueLinkRef(value.term, valueLink(value.term)) + ('value' in value ? ": " + value.value : '')
+            : valueLinkRef(value, valueLink(value)) || value.name || value['@id']; },
+        object: function (value) { return Array.isArray(value)
+            ? value.map(toString).join(', ')
+            : value instanceof Date
+                ? value.toJSON()
+                : schema.isExpandable(value)
+                    ? stringMapper.blankNode(value)
+                    : JSON.stringify(value, null, 2); }
     };
     var toString = function (value) { return typeof value in stringMapper ? stringMapper[typeof value](value) : value.toString(); };
     var LinkKeyValueComponent = /** @class */ (function () {
@@ -1961,9 +1972,7 @@
         });
         Object.defineProperty(LinkKeyValueComponent.prototype, "valueLink", {
             get: function () {
-                return schema.isExpandable(this.value) && this.value['@id'] ?
-                    [baseUrl(), this.value['@type'].toLowerCase(), this.value['@id']].join('/') :
-                    null;
+                return valueLink(this.value);
             },
             enumerable: false,
             configurable: true
@@ -1985,7 +1994,7 @@
         return LinkKeyValueComponent;
     }());
     LinkKeyValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LinkKeyValueComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    LinkKeyValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LinkKeyValueComponent, selector: "he-link-key-value", inputs: { node: "node", nodeType: "nodeType", dataKey: "dataKey", key: "key" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!isUndefined\">\n  <ng-container *bindOnce=\"node\">\n    <a [href]=\"baseUrl + '/schema/' + type + '#' + key\" target=\"_blank\"><b>{{key}}</b></a>\n    <span class=\"pr-2\">:</span>\n    <a class=\"pr-1\" [href]=\"valueLink\" *ngIf=\"valueLink; else showString\">{{valueString}}</a>\n    <he-blank-node-state\n      [node]=\"node\" [nodeType]=\"nodeType\" [dataKey]=\"dataKey\" [key]=\"key\"\n    ></he-blank-node-state>\n  </ng-container>\n</ng-container>\n\n<ng-template #showString>\n  <ng-container *ngIf=\"isArray\">\n    <div class=\"array-container\">\n      <p *ngFor=\"let v of value\">{{toString(v) | precision:3}}</p>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"!isArray\">\n    <span class=\"pr-1\">{{valueString | precision:3}}</span>\n  </ng-container>\n</ng-template>\n", styles: [":host{display:block}.array-container{max-height:100px;overflow-y:auto}\n"], components: [{ type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "precision": PrecisionPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    LinkKeyValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LinkKeyValueComponent, selector: "he-link-key-value", inputs: { node: "node", nodeType: "nodeType", dataKey: "dataKey", key: "key" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"!isUndefined\">\n  <ng-container *bindOnce=\"node\">\n    <a [href]=\"baseUrl + '/schema/' + type + '#' + key\" target=\"_blank\"><b>{{key}}</b></a>\n    <span class=\"pr-2\">:</span>\n\n    <ng-container *ngIf=\"isArray; else singleValue\">\n      <div class=\"array-container pl-2\">\n        <p *ngFor=\"let v of value\" [innerHtml]=\"toString(v) | precision:3\"></p>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #singleValue>\n  <div class=\"is-inline-block pr-1\" [innerHtml]=\"valueString | precision:3\"></div>\n\n  <he-blank-node-state\n    [node]=\"node\" [nodeType]=\"nodeType\" [dataKey]=\"dataKey\" [key]=\"key\"\n  ></he-blank-node-state>\n</ng-template>\n", styles: [":host{display:block}.array-container{max-height:100px;overflow-y:auto}\n"], components: [{ type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["nodeType", "dataKey", "key", "node", "state"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "precision": PrecisionPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LinkKeyValueComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5494,6 +5503,13 @@
             .filter(function (v) { return v !== null; });
         return propertyValues.length ? propertyValues.reduce(function (p, v) { return p + v; }, 0) : undefined;
     };
+    var isRunOrchestrator = function (log) { return !('shouldRunOrchestrator' in log) || log.shouldRunOrchestrator; };
+    var hasLog = function (log, withOrchestrator) {
+        if (withOrchestrator === void 0) { withOrchestrator = true; }
+        return !!log && ('shouldRun' in log ||
+            'runRequired' in log ||
+            (withOrchestrator && 'shouldRunOrchestrator' in log));
+    };
     var isRecalculated = function (values, key) {
         if (key === void 0) { key = 'value'; }
         return values.some(function (v) { return (__spreadArray(__spreadArray([], __read((v.added || []))), __read((v.updated || [])))).includes(key); });
@@ -5527,18 +5543,26 @@
     var logSubValue = function (logs, key, prop) { return logs[key][prop] ? (Array.isArray(logs[key][prop]) ?
         logs[key][prop].map(function (id) { return ({ key: prop, id: id }); }) :
         { key: prop, id: logs[key][prop] }) : undefined; };
-    var logSubValues = function (logs, original, recalculated) { return Object.keys(logs)
-        .flatMap(function (key) { return [
+    var logProperties = function (nodes, models) { return nodes.flatMap(function (node) { return (node.properties || []).map(function (_c) {
+        var term = _c.term;
+        return term['@id'];
+    }); }).map(function (id) { return ({ key: 'property', id: id, configModels: findModels(models, id).map(function (_c) {
+            var model = _c.model;
+            return model;
+        }) }); }); };
+    var logSubValues = function (logs, original, recalculated, models) { return utils.unique(__spreadArray(__spreadArray(__spreadArray([], __read(Object.keys(logs).flatMap(function (key) { return [
         logSubValue(logs, key, 'input'),
         logSubValue(logs, key, 'property')
     ]
         .flat()
         .filter(Boolean)
+        .map(function (v) { return (Object.assign(Object.assign({}, v), { configModels: [key] })); }); }))), __read(logProperties(original, models))), __read(logProperties(recalculated, models))))
         .map(function (v) {
         var originalValue = blankNodeValue(original, v.key, v.id);
         var recalculatedValue = blankNodeValue(recalculated, v.key, v.id);
-        return Object.assign(Object.assign({}, v), { configModels: [key], originalValue: originalValue, recalculatedValue: recalculatedValue, isRecalculated: !utils.isUndefined(recalculatedValue) && recalculatedValue !== originalValue });
-    }); }); };
+        return Object.assign(Object.assign({}, v), { configModels: v.configModels, originalValue: originalValue, recalculatedValue: recalculatedValue, isRecalculated: !utils.isUndefined(recalculatedValue) && recalculatedValue !== originalValue });
+    })
+        .filter(function (v) { return v.configModels.length > 0; }); };
     var logKeys = function (logs, original, recalculated) { return Object.keys(logs)
         .filter(function (key) { return logs[key].isKey; })
         .map(function (key) { return ({
@@ -5633,6 +5657,7 @@
             this.terms = [];
             this.baseUrl = baseUrl();
             this.isExternal = isExternal();
+            this.hasLog = hasLog;
             this.loading = true;
             this.blankNodes = [];
             this.methodModelsCount = 0;
@@ -5704,13 +5729,16 @@
                                 var original = originalValues.filter(function (v) { return termId === v.term['@id']; });
                                 var recalculated = recalculatedValues.filter(function (v) { return termId === v.term['@id']; });
                                 var hasData = !!original.length || !!recalculated.length || Object.keys(termLogs).length > 0;
-                                var configModels = utils.unique(__spreadArray(__spreadArray([], __read(findConfigModels(_this.config, termId, _this.nodeKey, allModels).map(function (_c) {
+                                var configModels = utils.unique(__spreadArray(__spreadArray([], __read(Object.keys(termLogs).filter(function (key) { return isModelLog(termLogs[key]); }))), __read(findConfigModels(_this.config, termId, _this.nodeKey, allModels).map(function (_c) {
                                     var model = _c.model;
                                     return model;
-                                }))), __read(Object.keys(termLogs).filter(function (key) { return isModelLog(termLogs[key]); }))));
+                                }))));
                                 var keys = logKeys(termLogs, original, recalculated);
-                                var subValues = logSubValues(termLogs, original, recalculated);
-                                var isRequired = !Object.values(termLogs).some(function (logs) { return logs.runRequired === false; });
+                                var subValues = logSubValues(termLogs, original, recalculated, allModels);
+                                var isRequired = !Object.values(termLogs)
+                                    // ignore models that were never going to run
+                                    .filter(isRunOrchestrator)
+                                    .every(function (logs) { return logs.runRequired === false; });
                                 return {
                                     isOpen: true,
                                     canOpen: keys.length > 0 || subValues.length > 0,
@@ -5779,16 +5807,18 @@
             setTimeout(function () {
                 _this.blankNodes = _this.allBlankNodes.filter(function (_c) {
                     var hasData = _c.hasData, isRequired = _c.isRequired, name = _c.term.name;
-                    return (!_this.onlyWithData || (hasData && isRequired)) &&
-                        (!_this.term || name === _this.term);
+                    return _this.term
+                        ? name.toLowerCase().includes(_this.term.toLowerCase())
+                        : !_this.onlyWithData || !_this.filteredType || (hasData && isRequired);
                 });
             });
         };
         /** Logs **/
         NodeLogsModelsComponent.prototype.getSubvalueLogs = function (node, _c) {
-            var id = _c.id;
+            var id = _c.id, key = _c.key;
             // try to get a more precise logs, defaults to id otherwise
-            return get$3(this.logs, [id, node.termId].join('.'), get$3(this.logs, id, {}));
+            return get$3(this.logs, [id, node.termId].join('.'), key === 'property' ? {} : get$3(this.logs, id, {}) // property needs to be mapped to the exact node to work
+            );
         };
         NodeLogsModelsComponent.prototype.getLogs = function (node, methodId, subValue) {
             var logs = (subValue === null || subValue === void 0 ? void 0 : subValue.key) ? this.getSubvalueLogs(node, subValue) : node.logs || {};
@@ -5797,9 +5827,6 @@
         NodeLogsModelsComponent.prototype.isBackground = function (log) {
             return (log === null || log === void 0 ? void 0 : log.methodTier) === schema.EmissionMethodTier.background;
         };
-        NodeLogsModelsComponent.prototype.isRunOrchestrator = function (log) {
-            return !('shouldRunOrchestrator' in log) || log.shouldRunOrchestrator;
-        };
         NodeLogsModelsComponent.prototype.isUserProvided = function (node, methodId, subValue) {
             var log = this.getLogs(node, methodId, subValue);
             return [
@@ -5810,13 +5837,6 @@
                 this.hasLog(log, false) // skip if contains logs other than orchestrator
             ].every(function (v) { return !v; });
         };
-        NodeLogsModelsComponent.prototype.validSubValue = function (node, index, subValue) {
-            var methodId = this.getMethodIdAt(node, index, subValue);
-            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.id) || (
-            // subValue can be an array
-            Array.isArray(log) ? log.includes(subValue === null || subValue === void 0 ? void 0 : subValue.id) : log === (subValue === null || subValue === void 0 ? void 0 : subValue.id));
-        };
         NodeLogsModelsComponent.prototype.getMethodIdAt = function (node, index, subValue) {
             var configModels = (subValue || node).configModels;
             return configModels[index];
@@ -5829,12 +5849,6 @@
                 (log === null || log === void 0 ? void 0 : log.model) ||
                 (methodId ? methodIdLabel(methodId) : '');
         };
-        NodeLogsModelsComponent.prototype.hasLog = function (log, withOrchestrator) {
-            if (withOrchestrator === void 0) { withOrchestrator = true; }
-            return !!log && ('shouldRun' in log ||
-                'runRequired' in log ||
-                (withOrchestrator && 'shouldRunOrchestrator' in log));
-        };
         NodeLogsModelsComponent.prototype.hasLogDetails = function (node, methodId, subValue) {
             var _a;
             var log = this.getLogs(node, methodId, subValue);
@@ -5847,17 +5861,16 @@
             var log = this.getLogs(node, methodId, subValue);
             return this.isUserProvided(node, methodId, subValue)
                 ? LogStatus.dataProvided
-                : (this.hasLog(log)
-                    ? (this.isRunOrchestrator(log)
-                        ? (!node.isRequired
-                            ? LogStatus.notRequired
-                            : 'shouldRun' in log
-                                ? log.shouldRun
-                                    ? LogStatus.success
-                                    : LogStatus.error
-                                : LogStatus.dataProvided) : (node.isRecalculated
-                        ? LogStatus.skipHierarchy
-                        : LogStatus.dataProvided))
+                : (hasLog(log)
+                    ? (!node.isRequired
+                        ? LogStatus.notRequired
+                        : isRunOrchestrator(log)
+                            ? ('shouldRun' in log
+                                ? log.shouldRun ? LogStatus.success : LogStatus.error
+                                : LogStatus.dataProvided)
+                            : node.isRecalculated
+                                ? LogStatus.skipHierarchy
+                                : LogStatus.dataProvided)
                     : LogStatus.skipHierarchy);
         };
         NodeLogsModelsComponent.prototype.requirementKeys = function (requirements) {
@@ -5869,7 +5882,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", includeAllModels: "includeAllModels", 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  <he-data-table class=\"mb-1 is-small\" [small]=\"true\" [nbRows]=\"rowsCount\" maxHeight=\"320\">\n    <table class=\"table is-narrow is-striped\">\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 class=\"has-border-right\">Units</th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th>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 class=\"has-text-centered\" colspan=\"6\">\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        <tr *ngIf=\"!loading && blankNodes.length === 0\">\n          <td class=\"has-text-centered\" colspan=\"6\">\n            <span>No data</span>\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 class=\"has-border-right\">\n              <span>{{blankNode.term?.units}}</span>\n            </td>\n            <td>\n              <span>{{blankNode.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                {{blankNode.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td class=\"is-nowrap\">\n              <he-blank-node-value-delta *ngIf=\"blankNode.original.length && blankNode.isRecalculated; else noValue\"\n                [value]=\"blankNode.recalculatedValue\"\n                [originalValue]=\"blankNode.originalValue\"\n              ></he-blank-node-value-delta>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode}\"></ng-container>\n          </tr>\n\n          <ng-container *ngIf=\"blankNode.keys?.length\">\n            <tr\n              *ngFor=\"let subValue of blankNode.keys\"\n              [class.is-hidden]=\"!blankNode.isOpen\"\n              [class.has-sub-rows]=\"blankNode.subValues?.length\"\n            >\n              <td class=\"width-auto has-text-left\">\n                <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n\n                <a class=\"is-inline-block\" *ngIf=\"blankNode.type\"\n                  [href]=\"baseUrl + '/schema/' + blankNode.type + '#' + subValue.key\" target=\"_blank\" [title]=\"subValue.key\"\n                >\n                  <span class=\"is-nowrap has-text-ellipsis\">{{subValue.key}}</span>\n                </a>\n                <span class=\"is-inline-block is-align-top\" *ngIf=\"!blankNode.type\">{{subValue.key}}</span>\n              </td>\n              <td class=\"has-border-right\"></td>\n              <td>\n                <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n              </td>\n              <td>\n                <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                  {{subValue.recalculatedValue | precision:3 | default:'-'}}\n                </span>\n              </td>\n              <td>-</td>\n              <td class=\"blank-node-index-key\">\n                <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:subValue.key, logs:getLogs(blankNode, subValue.key)}\"></ng-container>\n              </td>\n              <td *ngIf=\"methodModelsCount > 1\" [attr.colspan]=\"methodModelsCount - 1\"></td>\n            </tr>\n          </ng-container>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n          >\n            <td class=\"width-auto has-text-left\">\n              <span class=\"is-inline-block is-align-top pl-3\">{{subValue.key | keyToLabel}}</span>\n\n              <ng-container *ngIf=\"subValue.id\">\n                <span class=\"is-inline-block\" class=\"is-inline-block is-align-top pr-1\">:</span>\n\n                <ng-container [ngSwitch]=\"subValue.key\">\n                  <span class=\"is-inline-block\" *ngSwitchCase=\"'backgroundData'\">{{subValue.id | keyToLabel}}</span>\n                  <he-node-link *ngSwitchDefault class=\"is-block pl-4\" [node]=\"{'@type':'Term','@id':subValue.id}\" [attr.title]=\"subValue.id | keyToLabel\">\n                    <span class=\"is-nowrap has-text-ellipsis\">{{subValue.id | keyToLabel}}</span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td class=\"has-border-right\"></td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                {{subValue.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td>-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode, subValue: subValue}\"></ng-container>\n          </tr>\n        </ng-container>\n      </tbody>\n    </table>\n  </he-data-table>\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        <p>\n          <a class=\"is-inline-block pr-2\"\n            (click)=\"showLegend = !showLegend\"\n          >\n            <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!showLegend\"></fa-icon>\n            <fa-icon icon=\"angle-right\" [class.is-hidden]=\"showLegend\"></fa-icon>\n          </a>\n          <span class=\"is-inline-block\">Legend:</span>\n        </p>\n        <ul class=\"content pl-2\" [class.is-hidden]=\"!showLegend\">\n          <li\n            class=\"has-text-{{logColor[status.value]}}\"\n            *ngFor=\"let status of LogStatus | keys\"\n          >\n            <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n            <span class=\"pl-1\">{{status.value}}</span>\n          </li>\n        </ul>\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 relevant {{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); else noValue\">\n      <ng-container *ngIf=\"getMethodIdAt(blankNode, i, subValue); let methodId; else noValue\">\n        <ng-template #modelSerie>\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:methodId, subValue:subValue, logs:getLogs(blankNode, methodId, subValue)}\"></ng-container>\n        </ng-template>\n        <div *ngIf=\"methodId | isArray; else modelSerie\">\n          <p *ngFor=\"let value of methodId\">\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:value, subValue:subValue, logs:getLogs(blankNode, methodId, subValue)}\"></ng-container>\n          </p>\n        </div>\n      </ng-container>\n    </ng-container>\n  </td>\n</ng-template>\n\n<ng-template #blankNodeModel let-blankNode=\"blankNode\" let-methodId=\"methodId\" let-subValue=\"subValue\" let-logs=\"logs\">\n  <span\n    [class.trigger-popover]=\"hasLogDetails(blankNode, methodId, subValue)\"\n    [ngbPopover]=\"logDetails\" [autoClose]=\"'outside'\"\n    triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n    (click)=\"hasLogDetails(blankNode, methodId, subValue) ? togglePopover(p, { logs }) : null\"\n  >\n    <span class=\"is-capitalized\">{{methodName(blankNode, methodId, subValue)}}</span>\n    <span class=\"pl-1\" *ngIf=\"hasLog(logs) && logs?.methodTier\">[{{logs.methodTier}}]</span>\n    <span class=\"pl-1 has-text-{{logColor[logStatus(blankNode, methodId, subValue)]}}\">\n      <fa-icon [icon]=\"logIcon[logStatus(blankNode, methodId, subValue)]\"></fa-icon>\n    </span>\n  </span>\n</ng-template>\n\n<ng-template #noValue>-</ng-template>\n\n<ng-template #notRecalculated>not recalculated</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <ng-container *ngIf=\"logs.requirements\">\n    <p class=\"is-requirement\" *ngFor=\"let key of requirementKeys(logs.requirements)\">\n      {{key}}: {{logs.requirements[key]}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"logs.logs\">\n    <p class=\"is-log\" *ngFor=\"let key of logs.logs | keys\">\n      {{key.key}}: {{key.value}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"logs.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 logs.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}::ng-deep tr.has-sub-rows td{border-bottom-style:dotted}::ng-deep td he-node-link{width:190px}::ng-deep 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: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "nbRows", "small", "height", "width"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.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: i11__namespace.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i11__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, "keys": KeysPipe, "pluralize": PluralizePipe, "isArray": IsArrayPipe } });
+    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", includeAllModels: "includeAllModels", 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  <he-data-table class=\"mb-1 is-small\" [small]=\"true\" [nbRows]=\"rowsCount\" maxHeight=\"320\">\n    <table class=\"table is-narrow is-striped\">\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                  [ngbTypeahead]=\"suggestTerm\"\n                  [focusFirst]=\"false\"\n                  (change)=\"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 class=\"has-border-right\">Units</th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th>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 class=\"has-text-centered\" colspan=\"6\">\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        <tr *ngIf=\"!loading && blankNodes.length === 0\">\n          <td class=\"has-text-centered\" colspan=\"6\">\n            <span>No data</span>\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 class=\"has-border-right\">\n              <span>{{blankNode.term?.units}}</span>\n            </td>\n            <td>\n              <span>{{blankNode.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                {{blankNode.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td class=\"is-nowrap\">\n              <he-blank-node-value-delta *ngIf=\"blankNode.original.length && blankNode.isRecalculated; else noValue\"\n                [value]=\"blankNode.recalculatedValue\"\n                [originalValue]=\"blankNode.originalValue\"\n              ></he-blank-node-value-delta>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode}\"></ng-container>\n          </tr>\n\n          <ng-container *ngIf=\"blankNode.keys?.length\">\n            <tr\n              *ngFor=\"let subValue of blankNode.keys\"\n              [class.is-hidden]=\"!blankNode.isOpen\"\n              [class.has-sub-rows]=\"blankNode.subValues?.length\"\n            >\n              <td class=\"width-auto has-text-left\">\n                <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n\n                <a class=\"is-inline-block\" *ngIf=\"blankNode.type\"\n                  [href]=\"baseUrl + '/schema/' + blankNode.type + '#' + subValue.key\" target=\"_blank\" [title]=\"subValue.key\"\n                >\n                  <span class=\"is-nowrap has-text-ellipsis\">{{subValue.key}}</span>\n                </a>\n                <span class=\"is-inline-block is-align-top\" *ngIf=\"!blankNode.type\">{{subValue.key}}</span>\n              </td>\n              <td class=\"has-border-right\"></td>\n              <td>\n                <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n              </td>\n              <td>\n                <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                  {{subValue.recalculatedValue | precision:3 | default:'-'}}\n                </span>\n              </td>\n              <td>-</td>\n              <td class=\"blank-node-index-key\">\n                <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:subValue.key, logs:getLogs(blankNode, subValue.key)}\"></ng-container>\n              </td>\n              <td *ngIf=\"methodModelsCount > 1\" [attr.colspan]=\"methodModelsCount - 1\"></td>\n            </tr>\n          </ng-container>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n          >\n            <td class=\"width-auto has-text-left\">\n              <span class=\"is-inline-block is-align-top pl-3\">{{subValue.key | keyToLabel}}</span>\n\n              <ng-container *ngIf=\"subValue.id\">\n                <span class=\"is-inline-block\" class=\"is-inline-block is-align-top pr-1\">:</span>\n\n                <ng-container [ngSwitch]=\"subValue.key\">\n                  <span class=\"is-inline-block\" *ngSwitchCase=\"'backgroundData'\">{{subValue.id | keyToLabel}}</span>\n                  <he-node-link *ngSwitchDefault class=\"is-block pl-4\" [node]=\"{'@type':'Term','@id':subValue.id}\" [attr.title]=\"subValue.id | keyToLabel\">\n                    <span class=\"is-nowrap has-text-ellipsis\">{{subValue.id | keyToLabel}}</span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td class=\"has-border-right\"></td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">{{subValue.originalValue | precision:3 | default:'-'}}</span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                {{subValue.recalculatedValue | precision:3 | default:'-'}}\n              </span>\n            </td>\n            <td>-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: {blankNode: blankNode, subValue: subValue}\"></ng-container>\n          </tr>\n        </ng-container>\n      </tbody>\n    </table>\n  </he-data-table>\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        <p>\n          <a class=\"is-inline-block pr-2\"\n            (click)=\"showLegend = !showLegend\"\n          >\n            <fa-icon icon=\"angle-down\" [class.is-hidden]=\"!showLegend\"></fa-icon>\n            <fa-icon icon=\"angle-right\" [class.is-hidden]=\"showLegend\"></fa-icon>\n          </a>\n          <span class=\"is-inline-block\">Legend:</span>\n        </p>\n        <ul class=\"content pl-2\" [class.is-hidden]=\"!showLegend\">\n          <li\n            class=\"has-text-{{logColor[status.value]}}\"\n            *ngFor=\"let status of LogStatus | keys\"\n          >\n            <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n            <span class=\"pl-1\">{{status.value}}</span>\n          </li>\n        </ul>\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            [disabled]=\"!!term\"\n          >\n          <span class=\"ml-2\">Show only relevant {{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=\"getMethodIdAt(blankNode, i, subValue); let methodId; else noValue\">\n      <ng-template #modelSerie>\n        <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:methodId, subValue:subValue, logs:getLogs(blankNode, methodId, subValue)}\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"methodId | isArray; else modelSerie\">\n        <p *ngFor=\"let value of methodId\">\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: {blankNode:blankNode, methodId:value, subValue:subValue, logs:getLogs(blankNode, methodId, subValue)}\"></ng-container>\n        </p>\n      </div>\n    </ng-container>\n  </td>\n</ng-template>\n\n<ng-template #blankNodeModel let-blankNode=\"blankNode\" let-methodId=\"methodId\" let-subValue=\"subValue\" let-logs=\"logs\">\n  <span\n    [class.trigger-popover]=\"hasLogDetails(blankNode, methodId, subValue)\"\n    [ngbPopover]=\"logDetails\" [autoClose]=\"'outside'\"\n    triggers=\"manual\" #p=\"ngbPopover\" placement=\"left\" container=\"body\"\n    (click)=\"hasLogDetails(blankNode, methodId, subValue) ? togglePopover(p, { logs }) : null\"\n  >\n    <span class=\"is-capitalized\">{{methodName(blankNode, methodId, subValue)}}</span>\n    <span class=\"pl-1\" *ngIf=\"hasLog(logs) && logs?.methodTier\">[{{logs.methodTier}}]</span>\n    <span class=\"pl-1 has-text-{{logColor[logStatus(blankNode, methodId, subValue)]}}\">\n      <fa-icon [icon]=\"logIcon[logStatus(blankNode, methodId, subValue)]\"></fa-icon>\n    </span>\n  </span>\n</ng-template>\n\n<ng-template #noValue>-</ng-template>\n\n<ng-template #notRecalculated>not recalculated</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <ng-container *ngIf=\"logs.requirements\">\n    <p class=\"is-requirement\" *ngFor=\"let key of requirementKeys(logs.requirements)\">\n      {{key}}: {{logs.requirements[key]}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"logs.logs\">\n    <p class=\"is-log\" *ngFor=\"let key of logs.logs | keys\">\n      {{key.key}}: {{key.value}}\n    </p>\n  </ng-container>\n  <ng-container *ngIf=\"logs.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 logs.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}::ng-deep tr.has-sub-rows td{border-bottom-style:dotted}::ng-deep td he-node-link{width:190px}::ng-deep 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: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "nbRows", "small", "height", "width"] }, { type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink"] }, { type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.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: i11__namespace.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "placement", "container", "editable", "focusFirst", "showHint", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i11__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, "keys": KeysPipe, "pluralize": PluralizePipe, "isArray": IsArrayPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: NodeLogsModelsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5940,7 +5953,7 @@
         'methodModelDescription', 'description',
         'primary', 'emissionDuration', 'observations', 'statsDefinition',
         'term', 'source', 'variety', 'reliability', 'price', 'currency', 'cost', 'revenue', 'economicValueShare',
-        'impactAssessment'
+        'impactAssessment', 'properties'
     ];
     var tableKeys = [
         'inputs', 'transformation', 'value', 'dates', 'methodModel', 'methodTier', 'statsDefinition'
@@ -7244,7 +7257,8 @@
         },
         _g['the measurement provided might be in error'] = function (_g, errorCount) {
             var params = _g.params;
-            return "The expected value for " + code(params === null || params === void 0 ? void 0 : params.term.name) + " from the data provided in the upload is " + (errorCount === 1 ?
+            var _a;
+            return "The expected value for " + code(params === null || params === void 0 ? void 0 : params.term.name) + "\n    " + (((_a = params === null || params === void 0 ? void 0 : params.model) === null || _a === void 0 ? void 0 : _a.name) ? "using " + modelLink(params === null || params === void 0 ? void 0 : params.term, params === null || params === void 0 ? void 0 : params.model) + " " : '') + "\n    from the data provided in the upload is " + (errorCount === 1 ?
                 code(utils.toPrecision(params === null || params === void 0 ? void 0 : params.expected, 3)) + ", but the value in the upload is " + code(utils.toPrecision(params === null || params === void 0 ? void 0 : params.current, 3)) + ".\n        " + ((params === null || params === void 0 ? void 0 : params.threshold) ? "Our threshold is \u00B1" + threshold(params === null || params === void 0 ? void 0 : params.threshold) + "." : '') :
                 "not consistent with the model result.");
         },
@@ -7255,15 +7269,15 @@
             var params = _g.params;
             var _a, _b;
             return (errorCount === 1 ?
-                'You have stated some Emissions were created by some Inputs.' :
-                "You have stated that " + code((_a = params === null || params === void 0 ? void 0 : params.term) === null || _a === void 0 ? void 0 : _a.name) + " was created by the following Inputs " + ((_b = params === null || params === void 0 ? void 0 : params.expected) === null || _b === void 0 ? void 0 : _b.map(function (e) { return code(e.name); }).join(' , '))) + ".\n    However, these Inputs do not exist in the Cycle.\n    Please add these Inputs, even if you do not have a value for them.";
+                "You have stated that " + code((_a = params === null || params === void 0 ? void 0 : params.term) === null || _a === void 0 ? void 0 : _a.name) + " was created by the following Inputs " + ((_b = params === null || params === void 0 ? void 0 : params.expected) === null || _b === void 0 ? void 0 : _b.map(function (e) { return code(e.name); }).join(' , ')) :
+                'You have stated some Emissions were created by some Inputs') + ".\n    However, these Inputs do not exist in the Cycle.\n    Please add these Inputs, even if you do not have a value for them.";
         },
         _g['must add the linked transformations to the cycle'] = function (_g, errorCount) {
             var level = _g.level, params = _g.params;
             var _a, _b;
             return (errorCount === 1 ?
-                'You have stated some Emissions were created by some Transformations.' :
-                "You have specified that" + code((_a = params === null || params === void 0 ? void 0 : params.term) === null || _a === void 0 ? void 0 : _a.name) + " was created during a Transformation with the Term name " + code((_b = params === null || params === void 0 ? void 0 : params.expected) === null || _b === void 0 ? void 0 : _b.name) + ".") + ".\n    However, we cannot find a Transformation within the Cycle with this Term name.\n    " + (level === 'error' ?
+                "You have specified that" + code((_a = params === null || params === void 0 ? void 0 : params.term) === null || _a === void 0 ? void 0 : _a.name) + " was created during a Transformation with the Term name " + code((_b = params === null || params === void 0 ? void 0 : params.expected) === null || _b === void 0 ? void 0 : _b.name) :
+                'You have stated some Emissions were created by some Transformations') + ".\n    However, we cannot find a Transformation within the Cycle with this Term name.\n    " + (level === 'error' ?
                 'Please check the Terms used in the Emissions and/or the Transformations.' :
                 'You may want to add this Transformation.');
         },
@@ -7322,6 +7336,12 @@
             return "We recommend adding a Source to all data items.\n    This can be done by adding the " + code(params === null || params === void 0 ? void 0 : params.current) + " field.\n    Sources can also be specified for each data item (i.e., each Input, Emission, Product, Practice, Measurement, or Infrastructure).";
         },
         _g['cover crop cycle contains non cover crop product'] = function () { return "You have specified that this crop is a cover crop using a Practice.\n    A cover crop is defined as \"a crop which is left in the field without any fraction harvested by the end of the Cycle\".\n    The Products of this Cycle are incompatible with this crop being a cover crop.\n    Please check the Products or the Practices."; },
+        _g['should be included in the cycle products'] = function (_g, errorCount) {
+            var params = _g.params;
+            return (errorCount === 1 ?
+                "The Product " + code(params.product.name) + " does not exist in the Cycle with id " + code(params.node.id) :
+                'The ImpactAssessment Product does not exist in the linked Cycle') + ".\n    Please add the Product in the Cycle or remove the link with the Cycle.";
+        },
         _g);
     var formatCustomErrorMessage = function (message, error, errorCount) {
         if (errorCount === void 0) { errorCount = 1; }
@@ -7609,6 +7629,7 @@
             propertyValueType(Object.assign(Object.assign({}, schema), { type: [schema.items.type] })) :
             schema.type) : typeof value); };
     var propertyTypeParseValue = {
+        undefined: function () { return undefined; },
         object: function (val) { return safeJSONParse(val); },
         array: function (val, schema) {
             var items = schema.items;
@@ -9046,7 +9067,7 @@
     var parseLog = function (data) { return ({
         modelId: data.model,
         impactTermId: data['key/term'] || data.term || data.indicator,
-        emissionsResourceUseTermId: data.node,
+        blankNodeTermId: data.node,
         coefficient: +data.coefficient,
         value: +data.value * +data.coefficient
     }); };
@@ -9068,10 +9089,10 @@
     ], __read(logs
         .sort(function (a, b) { return a.impactTermId.localeCompare(b.impactTermId); })
         .flatMap(function (_d) {
-        var impactTermId = _d.impactTermId, impactTermUnits = _d.impactTermUnits, modelId = _d.modelId, emissionsResourceUseTermId = _d.emissionsResourceUseTermId, value = _d.value, inputs = _d.inputs;
+        var impactTermId = _d.impactTermId, impactTermUnits = _d.impactTermUnits, modelId = _d.modelId, blankNodeTermId = _d.blankNodeTermId, value = _d.value, inputs = _d.inputs;
         return __spreadArray([
-            [impactTermId, impactTermUnits, modelId, emissionsResourceUseTermId, value, '', '']
-        ], __read((inputs.map(function (v) { return [impactTermId, impactTermUnits, modelId, emissionsResourceUseTermId, '', v.name, v.value]; }))));
+            [impactTermId, impactTermUnits, modelId, blankNodeTermId, value, '', '']
+        ], __read((inputs.map(function (v) { return [impactTermId, impactTermUnits, modelId, blankNodeTermId, '', v.name, v.value]; }))));
     })
         .map(function (v) {
         var _a;
@@ -9090,19 +9111,25 @@
             this.indicators = [];
             this.loading = true;
             this.terms = [];
+            this.methods = [];
             this.noData = false;
         }
         ImpactAssessmentsIndicatorBreakdownChartComponent.prototype.ngOnInit = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var _d, results;
+                var impacts, _d, results;
                 var _this = this;
                 return __generator(this, function (_e) {
                     switch (_e.label) {
                         case 0:
-                            this.terms = this.indicators.map(function (_d) {
+                            this.terms = utils.unique(this.indicators.map(function (_d) {
                                 var term = _d.term;
                                 return term;
-                            });
+                            }).filter(Boolean));
+                            this.methods = utils.unique(this.indicators.map(function (_d) {
+                                var methodModel = _d.methodModel;
+                                return methodModel;
+                            }).filter(Boolean));
+                            impacts = __spreadArray(__spreadArray([], __read(this.impactAssessment.impacts || [])), __read(this.impactAssessment.endpoints || []));
                             _d = this;
                             return [4 /*yield*/, rxjs.of(Object.assign(Object.assign({}, this.impactAssessment), { dataState: api.DataState.recalculated })).pipe(operators.mergeMap(function (node) { return _this.nodeService.getLog(node); }), operators.map(function (value) { return value ? parseLines(value) : []; }), operators.mergeAll(), operators.filter(function (_d) {
                                     var data = _d.data;
@@ -9110,20 +9137,19 @@
                                 }), operators.map(function (_d) {
                                     var data = _d.data;
                                     return parseMessage(data.message);
-                                }), operators.filter(function (message) { return 'node' in message; }), operators.map(parseLog), operators.filter(function (log) { return !!log.impactTermId && !!log.emissionsResourceUseTermId && !isNaN(log.value) && log.value > 0; }), operators.groupBy(function (log) { return [log.impactTermId, log.emissionsResourceUseTermId].join('/'); }), operators.mergeMap(function (group) { return group.pipe(operators.toArray()); }), operators.map(function (values) {
-                                    var _a, _b;
+                                }), operators.filter(function (message) { return 'node' in message; }), operators.map(parseLog), operators.filter(function (log) { return !!log.impactTermId && !!log.blankNodeTermId && !isNaN(log.value) && log.value > 0; }), operators.groupBy(function (log) { return [log.impactTermId, log.blankNodeTermId, log.modelId].join('/'); }), operators.mergeMap(function (group) { return group.pipe(operators.toArray()); }), operators.map(function (values) {
+                                    var _a;
                                     var log = values[0];
                                     var total = values.reduce(function (prev, curr) { return prev + curr.value; }, 0);
-                                    var emissions = (_this.impactAssessment.emissionsResourceUse || [])
-                                        .filter(function (v) { return v.term['@id'] === log.emissionsResourceUseTermId; });
-                                    var inputs = emissions
+                                    var blankNodes = (__spreadArray(__spreadArray([], __read(_this.impactAssessment.emissionsResourceUse || [])), __read(_this.impactAssessment.impacts || [])))
+                                        .filter(function (v) { return v.term['@id'] === log.blankNodeTermId; });
+                                    var inputs = blankNodes
                                         .filter(function (v) { var _a; return (_a = v.inputs) === null || _a === void 0 ? void 0 : _a.length; })
                                         .map(function (v) { return ({ name: v.inputs.map(function (i) { return i['@id']; }).join(';'), value: v.value * log.coefficient }); });
                                     var inputsValue = inputs.reduce(function (prev, curr) { return prev + curr.value; }, 0);
-                                    var impacts = (_this.impactAssessment.impacts || [])
-                                        .filter(function (v) { return v.term['@id'] === log.impactTermId; });
+                                    var impact = impacts.find(function (v) { return v.term['@id'] === log.impactTermId; });
                                     // logs might exist but impact was not added => skip logs
-                                    return impacts.length ? Object.assign(Object.assign({}, log), { impactTermUnits: (_b = (_a = impacts === null || impacts === void 0 ? void 0 : impacts[0]) === null || _a === void 0 ? void 0 : _a.term) === null || _b === void 0 ? void 0 : _b.units, value: total, inputs: inputs, inputsValue: inputsValue }) : null;
+                                    return impact ? Object.assign(Object.assign({}, log), { impactTermUnits: (_a = impact.term) === null || _a === void 0 ? void 0 : _a.units, value: total, inputs: inputs, inputsValue: inputsValue }) : null;
                                 }), operators.filter(function (log) { return !!log; }), operators.toArray()).toPromise()];
                         case 1:
                             _d.logs = (_e.sent());
@@ -9164,16 +9190,16 @@
             var _a, _b, _c;
             var logs = this.logs
                 .filter(function (_d) {
-                var impactTermId = _d.impactTermId;
-                return impactTermId === _this.selectedTerm['@id'];
+                var impactTermId = _d.impactTermId, modelId = _d.modelId;
+                return impactTermId === _this.selectedTerm['@id'] && (!_this.selectedMethod || modelId === _this.selectedMethod['@id']);
             })
                 .sort(function (a, b) { return b.value - a.value; });
             this.noData = logs.length === 0;
             var total = logs.reduce(function (prev, curr) { return prev + curr.value; }, 0);
             var labels = logs.map(function (_d) {
-                var emissionsResourceUseTermId = _d.emissionsResourceUseTermId;
+                var blankNodeTermId = _d.blankNodeTermId;
                 var _a;
-                return ((_a = _this.emissions.find(function (v) { return v['@id'] === emissionsResourceUseTermId; })) === null || _a === void 0 ? void 0 : _a.name) || emissionsResourceUseTermId;
+                return ((_a = _this.emissions.find(function (v) { return v['@id'] === blankNodeTermId; })) === null || _a === void 0 ? void 0 : _a.name) || blankNodeTermId;
             });
             // display the breakdown by input
             // const inputs = logs.flatMap(v => v.inputs.map(i => i.name));
@@ -9256,7 +9282,7 @@
         return ImpactAssessmentsIndicatorBreakdownChartComponent;
     }());
     ImpactAssessmentsIndicatorBreakdownChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsIndicatorBreakdownChartComponent, deps: [{ token: i0__namespace.NgZone }, { token: i1__namespace$2.DomSanitizer }, { token: HeSearchService }, { token: HeNodeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ImpactAssessmentsIndicatorBreakdownChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ImpactAssessmentsIndicatorBreakdownChartComponent, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: { impactAssessment: "impactAssessment", indicators: "indicators" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chart"], descendants: true }], ngImport: i0__namespace, template: "<div class=\"p-3\" [class.is-hidden]=\"loading || !terms?.length\">\n  <div class=\"columns\">\n    <div class=\"column\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <span class=\"button is-small is-static\">Select an Indicator</span>\n        </div>\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth is-small\">\n            <select (change)=\"updateChart()\" [(ngModel)]=\"selectedTerm\" id=\"selectedTerm\">\n              <option *ngFor=\"let term of terms\" [ngValue]=\"term\">{{term.name}} ({{term.units}})</option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"column is-narrow\">\n      <a class=\"button is-dark is-outlined is-small\" [href]=\"csvContent\" [download]=\"id + '-logs.csv'\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download All (CSV)</span>\n      </a>\n    </div>\n  </div>\n\n  <div class=\"mt-1\">\n    <p *ngIf=\"noData\" class=\"has-text-centered\">No breakdown available for {{selectedTerm?.name}}.</p>\n    <div class=\"chart-container h-100\">\n      <canvas #chart></canvas>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"loading\">\n  <div class=\"has-text-center py-3\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n  </div>\n</ng-container>\n", styles: [":host{display:block;overflow:visible}.chart-container{height:400px;position:relative}\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"] }], directives: [{ type: i1__namespace$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    ImpactAssessmentsIndicatorBreakdownChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ImpactAssessmentsIndicatorBreakdownChartComponent, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: { impactAssessment: "impactAssessment", indicators: "indicators" }, viewQueries: [{ propertyName: "chartRef", first: true, predicate: ["chart"], descendants: true }], ngImport: i0__namespace, template: "<div class=\"p-3\" [class.is-hidden]=\"loading || !terms?.length\">\n  <div class=\"columns\">\n    <div class=\"column\">\n      <div class=\"field has-addons\">\n        <div class=\"control\">\n          <span class=\"button is-small is-static\">Select an Indicator</span>\n        </div>\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth is-small\">\n            <select (change)=\"updateChart()\" [(ngModel)]=\"selectedTerm\" id=\"selectedTerm\">\n              <option *ngFor=\"let term of terms\" [ngValue]=\"term\">{{term.name}} ({{term.units}})</option>\n            </select>\n          </div>\n        </div>\n        <div class=\"control is-expanded\" *ngIf=\"methods?.length\">\n          <div class=\"select is-fullwidth is-small\">\n            <select (change)=\"updateChart()\" [(ngModel)]=\"selectedMethod\" id=\"selectedMethod\">\n              <option [ngValue]=\"undefined\">Filter Model</option>\n              <option *ngFor=\"let term of methods\" [ngValue]=\"term\">{{term.name}}</option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"column is-narrow\">\n      <a class=\"button is-dark is-outlined is-small\" [href]=\"csvContent\" [download]=\"id + '-logs.csv'\">\n        <fa-icon icon=\"download\"></fa-icon>\n        <span class=\"pl-2\">Download All (CSV)</span>\n      </a>\n    </div>\n  </div>\n\n  <p class=\"is-size-7\" *ngIf=\"!selectedMethod\">\n    <i>Selecting a Model is recommended to avoid duplicated entries.</i>\n  </p>\n\n  <div class=\"mt-1\">\n    <p *ngIf=\"noData\" class=\"has-text-centered\">\n      <span>No breakdown available for {{selectedTerm?.name}}</span>\n      <span class=\"pl-1\" *ngIf=\"selectedMethod\">({{selectedMethod.name}})</span>\n      <span>.</span>\n    </p>\n    <div class=\"chart-container h-100\">\n      <canvas #chart></canvas>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"loading\">\n  <div class=\"has-text-center py-3\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n  </div>\n</ng-container>\n", styles: [":host{display:block;overflow:visible}.chart-container{height:400px;position:relative}\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"] }], directives: [{ type: i1__namespace$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i1__namespace$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImpactAssessmentsIndicatorBreakdownChartComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -9615,7 +9641,7 @@
         };
         Object.defineProperty(ImpactAssessmentsProductsComponent.prototype, "enableBreakdown", {
             get: function () {
-                return !this.isOriginal && this.impactAssessments.length === 1 && this.key === 'impacts';
+                return !this.isOriginal && this.impactAssessments.length === 1 && this.key !== 'emissionsResourceUse';
             },
             enumerable: false,
             configurable: true
@@ -9877,6 +9903,7 @@
     exports.filterError = filterError;
     exports.filterParams = filterParams;
     exports.findConfigModels = findConfigModels;
+    exports.findModels = findModels;
     exports.findProperty = findProperty;
     exports.findPropertyById = findPropertyById;
     exports.formatCustomErrorMessage = formatCustomErrorMessage;