@hestia-earth/ui-components 0.25.0 → 0.25.2

package/fesm2022/hestia-earth-ui-components.mjs

@@ -19,11 +19,11 @@ import { AngularSvgIconModule } from 'angular-svg-icon';
 import * as i2 from 'angular-svg-icon-preloader';
 import { AngularSvgIconPreloaderModule } from 'angular-svg-icon-preloader';
 import get from 'lodash.get';
-import { SchemaType, isExpandable, TermTermType, EmissionMethodTier, NodeType, productTermTermType, nestedSearchableKeys, SCHEMA_VERSION, sortKeysByType, isTypeNode, SiteSiteType, emissionTermTermType, measurementTermTermType, impactAssessmentTermTermType, CycleFunctionalUnit, isTypeValid, typeToSchemaType, UploadLimit } from '@hestia-earth/schema';
+import { SchemaType, isExpandable, TermTermType, EmissionMethodTier, NodeType, productTermTermType, nestedSearchableKeys, SCHEMA_VERSION, sortKeysByType, isTypeNode, emissionTermTermType, measurementTermTermType, impactAssessmentTermTermType, CycleFunctionalUnit, SiteSiteType, isTypeValid, typeToSchemaType, UploadLimit } from '@hestia-earth/schema';
 import * as i4$2 from 'rxjs';
 import { ReplaySubject, Subject, fromEvent, timer, of, zip, from, forkJoin, merge } from 'rxjs';
 import { BreakpointObserver } from '@angular/cdk/layout';
-import { map, distinctUntilChanged, tap, take, skipUntil, catchError, mergeAll, filter, toArray, mergeMap, shareReplay, delay, debounceTime, switchMap, first, reduce, groupBy, distinct, startWith } from 'rxjs/operators';
+import { map, distinctUntilChanged, tap, take, skipUntil, catchError, mergeAll, filter, toArray, mergeMap, shareReplay, delay, debounceTime, switchMap, first, reduce, distinct, groupBy, startWith } from 'rxjs/operators';
 import { toSignal, takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import * as i1$2 from '@angular/platform-browser';
 import { isUndefined, keyToLabel, toPrecision, isNumber, toComma, toDashCase, isBoolean, ConvertUnits, converters, convertValue, isEmpty, isEqual as isEqual$2, unique, diffInDays } from '@hestia-earth/utils';
@@ -6346,611 +6346,40 @@ const logValueArray = (value) => [';', ':'].some(v => value.includes(v))
     })
     : null;
 
-class HeNodeCsvService {
-    constructor(schemaService) {
-        this.schemaService = schemaService;
-    }
-    async csvToJson(content) {
-        return toJson(await this.schemaService.schemas(), content);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeNodeCsvService, deps: [{ token: HeSchemaService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeNodeCsvService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeNodeCsvService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: HeSchemaService }]; } });
-
-const defaultDataStates = [DataState.original, DataState.recalculated];
-const nodeTypeDataState = {
-    [NodeType.Cycle]: {
-        default: defaultDataStates,
-        aggregated: [DataState.original]
-    },
-    [NodeType.ImpactAssessment]: {
-        default: defaultDataStates,
-        aggregated: [DataState.recalculated]
-    },
-    [NodeType.Site]: {
-        default: defaultDataStates,
-        aggregated: [DataState.original]
-    }
-};
-const nodeTypeDataStates = (nodeType, aggregated = false) => {
-    const dataStatesMapping = nodeTypeDataState[nodeType] || {
-        default: [DataState.original],
-        aggregated: [DataState.original]
-    };
-    return aggregated ? dataStatesMapping.aggregated : dataStatesMapping.default;
-};
-const sortNodes = (values) => values?.length
-    ? orderBy(values.filter(Boolean), ['original.aggregated', 'original.site.@id', 'original.cycle.@id', 'original.@id'], ['asc', 'asc', 'asc', 'asc'])
-    : [];
-const isAggregated = (id) => !!id.match(/^[a-zA-Z]+[-][a-zA-Z]+[-][\d]{4,}[-][\d]{4,}/g);
-class HeNodeStoreService {
-    constructor(nodeService) {
-        this.nodeService = nodeService;
-        this._nodesLoadRequests = {};
-        this._nodes = {};
-        this._nodes$ = new ReplaySubject(1);
-    }
-    findNodeIndex(node) {
-        const nodes = this._nodes?.[node['@type']] || [];
-        return nodes.findIndex(n => n.type === node['@type'] && n.id === node['@id']);
-    }
-    loadNode(node) {
-        const aggregated = 'aggregated' in node ? node.aggregated : isAggregated(node['@id']);
-        const dataStates = nodeTypeDataStates(node['@type'], aggregated);
-        const index = this._nodesLoadRequests[node['@type']].length;
-        const request = forkJoin(dataStates.reduce((prev, dataState) => ({
-            ...prev,
-            [dataState]: this.nodeService
-                .get$({ ...node, dataState })
-                .pipe(catchError(() => of(undefined)))
-        }), {})).pipe(shareReplay({ bufferSize: 1, refCount: true }), map((values) => Object.fromEntries(Object.values(DataState).map(dataState => [
-            dataState,
-            values[dataState] || values[DataState.original] || node
-        ]))), map(values => ({
-            index,
-            type: node['@type'],
-            id: node['@id'],
-            ...values
-        })));
-        this._nodesLoadRequests[node['@type']].push({
-            id: node['@id'],
-            request
-        });
-        request.subscribe(data => {
-            this._nodes[node['@type']][index] = data;
-            this._nodes$.next(this._nodes);
-        });
-        return request;
-    }
-    addNode(node) {
-        this._nodesLoadRequests[node['@type']] = this._nodesLoadRequests[node['@type']] || [];
-        this._nodes[node['@type']] = this._nodes[node['@type']] || [];
-        const existingRequest = this._nodesLoadRequests[node['@type']].find(({ id }) => id === node['@id']);
-        return existingRequest ? existingRequest.request : this.loadNode(node);
-    }
-    removeNodeByIndex(nodeType, index) {
-        this._nodesLoadRequests[nodeType].splice(index, 1);
-        this._nodes[nodeType].splice(index, 1);
-        this._nodes$.next(this._nodes);
-    }
-    removeNode(node) {
-        const index = this.findNodeIndex(node);
-        return index >= 0 ? this.removeNodeByIndex(node['@type'], index) : null;
-    }
-    clearNodes() {
-        this._nodesLoadRequests = {};
-        this._nodes = {};
-        this._nodes$.next(this._nodes);
-    }
-    nodes$() {
-        return this._nodes$.asObservable();
-    }
-    sortedNodes$() {
-        return this.nodes$().pipe(map(nodes => Object.fromEntries(Object.entries(nodes).map(([nodeKey, values]) => [nodeKey, sortNodes(values)]))));
-    }
-    ids$(nodeType) {
-        return this.nodes$().pipe(mergeMap(values => values[nodeType]), map(({ id }) => id), toArray());
-    }
-    find$(nodeType, id) {
-        return this.nodes$().pipe(map(values => (values[nodeType] || []).filter(node => !id || node.id === id)));
-    }
-    findByState$(nodeType, dataState, id) {
-        return this.find$(nodeType, id).pipe(map(values => values.map(v => v[dataState]).filter(Boolean)));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeNodeStoreService, deps: [{ token: HeNodeService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeNodeStoreService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeNodeStoreService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: HeNodeService }]; } });
-
-class NodeMissingLookupFactorsComponent {
-    constructor(ref, nodeService) {
-        this.ref = ref;
-        this.nodeService = nodeService;
-        this.loading = true;
-        this.logs = [];
-    }
-    async ngOnInit() {
-        this.loading = true;
-        this.logs = await this.nodeService.getMissingLookupsLog({
-            ...this.node,
-            dataState: DataState.recalculated
-        });
-        this.loading = false;
-        this.ref.detectChanges();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeMissingLookupFactorsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: NodeMissingLookupFactorsComponent, selector: "he-node-missing-lookup-factors", inputs: { node: "node" }, ngImport: i0, template: "<div *ngIf=\"!loading; else loader\" class=\"table-container data-table-container\">\n  <table class=\"table is-fullwidth is-hoverable is-striped mb-0\">\n    <thead>\n      <tr>\n        <th>\n          <span>Filename</span>\n        </th>\n        <th>\n          <span>Column Title</span>\n        </th>\n        <th>\n          <span>Row (term.id)</span>\n        </th>\n        <th>\n          <span>Model</span>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngIf=\"!logs.length\">\n        <td colspan=\"3\">\n          <span>No missing lookup factors.</span>\n        </td>\n      </tr>\n      <tr *ngFor=\"let log of logs\">\n        <td>{{ log.filename }}</td>\n        <td>\n          <span *ngIf=\"log.column; else na\">{{ log.column }}</span>\n        </td>\n        <td>\n          <span *ngIf=\"log.termId; else na\">{{ log.termId }}</span>\n        </td>\n        <td>\n          <ng-container *ngIf=\"log.model; else na\">\n            <span>{{ log.model }}</span>\n            <span class=\"pl-1\" *ngIf=\"log.key\">/ {{ log.key }}</span>\n            <span class=\"pl-1\" *ngIf=\"log.term && log.term !== log.termId\">/ {{ log.term }}</span>\n          </ng-container>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n<ng-template #loader>\n  <div class=\"has-text-center py-3\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n  </div>\n</ng-template>\n\n<ng-template #na>\n  <span>-</span>\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeMissingLookupFactorsComponent, decorators: [{
-            type: Component$1,
-            args: [{ selector: 'he-node-missing-lookup-factors', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"!loading; else loader\" class=\"table-container data-table-container\">\n  <table class=\"table is-fullwidth is-hoverable is-striped mb-0\">\n    <thead>\n      <tr>\n        <th>\n          <span>Filename</span>\n        </th>\n        <th>\n          <span>Column Title</span>\n        </th>\n        <th>\n          <span>Row (term.id)</span>\n        </th>\n        <th>\n          <span>Model</span>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngIf=\"!logs.length\">\n        <td colspan=\"3\">\n          <span>No missing lookup factors.</span>\n        </td>\n      </tr>\n      <tr *ngFor=\"let log of logs\">\n        <td>{{ log.filename }}</td>\n        <td>\n          <span *ngIf=\"log.column; else na\">{{ log.column }}</span>\n        </td>\n        <td>\n          <span *ngIf=\"log.termId; else na\">{{ log.termId }}</span>\n        </td>\n        <td>\n          <ng-container *ngIf=\"log.model; else na\">\n            <span>{{ log.model }}</span>\n            <span class=\"pl-1\" *ngIf=\"log.key\">/ {{ log.key }}</span>\n            <span class=\"pl-1\" *ngIf=\"log.term && log.term !== log.termId\">/ {{ log.term }}</span>\n          </ng-container>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n<ng-template #loader>\n  <div class=\"has-text-center py-3\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n  </div>\n</ng-template>\n\n<ng-template #na>\n  <span>-</span>\n</ng-template>\n", styles: [":host{display:block}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: HeNodeService }]; }, propDecorators: { node: [{
-                type: Input
-            }] } });
-
-// TODO: compute from the list of unique properties
-const additionalKeys = [
-    'key',
-    'methodModelDescription',
-    'methodDescription',
-    'description',
-    'primary',
-    'emissionDuration',
-    'observations',
-    'statsDefinition',
-    'term',
-    'source',
-    'variety',
-    'reliability',
-    'price',
-    'currency',
-    'cost',
-    'revenue',
-    'economicValueShare',
-    'operation',
-    'impactAssessment',
-    'properties',
-    'isAnimalFeed',
-    'fate'
-];
-const tableKeys = [
-    'aniamals',
-    'inputs',
-    'properties',
-    'transformation',
-    'operation',
-    'impactAssessment',
-    'value',
-    'term.units',
-    'dates',
-    'methodModel',
-    'methodTier',
-    'statsDefinition',
-    'depthUpper',
-    'depthLower'
-];
-class NodeValueDetailsComponent {
-    constructor() {
-        this.baseUrl = baseUrl();
-        this.keys = ['value', ...grouppedValueKeys];
-        this.additionalKeys = additionalKeys;
-        this.tableKeys = tableKeys;
-    }
-    ngOnInit() {
-        this.tableKeys = tableKeys.filter(key => (this.data?.nodes || []).some(node => !!get(node, key)));
-    }
-    get type() {
-        return this.data?.nodes[0]['@type'];
-    }
-    get showInline() {
-        return this.data?.nodes?.length === 1;
-    }
-    defaultValue(key) {
-        return ['impactAssessment', 'transformation'].includes(key) ? 'N/A (from Cycle)' : '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeValueDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: { data: "data", nodeType: "nodeType", dataKey: "dataKey", dataState: "dataState" }, ngImport: i0, template: "<ng-container *bindOnce=\"data\">\n  <ng-container *ngIf=\"showInline; else asTable\">\n    <ng-container *ngFor=\"let key of keys\">\n      <he-link-key-value\n        [node]=\"data!.nodes[0]\"\n        [nodeType]=\"nodeType\"\n        [dataState]=\"dataState\"\n        [dataKey]=\"dataKey\"\n        [key]=\"key\"></he-link-key-value>\n    </ng-container>\n    <ng-container *ngFor=\"let key of additionalKeys\">\n      <he-link-key-value\n        [node]=\"data!.nodes[0]\"\n        [nodeType]=\"nodeType\"\n        [dataState]=\"dataState\"\n        [dataKey]=\"dataKey\"\n        [key]=\"key\"></he-link-key-value>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #asTable>\n  <he-link-key-value\n    [node]=\"data!.nodes[0]\"\n    [nodeType]=\"nodeType\"\n    [dataState]=\"dataState\"\n    [dataKey]=\"dataKey\"\n    key=\"term\"></he-link-key-value>\n\n  <div class=\"table-container mt-2\">\n    <table class=\"table is-dark is-narrow is-striped\">\n      <thead>\n        <th *ngFor=\"let key of tableKeys\">\n          <a class=\"is-dark\" [href]=\"baseUrl + '/schema/' + type + '#' + key.split('.')[0]\" target=\"_blank\">\n            <b>{{ key.includes('.') ? key.split('.')[1] : key }}</b>\n          </a>\n        </th>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let node of data!.nodes\">\n          <td *ngFor=\"let key of tableKeys\">\n            <he-link-key-value\n              [node]=\"node\"\n              [nodeType]=\"nodeType\"\n              [dataState]=\"dataState\"\n              [dataKey]=\"dataKey\"\n              [key]=\"key\"\n              [defaultValue]=\"defaultValue(key)\"></he-link-key-value>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n", styles: ["table{background-color:transparent}table::ng-deep he-link-key-value>a:first-child,table::ng-deep he-link-key-value>a:first-child+span{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { kind: "component", type: LinkKeyValueComponent, selector: "he-link-key-value", inputs: ["node", "nodeType", "dataKey", "key", "defaultValue", "dataState"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeValueDetailsComponent, decorators: [{
-            type: Component$1,
-            args: [{ selector: 'he-node-value-details', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *bindOnce=\"data\">\n  <ng-container *ngIf=\"showInline; else asTable\">\n    <ng-container *ngFor=\"let key of keys\">\n      <he-link-key-value\n        [node]=\"data!.nodes[0]\"\n        [nodeType]=\"nodeType\"\n        [dataState]=\"dataState\"\n        [dataKey]=\"dataKey\"\n        [key]=\"key\"></he-link-key-value>\n    </ng-container>\n    <ng-container *ngFor=\"let key of additionalKeys\">\n      <he-link-key-value\n        [node]=\"data!.nodes[0]\"\n        [nodeType]=\"nodeType\"\n        [dataState]=\"dataState\"\n        [dataKey]=\"dataKey\"\n        [key]=\"key\"></he-link-key-value>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #asTable>\n  <he-link-key-value\n    [node]=\"data!.nodes[0]\"\n    [nodeType]=\"nodeType\"\n    [dataState]=\"dataState\"\n    [dataKey]=\"dataKey\"\n    key=\"term\"></he-link-key-value>\n\n  <div class=\"table-container mt-2\">\n    <table class=\"table is-dark is-narrow is-striped\">\n      <thead>\n        <th *ngFor=\"let key of tableKeys\">\n          <a class=\"is-dark\" [href]=\"baseUrl + '/schema/' + type + '#' + key.split('.')[0]\" target=\"_blank\">\n            <b>{{ key.includes('.') ? key.split('.')[1] : key }}</b>\n          </a>\n        </th>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let node of data!.nodes\">\n          <td *ngFor=\"let key of tableKeys\">\n            <he-link-key-value\n              [node]=\"node\"\n              [nodeType]=\"nodeType\"\n              [dataState]=\"dataState\"\n              [dataKey]=\"dataKey\"\n              [key]=\"key\"\n              [defaultValue]=\"defaultValue(key)\"></he-link-key-value>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n", styles: ["table{background-color:transparent}table::ng-deep he-link-key-value>a:first-child,table::ng-deep he-link-key-value>a:first-child+span{display:none}\n"] }]
-        }], propDecorators: { data: [{
-                type: Input
-            }], nodeType: [{
-                type: Input
-            }], dataKey: [{
-                type: Input
-            }], dataState: [{
-                type: Input
-            }] } });
-
-var NodeField;
-(function (NodeField) {
-    NodeField["inputs"] = "inputs";
-    NodeField["measurements"] = "measurements";
-    NodeField["practices"] = "practices";
-    NodeField["products"] = "products";
-})(NodeField || (NodeField = {}));
-const filtersByType = {
-    [NodeType.Cycle]: cycle => {
-        const primaryProduct = (cycle.products || []).find(p => p.primary && !!p.term?.['@id']);
-        return primaryProduct
-            ? {
-                productTermId: primaryProduct.term['@id']
-            }
-            : {};
-    },
-    [NodeType.Site]: ({ siteType }) => ({
-        siteType
-    })
-};
-const termTypesByField = {
-    [NodeField.inputs]: SchemaType.Input,
-    [NodeField.measurements]: SchemaType.Measurement,
-    [NodeField.practices]: SchemaType.Practice,
-    [NodeField.products]: SchemaType.Product
-};
-const isValid = (node, nodeField) => Object.values(NodeField).includes(nodeField) && (node?.type || node?.['@type']) in filtersByType;
-class NodeRecommendationsComponent {
-    constructor(engineService) {
-        this.engineService = engineService;
-        this.selectRecommendation = new EventEmitter$1();
-        this.loading = false;
-        this.visible = false;
-        this.recommendations = [];
-    }
-    ngOnChanges(changes) {
-        if ('node' in changes && isValid(this.node, this.nodeField)) {
-            const oldFilters = copyObject(this._filters);
-            this._filters = filterParams(filtersByType[this.type](this.node));
-            if (oldFilters === null || !isEqual(oldFilters, this._filters)) {
-                this.refresh();
-            }
-        }
-    }
-    trackByValue(_index, id) {
-        return id;
-    }
-    get type() {
-        return this.node?.type || this.node?.['@type'];
-    }
-    async refresh() {
-        this.loading = true;
-        const termType = termTypesByField[this.nodeField];
-        const ids = await this.engineService.getTermIds({ ...this._filters, termType });
-        const existingIds = (this.node[this.nodeField] || []).map(n => n.term?.['@id']).filter(Boolean);
-        this.recommendations = ids.filter(id => !existingIds.includes(id)).sort();
-        this.loading = false;
-    }
-    add(id, index) {
-        this.selectRecommendation.next(id);
-        const recommendations = this.recommendations.slice();
-        recommendations.splice(index, 1);
-        this.recommendations = recommendations;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeRecommendationsComponent, deps: [{ token: HeEngineService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: NodeRecommendationsComponent, selector: "he-node-recommendations", inputs: { node: "node", nodeField: "nodeField", buttonClass: "buttonClass" }, outputs: { selectRecommendation: "selectRecommendation" }, usesOnChanges: true, ngImport: i0, template: "<p class=\"my-2 is-size-7\" [class.is-hidden]=\"!loading && recommendations.length === 0\">\n  <span class=\"pr-2\">Recommendations</span>\n  <span *ngIf=\"loading\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"sm\"></fa-icon>\n  </span>\n  <a *ngIf=\"!loading\" (click)=\"visible = !visible\">\n    <span *ngIf=\"visible\">Hide</span>\n    <span *ngIf=\"!visible\">Show</span>\n  </a>\n</p>\n\n<div [class.is-hidden]=\"!visible\">\n  <button\n    class=\"button mr-2 mb-2 {{ buttonClass }}\"\n    *ngFor=\"let id of recommendations; trackBy: trackByValue; let i = index\"\n    (click)=\"add(id, i)\">\n    <fa-icon icon=\"plus-circle\"></fa-icon>\n    <span class=\"pl-2\">Add</span>\n    <span class=\"pl-1\">{{ id | keyToLabel }}</span>\n  </button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeRecommendationsComponent, decorators: [{
-            type: Component$1,
-            args: [{ selector: 'he-node-recommendations', template: "<p class=\"my-2 is-size-7\" [class.is-hidden]=\"!loading && recommendations.length === 0\">\n  <span class=\"pr-2\">Recommendations</span>\n  <span *ngIf=\"loading\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"sm\"></fa-icon>\n  </span>\n  <a *ngIf=\"!loading\" (click)=\"visible = !visible\">\n    <span *ngIf=\"visible\">Hide</span>\n    <span *ngIf=\"!visible\">Show</span>\n  </a>\n</p>\n\n<div [class.is-hidden]=\"!visible\">\n  <button\n    class=\"button mr-2 mb-2 {{ buttonClass }}\"\n    *ngFor=\"let id of recommendations; trackBy: trackByValue; let i = index\"\n    (click)=\"add(id, i)\">\n    <fa-icon icon=\"plus-circle\"></fa-icon>\n    <span class=\"pl-2\">Add</span>\n    <span class=\"pl-1\">{{ id | keyToLabel }}</span>\n  </button>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: HeEngineService }]; }, propDecorators: { node: [{
-                type: Input
-            }], nodeField: [{
-                type: Input
-            }], buttonClass: [{
-                type: Input
-            }], selectRecommendation: [{
-                type: Output
-            }] } });
-
-// TODO: remove fallback
-const MAX_STAGE = {
-    [NodeType.Cycle]: 2,
-    [NodeType.ImpactAssessment]: 1,
-    [NodeType.Site]: 2
-};
-class EngineModelsStageComponent {
-    set node(value) {
-        this._node.set(value);
-    }
-    constructor(nodeService) {
-        this.nodeService = nodeService;
-        this._node = signal(null);
-        this.defaultMaxStage = computed(() => MAX_STAGE[this._node()['@type']]);
-        this.node$ = toObservable(this._node);
-        this.headers = toSignal(this.node$.pipe(filter(node => !!node), mergeMap(node => this.nodeService.getWithHeaders$({
-            ...node,
-            dataState: DataState.recalculated
-        })), map(({ headers }) => headers)));
-        this.stage = computed(() => +this.headers()?.get('stage'));
-        this.maxStage = computed(() => +this.headers()?.get('maxstage') || this.defaultMaxStage());
-        this.inProgress = computed(() => this.stage() && this.stage() !== this.maxStage());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineModelsStageComponent, deps: [{ token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: EngineModelsStageComponent, selector: "he-engine-models-stage", inputs: { node: "node" }, ngImport: i0, template: "<ng-container *ngIf=\"inProgress()\">\n  <span class=\"tag is-warning\">\n    <span>Calculation in progress (stage {{ stage() }} out of {{ maxStage() }})</span>\n  </span>\n</ng-container>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineModelsStageComponent, decorators: [{
-            type: Component$1,
-            args: [{ selector: 'he-engine-models-stage', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"inProgress()\">\n  <span class=\"tag is-warning\">\n    <span>Calculation in progress (stage {{ stage() }} out of {{ maxStage() }})</span>\n  </span>\n</ng-container>\n", styles: [":host{display:inline-block}\n"] }]
-        }], ctorParameters: function () { return [{ type: HeNodeService }]; }, propDecorators: { node: [{
-                type: Input
-            }] } });
-
-/* eslint-disable max-len */
-const semverRegex = () => /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/gi;
-/* eslint-enable max-len */
-const sort = (versions, compare) => versions.sort((v1, v2) => {
-    const sv1 = semverRegex().exec(v1)[0] || v1;
-    const sv2 = semverRegex().exec(v2)[0] || v2;
-    return compare(sv1, sv2);
-});
-const asc = (versions) => sort(versions, semver.compare);
-const desc = (versions) => sort(versions, semver.rcompare);
-
-const isVersionKey = (key) => ['addedVersion', 'updatedVersion'].includes(key);
-const isValidValue = (value) => !isUndefined(value) &&
-    typeof value === 'object' &&
-    (Array.isArray(value) || value.addedVersion || value.updatedVersion);
-/**
- * Get the most recent version of the models used to recalculate the node.
- *
- * @param node
- * @returns The latest version
- */
-const nodeVersion = (node) => {
-    const versions = Object.entries(node || {})
-        .filter(([key, value]) => isVersionKey(key) || isValidValue(value))
-        .flatMap(([key, value]) => isVersionKey(key)
-        ? value
-        : typeof value === 'object'
-            ? Array.isArray(value)
-                ? value.map(nodeVersion)
-                : value.addedVersion || value.updatedVersion
-            : value)
-        .filter(Boolean);
-    return versions?.length ? desc(versions)[0] : null;
-};
-
-class EngineModelsVersionLinkComponent {
-    constructor(service) {
-        this.service = service;
-        this.showDetails = false;
-    }
-    get version() {
-        return nodeVersion(this.node);
-    }
-    get url() {
-        return [engineGitBaseUrl(), '-', 'tree', `v${this.version}`].filter(Boolean).join('/');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineModelsVersionLinkComponent, deps: [{ token: HeEngineService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: EngineModelsVersionLinkComponent, selector: "he-engine-models-version-link", inputs: { node: "node", showDetails: "showDetails" }, ngImport: i0, template: "<ng-container *ngIf=\"version\">\n  <div class=\"tags has-addons\" *ngIf=\"service.latestVersion$ | async as latestVersion\">\n    <ng-container *bindOnce=\"url\">\n      <a class=\"tag is-info\" [href]=\"url\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n        {{ version }}\n        <fa-icon class=\"ml-2\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n      </a>\n    </ng-container>\n    <ng-container *ngIf=\"showDetails\">\n      <ng-container *ngIf=\"latestVersion === version; else outdated\">\n        <ng-container *ngTemplateOutlet=\"latest\"></ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n\n<ng-template #latest>\n  <span class=\"tag is-success\">latest recalculations</span>\n</ng-template>\n\n<ng-template #outdated>\n  <span class=\"tag is-warning\">outdated recalculations</span>\n</ng-template>\n", styles: [":host{display:inline-block}a{color:inherit}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineModelsVersionLinkComponent, decorators: [{
-            type: Component$1,
-            args: [{ selector: 'he-engine-models-version-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"version\">\n  <div class=\"tags has-addons\" *ngIf=\"service.latestVersion$ | async as latestVersion\">\n    <ng-container *bindOnce=\"url\">\n      <a class=\"tag is-info\" [href]=\"url\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n        {{ version }}\n        <fa-icon class=\"ml-2\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n      </a>\n    </ng-container>\n    <ng-container *ngIf=\"showDetails\">\n      <ng-container *ngIf=\"latestVersion === version; else outdated\">\n        <ng-container *ngTemplateOutlet=\"latest\"></ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n\n<ng-template #latest>\n  <span class=\"tag is-success\">latest recalculations</span>\n</ng-template>\n\n<ng-template #outdated>\n  <span class=\"tag is-warning\">outdated recalculations</span>\n</ng-template>\n", styles: [":host{display:inline-block}a{color:inherit}\n"] }]
-        }], ctorParameters: function () { return [{ type: HeEngineService }]; }, propDecorators: { node: [{
-                type: Input
-            }], showDetails: [{
-                type: Input
-            }] } });
-
-const gitUrl = `${gitHome}/${Repository.orchestrator}/-/blob/${gitBranch()}`;
-const generalDocsUrl = `${gitUrl}/hestia_earth/orchestrator/config/README.md`;
-const strategiesDocs = `${gitUrl}/hestia_earth/orchestrator/strategies`;
-const schemaTypeKeys = Object.keys(SchemaType);
-const toSchemaType = (value) => keyToLabel(value).replace(/\s/g, '');
-const isSchemaType = (value) => [
-    schemaTypeKeys.includes(value),
-    schemaTypeKeys.includes(pluralize(value, 1)),
-    schemaTypeKeys.includes(pluralize(toSchemaType(value), 1)),
-    ['emissionsResourceUse', 'impacts', 'endpoints'].includes(value)
-].some(Boolean);
-const isGapFilled = ({ runStrategy, mergeStrategy, mergeArgs }) => ['add_blank_node_if_missing', 'add_key_if_missing'].includes(runStrategy) &&
-    (mergeStrategy !== 'list' || !mergeArgs?.replaceThreshold);
-const isRecalculated = ({ runStrategy, mergeStrategy, mergeArgs }) => ['add_blank_node_if_missing', 'add_key_if_missing'].includes(runStrategy) &&
-    mergeStrategy === 'list' &&
-    mergeArgs?.replaceThreshold;
-const filterGapFilled = (configs, onlyGapFilled) => configs
-    .map(model => (Array.isArray(model) && onlyGapFilled ? model.filter(isGapFilled) : model))
-    .filter(model => !onlyGapFilled || Array.isArray(model) || isGapFilled(model));
-const modelMatch = (term) => ({ key, model, value }) => [key, model, value].filter(Boolean).some(v => v.toLowerCase().includes(term.toLowerCase()));
-const filterModels = (configs, term = '') => configs
-    .map(model => (Array.isArray(model) && !!term ? model.filter(modelMatch(term)) : model))
-    .filter(model => !term || Array.isArray(model) || modelMatch(term)(model));
-const modelKeyName = (modelKey) => (modelKey.includes('.') ? modelKey.split('.')[1] : modelKey);
-const groupConfig = (configs) => from(configs.flat())
-    .pipe(filter(({ key }) => isSchemaType(key)), groupBy(({ key }) => key), mergeMap(group => group.pipe(toArray())), reduce((prev, curr) => {
-    const key = curr[0].key;
-    prev[toSchemaType(key)] = curr;
-    return prev;
-}, {}))
-    .toPromise();
-class EngineOrchestratorEditComponent {
-    constructor(hestiaEngineService, searchService) {
-        this.hestiaEngineService = hestiaEngineService;
-        this.searchService = searchService;
-        this.modelKeyName = modelKeyName;
-        this.isArray = Array.isArray;
-        this.generalDocsUrl = generalDocsUrl;
-        this.strategiesDocs = strategiesDocs;
-        this.termsById = {};
-        this.showConfig = false;
-        this.search = '';
-        this.onlyGapFilled = false;
-        this.showAdvanced = false;
-        this.displayBy = 'list';
-        this.showDisplayBy = false;
-    }
-    ngOnChanges(changes) {
-        if (changes.config?.currentValue) {
-            this.allModels = this.config.models;
-            this.computeTermsById();
-            return this.filterModels();
-        }
-        if ('nodeType' in changes) {
-            return this.loadDefaultConfig();
-        }
-    }
-    async loadDefaultConfig() {
-        const { models } = await this.hestiaEngineService.ochestratorConfig(this.nodeType);
-        this.allModels = models;
-        this.computeTermsById();
-        return this.filterModels();
-    }
-    async computeTermsById() {
-        const ids = unique(this.allModels
-            .flat()
-            .flatMap(model => [model.model, model.value])
-            .filter(Boolean));
-        const { results } = await this.searchService.search({
-            fields: ['@type', '@id', 'name', 'units'],
-            limit: ids.length,
-            query: {
-                bool: {
-                    must: [matchType(NodeType.Term)],
-                    should: ids.map(matchId),
-                    minimum_should_match: 1
-                }
-            }
-        });
-        this.termsById = results.reduce((p, c) => ({ ...p, [c['@id']]: c }), {});
-    }
-    trackByKey(_index, { key }) {
-        return key;
-    }
-    modelLink$({ model, value }) {
-        return this.hestiaEngineService.model$({ model, term: value });
-    }
-    modelPathLink$({ model, value }) {
-        return this.hestiaEngineService.model$({
-            path: `${engineGitUrl()}/hestia_earth/models/${model}/${(value || '').replace('.', '/')}.py`
-        });
-    }
-    get configUrl() {
-        return this.hestiaEngineService.orchestratorConfigUrl(this.nodeType);
-    }
-    modelKeyUrl({ modelKey }, model) {
-        const parts = modelKey.split('.');
-        const schemaType = parts.length === 2 ? parts[0] : model;
-        const url = [baseUrl(), 'schema', toSchemaType(schemaType)].filter(Boolean).join('/');
-        return isSchemaType(schemaType) ? `${url}#${parts.pop()}` : null;
-    }
-    filterModels() {
-        setTimeout(async () => {
-            const models = filterModels(filterGapFilled(this.allModels, this.onlyGapFilled), this.search);
-            this.models = models;
-            this.groupedModels = await groupConfig(models);
-            this.selectedGroupedKey = Object.keys(this.groupedModels)?.[0];
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineOrchestratorEditComponent, deps: [{ token: HeEngineService }, { token: HeSearchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: EngineOrchestratorEditComponent, selector: "he-engine-orchestrator-edit", inputs: { config: "config", nodeType: "nodeType" }, usesOnChanges: true, ngImport: i0, template: "<p>\n  <i>\n    The configuration below is a preview of the\n    <a [href]=\"configUrl\" target=\"_blank\">JSON configuration file</a>\n    used for the orchestration of the Hestia's calculations.\n  </i>\n</p>\n<p>\n  <i>Note: not all models might be represented accurately.</i>\n</p>\n\n<div class=\"is-size-7 is-italic\">\n  <div class=\"columns is-mobile is-multiline is-vcentered is-variable is-1 my-0\">\n    <div class=\"column\">\n      <div class=\"pl-3 model-parallel my-3\">\n        <span>Models running in parallel</span>\n      </div>\n    </div>\n\n    <div class=\"column is-narrow has-text-right\">\n      <div\n        class=\"dropdown is-right has-text-left is-dropdown-filters\"\n        [class.is-active]=\"showConfig\"\n        (clickOutside)=\"showConfig = false\">\n        <div class=\"dropdown-trigger\" (click)=\"showConfig = !showConfig\">\n          <button\n            class=\"button is-ghost\"\n            [class.is-active]=\"showConfig\"\n            aria-haspopup=\"true\"\n            aria-controls=\"option-menu\"\n            ngbTooltip=\"Filters\"\n            placement=\"bottom\"\n            container=\"body\"\n            [disableTooltip]=\"showConfig\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"cog\" aria-hidden=\"true\"></fa-icon>\n            </span>\n          </button>\n        </div>\n        <div class=\"dropdown-menu\" id=\"option-menu\" role=\"menu\">\n          <div class=\"dropdown-content\">\n            <div class=\"dropdown-item\">\n              <div class=\"field\">\n                <div class=\"control is-expanded has-icons-right\">\n                  <input\n                    type=\"text\"\n                    class=\"input search-input is-secondary is-small\"\n                    [(ngModel)]=\"search\"\n                    name=\"collection\"\n                    placeholder=\"Filter by key, name or model\"\n                    (input)=\"filterModels()\" />\n                  <a class=\"icon is-small is-right\" (click)=\"search = ''; filterModels()\">\n                    <fa-icon icon=\"times\"></fa-icon>\n                  </a>\n                </div>\n              </div>\n\n              <div class=\"field is-relative\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded is-secondary\"\n                  [(ngModel)]=\"showAdvanced\"\n                  id=\"showAdvanced\"\n                  (change)=\"filterModels()\" />\n                <label class=\"is-size-7\" for=\"showAdvanced\">\n                  <span>Show advanced data</span>\n                </label>\n              </div>\n\n              <div class=\"field is-relative\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded is-secondary\"\n                  [(ngModel)]=\"onlyGapFilled\"\n                  id=\"onlyGapFilled\"\n                  (change)=\"filterModels()\" />\n                <label class=\"is-size-7\" for=\"onlyGapFilled\">\n                  <span>Show only gap-filled data</span>\n                </label>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"column is-narrow has-text-right\">\n      <div\n        class=\"dropdown is-right has-text-left\"\n        [class.is-active]=\"showDisplayBy\"\n        (clickOutside)=\"showDisplayBy = false\">\n        <div class=\"dropdown-trigger\" (click)=\"showDisplayBy = !showDisplayBy\">\n          <button\n            class=\"button is-ghost\"\n            aria-haspopup=\"true\"\n            aria-controls=\"display-menu\"\n            ngbTooltip=\"Display options\"\n            placement=\"bottom\"\n            container=\"body\"\n            [disableTooltip]=\"showDisplayBy\">\n            <ng-container [ngSwitch]=\"displayBy\">\n              <ng-container *ngSwitchCase=\"'list'\">\n                <span class=\"icon is-small\">\n                  <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'type'\">\n                <span class=\"icon is-small\">\n                  <fa-icon icon=\"table\" aria-hidden=\"true\"></fa-icon>\n                </span>\n              </ng-container>\n            </ng-container>\n          </button>\n        </div>\n        <div class=\"dropdown-menu\" id=\"display-menu\" role=\"menu\">\n          <div class=\"dropdown-content\" (click)=\"showDisplayBy = false\">\n            <a class=\"dropdown-item\" [class.is-selected]=\"displayBy === 'list'\" (click)=\"displayBy = 'list'\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n              <span class=\"pl-2\">Display by Priority</span>\n            </a>\n            <a class=\"dropdown-item\" [class.is-selected]=\"displayBy === 'type'\" (click)=\"displayBy = 'type'\">\n              <fa-icon icon=\"table\" aria-hidden=\"true\"></fa-icon>\n              <span class=\"pl-2\">Display by Type</span>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"displayBy === 'list' && models\">\n  <div class=\"pl-3\">\n    <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: models }\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"displayBy === 'type' && groupedModels\">\n  <div class=\"tabs\">\n    <ul>\n      <li\n        *ngFor=\"let group of groupedModels | keys; trackBy: trackByKey\"\n        [class.is-active]=\"selectedGroupedKey === group.key\">\n        <a (click)=\"selectedGroupedKey = group.key\">\n          <span class=\"pl-2\">{{ group.key }} ({{ group.value.length }})</span>\n        </a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"pl-3\">\n    <ng-container\n      *ngTemplateOutlet=\"modelList; context: { $implicit: groupedModels[selectedGroupedKey] }\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #termLink let-value>\n  <ng-template #defaultLabel>\n    <span>{{ value | keyToLabel }}</span>\n  </ng-template>\n\n  <ng-container *ngIf=\"termsById[value]; else defaultLabel\">\n    <he-node-link [node]=\"termsById[value]\" [showExternalLink]=\"true\">\n      <span>{{ termsById[value].name }}</span>\n    </he-node-link>\n  </ng-container>\n</ng-template>\n\n<ng-template #modelList let-data>\n  <div *ngFor=\"let v of data\">\n    <ng-container *ngTemplateOutlet=\"model; context: { $implicit: v }\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #model let-data>\n  <ng-container *ngIf=\"isArray(data) && data.length\">\n    <div class=\"pl-3 model-parallel\">\n      <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: data }\"></ng-container>\n    </div>\n\n    <hr />\n  </ng-container>\n  <ng-container *ngIf=\"!isArray(data)\">\n    <div class=\"card mb-2 model-serie is-size-6\">\n      <div class=\"card-content p-3\">\n        <span class=\"is-capitalized\">{{ data.key | keyToLabel }}</span>\n        :\n        <ng-template #defaultView>\n          <span class=\"default-value\">{{ data.value }}</span>\n\n          <p>\n            <span class=\"pr-1\">Model:</span>\n            <span class=\"pr-2\">\n              <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: data.model }\"></ng-container>\n            </span>\n          </p>\n        </ng-template>\n\n        <ng-template #modelFromPathLink>\n          <ng-container *ngIf=\"modelPathLink$(data) | async as link; else defaultView\">\n            <ng-container\n              *ngTemplateOutlet=\"modelPathLink; context: { model: data.model, value: data.value, link }\"></ng-container>\n          </ng-container>\n        </ng-template>\n\n        <ng-container *ngIf=\"modelLink$(data) | async as link; else modelFromPathLink\">\n          <ng-container\n            *ngTemplateOutlet=\"modelLink; context: { model: data.model, value: data.value, link }\"></ng-container>\n        </ng-container>\n\n        <div *ngIf=\"showAdvanced\">\n          <div *ngIf=\"data.runStrategy\">\n            <span class=\"pr-1\">Run strategy:</span>\n            <ng-container\n              *ngTemplateOutlet=\"strategiesLink; context: { strategy: data.runStrategy, type: 'run' }\"></ng-container>\n\n            <div class=\"pl-3 is-size-7\" *ngIf=\"data.runArgs\">\n              <p><b>Run arguments:</b></p>\n              <ng-container *ngTemplateOutlet=\"strategiesArgs; context: { $implicit: data.runArgs }\"></ng-container>\n            </div>\n          </div>\n          <div *ngIf=\"data.mergeStrategy\">\n            <span class=\"pr-1\">Merge strategy:</span>\n            <ng-container\n              *ngTemplateOutlet=\"\n                strategiesLink;\n                context: { strategy: data.mergeStrategy, type: 'merge' }\n              \"></ng-container>\n\n            <div class=\"pl-3 is-size-7\" *ngIf=\"data.mergeArgs\">\n              <p><b>Merge arguments:</b></p>\n              <ng-container *ngTemplateOutlet=\"strategiesArgs; context: { $implicit: data.mergeArgs }\"></ng-container>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #modelLinkKey let-model=\"model\" let-link=\"link\">\n  <a [href]=\"modelKeyUrl(link, model)\" target=\"_blank\">{{ modelKeyName(link.modelKey) }}</a>\n</ng-template>\n\n<ng-template #modelLink let-model=\"model\" let-link=\"link\" let-value=\"value\">\n  <ng-container *ngIf=\"link.term\">\n    <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: link.term }\"></ng-container>\n  </ng-container>\n\n  <span *ngIf=\"!link.term && !link?.modelKey\" class=\"default-value\">{{ value }}</span>\n\n  <ng-container *ngIf=\"!link.term && link?.modelKey\">\n    <ng-container *ngTemplateOutlet=\"modelLinkKey; context: { link, model }\"></ng-container>\n  </ng-container>\n\n  <p class=\"model-link\">\n    <span class=\"pr-1\">Model:</span>\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: model }\"></ng-container>\n    </span>\n\n    <a class=\"is-size-7\" [href]=\"link.docPath\" target=\"_blank\">\n      <span class=\"pr-1\">(View Docs)</span>\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #modelPathLink let-model=\"model\" let-link=\"link\" let-value=\"value\">\n  <span *ngIf=\"!link?.modelKey\" class=\"default-value\">{{ value }}</span>\n\n  <ng-container *ngIf=\"link?.modelKey\">\n    <ng-container *ngTemplateOutlet=\"modelLinkKey; context: { link, model }\"></ng-container>\n  </ng-container>\n\n  <p class=\"model-path-link\">\n    <span class=\"pr-1\">Model:</span>\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: model }\"></ng-container>\n    </span>\n\n    <a class=\"is-size-7\" [href]=\"link.docPath\" target=\"_blank\">\n      <span class=\"pr-1\">(View Docs)</span>\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #strategiesLink let-strategy=\"strategy\" let-type=\"type\">\n  <span class=\"pr-2 is-inline-block\">\n    <code>{{ strategy }}</code>\n  </span>\n\n  <a\n    class=\"is-size-7\"\n    [href]=\"strategiesDocs + '/' + type + '/' + (type === 'merge' ? 'merge_' : '') + strategy + '.md'\"\n    target=\"_blank\">\n    <span class=\"pr-1\">(View Docs)</span>\n    <fa-icon icon=\"external-link-alt\"></fa-icon>\n  </a>\n</ng-template>\n\n<ng-template #strategiesArgs let-args>\n  <div class=\"pl-2\">\n    <p *ngFor=\"let arg of args | keys\">\n      <span class=\"has-text-underline\">{{ arg.key }}</span>\n      :\n      <code>{{ arg.value | json }}</code>\n    </p>\n  </div>\n</ng-template>\n", styles: [":host{display:block}.model-parallel{border-left:3px solid #4a4a4a}.dropdown.is-dropdown-filters .dropdown-content{min-width:250px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$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]" }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideListenAfter"], outputs: ["clickOutside"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.JsonPipe, name: "json" }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineOrchestratorEditComponent, decorators: [{
-            type: Component$1,
-            args: [{ selector: 'he-engine-orchestrator-edit', template: "<p>\n  <i>\n    The configuration below is a preview of the\n    <a [href]=\"configUrl\" target=\"_blank\">JSON configuration file</a>\n    used for the orchestration of the Hestia's calculations.\n  </i>\n</p>\n<p>\n  <i>Note: not all models might be represented accurately.</i>\n</p>\n\n<div class=\"is-size-7 is-italic\">\n  <div class=\"columns is-mobile is-multiline is-vcentered is-variable is-1 my-0\">\n    <div class=\"column\">\n      <div class=\"pl-3 model-parallel my-3\">\n        <span>Models running in parallel</span>\n      </div>\n    </div>\n\n    <div class=\"column is-narrow has-text-right\">\n      <div\n        class=\"dropdown is-right has-text-left is-dropdown-filters\"\n        [class.is-active]=\"showConfig\"\n        (clickOutside)=\"showConfig = false\">\n        <div class=\"dropdown-trigger\" (click)=\"showConfig = !showConfig\">\n          <button\n            class=\"button is-ghost\"\n            [class.is-active]=\"showConfig\"\n            aria-haspopup=\"true\"\n            aria-controls=\"option-menu\"\n            ngbTooltip=\"Filters\"\n            placement=\"bottom\"\n            container=\"body\"\n            [disableTooltip]=\"showConfig\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"cog\" aria-hidden=\"true\"></fa-icon>\n            </span>\n          </button>\n        </div>\n        <div class=\"dropdown-menu\" id=\"option-menu\" role=\"menu\">\n          <div class=\"dropdown-content\">\n            <div class=\"dropdown-item\">\n              <div class=\"field\">\n                <div class=\"control is-expanded has-icons-right\">\n                  <input\n                    type=\"text\"\n                    class=\"input search-input is-secondary is-small\"\n                    [(ngModel)]=\"search\"\n                    name=\"collection\"\n                    placeholder=\"Filter by key, name or model\"\n                    (input)=\"filterModels()\" />\n                  <a class=\"icon is-small is-right\" (click)=\"search = ''; filterModels()\">\n                    <fa-icon icon=\"times\"></fa-icon>\n                  </a>\n                </div>\n              </div>\n\n              <div class=\"field is-relative\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded is-secondary\"\n                  [(ngModel)]=\"showAdvanced\"\n                  id=\"showAdvanced\"\n                  (change)=\"filterModels()\" />\n                <label class=\"is-size-7\" for=\"showAdvanced\">\n                  <span>Show advanced data</span>\n                </label>\n              </div>\n\n              <div class=\"field is-relative\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded is-secondary\"\n                  [(ngModel)]=\"onlyGapFilled\"\n                  id=\"onlyGapFilled\"\n                  (change)=\"filterModels()\" />\n                <label class=\"is-size-7\" for=\"onlyGapFilled\">\n                  <span>Show only gap-filled data</span>\n                </label>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"column is-narrow has-text-right\">\n      <div\n        class=\"dropdown is-right has-text-left\"\n        [class.is-active]=\"showDisplayBy\"\n        (clickOutside)=\"showDisplayBy = false\">\n        <div class=\"dropdown-trigger\" (click)=\"showDisplayBy = !showDisplayBy\">\n          <button\n            class=\"button is-ghost\"\n            aria-haspopup=\"true\"\n            aria-controls=\"display-menu\"\n            ngbTooltip=\"Display options\"\n            placement=\"bottom\"\n            container=\"body\"\n            [disableTooltip]=\"showDisplayBy\">\n            <ng-container [ngSwitch]=\"displayBy\">\n              <ng-container *ngSwitchCase=\"'list'\">\n                <span class=\"icon is-small\">\n                  <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'type'\">\n                <span class=\"icon is-small\">\n                  <fa-icon icon=\"table\" aria-hidden=\"true\"></fa-icon>\n                </span>\n              </ng-container>\n            </ng-container>\n          </button>\n        </div>\n        <div class=\"dropdown-menu\" id=\"display-menu\" role=\"menu\">\n          <div class=\"dropdown-content\" (click)=\"showDisplayBy = false\">\n            <a class=\"dropdown-item\" [class.is-selected]=\"displayBy === 'list'\" (click)=\"displayBy = 'list'\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n              <span class=\"pl-2\">Display by Priority</span>\n            </a>\n            <a class=\"dropdown-item\" [class.is-selected]=\"displayBy === 'type'\" (click)=\"displayBy = 'type'\">\n              <fa-icon icon=\"table\" aria-hidden=\"true\"></fa-icon>\n              <span class=\"pl-2\">Display by Type</span>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"displayBy === 'list' && models\">\n  <div class=\"pl-3\">\n    <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: models }\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"displayBy === 'type' && groupedModels\">\n  <div class=\"tabs\">\n    <ul>\n      <li\n        *ngFor=\"let group of groupedModels | keys; trackBy: trackByKey\"\n        [class.is-active]=\"selectedGroupedKey === group.key\">\n        <a (click)=\"selectedGroupedKey = group.key\">\n          <span class=\"pl-2\">{{ group.key }} ({{ group.value.length }})</span>\n        </a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"pl-3\">\n    <ng-container\n      *ngTemplateOutlet=\"modelList; context: { $implicit: groupedModels[selectedGroupedKey] }\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #termLink let-value>\n  <ng-template #defaultLabel>\n    <span>{{ value | keyToLabel }}</span>\n  </ng-template>\n\n  <ng-container *ngIf=\"termsById[value]; else defaultLabel\">\n    <he-node-link [node]=\"termsById[value]\" [showExternalLink]=\"true\">\n      <span>{{ termsById[value].name }}</span>\n    </he-node-link>\n  </ng-container>\n</ng-template>\n\n<ng-template #modelList let-data>\n  <div *ngFor=\"let v of data\">\n    <ng-container *ngTemplateOutlet=\"model; context: { $implicit: v }\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #model let-data>\n  <ng-container *ngIf=\"isArray(data) && data.length\">\n    <div class=\"pl-3 model-parallel\">\n      <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: data }\"></ng-container>\n    </div>\n\n    <hr />\n  </ng-container>\n  <ng-container *ngIf=\"!isArray(data)\">\n    <div class=\"card mb-2 model-serie is-size-6\">\n      <div class=\"card-content p-3\">\n        <span class=\"is-capitalized\">{{ data.key | keyToLabel }}</span>\n        :\n        <ng-template #defaultView>\n          <span class=\"default-value\">{{ data.value }}</span>\n\n          <p>\n            <span class=\"pr-1\">Model:</span>\n            <span class=\"pr-2\">\n              <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: data.model }\"></ng-container>\n            </span>\n          </p>\n        </ng-template>\n\n        <ng-template #modelFromPathLink>\n          <ng-container *ngIf=\"modelPathLink$(data) | async as link; else defaultView\">\n            <ng-container\n              *ngTemplateOutlet=\"modelPathLink; context: { model: data.model, value: data.value, link }\"></ng-container>\n          </ng-container>\n        </ng-template>\n\n        <ng-container *ngIf=\"modelLink$(data) | async as link; else modelFromPathLink\">\n          <ng-container\n            *ngTemplateOutlet=\"modelLink; context: { model: data.model, value: data.value, link }\"></ng-container>\n        </ng-container>\n\n        <div *ngIf=\"showAdvanced\">\n          <div *ngIf=\"data.runStrategy\">\n            <span class=\"pr-1\">Run strategy:</span>\n            <ng-container\n              *ngTemplateOutlet=\"strategiesLink; context: { strategy: data.runStrategy, type: 'run' }\"></ng-container>\n\n            <div class=\"pl-3 is-size-7\" *ngIf=\"data.runArgs\">\n              <p><b>Run arguments:</b></p>\n              <ng-container *ngTemplateOutlet=\"strategiesArgs; context: { $implicit: data.runArgs }\"></ng-container>\n            </div>\n          </div>\n          <div *ngIf=\"data.mergeStrategy\">\n            <span class=\"pr-1\">Merge strategy:</span>\n            <ng-container\n              *ngTemplateOutlet=\"\n                strategiesLink;\n                context: { strategy: data.mergeStrategy, type: 'merge' }\n              \"></ng-container>\n\n            <div class=\"pl-3 is-size-7\" *ngIf=\"data.mergeArgs\">\n              <p><b>Merge arguments:</b></p>\n              <ng-container *ngTemplateOutlet=\"strategiesArgs; context: { $implicit: data.mergeArgs }\"></ng-container>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #modelLinkKey let-model=\"model\" let-link=\"link\">\n  <a [href]=\"modelKeyUrl(link, model)\" target=\"_blank\">{{ modelKeyName(link.modelKey) }}</a>\n</ng-template>\n\n<ng-template #modelLink let-model=\"model\" let-link=\"link\" let-value=\"value\">\n  <ng-container *ngIf=\"link.term\">\n    <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: link.term }\"></ng-container>\n  </ng-container>\n\n  <span *ngIf=\"!link.term && !link?.modelKey\" class=\"default-value\">{{ value }}</span>\n\n  <ng-container *ngIf=\"!link.term && link?.modelKey\">\n    <ng-container *ngTemplateOutlet=\"modelLinkKey; context: { link, model }\"></ng-container>\n  </ng-container>\n\n  <p class=\"model-link\">\n    <span class=\"pr-1\">Model:</span>\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: model }\"></ng-container>\n    </span>\n\n    <a class=\"is-size-7\" [href]=\"link.docPath\" target=\"_blank\">\n      <span class=\"pr-1\">(View Docs)</span>\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #modelPathLink let-model=\"model\" let-link=\"link\" let-value=\"value\">\n  <span *ngIf=\"!link?.modelKey\" class=\"default-value\">{{ value }}</span>\n\n  <ng-container *ngIf=\"link?.modelKey\">\n    <ng-container *ngTemplateOutlet=\"modelLinkKey; context: { link, model }\"></ng-container>\n  </ng-container>\n\n  <p class=\"model-path-link\">\n    <span class=\"pr-1\">Model:</span>\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: model }\"></ng-container>\n    </span>\n\n    <a class=\"is-size-7\" [href]=\"link.docPath\" target=\"_blank\">\n      <span class=\"pr-1\">(View Docs)</span>\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #strategiesLink let-strategy=\"strategy\" let-type=\"type\">\n  <span class=\"pr-2 is-inline-block\">\n    <code>{{ strategy }}</code>\n  </span>\n\n  <a\n    class=\"is-size-7\"\n    [href]=\"strategiesDocs + '/' + type + '/' + (type === 'merge' ? 'merge_' : '') + strategy + '.md'\"\n    target=\"_blank\">\n    <span class=\"pr-1\">(View Docs)</span>\n    <fa-icon icon=\"external-link-alt\"></fa-icon>\n  </a>\n</ng-template>\n\n<ng-template #strategiesArgs let-args>\n  <div class=\"pl-2\">\n    <p *ngFor=\"let arg of args | keys\">\n      <span class=\"has-text-underline\">{{ arg.key }}</span>\n      :\n      <code>{{ arg.value | json }}</code>\n    </p>\n  </div>\n</ng-template>\n", styles: [":host{display:block}.model-parallel{border-left:3px solid #4a4a4a}.dropdown.is-dropdown-filters .dropdown-content{min-width:250px}\n"] }]
-        }], ctorParameters: function () { return [{ type: HeEngineService }, { type: HeSearchService }]; }, propDecorators: { config: [{
-                type: Input
-            }], nodeType: [{
-                type: Input
-            }] } });
-
-class EngineRequirementsFormComponent {
-    constructor(formBuilder, searchService) {
-        this.formBuilder = formBuilder;
-        this.searchService = searchService;
-        this.form = this.formBuilder.group({
-            productTermId: [undefined],
-            productTermType: [undefined],
-            tier: [undefined],
-            siteType: [undefined]
-        });
-        this.productTermTermType = productTermTermType.term;
-        this.EmissionMethodTier = EmissionMethodTier;
-        this.SiteSiteType = SiteSiteType;
-        this.suggestingProductTermId = false;
-        this.suggestProductTermId = (text$) => text$.pipe(debounceTime(300), distinctUntilChanged(), tap(() => (this.suggestingProductTermId = true)), switchMap(term => (term.length < 1 ? [] : this.suggestTerm(term))), tap(() => (this.suggestingProductTermId = false)));
-        this.inputFormatterProductTermId = ({ name }) => name;
-    }
-    suggestTerm(term) {
-        return this.searchService.suggest(term, NodeType.Term, null, {
-            bool: {
-                must: [
-                    matchType(NodeType.Term),
-                    {
-                        bool: {
-                            should: suggestMatchQuery(term),
-                            minimum_should_match: 1
-                        }
-                    },
-                    {
-                        bool: {
-                            should: productTermTermType.term.map(matchTermType),
-                            minimum_should_match: 1
-                        }
-                    }
-                ]
-            }
-        });
-    }
-    /**
-     * Return if form is valid.
-     */
-    get valid() {
-        return this.form ? !this.form.invalid : true;
-    }
-    formValue() {
-        const { productTermId, ...value } = this.form ? this.form.getRawValue() : { productTermId: undefined };
-        return {
-            ...value,
-            ...(productTermId ? { productTermId: productTermId['@id'] } : {}) // selected as a JSON-LD Object
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineRequirementsFormComponent, deps: [{ token: i2$1.UntypedFormBuilder }, { token: HeSearchService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: EngineRequirementsFormComponent, selector: "he-engine-requirements-form", ngImport: i0, template: "<form class=\"needs-validation mt-3\" novalidate [formGroup]=\"form\">\n  <div class=\"field is-horizontal\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"productTermId\">\n        <span>Product Term ID</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\" [class.has-icons-right]=\"suggestingProductTermId\">\n          <input\n            class=\"input\"\n            formControlName=\"productTermId\"\n            name=\"productTermId\"\n            placeholder=\"Search product by ID or name\"\n            [editable]=\"false\"\n            [ngbTypeahead]=\"suggestProductTermId\"\n            [resultTemplate]=\"suggestionProductTermId\"\n            [inputFormatter]=\"inputFormatterProductTermId\" />\n          <span class=\"icon is-right has-text-grey-dark\" [class.is-hidden]=\"!suggestingProductTermId\">\n            <fa-icon icon=\"spinner\" [pulse]=\"true\"></fa-icon>\n          </span>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"field is-horizontal mt-3\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"productTermType\">\n        <span>Product Term Type</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth\">\n            <select formControlName=\"productTermType\" name=\"productTermType\">\n              <option [ngValue]=\"undefined\">Select a Type</option>\n              <option *ngFor=\"let termType of productTermTermType\" [value]=\"termType\">\n                {{ termType | keyToLabel }}\n              </option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"field is-horizontal mt-3\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"tier\">\n        <span>Emissions Method Tier</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth\">\n            <select formControlName=\"tier\" name=\"tier\">\n              <option [ngValue]=\"undefined\">Select a Tier</option>\n              <option *ngFor=\"let tier of EmissionMethodTier | keys\" [value]=\"tier.value\">{{ tier.value }}</option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"field is-horizontal mt-3\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"siteType\">\n        <span>Site Type</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth\">\n            <select formControlName=\"siteType\" name=\"siteType\">\n              <option [ngValue]=\"undefined\">Select a Type</option>\n              <option *ngFor=\"let siteType of SiteSiteType | keys\" [value]=\"siteType.value\">\n                {{ siteType.value }}\n              </option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</form>\n\n<ng-template #suggestionProductTermId let-r=\"result\" let-t=\"term\">\n  <ngb-highlight [result]=\"r.name\" [term]=\"t\"></ngb-highlight>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$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]" }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4$1.NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term", "accentSensitive"] }, { kind: "directive", type: i4$1.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "selectOnExact", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineRequirementsFormComponent, decorators: [{
-            type: Component$1,
-            args: [{ selector: 'he-engine-requirements-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"needs-validation mt-3\" novalidate [formGroup]=\"form\">\n  <div class=\"field is-horizontal\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"productTermId\">\n        <span>Product Term ID</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\" [class.has-icons-right]=\"suggestingProductTermId\">\n          <input\n            class=\"input\"\n            formControlName=\"productTermId\"\n            name=\"productTermId\"\n            placeholder=\"Search product by ID or name\"\n            [editable]=\"false\"\n            [ngbTypeahead]=\"suggestProductTermId\"\n            [resultTemplate]=\"suggestionProductTermId\"\n            [inputFormatter]=\"inputFormatterProductTermId\" />\n          <span class=\"icon is-right has-text-grey-dark\" [class.is-hidden]=\"!suggestingProductTermId\">\n            <fa-icon icon=\"spinner\" [pulse]=\"true\"></fa-icon>\n          </span>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"field is-horizontal mt-3\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"productTermType\">\n        <span>Product Term Type</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth\">\n            <select formControlName=\"productTermType\" name=\"productTermType\">\n              <option [ngValue]=\"undefined\">Select a Type</option>\n              <option *ngFor=\"let termType of productTermTermType\" [value]=\"termType\">\n                {{ termType | keyToLabel }}\n              </option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"field is-horizontal mt-3\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"tier\">\n        <span>Emissions Method Tier</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth\">\n            <select formControlName=\"tier\" name=\"tier\">\n              <option [ngValue]=\"undefined\">Select a Tier</option>\n              <option *ngFor=\"let tier of EmissionMethodTier | keys\" [value]=\"tier.value\">{{ tier.value }}</option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"field is-horizontal mt-3\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"siteType\">\n        <span>Site Type</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth\">\n            <select formControlName=\"siteType\" name=\"siteType\">\n              <option [ngValue]=\"undefined\">Select a Type</option>\n              <option *ngFor=\"let siteType of SiteSiteType | keys\" [value]=\"siteType.value\">\n                {{ siteType.value }}\n              </option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</form>\n\n<ng-template #suggestionProductTermId let-r=\"result\" let-t=\"term\">\n  <ngb-highlight [result]=\"r.name\" [term]=\"t\"></ngb-highlight>\n</ng-template>\n" }]
-        }], ctorParameters: function () { return [{ type: i2$1.UntypedFormBuilder }, { type: HeSearchService }]; } });
+/* eslint-disable max-len */
+const semverRegex = () => /^(0|[1-9]\d*)\.(0|[1-9]\d*)\.(0|[1-9]\d*)(?:-((?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z-][0-9a-zA-Z-]*))*))?(?:\+([0-9a-zA-Z-]+(?:\.[0-9a-zA-Z-]+)*))?$/gi;
+/* eslint-enable max-len */
+const sort = (versions, compare) => versions.sort((v1, v2) => {
+    const sv1 = semverRegex().exec(v1)[0] || v1;
+    const sv2 = semverRegex().exec(v2)[0] || v2;
+    return compare(sv1, sv2);
+});
+const asc = (versions) => sort(versions, semver.compare);
+const desc = (versions) => sort(versions, semver.rcompare);
 
-const components$8 = [
-    EngineModelsStageComponent,
-    EngineModelsVersionLinkComponent,
-    EngineOrchestratorEditComponent,
-    EngineRequirementsFormComponent
-];
-class HeEngineModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeEngineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: HeEngineModule, declarations: [EngineModelsStageComponent,
-            EngineModelsVersionLinkComponent,
-            EngineOrchestratorEditComponent,
-            EngineRequirementsFormComponent], imports: [CommonModule, ReactiveFormsModule, FormsModule, HeCommonModule, HeNodeModule], exports: [EngineModelsStageComponent,
-            EngineModelsVersionLinkComponent,
-            EngineOrchestratorEditComponent,
-            EngineRequirementsFormComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeEngineModule, imports: [CommonModule, ReactiveFormsModule, FormsModule, HeCommonModule, HeNodeModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeEngineModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: components$8,
-                    exports: components$8,
-                    imports: [CommonModule, ReactiveFormsModule, FormsModule, HeCommonModule, HeNodeModule]
-                }]
-        }] });
+const isVersionKey = (key) => ['addedVersion', 'updatedVersion'].includes(key);
+const isValidValue = (value) => !isUndefined(value) &&
+    typeof value === 'object' &&
+    (Array.isArray(value) || value.addedVersion || value.updatedVersion);
+/**
+ * Get the most recent version of the models used to recalculate the node.
+ *
+ * @param node
+ * @returns The latest version
+ */
+const nodeVersion = (node) => {
+    const versions = Object.entries(node || {})
+        .filter(([key, value]) => isVersionKey(key) || isValidValue(value))
+        .flatMap(([key, value]) => isVersionKey(key)
+        ? value
+        : typeof value === 'object'
+            ? Array.isArray(value)
+                ? value.map(nodeVersion)
+                : value.addedVersion || value.updatedVersion
+            : value)
+        .filter(Boolean);
+    return versions?.length ? desc(versions)[0] : null;
+};
 
 const nodeType = (node) => node?.['@type'] || node?.type;
 const nodeId = (node) => node?.['@id'] || node?.id;
@@ -7230,12 +6659,6 @@ class NodeLogsModelsComponent {
     trackByBlankNode(_index, node) {
         return node.termId || node.key;
     }
-    termChanged(value) {
-        this.term.set(value);
-    }
-    onlyRequiredChanged(value) {
-        this.onlyRequired.set(value);
-    }
     methodName({ methodId, model }) {
         return this.methodsById()?.[methodId]?.name || methodIdLabel(methodId, model);
     }
@@ -7251,11 +6674,11 @@ class NodeLogsModelsComponent {
             });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeLogsModelsComponent, deps: [{ token: HeNodeService }, { token: HeSearchService }, { token: HeEngineService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: { node: "node", nodeKey: "nodeKey", originalValues: "originalValues", recalculatedValues: "recalculatedValues", terms: "terms", filterTermTypes: "filterTermTypes", filterTermTypesLabel: "filterTermTypesLabel", logsKey: "logsKey", noDataMessage: "noDataMessage" }, ngImport: i0, template: "<div\n  *ngIf=\"showOutdatedLogs() || engineModelVersion() === currentModelVersion(); else showOutdatedLogsWarning\"\n  class=\"is-px-3 is-pb-3\">\n  <div class=\"has-text-right is-mb-2\" *ngIf=\"!isExternal && logsUrl()\">\n    <a class=\"is-size-7\" [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\" maxHeight=\"320\">\n    <table class=\"table is-fullwidth is-narrow is-striped\">\n      <thead>\n        <tr>\n          <th class=\"width-auto has-border-right\">\n            <div class=\"field\" *ngIf=\"enableFilterByTerm()\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input\n                  class=\"input search-input is-small\"\n                  [ngModel]=\"term()\"\n                  name=\"term\"\n                  placeholder=\"Select entry by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [focusFirst]=\"true\"\n                  (focus)=\"typeaheadFocus($event)\"\n                  (selectItem)=\"termChanged($event.item)\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"termChanged('')\">\n                  <fa-icon icon=\"times\"></fa-icon>\n                </a>\n              </div>\n            </div>\n          </th>\n          <th *ngIf=\"isBlankNodes()\">\n            <span class=\"is-pr-1\">Units</span>\n            <span>(per&nbsp;</span>\n            <span [ngSwitch]=\"functionalUnit()\">\n              <ng-container *ngSwitchCase=\"CycleFunctionalUnit['1 ha']\">hectare</ng-container>\n              <ng-container *ngSwitchDefault>kg product</ng-container>\n            </span>\n            <span>)</span>\n          </th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th *ngIf=\"isBlankNodes()\">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>{{ _noDataMessage() || '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\" [class.is-open]=\"blankNode.isOpen\">\n            <td class=\"width-auto has-border-right is-nowrap\" [attr.title]=\"blankNode.term?.name || blankNode.key\">\n              <a\n                class=\"is-inline-block is-align-top pr-2 open-node\"\n                (click)=\"blankNode.isOpen = !blankNode.isOpen\"\n                *ngIf=\"blankNode.canOpen\">\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 is-pre-wrap\" *ngIf=\"blankNode.term\" [node]=\"blankNode.term\">\n                <span [innerHtml]=\"blankNode.term.name | compound\"></span>\n              </he-node-link>\n              <ng-template #showBlankNodeKey>\n                <span>{{ blankNode.key }}</span>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.key; else showBlankNodeKey\">\n                <a\n                  *ngIf=\"_nodeKey() === 'completeness'\"\n                  [href]=\"baseUrl + '/schema/Completeness#' + blankNode.key\"\n                  target=\"_blank\">\n                  <span>{{ blankNode.key | keyToLabel }}</span>\n                </a>\n              </ng-container>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">\n              <span class=\"is-nowrap\" [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <ng-template #defaultOriginalValue>\n                <span>{{ blankNode.originalValue | precision: 3 | default: '-' }}</span>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultOriginalValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">\n                  {{ blankNode.originalValueByMethodId[model.methodId] | precision: 3 | default: '-' }}\n                </div>\n              </ng-container>\n            </td>\n            <td>\n              <ng-container *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                <ng-template #defaultRecalculatedValue>\n                  <span>{{ blankNode.recalculatedValue | precision: 3 | default: '-' }}</span>\n                </ng-template>\n                <ng-container *ngIf=\"blankNode.allParallel; else defaultRecalculatedValue\">\n                  <div *ngFor=\"let model of blankNode.configModels[0]\">\n                    {{ blankNode.recalculatedValueByMethodId[model.methodId] | precision: 3 | default: '-' }}\n                  </div>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td *ngIf=\"isBlankNodes()\" class=\"is-nowrap\">\n              <ng-template #defaultDeltaValue>\n                <he-blank-node-value-delta\n                  *ngIf=\"blankNode.original.length && blankNode.isRecalculated; else noValue\"\n                  [value]=\"blankNode.recalculatedValue\"\n                  [originalValue]=\"blankNode.originalValue\"></he-blank-node-value-delta>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultDeltaValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">\n                  <he-blank-node-value-delta\n                    *ngIf=\"\n                      blankNode.originalValueByMethodId[model.methodId] !== null &&\n                        blankNode.recalculatedValueByMethodId[model.methodId] !== null;\n                      else noValue\n                    \"\n                    [value]=\"blankNode.recalculatedValueByMethodId[model.methodId]\"\n                    [originalValue]=\"blankNode.originalValueByMethodId[model.methodId]\"></he-blank-node-value-delta>\n                </div>\n              </ng-container>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.keys\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.has-sub-rows]=\"blankNode.subValues?.length\"\n            [class.is-sub-row]=\"blankNode.canOpen\">\n            <td class=\"width-auto has-border-right is-nowrap\">\n              <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n\n              <a\n                class=\"is-inline-block is-pre-wrap\"\n                *ngIf=\"blankNode.type\"\n                [href]=\"baseUrl + '/schema/' + blankNode.type + '#' + subValue.key\"\n                target=\"_blank\"\n                [title]=\"subValue.key\">\n                <span>{{ subValue.key }}</span>\n              </a>\n              <span class=\"is-inline-block is-align-top\" *ngIf=\"!blankNode.type\">{{ subValue.key }}</span>\n            </td>\n            <td *ngIf=\"isBlankNodes()\"></td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">\n                {{ subValue.originalValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated || subValue.key === 'impactAssessment'; else notRecalculated\">\n                {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.is-sub-row]=\"blankNode.canOpen\">\n            <td class=\"width-auto has-border-right\">\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\n                    *ngSwitchDefault\n                    class=\"is-block pl-4\"\n                    [node]=\"termById(subValue.id)\"\n                    [attr.title]=\"termById(subValue.id).name\">\n                    <span [innerHtml]=\"termById(subValue.id).name | compound\"></span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">\n              <span class=\"is-nowrap\" *ngIf=\"subValue.showUnits\" [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">\n                {{ subValue.originalValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: 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\" (click)=\"showLegend = !showLegend\">\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          <ng-container *ngFor=\"let status of LogStatus | keys\">\n            <li *ngIf=\"logIcon[status.value]\" class=\"has-text-{{ logColor[status.value] }}\">\n              <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n              <span class=\"pl-1\">{{ status.value }}</span>\n            </li>\n          </ng-container>\n        </ul>\n      </div>\n      <div class=\"column has-text-right\" *ngIf=\"filteredType()\">\n        <label class=\"is-inline-block checkbox\">\n          <input\n            type=\"checkbox\"\n            class=\"selector\"\n            [ngModel]=\"onlyRequired\"\n            (change)=\"onlyRequiredChanged($event.target.checked)\"\n            [disabled]=\"!!term()\" />\n          <span class=\"ml-2\">\n            Show only {{ filteredType() | pluralize }} included in the default Hestia system boundary\n          </span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #showOutdatedLogsWarning>\n  <div class=\"is-3 has-text-centered\">\n    <p class=\"is-mb-2\">\n      <fa-icon class=\"is-pr-2\" icon=\"exclamation-triangle\"></fa-icon>\n      <span>These logs might be incorrect as the calculations are outdated.</span>\n    </p>\n    <p class=\"is-underlined is-size-7\"><a (click)=\"showOutdatedLogs.set(true)\">View logs anyway.</a></p>\n  </div>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <ng-template #notInSystemBoundary>\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Not in Hestia system boundary</span>\n    </td>\n  </ng-template>\n\n  <ng-container *ngIf=\"isSystemBoundary(data); else noValue\">\n    <td class=\"blank-node-index-{{ i }}\" *ngFor=\"let c of methodModelsCount() | times; let i = index\">\n      <ng-container *ngIf=\"getModelsAt(data, i); let models; else: noValue\">\n        <ng-template #modelSerie>\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model: models, data }\"></ng-container>\n        </ng-template>\n        <div *ngIf=\"models | isArray; else modelSerie\">\n          <p *ngFor=\"let model of models\">\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model, data }\"></ng-container>\n          </p>\n        </div>\n      </ng-container>\n    </td>\n  </ng-container>\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <span\n    class=\"is-nowrap\"\n    [class.trigger-popover]=\"model.showLogs\"\n    [ngbPopover]=\"logDetails\"\n    [autoClose]=\"'outside'\"\n    popoverClass=\"is-narrow\"\n    triggers=\"manual\"\n    #p=\"ngbPopover\"\n    placement=\"left\"\n    container=\"body\"\n    (click)=\"p.isOpen() ? p.close() : model.showLogs ? p.open({ logs: model.logs }) : null\">\n    <span class=\"is-capitalized\">{{ methodName(model) }}</span>\n    <span class=\"pl-1\" *ngIf=\"model.logs?.methodTier || model.model?.methodTier\">\n      [{{ model.logs?.methodTier || model.model?.methodTier }}]\n    </span>\n\n    <span\n      class=\"pl-1 has-text-{{ logColor[model.status] }} trigger-popover\"\n      [ngbPopover]=\"logStatusDetails\"\n      [autoClose]=\"'outside'\"\n      popoverClass=\"is-narrow\"\n      triggers=\"manual\"\n      #p1=\"ngbPopover\"\n      placement=\"left\"\n      container=\"body\"\n      (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n      <fa-icon [icon]=\"logIcon[model.status]\"></fa-icon>\n    </span>\n\n    <span class=\"pl-1\" *ngIf=\"model.model\">\n      (\n      <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\"></ng-container>\n      )\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  <div class=\"table-container\" *bindOnce=\"logs\">\n    <table class=\"table is-dark is-fullwidth\">\n      <tbody>\n        <ng-container *ngIf=\"logs?.requirements\">\n          <ng-container *ngFor=\"let key of requirementKeys(logs.requirements)\">\n            <ng-container *ngTemplateOutlet=\"logLine; context: { key, value: logs.requirements[key] }\"></ng-container>\n          </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"logs?.logs\">\n          <ng-container *ngFor=\"let key of logs.logs | keys\">\n            <ng-container *ngTemplateOutlet=\"logLine; context: key\"></ng-container>\n          </ng-container>\n        </ng-container>\n      </tbody>\n    </table>\n  </div>\n\n  <ng-container *bindOnce=\"logs\">\n    <div class=\"it-mt-2\" *ngIf=\"logs?.missingLookups?.length\">\n      <p>Optional data missing:</p>\n\n      <div class=\"table-container data-table-container\">\n        <table class=\"table is-dark is-fullwidth is-striped\">\n          <thead>\n            <tr>\n              <th class=\"has-text-white\">\n                <span>Filename</span>\n              </th>\n              <th class=\"has-text-white\">\n                <span>Column Title</span>\n              </th>\n              <th class=\"has-text-white\">\n                <span>Row (term.id)</span>\n              </th>\n            </tr>\n          </thead>\n          <tbody class=\"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    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  <ng-template #defaultValue>\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  </ng-template>\n  <ng-container *ngIf=\"requirementLinkedNode(key, value); let linkedNode; else: defaultValue\">\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\"></he-node-link>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        <ng-template #defaultMessage>\n          <ng-container [ngSwitch]=\"key\">\n            <ng-container *ngSwitchDefault>{{ key | keyToLabel }}</ng-container>\n\n            <ng-container *ngSwitchCase=\"'property_id'\">Property Term @id</ng-container>\n            <ng-container *ngSwitchCase=\"'product_id'\">Product Term @id</ng-container>\n            <ng-container *ngSwitchCase=\"'input_id'\">Input Term @id</ng-container>\n\n            <ng-container *ngSwitchCase=\"'node_type_allowed'\">\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'siteType_allowed'\">\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'product_id_allowed'\">\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">@id</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'product_termType_allowed'\">\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'input_id_allowed'\">\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">@id</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'input_termType_allowed'\">\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n\n            <!-- Deprecated -->\n            <ng-container *ngSwitchCase=\"'primary_product_id_allowed'\">\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">@id</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'primary_product_termType_allowed'\">\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'geospatial_data'\">\n              Has geospatial data necessary to run this model\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'contains_geospatial_data'\">\n              Has geospatial data necessary to run this model\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'current_size'\">Current polygon area</ng-container>\n            <ng-container *ngSwitchCase=\"'max_area_size'\">Maximum polygon area to run this model</ng-container>\n            <ng-container *ngSwitchCase=\"'below_max_area_size'\">Polygon below the maximum area</ng-container>\n            <ng-container *ngSwitchCase=\"'region_factor'\">Factor from region lookup</ng-container>\n\n            <ng-container *ngSwitchCase=\"'has_pesticides_inputs'\">\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'all_pesticideAI_have_lookup_value'\">\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'has_crop_residue_burnt'\">\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'liquid_slurry_sludge_P'\">Liquid, Slurry, and Sludge P</ng-container>\n          </ng-container>\n        </ng-template>\n\n        <ng-container *ngIf=\"parseLogCompleteness(key); let completeness; else: defaultMessage\">\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ completeness.key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ completeness.value }}</code>\n        </ng-container>\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [icon]=\"['far', 'clone']\"\n        [value]=\"key\"\n        [hideText]=\"true\"></he-clipboard>\n    </td>\n    <td>\n      <ng-template #singleValue>\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"logValueArray(value); let valueArray; else: singleValue\">\n        <table class=\"table is-dark is-bordered is-striped\">\n          <thead *ngIf=\"valueArray[0] | isObject\">\n            <tr>\n              <th class=\"has-text-white\" *ngFor=\"let v of valueArray[0] | keys\">{{ v.key }}</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let v of valueArray\">\n              <ng-template #singleArrayValue>\n                <td>{{ v }}</td>\n              </ng-template>\n              <ng-container *ngIf=\"v | isObject; else singleArrayValue\">\n                <td *ngFor=\"let vv of v | keys\">{{ vv.value }}</td>\n              </ng-container>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </td>\n  </tr>\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <ng-container *bindOnce=\"model\">\n    <div class=\"is-mb-2\">\n      <span>Status:</span>\n      <span class=\"is-pl-1\">{{ model.status }}</span>\n    </div>\n\n    <ng-container *ngIf=\"model.status === LogStatus.notRequired && model.logs?.is_not_relevant === 'True'\">\n      <ul class=\"is-pl-3 is-list-style-disc\">\n        <li *ngIf=\"model.logs.logs?.siteType_allowed === 'False'\">\n          The\n          <code class=\"is-mx-1\">site.siteType</code>\n          is not relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.product_id_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Product</code>\n          <code class=\"is-mr-1\">term.@id</code>\n          is relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.product_termType_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Product</code>\n          <code class=\"is-mr-1\">term.termType</code>\n          is relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.input_id_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Input</code>\n          <code class=\"is-mr-1\">term.@id</code>\n          is relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.input_termType_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Input</code>\n          <code class=\"is-mr-1\">term.termType</code>\n          is relevant.\n        </li>\n      </ul>\n    </ng-container>\n\n    <ng-container\n      *ngIf=\"model.logs && model.status !== LogStatus.notRequired && model.status !== LogStatus.skipHierarchy\">\n      <ul class=\"is-pl-3 is-list-style-disc\">\n        <ng-template #showRunOrchestrator>\n          <li class=\"is-run-orchestrator\">\n            <p *ngIf=\"model.logs?.shouldRun\">All the requirements were met to run the model.</p>\n            <ng-container *ngIf=\"!model.logs?.shouldRun\">\n              <p>Some of the requirements were not met to run the model.</p>\n              <p>You can click on the model name on the left to view the debugging logs.</p>\n            </ng-container>\n            <ng-container *ngIf=\"model.logs?.logs?.error\">\n              <p>The model failed to run for the following reason:</p>\n              <p>\n                <code>{{ model.logs.logs.error }}</code>\n              </p>\n            </ng-container>\n          </li>\n        </ng-template>\n\n        <li\n          class=\"is-no-run-orchestrator\"\n          *ngIf=\"model.logs?.shouldRunOrchestrator === false; else showRunOrchestrator\">\n          <ng-container *ngIf=\"!model.logs.runRequired\">\n            <span class=\"is-run-node-type-not-allowed\" *ngIf=\"model.logs.logs?.node_type_allowed === 'False'\">\n              This model should not run for {{ nodeType() | pluralize: 0 }}\n            </span>\n          </ng-container>\n\n          <ng-template #runNoConfig>\n            <span class=\"is-run-not-empty\" *ngIf=\"model.logs.logs?.is_empty === 'False'\">\n              The {{ data.type || 'blank node' }} with Term\n              <code class=\"is-mx-1\">{{ data.termId }}</code>\n              is already present or already added by another model.\n            </span>\n          </ng-template>\n\n          <ng-container *ngIf=\"model.config; else runNoConfig\">\n            <p class=\"is-run-strategy-{{ model.config.runStrategy }}\" [ngSwitch]=\"model.config.runStrategy\">\n              <span *ngSwitchCase=\"'always'\"></span>\n              <span *ngSwitchCase=\"'add_key_if_missing'\">We only gap-fill this key if not present</span>\n              <span *ngSwitchCase=\"'add_blank_node_if_missing'\">We only gap-fill this Blank Node if not present.</span>\n            </p>\n\n            <p class=\"is-mt-1\">\n              <span\n                class=\"is-run-with-measured\"\n                *ngIf=\"\n                  model.config.runArgs?.runNonMeasured && hasMethodTier(data.original, EmissionMethodTier.measured)\n                \">\n                The\n                <code class=\"is-mx-1\">{{ model.config.value }}</code>\n                was reported as measured.\n              </span>\n            </p>\n          </ng-container>\n        </li>\n\n        <li *ngIf=\"model.logs?.replaceLowerTier !== undefined\">\n          <span>\n            The recalculated\n            <b>methodTier</b>\n            was\n          </span>\n          <span class=\"is-pl-1 is-underlined\" *ngIf=\"!model.logs.replaceLowerTier\">lower than</span>\n          <span class=\"is-pl-1 is-underlined\" *ngIf=\"model.logs.replaceLowerTier\">higher than or equal to</span>\n          <span class=\"is-pl-1\">\n            the original\n            <b>methodTier</b>\n            .\n          </span>\n        </li>\n\n        <li class=\"is-merge-replaceLowerTier\" *ngIf=\"model.logs.replaceLowerTier\">\n          <span>The recalculated</span>\n          <b class=\"is-pl-1\">{{ model.config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}</b>\n          <span class=\"is-pl-1\">was</span>\n          <span class=\"is-pl-1\">\n            <ng-container *ngIf=\"model.config?.mergeArgs\">\n              <span class=\"is-underlined\" *ngIf=\"!model.logs.replaceThreshold\">less than</span>\n              <span class=\"is-underlined\" *ngIf=\"model.logs.replaceThreshold\">more than or equal to</span>\n              <b class=\"is-pl-1\">{{ model.config.mergeArgs.replaceThreshold[1] * 100 }}%</b>\n            </ng-container>\n            <ng-container *ngIf=\"!model.config?.mergeArgs\">\n              <span class=\"is-underlined\" *ngIf=\"!model.logs.replaceThreshold\">not sufficiently</span>\n              <span class=\"is-underlined\" *ngIf=\"model.logs.replaceThreshold\">sufficiently</span>\n            </ng-container>\n          </span>\n          <span class=\"is-pl-1\">different from the original</span>\n          <b class=\"is-pl-1\">{{ model.config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}.</b>\n        </li>\n      </ul>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<ng-template #docsLink let-model>\n  <a [href]=\"model.apiDocsPath || model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n    <span>Docs</span>\n    <fa-icon class=\"ml-1\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::ng-deep .table td he-node-link{width:190px}@media screen and (max-width: 768px){::ng-deep .table td he-node-link{width:150px}}::ng-deep .table td .open-node+he-node-link{width:170px}@media screen and (max-width: 768px){::ng-deep .table td .open-node+he-node-link{width:130px}}::ng-deep .table td.has-border-right{box-shadow:1px 0 #6c8093}::ng-deep .table .has-sub-rows.is-open>td:first-child:before,::ng-deep .table .is-sub-row>td:first-child:before{display:block;position:absolute;content:\" \";background-color:#6c809333;height:100%;width:1px;top:0;left:12px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}::ng-deep .copy-log he-clipboard{visibility:hidden}::ng-deep .copy-log:hover he-clipboard{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2$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]" }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$1.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "selectOnExact", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "directive", type: i4$1.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["value", "disabled", "hideText", "icon", "size", "rotate", "clipboardClass"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "pipe", type: IsArrayPipe, name: "isArray" }, { kind: "pipe", type: IsObjectPipe, name: "isObject" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: { node: "node", nodeKey: "nodeKey", originalValues: "originalValues", recalculatedValues: "recalculatedValues", terms: "terms", filterTermTypes: "filterTermTypes", filterTermTypesLabel: "filterTermTypesLabel", logsKey: "logsKey", noDataMessage: "noDataMessage" }, ngImport: i0, template: "<div\n  *ngIf=\"showOutdatedLogs() || engineModelVersion() === currentModelVersion(); else showOutdatedLogsWarning\"\n  class=\"is-px-3 is-pb-3\">\n  <div class=\"has-text-right is-mb-2\" *ngIf=\"!isExternal && logsUrl()\">\n    <a class=\"is-size-7\" [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\" maxHeight=\"320\">\n    <table class=\"table is-fullwidth is-narrow is-striped\">\n      <thead>\n        <tr>\n          <th class=\"width-auto has-border-right\">\n            <div class=\"field\" *ngIf=\"enableFilterByTerm()\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input\n                  class=\"input search-input is-small\"\n                  [ngModel]=\"term()\"\n                  name=\"term\"\n                  placeholder=\"Select entry by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [focusFirst]=\"true\"\n                  (focus)=\"typeaheadFocus($event)\"\n                  (selectItem)=\"term.set($event.item)\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set('')\">\n                  <fa-icon icon=\"times\"></fa-icon>\n                </a>\n              </div>\n            </div>\n          </th>\n          <th *ngIf=\"isBlankNodes()\">\n            <span class=\"is-pr-1\">Units</span>\n            <span>(per&nbsp;</span>\n            <span [ngSwitch]=\"functionalUnit()\">\n              <ng-container *ngSwitchCase=\"CycleFunctionalUnit['1 ha']\">hectare</ng-container>\n              <ng-container *ngSwitchDefault>kg product</ng-container>\n            </span>\n            <span>)</span>\n          </th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th *ngIf=\"isBlankNodes()\">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>{{ _noDataMessage() || '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\" [class.is-open]=\"blankNode.isOpen\">\n            <td class=\"width-auto has-border-right is-nowrap\" [attr.title]=\"blankNode.term?.name || blankNode.key\">\n              <a\n                class=\"is-inline-block is-align-top pr-2 open-node\"\n                (click)=\"blankNode.isOpen = !blankNode.isOpen\"\n                *ngIf=\"blankNode.canOpen\">\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 is-pre-wrap\" *ngIf=\"blankNode.term\" [node]=\"blankNode.term\">\n                <span [innerHtml]=\"blankNode.term.name | compound\"></span>\n              </he-node-link>\n              <ng-template #showBlankNodeKey>\n                <span>{{ blankNode.key }}</span>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.key; else showBlankNodeKey\">\n                <a\n                  *ngIf=\"_nodeKey() === 'completeness'\"\n                  [href]=\"baseUrl + '/schema/Completeness#' + blankNode.key\"\n                  target=\"_blank\">\n                  <span>{{ blankNode.key | keyToLabel }}</span>\n                </a>\n              </ng-container>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">\n              <span class=\"is-nowrap\" [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <ng-template #defaultOriginalValue>\n                <span>{{ blankNode.originalValue | precision: 3 | default: '-' }}</span>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultOriginalValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">\n                  {{ blankNode.originalValueByMethodId[model.methodId] | precision: 3 | default: '-' }}\n                </div>\n              </ng-container>\n            </td>\n            <td>\n              <ng-container *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                <ng-template #defaultRecalculatedValue>\n                  <span>{{ blankNode.recalculatedValue | precision: 3 | default: '-' }}</span>\n                </ng-template>\n                <ng-container *ngIf=\"blankNode.allParallel; else defaultRecalculatedValue\">\n                  <div *ngFor=\"let model of blankNode.configModels[0]\">\n                    {{ blankNode.recalculatedValueByMethodId[model.methodId] | precision: 3 | default: '-' }}\n                  </div>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td *ngIf=\"isBlankNodes()\" class=\"is-nowrap\">\n              <ng-template #defaultDeltaValue>\n                <he-blank-node-value-delta\n                  *ngIf=\"blankNode.original.length && blankNode.isRecalculated; else noValue\"\n                  [value]=\"blankNode.recalculatedValue\"\n                  [originalValue]=\"blankNode.originalValue\"></he-blank-node-value-delta>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultDeltaValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">\n                  <he-blank-node-value-delta\n                    *ngIf=\"\n                      blankNode.originalValueByMethodId[model.methodId] !== null &&\n                        blankNode.recalculatedValueByMethodId[model.methodId] !== null;\n                      else noValue\n                    \"\n                    [value]=\"blankNode.recalculatedValueByMethodId[model.methodId]\"\n                    [originalValue]=\"blankNode.originalValueByMethodId[model.methodId]\"></he-blank-node-value-delta>\n                </div>\n              </ng-container>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.keys\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.has-sub-rows]=\"blankNode.subValues?.length\"\n            [class.is-sub-row]=\"blankNode.canOpen\">\n            <td class=\"width-auto has-border-right is-nowrap\">\n              <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n\n              <a\n                class=\"is-inline-block is-pre-wrap\"\n                *ngIf=\"blankNode.type\"\n                [href]=\"baseUrl + '/schema/' + blankNode.type + '#' + subValue.key\"\n                target=\"_blank\"\n                [title]=\"subValue.key\">\n                <span>{{ subValue.key }}</span>\n              </a>\n              <span class=\"is-inline-block is-align-top\" *ngIf=\"!blankNode.type\">{{ subValue.key }}</span>\n            </td>\n            <td *ngIf=\"isBlankNodes()\"></td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">\n                {{ subValue.originalValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated || subValue.key === 'impactAssessment'; else notRecalculated\">\n                {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.is-sub-row]=\"blankNode.canOpen\">\n            <td class=\"width-auto has-border-right\">\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\n                    *ngSwitchDefault\n                    class=\"is-block pl-4\"\n                    [node]=\"termById(subValue.id)\"\n                    [attr.title]=\"termById(subValue.id).name\">\n                    <span [innerHtml]=\"termById(subValue.id).name | compound\"></span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">\n              <span class=\"is-nowrap\" *ngIf=\"subValue.showUnits\" [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">\n                {{ subValue.originalValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: 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\" (click)=\"showLegend = !showLegend\">\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          <ng-container *ngFor=\"let status of LogStatus | keys\">\n            <li *ngIf=\"logIcon[status.value]\" class=\"has-text-{{ logColor[status.value] }}\">\n              <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n              <span class=\"pl-1\">{{ status.value }}</span>\n            </li>\n          </ng-container>\n        </ul>\n      </div>\n      <div class=\"column has-text-right\" *ngIf=\"filteredType()\">\n        <label class=\"is-inline-block checkbox\">\n          <input\n            type=\"checkbox\"\n            class=\"selector\"\n            [ngModel]=\"onlyRequired\"\n            (change)=\"onlyRequired.set($event.target.checked)\"\n            [disabled]=\"!!term()\" />\n          <span class=\"ml-2\">\n            Show only {{ filteredType() | pluralize }} included in the default Hestia system boundary\n          </span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #showOutdatedLogsWarning>\n  <div class=\"is-3 has-text-centered\">\n    <p class=\"is-mb-2\">\n      <fa-icon class=\"is-pr-2\" icon=\"exclamation-triangle\"></fa-icon>\n      <span>These logs might be incorrect as the calculations are outdated.</span>\n    </p>\n    <p class=\"is-underlined is-size-7\"><a (click)=\"showOutdatedLogs.set(true)\">View logs anyway.</a></p>\n  </div>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <ng-template #notInSystemBoundary>\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Not in Hestia system boundary</span>\n    </td>\n  </ng-template>\n\n  <ng-container *ngIf=\"isSystemBoundary(data); else noValue\">\n    <td class=\"blank-node-index-{{ i }}\" *ngFor=\"let c of methodModelsCount() | times; let i = index\">\n      <ng-container *ngIf=\"getModelsAt(data, i); let models; else: noValue\">\n        <ng-template #modelSerie>\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model: models, data }\"></ng-container>\n        </ng-template>\n        <div *ngIf=\"models | isArray; else modelSerie\">\n          <p *ngFor=\"let model of models\">\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model, data }\"></ng-container>\n          </p>\n        </div>\n      </ng-container>\n    </td>\n  </ng-container>\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <span\n    class=\"is-nowrap\"\n    [class.trigger-popover]=\"model.showLogs\"\n    [ngbPopover]=\"logDetails\"\n    [autoClose]=\"'outside'\"\n    popoverClass=\"is-narrow\"\n    triggers=\"manual\"\n    #p=\"ngbPopover\"\n    placement=\"left\"\n    container=\"body\"\n    (click)=\"p.isOpen() ? p.close() : model.showLogs ? p.open({ logs: model.logs }) : null\">\n    <span class=\"is-capitalized\">{{ methodName(model) }}</span>\n    <span class=\"pl-1\" *ngIf=\"model.logs?.methodTier || model.model?.methodTier\">\n      [{{ model.logs?.methodTier || model.model?.methodTier }}]\n    </span>\n\n    <span\n      class=\"pl-1 has-text-{{ logColor[model.status] }} trigger-popover\"\n      [ngbPopover]=\"logStatusDetails\"\n      [autoClose]=\"'outside'\"\n      popoverClass=\"is-narrow\"\n      triggers=\"manual\"\n      #p1=\"ngbPopover\"\n      placement=\"left\"\n      container=\"body\"\n      (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n      <fa-icon [icon]=\"logIcon[model.status]\"></fa-icon>\n    </span>\n\n    <span class=\"pl-1\" *ngIf=\"model.model\">\n      (\n      <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\"></ng-container>\n      )\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  <div class=\"table-container\" *bindOnce=\"logs\">\n    <table class=\"table is-dark is-fullwidth\">\n      <tbody>\n        <ng-container *ngIf=\"logs?.requirements\">\n          <ng-container *ngFor=\"let key of requirementKeys(logs.requirements)\">\n            <ng-container *ngTemplateOutlet=\"logLine; context: { key, value: logs.requirements[key] }\"></ng-container>\n          </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"logs?.logs\">\n          <ng-container *ngFor=\"let key of logs.logs | keys\">\n            <ng-container *ngTemplateOutlet=\"logLine; context: key\"></ng-container>\n          </ng-container>\n        </ng-container>\n      </tbody>\n    </table>\n  </div>\n\n  <ng-container *bindOnce=\"logs\">\n    <div class=\"it-mt-2\" *ngIf=\"logs?.missingLookups?.length\">\n      <p>Optional data missing:</p>\n\n      <div class=\"table-container data-table-container\">\n        <table class=\"table is-dark is-fullwidth is-striped\">\n          <thead>\n            <tr>\n              <th class=\"has-text-white\">\n                <span>Filename</span>\n              </th>\n              <th class=\"has-text-white\">\n                <span>Column Title</span>\n              </th>\n              <th class=\"has-text-white\">\n                <span>Row (term.id)</span>\n              </th>\n            </tr>\n          </thead>\n          <tbody class=\"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    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  <ng-template #defaultValue>\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  </ng-template>\n  <ng-container *ngIf=\"requirementLinkedNode(key, value); let linkedNode; else: defaultValue\">\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\"></he-node-link>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        <ng-template #defaultMessage>\n          <ng-container [ngSwitch]=\"key\">\n            <ng-container *ngSwitchDefault>{{ key | keyToLabel }}</ng-container>\n\n            <ng-container *ngSwitchCase=\"'property_id'\">Property Term @id</ng-container>\n            <ng-container *ngSwitchCase=\"'product_id'\">Product Term @id</ng-container>\n            <ng-container *ngSwitchCase=\"'input_id'\">Input Term @id</ng-container>\n\n            <ng-container *ngSwitchCase=\"'node_type_allowed'\">\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'siteType_allowed'\">\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'product_id_allowed'\">\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">@id</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'product_termType_allowed'\">\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'input_id_allowed'\">\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">@id</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'input_termType_allowed'\">\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n\n            <!-- Deprecated -->\n            <ng-container *ngSwitchCase=\"'primary_product_id_allowed'\">\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">@id</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'primary_product_termType_allowed'\">\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'geospatial_data'\">\n              Has geospatial data necessary to run this model\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'contains_geospatial_data'\">\n              Has geospatial data necessary to run this model\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'current_size'\">Current polygon area</ng-container>\n            <ng-container *ngSwitchCase=\"'max_area_size'\">Maximum polygon area to run this model</ng-container>\n            <ng-container *ngSwitchCase=\"'below_max_area_size'\">Polygon below the maximum area</ng-container>\n            <ng-container *ngSwitchCase=\"'region_factor'\">Factor from region lookup</ng-container>\n\n            <ng-container *ngSwitchCase=\"'has_pesticides_inputs'\">\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'all_pesticideAI_have_lookup_value'\">\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'has_crop_residue_burnt'\">\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'liquid_slurry_sludge_P'\">Liquid, Slurry, and Sludge P</ng-container>\n          </ng-container>\n        </ng-template>\n\n        <ng-container *ngIf=\"parseLogCompleteness(key); let completeness; else: defaultMessage\">\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ completeness.key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ completeness.value }}</code>\n        </ng-container>\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [icon]=\"['far', 'clone']\"\n        [value]=\"key\"\n        [hideText]=\"true\"></he-clipboard>\n    </td>\n    <td>\n      <ng-template #singleValue>\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"logValueArray(value); let valueArray; else: singleValue\">\n        <table class=\"table is-dark is-bordered is-striped\">\n          <thead *ngIf=\"valueArray[0] | isObject\">\n            <tr>\n              <th class=\"has-text-white\" *ngFor=\"let v of valueArray[0] | keys\">{{ v.key }}</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let v of valueArray\">\n              <ng-template #singleArrayValue>\n                <td>{{ v }}</td>\n              </ng-template>\n              <ng-container *ngIf=\"v | isObject; else singleArrayValue\">\n                <td *ngFor=\"let vv of v | keys\">{{ vv.value }}</td>\n              </ng-container>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </td>\n  </tr>\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <ng-container *bindOnce=\"model\">\n    <div class=\"is-mb-2\">\n      <span>Status:</span>\n      <span class=\"is-pl-1\">{{ model.status }}</span>\n    </div>\n\n    <ng-container *ngIf=\"model.status === LogStatus.notRequired && model.logs?.is_not_relevant === 'True'\">\n      <ul class=\"is-pl-3 is-list-style-disc\">\n        <li *ngIf=\"model.logs.logs?.siteType_allowed === 'False'\">\n          The\n          <code class=\"is-mx-1\">site.siteType</code>\n          is not relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.product_id_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Product</code>\n          <code class=\"is-mr-1\">term.@id</code>\n          is relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.product_termType_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Product</code>\n          <code class=\"is-mr-1\">term.termType</code>\n          is relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.input_id_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Input</code>\n          <code class=\"is-mr-1\">term.@id</code>\n          is relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.input_termType_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Input</code>\n          <code class=\"is-mr-1\">term.termType</code>\n          is relevant.\n        </li>\n      </ul>\n    </ng-container>\n\n    <ng-container\n      *ngIf=\"model.logs && model.status !== LogStatus.notRequired && model.status !== LogStatus.skipHierarchy\">\n      <ul class=\"is-pl-3 is-list-style-disc\">\n        <ng-template #showRunOrchestrator>\n          <li class=\"is-run-orchestrator\">\n            <p *ngIf=\"model.logs?.shouldRun\">All the requirements were met to run the model.</p>\n            <ng-container *ngIf=\"!model.logs?.shouldRun\">\n              <p>Some of the requirements were not met to run the model.</p>\n              <p>You can click on the model name on the left to view the debugging logs.</p>\n            </ng-container>\n            <ng-container *ngIf=\"model.logs?.logs?.error\">\n              <p>The model failed to run for the following reason:</p>\n              <p>\n                <code>{{ model.logs.logs.error }}</code>\n              </p>\n            </ng-container>\n          </li>\n        </ng-template>\n\n        <li\n          class=\"is-no-run-orchestrator\"\n          *ngIf=\"model.logs?.shouldRunOrchestrator === false; else showRunOrchestrator\">\n          <ng-container *ngIf=\"!model.logs.runRequired\">\n            <span class=\"is-run-node-type-not-allowed\" *ngIf=\"model.logs.logs?.node_type_allowed === 'False'\">\n              This model should not run for {{ nodeType() | pluralize: 0 }}\n            </span>\n          </ng-container>\n\n          <ng-template #runNoConfig>\n            <span class=\"is-run-not-empty\" *ngIf=\"model.logs.logs?.is_empty === 'False'\">\n              The {{ data.type || 'blank node' }} with Term\n              <code class=\"is-mx-1\">{{ data.termId }}</code>\n              is already present or already added by another model.\n            </span>\n          </ng-template>\n\n          <ng-container *ngIf=\"model.config; else runNoConfig\">\n            <p class=\"is-run-strategy-{{ model.config.runStrategy }}\" [ngSwitch]=\"model.config.runStrategy\">\n              <span *ngSwitchCase=\"'always'\"></span>\n              <span *ngSwitchCase=\"'add_key_if_missing'\">We only gap-fill this key if not present</span>\n              <span *ngSwitchCase=\"'add_blank_node_if_missing'\">We only gap-fill this Blank Node if not present.</span>\n            </p>\n\n            <p class=\"is-mt-1\">\n              <span\n                class=\"is-run-with-measured\"\n                *ngIf=\"\n                  model.config.runArgs?.runNonMeasured && hasMethodTier(data.original, EmissionMethodTier.measured)\n                \">\n                The\n                <code class=\"is-mx-1\">{{ model.config.value }}</code>\n                was reported as measured.\n              </span>\n            </p>\n          </ng-container>\n        </li>\n\n        <li *ngIf=\"model.logs?.replaceLowerTier !== undefined\">\n          <span>\n            The recalculated\n            <b>methodTier</b>\n            was\n          </span>\n          <span class=\"is-pl-1 is-underlined\" *ngIf=\"!model.logs.replaceLowerTier\">lower than</span>\n          <span class=\"is-pl-1 is-underlined\" *ngIf=\"model.logs.replaceLowerTier\">higher than or equal to</span>\n          <span class=\"is-pl-1\">\n            the original\n            <b>methodTier</b>\n            .\n          </span>\n        </li>\n\n        <li class=\"is-merge-replaceLowerTier\" *ngIf=\"model.logs.replaceLowerTier\">\n          <span>The recalculated</span>\n          <b class=\"is-pl-1\">{{ model.config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}</b>\n          <span class=\"is-pl-1\">was</span>\n          <span class=\"is-pl-1\">\n            <ng-container *ngIf=\"model.config?.mergeArgs\">\n              <span class=\"is-underlined\" *ngIf=\"!model.logs.replaceThreshold\">less than</span>\n              <span class=\"is-underlined\" *ngIf=\"model.logs.replaceThreshold\">more than or equal to</span>\n              <b class=\"is-pl-1\">{{ model.config.mergeArgs.replaceThreshold[1] * 100 }}%</b>\n            </ng-container>\n            <ng-container *ngIf=\"!model.config?.mergeArgs\">\n              <span class=\"is-underlined\" *ngIf=\"!model.logs.replaceThreshold\">not sufficiently</span>\n              <span class=\"is-underlined\" *ngIf=\"model.logs.replaceThreshold\">sufficiently</span>\n            </ng-container>\n          </span>\n          <span class=\"is-pl-1\">different from the original</span>\n          <b class=\"is-pl-1\">{{ model.config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}.</b>\n        </li>\n      </ul>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<ng-template #docsLink let-model>\n  <a [href]=\"model.apiDocsPath || model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n    <span>Docs</span>\n    <fa-icon class=\"ml-1\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::ng-deep .table td he-node-link{width:190px}@media screen and (max-width: 768px){::ng-deep .table td he-node-link{width:150px}}::ng-deep .table td .open-node+he-node-link{width:170px}@media screen and (max-width: 768px){::ng-deep .table td .open-node+he-node-link{width:130px}}::ng-deep .table td.has-border-right{box-shadow:1px 0 #6c8093}::ng-deep .table .has-sub-rows.is-open>td:first-child:before,::ng-deep .table .is-sub-row>td:first-child:before{display:block;position:absolute;content:\" \";background-color:#6c809333;height:100%;width:1px;top:0;left:12px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}::ng-deep .copy-log he-clipboard{visibility:hidden}::ng-deep .copy-log:hover he-clipboard{visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2$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]" }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$1.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "selectOnExact", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "directive", type: i4$1.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["value", "disabled", "hideText", "icon", "size", "rotate", "clipboardClass"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "pipe", type: IsArrayPipe, name: "isArray" }, { kind: "pipe", type: IsObjectPipe, name: "isObject" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeLogsModelsComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-node-logs-models', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  *ngIf=\"showOutdatedLogs() || engineModelVersion() === currentModelVersion(); else showOutdatedLogsWarning\"\n  class=\"is-px-3 is-pb-3\">\n  <div class=\"has-text-right is-mb-2\" *ngIf=\"!isExternal && logsUrl()\">\n    <a class=\"is-size-7\" [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\" maxHeight=\"320\">\n    <table class=\"table is-fullwidth is-narrow is-striped\">\n      <thead>\n        <tr>\n          <th class=\"width-auto has-border-right\">\n            <div class=\"field\" *ngIf=\"enableFilterByTerm()\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input\n                  class=\"input search-input is-small\"\n                  [ngModel]=\"term()\"\n                  name=\"term\"\n                  placeholder=\"Select entry by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [focusFirst]=\"true\"\n                  (focus)=\"typeaheadFocus($event)\"\n                  (selectItem)=\"termChanged($event.item)\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"termChanged('')\">\n                  <fa-icon icon=\"times\"></fa-icon>\n                </a>\n              </div>\n            </div>\n          </th>\n          <th *ngIf=\"isBlankNodes()\">\n            <span class=\"is-pr-1\">Units</span>\n            <span>(per&nbsp;</span>\n            <span [ngSwitch]=\"functionalUnit()\">\n              <ng-container *ngSwitchCase=\"CycleFunctionalUnit['1 ha']\">hectare</ng-container>\n              <ng-container *ngSwitchDefault>kg product</ng-container>\n            </span>\n            <span>)</span>\n          </th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th *ngIf=\"isBlankNodes()\">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>{{ _noDataMessage() || '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\" [class.is-open]=\"blankNode.isOpen\">\n            <td class=\"width-auto has-border-right is-nowrap\" [attr.title]=\"blankNode.term?.name || blankNode.key\">\n              <a\n                class=\"is-inline-block is-align-top pr-2 open-node\"\n                (click)=\"blankNode.isOpen = !blankNode.isOpen\"\n                *ngIf=\"blankNode.canOpen\">\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 is-pre-wrap\" *ngIf=\"blankNode.term\" [node]=\"blankNode.term\">\n                <span [innerHtml]=\"blankNode.term.name | compound\"></span>\n              </he-node-link>\n              <ng-template #showBlankNodeKey>\n                <span>{{ blankNode.key }}</span>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.key; else showBlankNodeKey\">\n                <a\n                  *ngIf=\"_nodeKey() === 'completeness'\"\n                  [href]=\"baseUrl + '/schema/Completeness#' + blankNode.key\"\n                  target=\"_blank\">\n                  <span>{{ blankNode.key | keyToLabel }}</span>\n                </a>\n              </ng-container>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">\n              <span class=\"is-nowrap\" [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <ng-template #defaultOriginalValue>\n                <span>{{ blankNode.originalValue | precision: 3 | default: '-' }}</span>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultOriginalValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">\n                  {{ blankNode.originalValueByMethodId[model.methodId] | precision: 3 | default: '-' }}\n                </div>\n              </ng-container>\n            </td>\n            <td>\n              <ng-container *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                <ng-template #defaultRecalculatedValue>\n                  <span>{{ blankNode.recalculatedValue | precision: 3 | default: '-' }}</span>\n                </ng-template>\n                <ng-container *ngIf=\"blankNode.allParallel; else defaultRecalculatedValue\">\n                  <div *ngFor=\"let model of blankNode.configModels[0]\">\n                    {{ blankNode.recalculatedValueByMethodId[model.methodId] | precision: 3 | default: '-' }}\n                  </div>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td *ngIf=\"isBlankNodes()\" class=\"is-nowrap\">\n              <ng-template #defaultDeltaValue>\n                <he-blank-node-value-delta\n                  *ngIf=\"blankNode.original.length && blankNode.isRecalculated; else noValue\"\n                  [value]=\"blankNode.recalculatedValue\"\n                  [originalValue]=\"blankNode.originalValue\"></he-blank-node-value-delta>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultDeltaValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">\n                  <he-blank-node-value-delta\n                    *ngIf=\"\n                      blankNode.originalValueByMethodId[model.methodId] !== null &&\n                        blankNode.recalculatedValueByMethodId[model.methodId] !== null;\n                      else noValue\n                    \"\n                    [value]=\"blankNode.recalculatedValueByMethodId[model.methodId]\"\n                    [originalValue]=\"blankNode.originalValueByMethodId[model.methodId]\"></he-blank-node-value-delta>\n                </div>\n              </ng-container>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.keys\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.has-sub-rows]=\"blankNode.subValues?.length\"\n            [class.is-sub-row]=\"blankNode.canOpen\">\n            <td class=\"width-auto has-border-right is-nowrap\">\n              <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n\n              <a\n                class=\"is-inline-block is-pre-wrap\"\n                *ngIf=\"blankNode.type\"\n                [href]=\"baseUrl + '/schema/' + blankNode.type + '#' + subValue.key\"\n                target=\"_blank\"\n                [title]=\"subValue.key\">\n                <span>{{ subValue.key }}</span>\n              </a>\n              <span class=\"is-inline-block is-align-top\" *ngIf=\"!blankNode.type\">{{ subValue.key }}</span>\n            </td>\n            <td *ngIf=\"isBlankNodes()\"></td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">\n                {{ subValue.originalValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated || subValue.key === 'impactAssessment'; else notRecalculated\">\n                {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.is-sub-row]=\"blankNode.canOpen\">\n            <td class=\"width-auto has-border-right\">\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\n                    *ngSwitchDefault\n                    class=\"is-block pl-4\"\n                    [node]=\"termById(subValue.id)\"\n                    [attr.title]=\"termById(subValue.id).name\">\n                    <span [innerHtml]=\"termById(subValue.id).name | compound\"></span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">\n              <span class=\"is-nowrap\" *ngIf=\"subValue.showUnits\" [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">\n                {{ subValue.originalValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: 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\" (click)=\"showLegend = !showLegend\">\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          <ng-container *ngFor=\"let status of LogStatus | keys\">\n            <li *ngIf=\"logIcon[status.value]\" class=\"has-text-{{ logColor[status.value] }}\">\n              <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n              <span class=\"pl-1\">{{ status.value }}</span>\n            </li>\n          </ng-container>\n        </ul>\n      </div>\n      <div class=\"column has-text-right\" *ngIf=\"filteredType()\">\n        <label class=\"is-inline-block checkbox\">\n          <input\n            type=\"checkbox\"\n            class=\"selector\"\n            [ngModel]=\"onlyRequired\"\n            (change)=\"onlyRequiredChanged($event.target.checked)\"\n            [disabled]=\"!!term()\" />\n          <span class=\"ml-2\">\n            Show only {{ filteredType() | pluralize }} included in the default Hestia system boundary\n          </span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #showOutdatedLogsWarning>\n  <div class=\"is-3 has-text-centered\">\n    <p class=\"is-mb-2\">\n      <fa-icon class=\"is-pr-2\" icon=\"exclamation-triangle\"></fa-icon>\n      <span>These logs might be incorrect as the calculations are outdated.</span>\n    </p>\n    <p class=\"is-underlined is-size-7\"><a (click)=\"showOutdatedLogs.set(true)\">View logs anyway.</a></p>\n  </div>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <ng-template #notInSystemBoundary>\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Not in Hestia system boundary</span>\n    </td>\n  </ng-template>\n\n  <ng-container *ngIf=\"isSystemBoundary(data); else noValue\">\n    <td class=\"blank-node-index-{{ i }}\" *ngFor=\"let c of methodModelsCount() | times; let i = index\">\n      <ng-container *ngIf=\"getModelsAt(data, i); let models; else: noValue\">\n        <ng-template #modelSerie>\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model: models, data }\"></ng-container>\n        </ng-template>\n        <div *ngIf=\"models | isArray; else modelSerie\">\n          <p *ngFor=\"let model of models\">\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model, data }\"></ng-container>\n          </p>\n        </div>\n      </ng-container>\n    </td>\n  </ng-container>\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <span\n    class=\"is-nowrap\"\n    [class.trigger-popover]=\"model.showLogs\"\n    [ngbPopover]=\"logDetails\"\n    [autoClose]=\"'outside'\"\n    popoverClass=\"is-narrow\"\n    triggers=\"manual\"\n    #p=\"ngbPopover\"\n    placement=\"left\"\n    container=\"body\"\n    (click)=\"p.isOpen() ? p.close() : model.showLogs ? p.open({ logs: model.logs }) : null\">\n    <span class=\"is-capitalized\">{{ methodName(model) }}</span>\n    <span class=\"pl-1\" *ngIf=\"model.logs?.methodTier || model.model?.methodTier\">\n      [{{ model.logs?.methodTier || model.model?.methodTier }}]\n    </span>\n\n    <span\n      class=\"pl-1 has-text-{{ logColor[model.status] }} trigger-popover\"\n      [ngbPopover]=\"logStatusDetails\"\n      [autoClose]=\"'outside'\"\n      popoverClass=\"is-narrow\"\n      triggers=\"manual\"\n      #p1=\"ngbPopover\"\n      placement=\"left\"\n      container=\"body\"\n      (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n      <fa-icon [icon]=\"logIcon[model.status]\"></fa-icon>\n    </span>\n\n    <span class=\"pl-1\" *ngIf=\"model.model\">\n      (\n      <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\"></ng-container>\n      )\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  <div class=\"table-container\" *bindOnce=\"logs\">\n    <table class=\"table is-dark is-fullwidth\">\n      <tbody>\n        <ng-container *ngIf=\"logs?.requirements\">\n          <ng-container *ngFor=\"let key of requirementKeys(logs.requirements)\">\n            <ng-container *ngTemplateOutlet=\"logLine; context: { key, value: logs.requirements[key] }\"></ng-container>\n          </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"logs?.logs\">\n          <ng-container *ngFor=\"let key of logs.logs | keys\">\n            <ng-container *ngTemplateOutlet=\"logLine; context: key\"></ng-container>\n          </ng-container>\n        </ng-container>\n      </tbody>\n    </table>\n  </div>\n\n  <ng-container *bindOnce=\"logs\">\n    <div class=\"it-mt-2\" *ngIf=\"logs?.missingLookups?.length\">\n      <p>Optional data missing:</p>\n\n      <div class=\"table-container data-table-container\">\n        <table class=\"table is-dark is-fullwidth is-striped\">\n          <thead>\n            <tr>\n              <th class=\"has-text-white\">\n                <span>Filename</span>\n              </th>\n              <th class=\"has-text-white\">\n                <span>Column Title</span>\n              </th>\n              <th class=\"has-text-white\">\n                <span>Row (term.id)</span>\n              </th>\n            </tr>\n          </thead>\n          <tbody class=\"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    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  <ng-template #defaultValue>\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  </ng-template>\n  <ng-container *ngIf=\"requirementLinkedNode(key, value); let linkedNode; else: defaultValue\">\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\"></he-node-link>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        <ng-template #defaultMessage>\n          <ng-container [ngSwitch]=\"key\">\n            <ng-container *ngSwitchDefault>{{ key | keyToLabel }}</ng-container>\n\n            <ng-container *ngSwitchCase=\"'property_id'\">Property Term @id</ng-container>\n            <ng-container *ngSwitchCase=\"'product_id'\">Product Term @id</ng-container>\n            <ng-container *ngSwitchCase=\"'input_id'\">Input Term @id</ng-container>\n\n            <ng-container *ngSwitchCase=\"'node_type_allowed'\">\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'siteType_allowed'\">\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'product_id_allowed'\">\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">@id</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'product_termType_allowed'\">\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'input_id_allowed'\">\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">@id</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'input_termType_allowed'\">\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n\n            <!-- Deprecated -->\n            <ng-container *ngSwitchCase=\"'primary_product_id_allowed'\">\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">@id</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'primary_product_termType_allowed'\">\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'geospatial_data'\">\n              Has geospatial data necessary to run this model\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'contains_geospatial_data'\">\n              Has geospatial data necessary to run this model\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'current_size'\">Current polygon area</ng-container>\n            <ng-container *ngSwitchCase=\"'max_area_size'\">Maximum polygon area to run this model</ng-container>\n            <ng-container *ngSwitchCase=\"'below_max_area_size'\">Polygon below the maximum area</ng-container>\n            <ng-container *ngSwitchCase=\"'region_factor'\">Factor from region lookup</ng-container>\n\n            <ng-container *ngSwitchCase=\"'has_pesticides_inputs'\">\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'all_pesticideAI_have_lookup_value'\">\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'has_crop_residue_burnt'\">\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'liquid_slurry_sludge_P'\">Liquid, Slurry, and Sludge P</ng-container>\n          </ng-container>\n        </ng-template>\n\n        <ng-container *ngIf=\"parseLogCompleteness(key); let completeness; else: defaultMessage\">\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ completeness.key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ completeness.value }}</code>\n        </ng-container>\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [icon]=\"['far', 'clone']\"\n        [value]=\"key\"\n        [hideText]=\"true\"></he-clipboard>\n    </td>\n    <td>\n      <ng-template #singleValue>\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"logValueArray(value); let valueArray; else: singleValue\">\n        <table class=\"table is-dark is-bordered is-striped\">\n          <thead *ngIf=\"valueArray[0] | isObject\">\n            <tr>\n              <th class=\"has-text-white\" *ngFor=\"let v of valueArray[0] | keys\">{{ v.key }}</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let v of valueArray\">\n              <ng-template #singleArrayValue>\n                <td>{{ v }}</td>\n              </ng-template>\n              <ng-container *ngIf=\"v | isObject; else singleArrayValue\">\n                <td *ngFor=\"let vv of v | keys\">{{ vv.value }}</td>\n              </ng-container>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </td>\n  </tr>\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <ng-container *bindOnce=\"model\">\n    <div class=\"is-mb-2\">\n      <span>Status:</span>\n      <span class=\"is-pl-1\">{{ model.status }}</span>\n    </div>\n\n    <ng-container *ngIf=\"model.status === LogStatus.notRequired && model.logs?.is_not_relevant === 'True'\">\n      <ul class=\"is-pl-3 is-list-style-disc\">\n        <li *ngIf=\"model.logs.logs?.siteType_allowed === 'False'\">\n          The\n          <code class=\"is-mx-1\">site.siteType</code>\n          is not relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.product_id_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Product</code>\n          <code class=\"is-mr-1\">term.@id</code>\n          is relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.product_termType_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Product</code>\n          <code class=\"is-mr-1\">term.termType</code>\n          is relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.input_id_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Input</code>\n          <code class=\"is-mr-1\">term.@id</code>\n          is relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.input_termType_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Input</code>\n          <code class=\"is-mr-1\">term.termType</code>\n          is relevant.\n        </li>\n      </ul>\n    </ng-container>\n\n    <ng-container\n      *ngIf=\"model.logs && model.status !== LogStatus.notRequired && model.status !== LogStatus.skipHierarchy\">\n      <ul class=\"is-pl-3 is-list-style-disc\">\n        <ng-template #showRunOrchestrator>\n          <li class=\"is-run-orchestrator\">\n            <p *ngIf=\"model.logs?.shouldRun\">All the requirements were met to run the model.</p>\n            <ng-container *ngIf=\"!model.logs?.shouldRun\">\n              <p>Some of the requirements were not met to run the model.</p>\n              <p>You can click on the model name on the left to view the debugging logs.</p>\n            </ng-container>\n            <ng-container *ngIf=\"model.logs?.logs?.error\">\n              <p>The model failed to run for the following reason:</p>\n              <p>\n                <code>{{ model.logs.logs.error }}</code>\n              </p>\n            </ng-container>\n          </li>\n        </ng-template>\n\n        <li\n          class=\"is-no-run-orchestrator\"\n          *ngIf=\"model.logs?.shouldRunOrchestrator === false; else showRunOrchestrator\">\n          <ng-container *ngIf=\"!model.logs.runRequired\">\n            <span class=\"is-run-node-type-not-allowed\" *ngIf=\"model.logs.logs?.node_type_allowed === 'False'\">\n              This model should not run for {{ nodeType() | pluralize: 0 }}\n            </span>\n          </ng-container>\n\n          <ng-template #runNoConfig>\n            <span class=\"is-run-not-empty\" *ngIf=\"model.logs.logs?.is_empty === 'False'\">\n              The {{ data.type || 'blank node' }} with Term\n              <code class=\"is-mx-1\">{{ data.termId }}</code>\n              is already present or already added by another model.\n            </span>\n          </ng-template>\n\n          <ng-container *ngIf=\"model.config; else runNoConfig\">\n            <p class=\"is-run-strategy-{{ model.config.runStrategy }}\" [ngSwitch]=\"model.config.runStrategy\">\n              <span *ngSwitchCase=\"'always'\"></span>\n              <span *ngSwitchCase=\"'add_key_if_missing'\">We only gap-fill this key if not present</span>\n              <span *ngSwitchCase=\"'add_blank_node_if_missing'\">We only gap-fill this Blank Node if not present.</span>\n            </p>\n\n            <p class=\"is-mt-1\">\n              <span\n                class=\"is-run-with-measured\"\n                *ngIf=\"\n                  model.config.runArgs?.runNonMeasured && hasMethodTier(data.original, EmissionMethodTier.measured)\n                \">\n                The\n                <code class=\"is-mx-1\">{{ model.config.value }}</code>\n                was reported as measured.\n              </span>\n            </p>\n          </ng-container>\n        </li>\n\n        <li *ngIf=\"model.logs?.replaceLowerTier !== undefined\">\n          <span>\n            The recalculated\n            <b>methodTier</b>\n            was\n          </span>\n          <span class=\"is-pl-1 is-underlined\" *ngIf=\"!model.logs.replaceLowerTier\">lower than</span>\n          <span class=\"is-pl-1 is-underlined\" *ngIf=\"model.logs.replaceLowerTier\">higher than or equal to</span>\n          <span class=\"is-pl-1\">\n            the original\n            <b>methodTier</b>\n            .\n          </span>\n        </li>\n\n        <li class=\"is-merge-replaceLowerTier\" *ngIf=\"model.logs.replaceLowerTier\">\n          <span>The recalculated</span>\n          <b class=\"is-pl-1\">{{ model.config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}</b>\n          <span class=\"is-pl-1\">was</span>\n          <span class=\"is-pl-1\">\n            <ng-container *ngIf=\"model.config?.mergeArgs\">\n              <span class=\"is-underlined\" *ngIf=\"!model.logs.replaceThreshold\">less than</span>\n              <span class=\"is-underlined\" *ngIf=\"model.logs.replaceThreshold\">more than or equal to</span>\n              <b class=\"is-pl-1\">{{ model.config.mergeArgs.replaceThreshold[1] * 100 }}%</b>\n            </ng-container>\n            <ng-container *ngIf=\"!model.config?.mergeArgs\">\n              <span class=\"is-underlined\" *ngIf=\"!model.logs.replaceThreshold\">not sufficiently</span>\n              <span class=\"is-underlined\" *ngIf=\"model.logs.replaceThreshold\">sufficiently</span>\n            </ng-container>\n          </span>\n          <span class=\"is-pl-1\">different from the original</span>\n          <b class=\"is-pl-1\">{{ model.config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}.</b>\n        </li>\n      </ul>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<ng-template #docsLink let-model>\n  <a [href]=\"model.apiDocsPath || model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n    <span>Docs</span>\n    <fa-icon class=\"ml-1\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::ng-deep .table td he-node-link{width:190px}@media screen and (max-width: 768px){::ng-deep .table td he-node-link{width:150px}}::ng-deep .table td .open-node+he-node-link{width:170px}@media screen and (max-width: 768px){::ng-deep .table td .open-node+he-node-link{width:130px}}::ng-deep .table td.has-border-right{box-shadow:1px 0 #6c8093}::ng-deep .table .has-sub-rows.is-open>td:first-child:before,::ng-deep .table .is-sub-row>td:first-child:before{display:block;position:absolute;content:\" \";background-color:#6c809333;height:100%;width:1px;top:0;left:12px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}::ng-deep .copy-log he-clipboard{visibility:hidden}::ng-deep .copy-log:hover he-clipboard{visibility:visible}\n"] }]
+            args: [{ selector: 'he-node-logs-models', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  *ngIf=\"showOutdatedLogs() || engineModelVersion() === currentModelVersion(); else showOutdatedLogsWarning\"\n  class=\"is-px-3 is-pb-3\">\n  <div class=\"has-text-right is-mb-2\" *ngIf=\"!isExternal && logsUrl()\">\n    <a class=\"is-size-7\" [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\" maxHeight=\"320\">\n    <table class=\"table is-fullwidth is-narrow is-striped\">\n      <thead>\n        <tr>\n          <th class=\"width-auto has-border-right\">\n            <div class=\"field\" *ngIf=\"enableFilterByTerm()\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input\n                  class=\"input search-input is-small\"\n                  [ngModel]=\"term()\"\n                  name=\"term\"\n                  placeholder=\"Select entry by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [focusFirst]=\"true\"\n                  (focus)=\"typeaheadFocus($event)\"\n                  (selectItem)=\"term.set($event.item)\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set('')\">\n                  <fa-icon icon=\"times\"></fa-icon>\n                </a>\n              </div>\n            </div>\n          </th>\n          <th *ngIf=\"isBlankNodes()\">\n            <span class=\"is-pr-1\">Units</span>\n            <span>(per&nbsp;</span>\n            <span [ngSwitch]=\"functionalUnit()\">\n              <ng-container *ngSwitchCase=\"CycleFunctionalUnit['1 ha']\">hectare</ng-container>\n              <ng-container *ngSwitchDefault>kg product</ng-container>\n            </span>\n            <span>)</span>\n          </th>\n          <th>Original</th>\n          <th>Recalculated</th>\n          <th *ngIf=\"isBlankNodes()\">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>{{ _noDataMessage() || '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\" [class.is-open]=\"blankNode.isOpen\">\n            <td class=\"width-auto has-border-right is-nowrap\" [attr.title]=\"blankNode.term?.name || blankNode.key\">\n              <a\n                class=\"is-inline-block is-align-top pr-2 open-node\"\n                (click)=\"blankNode.isOpen = !blankNode.isOpen\"\n                *ngIf=\"blankNode.canOpen\">\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 is-pre-wrap\" *ngIf=\"blankNode.term\" [node]=\"blankNode.term\">\n                <span [innerHtml]=\"blankNode.term.name | compound\"></span>\n              </he-node-link>\n              <ng-template #showBlankNodeKey>\n                <span>{{ blankNode.key }}</span>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.key; else showBlankNodeKey\">\n                <a\n                  *ngIf=\"_nodeKey() === 'completeness'\"\n                  [href]=\"baseUrl + '/schema/Completeness#' + blankNode.key\"\n                  target=\"_blank\">\n                  <span>{{ blankNode.key | keyToLabel }}</span>\n                </a>\n              </ng-container>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">\n              <span class=\"is-nowrap\" [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <ng-template #defaultOriginalValue>\n                <span>{{ blankNode.originalValue | precision: 3 | default: '-' }}</span>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultOriginalValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">\n                  {{ blankNode.originalValueByMethodId[model.methodId] | precision: 3 | default: '-' }}\n                </div>\n              </ng-container>\n            </td>\n            <td>\n              <ng-container *ngIf=\"!blankNode.isOriginal || blankNode.isRecalculated; else notRecalculated\">\n                <ng-template #defaultRecalculatedValue>\n                  <span>{{ blankNode.recalculatedValue | precision: 3 | default: '-' }}</span>\n                </ng-template>\n                <ng-container *ngIf=\"blankNode.allParallel; else defaultRecalculatedValue\">\n                  <div *ngFor=\"let model of blankNode.configModels[0]\">\n                    {{ blankNode.recalculatedValueByMethodId[model.methodId] | precision: 3 | default: '-' }}\n                  </div>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td *ngIf=\"isBlankNodes()\" class=\"is-nowrap\">\n              <ng-template #defaultDeltaValue>\n                <he-blank-node-value-delta\n                  *ngIf=\"blankNode.original.length && blankNode.isRecalculated; else noValue\"\n                  [value]=\"blankNode.recalculatedValue\"\n                  [originalValue]=\"blankNode.originalValue\"></he-blank-node-value-delta>\n              </ng-template>\n              <ng-container *ngIf=\"blankNode.allParallel; else defaultDeltaValue\">\n                <div *ngFor=\"let model of blankNode.configModels[0]\">\n                  <he-blank-node-value-delta\n                    *ngIf=\"\n                      blankNode.originalValueByMethodId[model.methodId] !== null &&\n                        blankNode.recalculatedValueByMethodId[model.methodId] !== null;\n                      else noValue\n                    \"\n                    [value]=\"blankNode.recalculatedValueByMethodId[model.methodId]\"\n                    [originalValue]=\"blankNode.originalValueByMethodId[model.methodId]\"></he-blank-node-value-delta>\n                </div>\n              </ng-container>\n            </td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.keys\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.has-sub-rows]=\"blankNode.subValues?.length\"\n            [class.is-sub-row]=\"blankNode.canOpen\">\n            <td class=\"width-auto has-border-right is-nowrap\">\n              <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n\n              <a\n                class=\"is-inline-block is-pre-wrap\"\n                *ngIf=\"blankNode.type\"\n                [href]=\"baseUrl + '/schema/' + blankNode.type + '#' + subValue.key\"\n                target=\"_blank\"\n                [title]=\"subValue.key\">\n                <span>{{ subValue.key }}</span>\n              </a>\n              <span class=\"is-inline-block is-align-top\" *ngIf=\"!blankNode.type\">{{ subValue.key }}</span>\n            </td>\n            <td *ngIf=\"isBlankNodes()\"></td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">\n                {{ subValue.originalValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated || subValue.key === 'impactAssessment'; else notRecalculated\">\n                {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\"></ng-container>\n          </tr>\n\n          <tr\n            *ngFor=\"let subValue of blankNode.subValues\"\n            [class.is-hidden]=\"!blankNode.isOpen\"\n            [class.is-sub-row]=\"blankNode.canOpen\">\n            <td class=\"width-auto has-border-right\">\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\n                    *ngSwitchDefault\n                    class=\"is-block pl-4\"\n                    [node]=\"termById(subValue.id)\"\n                    [attr.title]=\"termById(subValue.id).name\">\n                    <span [innerHtml]=\"termById(subValue.id).name | compound\"></span>\n                  </he-node-link>\n                </ng-container>\n              </ng-container>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">\n              <span class=\"is-nowrap\" *ngIf=\"subValue.showUnits\" [innerHtml]=\"blankNode.term?.units | compound\"></span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.originalValue !== null; else noValue\">\n                {{ subValue.originalValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td>\n              <span *ngIf=\"subValue.isRecalculated; else notRecalculated\">\n                {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n              </span>\n            </td>\n            <td *ngIf=\"isBlankNodes()\">-</td>\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: 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\" (click)=\"showLegend = !showLegend\">\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          <ng-container *ngFor=\"let status of LogStatus | keys\">\n            <li *ngIf=\"logIcon[status.value]\" class=\"has-text-{{ logColor[status.value] }}\">\n              <fa-icon [icon]=\"logIcon[status.value]\"></fa-icon>\n              <span class=\"pl-1\">{{ status.value }}</span>\n            </li>\n          </ng-container>\n        </ul>\n      </div>\n      <div class=\"column has-text-right\" *ngIf=\"filteredType()\">\n        <label class=\"is-inline-block checkbox\">\n          <input\n            type=\"checkbox\"\n            class=\"selector\"\n            [ngModel]=\"onlyRequired\"\n            (change)=\"onlyRequired.set($event.target.checked)\"\n            [disabled]=\"!!term()\" />\n          <span class=\"ml-2\">\n            Show only {{ filteredType() | pluralize }} included in the default Hestia system boundary\n          </span>\n        </label>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #showOutdatedLogsWarning>\n  <div class=\"is-3 has-text-centered\">\n    <p class=\"is-mb-2\">\n      <fa-icon class=\"is-pr-2\" icon=\"exclamation-triangle\"></fa-icon>\n      <span>These logs might be incorrect as the calculations are outdated.</span>\n    </p>\n    <p class=\"is-underlined is-size-7\"><a (click)=\"showOutdatedLogs.set(true)\">View logs anyway.</a></p>\n  </div>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <ng-template #notInSystemBoundary>\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Not in Hestia system boundary</span>\n    </td>\n  </ng-template>\n\n  <ng-container *ngIf=\"isSystemBoundary(data); else noValue\">\n    <td class=\"blank-node-index-{{ i }}\" *ngFor=\"let c of methodModelsCount() | times; let i = index\">\n      <ng-container *ngIf=\"getModelsAt(data, i); let models; else: noValue\">\n        <ng-template #modelSerie>\n          <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model: models, data }\"></ng-container>\n        </ng-template>\n        <div *ngIf=\"models | isArray; else modelSerie\">\n          <p *ngFor=\"let model of models\">\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model, data }\"></ng-container>\n          </p>\n        </div>\n      </ng-container>\n    </td>\n  </ng-container>\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <span\n    class=\"is-nowrap\"\n    [class.trigger-popover]=\"model.showLogs\"\n    [ngbPopover]=\"logDetails\"\n    [autoClose]=\"'outside'\"\n    popoverClass=\"is-narrow\"\n    triggers=\"manual\"\n    #p=\"ngbPopover\"\n    placement=\"left\"\n    container=\"body\"\n    (click)=\"p.isOpen() ? p.close() : model.showLogs ? p.open({ logs: model.logs }) : null\">\n    <span class=\"is-capitalized\">{{ methodName(model) }}</span>\n    <span class=\"pl-1\" *ngIf=\"model.logs?.methodTier || model.model?.methodTier\">\n      [{{ model.logs?.methodTier || model.model?.methodTier }}]\n    </span>\n\n    <span\n      class=\"pl-1 has-text-{{ logColor[model.status] }} trigger-popover\"\n      [ngbPopover]=\"logStatusDetails\"\n      [autoClose]=\"'outside'\"\n      popoverClass=\"is-narrow\"\n      triggers=\"manual\"\n      #p1=\"ngbPopover\"\n      placement=\"left\"\n      container=\"body\"\n      (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n      <fa-icon [icon]=\"logIcon[model.status]\"></fa-icon>\n    </span>\n\n    <span class=\"pl-1\" *ngIf=\"model.model\">\n      (\n      <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\"></ng-container>\n      )\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  <div class=\"table-container\" *bindOnce=\"logs\">\n    <table class=\"table is-dark is-fullwidth\">\n      <tbody>\n        <ng-container *ngIf=\"logs?.requirements\">\n          <ng-container *ngFor=\"let key of requirementKeys(logs.requirements)\">\n            <ng-container *ngTemplateOutlet=\"logLine; context: { key, value: logs.requirements[key] }\"></ng-container>\n          </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"logs?.logs\">\n          <ng-container *ngFor=\"let key of logs.logs | keys\">\n            <ng-container *ngTemplateOutlet=\"logLine; context: key\"></ng-container>\n          </ng-container>\n        </ng-container>\n      </tbody>\n    </table>\n  </div>\n\n  <ng-container *bindOnce=\"logs\">\n    <div class=\"it-mt-2\" *ngIf=\"logs?.missingLookups?.length\">\n      <p>Optional data missing:</p>\n\n      <div class=\"table-container data-table-container\">\n        <table class=\"table is-dark is-fullwidth is-striped\">\n          <thead>\n            <tr>\n              <th class=\"has-text-white\">\n                <span>Filename</span>\n              </th>\n              <th class=\"has-text-white\">\n                <span>Column Title</span>\n              </th>\n              <th class=\"has-text-white\">\n                <span>Row (term.id)</span>\n              </th>\n            </tr>\n          </thead>\n          <tbody class=\"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    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  <ng-template #defaultValue>\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  </ng-template>\n  <ng-container *ngIf=\"requirementLinkedNode(key, value); let linkedNode; else: defaultValue\">\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\"></he-node-link>\n  </ng-container>\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        <ng-template #defaultMessage>\n          <ng-container [ngSwitch]=\"key\">\n            <ng-container *ngSwitchDefault>{{ key | keyToLabel }}</ng-container>\n\n            <ng-container *ngSwitchCase=\"'property_id'\">Property Term @id</ng-container>\n            <ng-container *ngSwitchCase=\"'product_id'\">Product Term @id</ng-container>\n            <ng-container *ngSwitchCase=\"'input_id'\">Input Term @id</ng-container>\n\n            <ng-container *ngSwitchCase=\"'node_type_allowed'\">\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'siteType_allowed'\">\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'product_id_allowed'\">\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">@id</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'product_termType_allowed'\">\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'input_id_allowed'\">\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">@id</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'input_termType_allowed'\">\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n\n            <!-- Deprecated -->\n            <ng-container *ngSwitchCase=\"'primary_product_id_allowed'\">\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">@id</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'primary_product_termType_allowed'\">\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'geospatial_data'\">\n              Has geospatial data necessary to run this model\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'contains_geospatial_data'\">\n              Has geospatial data necessary to run this model\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'current_size'\">Current polygon area</ng-container>\n            <ng-container *ngSwitchCase=\"'max_area_size'\">Maximum polygon area to run this model</ng-container>\n            <ng-container *ngSwitchCase=\"'below_max_area_size'\">Polygon below the maximum area</ng-container>\n            <ng-container *ngSwitchCase=\"'region_factor'\">Factor from region lookup</ng-container>\n\n            <ng-container *ngSwitchCase=\"'has_pesticides_inputs'\">\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"'all_pesticideAI_have_lookup_value'\">\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'has_crop_residue_burnt'\">\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'liquid_slurry_sludge_P'\">Liquid, Slurry, and Sludge P</ng-container>\n          </ng-container>\n        </ng-template>\n\n        <ng-container *ngIf=\"parseLogCompleteness(key); let completeness; else: defaultMessage\">\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ completeness.key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ completeness.value }}</code>\n        </ng-container>\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [icon]=\"['far', 'clone']\"\n        [value]=\"key\"\n        [hideText]=\"true\"></he-clipboard>\n    </td>\n    <td>\n      <ng-template #singleValue>\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\"></ng-container>\n      </ng-template>\n      <div *ngIf=\"logValueArray(value); let valueArray; else: singleValue\">\n        <table class=\"table is-dark is-bordered is-striped\">\n          <thead *ngIf=\"valueArray[0] | isObject\">\n            <tr>\n              <th class=\"has-text-white\" *ngFor=\"let v of valueArray[0] | keys\">{{ v.key }}</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let v of valueArray\">\n              <ng-template #singleArrayValue>\n                <td>{{ v }}</td>\n              </ng-template>\n              <ng-container *ngIf=\"v | isObject; else singleArrayValue\">\n                <td *ngFor=\"let vv of v | keys\">{{ vv.value }}</td>\n              </ng-container>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </td>\n  </tr>\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <ng-container *bindOnce=\"model\">\n    <div class=\"is-mb-2\">\n      <span>Status:</span>\n      <span class=\"is-pl-1\">{{ model.status }}</span>\n    </div>\n\n    <ng-container *ngIf=\"model.status === LogStatus.notRequired && model.logs?.is_not_relevant === 'True'\">\n      <ul class=\"is-pl-3 is-list-style-disc\">\n        <li *ngIf=\"model.logs.logs?.siteType_allowed === 'False'\">\n          The\n          <code class=\"is-mx-1\">site.siteType</code>\n          is not relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.product_id_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Product</code>\n          <code class=\"is-mr-1\">term.@id</code>\n          is relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.product_termType_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Product</code>\n          <code class=\"is-mr-1\">term.termType</code>\n          is relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.input_id_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Input</code>\n          <code class=\"is-mr-1\">term.@id</code>\n          is relevant.\n        </li>\n        <li *ngIf=\"model.logs.logs?.input_termType_allowed === 'False'\">\n          None of the\n          <code class=\"is-mx-1\">Input</code>\n          <code class=\"is-mr-1\">term.termType</code>\n          is relevant.\n        </li>\n      </ul>\n    </ng-container>\n\n    <ng-container\n      *ngIf=\"model.logs && model.status !== LogStatus.notRequired && model.status !== LogStatus.skipHierarchy\">\n      <ul class=\"is-pl-3 is-list-style-disc\">\n        <ng-template #showRunOrchestrator>\n          <li class=\"is-run-orchestrator\">\n            <p *ngIf=\"model.logs?.shouldRun\">All the requirements were met to run the model.</p>\n            <ng-container *ngIf=\"!model.logs?.shouldRun\">\n              <p>Some of the requirements were not met to run the model.</p>\n              <p>You can click on the model name on the left to view the debugging logs.</p>\n            </ng-container>\n            <ng-container *ngIf=\"model.logs?.logs?.error\">\n              <p>The model failed to run for the following reason:</p>\n              <p>\n                <code>{{ model.logs.logs.error }}</code>\n              </p>\n            </ng-container>\n          </li>\n        </ng-template>\n\n        <li\n          class=\"is-no-run-orchestrator\"\n          *ngIf=\"model.logs?.shouldRunOrchestrator === false; else showRunOrchestrator\">\n          <ng-container *ngIf=\"!model.logs.runRequired\">\n            <span class=\"is-run-node-type-not-allowed\" *ngIf=\"model.logs.logs?.node_type_allowed === 'False'\">\n              This model should not run for {{ nodeType() | pluralize: 0 }}\n            </span>\n          </ng-container>\n\n          <ng-template #runNoConfig>\n            <span class=\"is-run-not-empty\" *ngIf=\"model.logs.logs?.is_empty === 'False'\">\n              The {{ data.type || 'blank node' }} with Term\n              <code class=\"is-mx-1\">{{ data.termId }}</code>\n              is already present or already added by another model.\n            </span>\n          </ng-template>\n\n          <ng-container *ngIf=\"model.config; else runNoConfig\">\n            <p class=\"is-run-strategy-{{ model.config.runStrategy }}\" [ngSwitch]=\"model.config.runStrategy\">\n              <span *ngSwitchCase=\"'always'\"></span>\n              <span *ngSwitchCase=\"'add_key_if_missing'\">We only gap-fill this key if not present</span>\n              <span *ngSwitchCase=\"'add_blank_node_if_missing'\">We only gap-fill this Blank Node if not present.</span>\n            </p>\n\n            <p class=\"is-mt-1\">\n              <span\n                class=\"is-run-with-measured\"\n                *ngIf=\"\n                  model.config.runArgs?.runNonMeasured && hasMethodTier(data.original, EmissionMethodTier.measured)\n                \">\n                The\n                <code class=\"is-mx-1\">{{ model.config.value }}</code>\n                was reported as measured.\n              </span>\n            </p>\n          </ng-container>\n        </li>\n\n        <li *ngIf=\"model.logs?.replaceLowerTier !== undefined\">\n          <span>\n            The recalculated\n            <b>methodTier</b>\n            was\n          </span>\n          <span class=\"is-pl-1 is-underlined\" *ngIf=\"!model.logs.replaceLowerTier\">lower than</span>\n          <span class=\"is-pl-1 is-underlined\" *ngIf=\"model.logs.replaceLowerTier\">higher than or equal to</span>\n          <span class=\"is-pl-1\">\n            the original\n            <b>methodTier</b>\n            .\n          </span>\n        </li>\n\n        <li class=\"is-merge-replaceLowerTier\" *ngIf=\"model.logs.replaceLowerTier\">\n          <span>The recalculated</span>\n          <b class=\"is-pl-1\">{{ model.config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}</b>\n          <span class=\"is-pl-1\">was</span>\n          <span class=\"is-pl-1\">\n            <ng-container *ngIf=\"model.config?.mergeArgs\">\n              <span class=\"is-underlined\" *ngIf=\"!model.logs.replaceThreshold\">less than</span>\n              <span class=\"is-underlined\" *ngIf=\"model.logs.replaceThreshold\">more than or equal to</span>\n              <b class=\"is-pl-1\">{{ model.config.mergeArgs.replaceThreshold[1] * 100 }}%</b>\n            </ng-container>\n            <ng-container *ngIf=\"!model.config?.mergeArgs\">\n              <span class=\"is-underlined\" *ngIf=\"!model.logs.replaceThreshold\">not sufficiently</span>\n              <span class=\"is-underlined\" *ngIf=\"model.logs.replaceThreshold\">sufficiently</span>\n            </ng-container>\n          </span>\n          <span class=\"is-pl-1\">different from the original</span>\n          <b class=\"is-pl-1\">{{ model.config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}.</b>\n        </li>\n      </ul>\n    </ng-container>\n  </ng-container>\n</ng-template>\n\n<ng-template #docsLink let-model>\n  <a [href]=\"model.apiDocsPath || model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n    <span>Docs</span>\n    <fa-icon class=\"ml-1\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::ng-deep .table td he-node-link{width:190px}@media screen and (max-width: 768px){::ng-deep .table td he-node-link{width:150px}}::ng-deep .table td .open-node+he-node-link{width:170px}@media screen and (max-width: 768px){::ng-deep .table td .open-node+he-node-link{width:130px}}::ng-deep .table td.has-border-right{box-shadow:1px 0 #6c8093}::ng-deep .table .has-sub-rows.is-open>td:first-child:before,::ng-deep .table .is-sub-row>td:first-child:before{display:block;position:absolute;content:\" \";background-color:#6c809333;height:100%;width:1px;top:0;left:12px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}::ng-deep .copy-log he-clipboard{visibility:hidden}::ng-deep .copy-log:hover he-clipboard{visibility:visible}\n"] }]
         }], ctorParameters: function () { return [{ type: HeNodeService }, { type: HeSearchService }, { type: HeEngineService }]; }, propDecorators: { node: [{
                 type: Input
             }], nodeKey: [{
@@ -7270,13 +6693,195 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImpor
                 type: Input
             }], filterTermTypesLabel: [{
                 type: Input
-            }], logsKey: [{
+            }], logsKey: [{
+                type: Input
+            }], noDataMessage: [{
+                type: Input
+            }] } });
+
+class NodeMissingLookupFactorsComponent {
+    constructor(ref, nodeService) {
+        this.ref = ref;
+        this.nodeService = nodeService;
+        this.loading = true;
+        this.logs = [];
+    }
+    async ngOnInit() {
+        this.loading = true;
+        this.logs = await this.nodeService.getMissingLookupsLog({
+            ...this.node,
+            dataState: DataState.recalculated
+        });
+        this.loading = false;
+        this.ref.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeMissingLookupFactorsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: NodeMissingLookupFactorsComponent, selector: "he-node-missing-lookup-factors", inputs: { node: "node" }, ngImport: i0, template: "<div *ngIf=\"!loading; else loader\" class=\"table-container data-table-container\">\n  <table class=\"table is-fullwidth is-hoverable is-striped mb-0\">\n    <thead>\n      <tr>\n        <th>\n          <span>Filename</span>\n        </th>\n        <th>\n          <span>Column Title</span>\n        </th>\n        <th>\n          <span>Row (term.id)</span>\n        </th>\n        <th>\n          <span>Model</span>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngIf=\"!logs.length\">\n        <td colspan=\"3\">\n          <span>No missing lookup factors.</span>\n        </td>\n      </tr>\n      <tr *ngFor=\"let log of logs\">\n        <td>{{ log.filename }}</td>\n        <td>\n          <span *ngIf=\"log.column; else na\">{{ log.column }}</span>\n        </td>\n        <td>\n          <span *ngIf=\"log.termId; else na\">{{ log.termId }}</span>\n        </td>\n        <td>\n          <ng-container *ngIf=\"log.model; else na\">\n            <span>{{ log.model }}</span>\n            <span class=\"pl-1\" *ngIf=\"log.key\">/ {{ log.key }}</span>\n            <span class=\"pl-1\" *ngIf=\"log.term && log.term !== log.termId\">/ {{ log.term }}</span>\n          </ng-container>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n<ng-template #loader>\n  <div class=\"has-text-center py-3\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n  </div>\n</ng-template>\n\n<ng-template #na>\n  <span>-</span>\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeMissingLookupFactorsComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-node-missing-lookup-factors', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"!loading; else loader\" class=\"table-container data-table-container\">\n  <table class=\"table is-fullwidth is-hoverable is-striped mb-0\">\n    <thead>\n      <tr>\n        <th>\n          <span>Filename</span>\n        </th>\n        <th>\n          <span>Column Title</span>\n        </th>\n        <th>\n          <span>Row (term.id)</span>\n        </th>\n        <th>\n          <span>Model</span>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngIf=\"!logs.length\">\n        <td colspan=\"3\">\n          <span>No missing lookup factors.</span>\n        </td>\n      </tr>\n      <tr *ngFor=\"let log of logs\">\n        <td>{{ log.filename }}</td>\n        <td>\n          <span *ngIf=\"log.column; else na\">{{ log.column }}</span>\n        </td>\n        <td>\n          <span *ngIf=\"log.termId; else na\">{{ log.termId }}</span>\n        </td>\n        <td>\n          <ng-container *ngIf=\"log.model; else na\">\n            <span>{{ log.model }}</span>\n            <span class=\"pl-1\" *ngIf=\"log.key\">/ {{ log.key }}</span>\n            <span class=\"pl-1\" *ngIf=\"log.term && log.term !== log.termId\">/ {{ log.term }}</span>\n          </ng-container>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n<ng-template #loader>\n  <div class=\"has-text-center py-3\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"lg\"></fa-icon>\n  </div>\n</ng-template>\n\n<ng-template #na>\n  <span>-</span>\n</ng-template>\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: HeNodeService }]; }, propDecorators: { node: [{
+                type: Input
+            }] } });
+
+// TODO: compute from the list of unique properties
+const additionalKeys = [
+    'key',
+    'methodModelDescription',
+    'methodDescription',
+    'description',
+    'primary',
+    'emissionDuration',
+    'observations',
+    'statsDefinition',
+    'term',
+    'source',
+    'variety',
+    'reliability',
+    'price',
+    'currency',
+    'cost',
+    'revenue',
+    'economicValueShare',
+    'operation',
+    'impactAssessment',
+    'properties',
+    'isAnimalFeed',
+    'fate'
+];
+const tableKeys = [
+    'aniamals',
+    'inputs',
+    'properties',
+    'transformation',
+    'operation',
+    'impactAssessment',
+    'value',
+    'term.units',
+    'dates',
+    'methodModel',
+    'methodTier',
+    'statsDefinition',
+    'depthUpper',
+    'depthLower'
+];
+class NodeValueDetailsComponent {
+    constructor() {
+        this.baseUrl = baseUrl();
+        this.keys = ['value', ...grouppedValueKeys];
+        this.additionalKeys = additionalKeys;
+        this.tableKeys = tableKeys;
+    }
+    ngOnInit() {
+        this.tableKeys = tableKeys.filter(key => (this.data?.nodes || []).some(node => !!get(node, key)));
+    }
+    get type() {
+        return this.data?.nodes[0]['@type'];
+    }
+    get showInline() {
+        return this.data?.nodes?.length === 1;
+    }
+    defaultValue(key) {
+        return ['impactAssessment', 'transformation'].includes(key) ? 'N/A (from Cycle)' : '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeValueDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: { data: "data", nodeType: "nodeType", dataKey: "dataKey", dataState: "dataState" }, ngImport: i0, template: "<ng-container *bindOnce=\"data\">\n  <ng-container *ngIf=\"showInline; else asTable\">\n    <ng-container *ngFor=\"let key of keys\">\n      <he-link-key-value\n        [node]=\"data!.nodes[0]\"\n        [nodeType]=\"nodeType\"\n        [dataState]=\"dataState\"\n        [dataKey]=\"dataKey\"\n        [key]=\"key\"></he-link-key-value>\n    </ng-container>\n    <ng-container *ngFor=\"let key of additionalKeys\">\n      <he-link-key-value\n        [node]=\"data!.nodes[0]\"\n        [nodeType]=\"nodeType\"\n        [dataState]=\"dataState\"\n        [dataKey]=\"dataKey\"\n        [key]=\"key\"></he-link-key-value>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #asTable>\n  <he-link-key-value\n    [node]=\"data!.nodes[0]\"\n    [nodeType]=\"nodeType\"\n    [dataState]=\"dataState\"\n    [dataKey]=\"dataKey\"\n    key=\"term\"></he-link-key-value>\n\n  <div class=\"table-container mt-2\">\n    <table class=\"table is-dark is-narrow is-striped\">\n      <thead>\n        <th *ngFor=\"let key of tableKeys\">\n          <a class=\"is-dark\" [href]=\"baseUrl + '/schema/' + type + '#' + key.split('.')[0]\" target=\"_blank\">\n            <b>{{ key.includes('.') ? key.split('.')[1] : key }}</b>\n          </a>\n        </th>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let node of data!.nodes\">\n          <td *ngFor=\"let key of tableKeys\">\n            <he-link-key-value\n              [node]=\"node\"\n              [nodeType]=\"nodeType\"\n              [dataState]=\"dataState\"\n              [dataKey]=\"dataKey\"\n              [key]=\"key\"\n              [defaultValue]=\"defaultValue(key)\"></he-link-key-value>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n", styles: ["table{background-color:transparent}table::ng-deep he-link-key-value>a:first-child,table::ng-deep he-link-key-value>a:first-child+span{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { kind: "component", type: LinkKeyValueComponent, selector: "he-link-key-value", inputs: ["node", "nodeType", "dataKey", "key", "defaultValue", "dataState"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeValueDetailsComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-node-value-details', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *bindOnce=\"data\">\n  <ng-container *ngIf=\"showInline; else asTable\">\n    <ng-container *ngFor=\"let key of keys\">\n      <he-link-key-value\n        [node]=\"data!.nodes[0]\"\n        [nodeType]=\"nodeType\"\n        [dataState]=\"dataState\"\n        [dataKey]=\"dataKey\"\n        [key]=\"key\"></he-link-key-value>\n    </ng-container>\n    <ng-container *ngFor=\"let key of additionalKeys\">\n      <he-link-key-value\n        [node]=\"data!.nodes[0]\"\n        [nodeType]=\"nodeType\"\n        [dataState]=\"dataState\"\n        [dataKey]=\"dataKey\"\n        [key]=\"key\"></he-link-key-value>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #asTable>\n  <he-link-key-value\n    [node]=\"data!.nodes[0]\"\n    [nodeType]=\"nodeType\"\n    [dataState]=\"dataState\"\n    [dataKey]=\"dataKey\"\n    key=\"term\"></he-link-key-value>\n\n  <div class=\"table-container mt-2\">\n    <table class=\"table is-dark is-narrow is-striped\">\n      <thead>\n        <th *ngFor=\"let key of tableKeys\">\n          <a class=\"is-dark\" [href]=\"baseUrl + '/schema/' + type + '#' + key.split('.')[0]\" target=\"_blank\">\n            <b>{{ key.includes('.') ? key.split('.')[1] : key }}</b>\n          </a>\n        </th>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let node of data!.nodes\">\n          <td *ngFor=\"let key of tableKeys\">\n            <he-link-key-value\n              [node]=\"node\"\n              [nodeType]=\"nodeType\"\n              [dataState]=\"dataState\"\n              [dataKey]=\"dataKey\"\n              [key]=\"key\"\n              [defaultValue]=\"defaultValue(key)\"></he-link-key-value>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  </div>\n</ng-template>\n", styles: ["table{background-color:transparent}table::ng-deep he-link-key-value>a:first-child,table::ng-deep he-link-key-value>a:first-child+span{display:none}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], nodeType: [{
+                type: Input
+            }], dataKey: [{
+                type: Input
+            }], dataState: [{
+                type: Input
+            }] } });
+
+var NodeField;
+(function (NodeField) {
+    NodeField["inputs"] = "inputs";
+    NodeField["measurements"] = "measurements";
+    NodeField["practices"] = "practices";
+    NodeField["products"] = "products";
+})(NodeField || (NodeField = {}));
+const filtersByType = {
+    [NodeType.Cycle]: cycle => {
+        const primaryProduct = (cycle.products || []).find(p => p.primary && !!p.term?.['@id']);
+        return primaryProduct
+            ? {
+                productTermId: primaryProduct.term['@id']
+            }
+            : {};
+    },
+    [NodeType.Site]: ({ siteType }) => ({
+        siteType
+    })
+};
+const termTypesByField = {
+    [NodeField.inputs]: SchemaType.Input,
+    [NodeField.measurements]: SchemaType.Measurement,
+    [NodeField.practices]: SchemaType.Practice,
+    [NodeField.products]: SchemaType.Product
+};
+const isValid = (node, nodeField) => Object.values(NodeField).includes(nodeField) && (node?.type || node?.['@type']) in filtersByType;
+class NodeRecommendationsComponent {
+    constructor(engineService) {
+        this.engineService = engineService;
+        this.selectRecommendation = new EventEmitter$1();
+        this.loading = false;
+        this.visible = false;
+        this.recommendations = [];
+    }
+    ngOnChanges(changes) {
+        if ('node' in changes && isValid(this.node, this.nodeField)) {
+            const oldFilters = copyObject(this._filters);
+            this._filters = filterParams(filtersByType[this.type](this.node));
+            if (oldFilters === null || !isEqual(oldFilters, this._filters)) {
+                this.refresh();
+            }
+        }
+    }
+    trackByValue(_index, id) {
+        return id;
+    }
+    get type() {
+        return this.node?.type || this.node?.['@type'];
+    }
+    async refresh() {
+        this.loading = true;
+        const termType = termTypesByField[this.nodeField];
+        const ids = await this.engineService.getTermIds({ ...this._filters, termType });
+        const existingIds = (this.node[this.nodeField] || []).map(n => n.term?.['@id']).filter(Boolean);
+        this.recommendations = ids.filter(id => !existingIds.includes(id)).sort();
+        this.loading = false;
+    }
+    add(id, index) {
+        this.selectRecommendation.next(id);
+        const recommendations = this.recommendations.slice();
+        recommendations.splice(index, 1);
+        this.recommendations = recommendations;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeRecommendationsComponent, deps: [{ token: HeEngineService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: NodeRecommendationsComponent, selector: "he-node-recommendations", inputs: { node: "node", nodeField: "nodeField", buttonClass: "buttonClass" }, outputs: { selectRecommendation: "selectRecommendation" }, usesOnChanges: true, ngImport: i0, template: "<p class=\"my-2 is-size-7\" [class.is-hidden]=\"!loading && recommendations.length === 0\">\n  <span class=\"pr-2\">Recommendations</span>\n  <span *ngIf=\"loading\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"sm\"></fa-icon>\n  </span>\n  <a *ngIf=\"!loading\" (click)=\"visible = !visible\">\n    <span *ngIf=\"visible\">Hide</span>\n    <span *ngIf=\"!visible\">Show</span>\n  </a>\n</p>\n\n<div [class.is-hidden]=\"!visible\">\n  <button\n    class=\"button mr-2 mb-2 {{ buttonClass }}\"\n    *ngFor=\"let id of recommendations; trackBy: trackByValue; let i = index\"\n    (click)=\"add(id, i)\">\n    <fa-icon icon=\"plus-circle\"></fa-icon>\n    <span class=\"pl-2\">Add</span>\n    <span class=\"pl-1\">{{ id | keyToLabel }}</span>\n  </button>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: NodeRecommendationsComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-node-recommendations', template: "<p class=\"my-2 is-size-7\" [class.is-hidden]=\"!loading && recommendations.length === 0\">\n  <span class=\"pr-2\">Recommendations</span>\n  <span *ngIf=\"loading\">\n    <fa-icon icon=\"spinner\" [pulse]=\"true\" size=\"sm\"></fa-icon>\n  </span>\n  <a *ngIf=\"!loading\" (click)=\"visible = !visible\">\n    <span *ngIf=\"visible\">Hide</span>\n    <span *ngIf=\"!visible\">Show</span>\n  </a>\n</p>\n\n<div [class.is-hidden]=\"!visible\">\n  <button\n    class=\"button mr-2 mb-2 {{ buttonClass }}\"\n    *ngFor=\"let id of recommendations; trackBy: trackByValue; let i = index\"\n    (click)=\"add(id, i)\">\n    <fa-icon icon=\"plus-circle\"></fa-icon>\n    <span class=\"pl-2\">Add</span>\n    <span class=\"pl-1\">{{ id | keyToLabel }}</span>\n  </button>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: HeEngineService }]; }, propDecorators: { node: [{
+                type: Input
+            }], nodeField: [{
                 type: Input
-            }], noDataMessage: [{
+            }], buttonClass: [{
                 type: Input
+            }], selectRecommendation: [{
+                type: Output
             }] } });
 
-const components$7 = [
+const components$8 = [
     NodeIconComponent,
     NodeLinkComponent,
     NodeCsvExportConfirmComponent,
@@ -7314,8 +6919,8 @@ class HeNodeModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeNodeModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: components$7,
-                    exports: components$7,
+                    declarations: components$8,
+                    exports: components$8,
                     imports: [CommonModule, RouterModule, FormsModule, DragDropModule, HeCommonModule]
                 }]
         }] });
@@ -7399,7 +7004,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImpor
                 type: Input
             }] } });
 
-const components$6 = [TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent];
+const components$7 = [TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent];
 class HeTermsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeTermsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: HeTermsModule, declarations: [TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent], imports: [CommonModule,
@@ -7420,8 +7025,8 @@ class HeTermsModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeTermsModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: components$6,
-                    exports: components$6,
+                    declarations: components$7,
+                    exports: components$7,
                     imports: [
                         CommonModule,
                         RouterModule,
@@ -7434,6 +7039,116 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImpor
                 }]
         }] });
 
+const defaultDataStates = [DataState.original, DataState.recalculated];
+const nodeTypeDataState = {
+    [NodeType.Cycle]: {
+        default: defaultDataStates,
+        aggregated: [DataState.original]
+    },
+    [NodeType.ImpactAssessment]: {
+        default: defaultDataStates,
+        aggregated: [DataState.recalculated]
+    },
+    [NodeType.Site]: {
+        default: defaultDataStates,
+        aggregated: [DataState.original]
+    }
+};
+const nodeTypeDataStates = (nodeType, aggregated = false) => {
+    const dataStatesMapping = nodeTypeDataState[nodeType] || {
+        default: [DataState.original],
+        aggregated: [DataState.original]
+    };
+    return aggregated ? dataStatesMapping.aggregated : dataStatesMapping.default;
+};
+const sortNodes = (values) => values?.length
+    ? orderBy(values.filter(Boolean), ['original.aggregated', 'original.site.@id', 'original.cycle.@id', 'original.@id'], ['asc', 'asc', 'asc', 'asc'])
+    : [];
+const isAggregated = (id) => !!id.match(/^[a-zA-Z]+[-][a-zA-Z]+[-][\d]{4,}[-][\d]{4,}/g);
+class HeNodeStoreService {
+    constructor(nodeService) {
+        this.nodeService = nodeService;
+        this._nodesLoadRequests = {};
+        this._nodes = {};
+        this._nodes$ = new ReplaySubject(1);
+    }
+    findNodeIndex(node) {
+        const nodes = this._nodes?.[node['@type']] || [];
+        return nodes.findIndex(n => n.type === node['@type'] && n.id === node['@id']);
+    }
+    loadNode(node) {
+        const aggregated = 'aggregated' in node ? node.aggregated : isAggregated(node['@id']);
+        const dataStates = nodeTypeDataStates(node['@type'], aggregated);
+        const index = this._nodesLoadRequests[node['@type']].length;
+        const request = forkJoin(dataStates.reduce((prev, dataState) => ({
+            ...prev,
+            [dataState]: this.nodeService
+                .get$({ ...node, dataState })
+                .pipe(catchError(() => of(undefined)))
+        }), {})).pipe(shareReplay({ bufferSize: 1, refCount: true }), map((values) => Object.fromEntries(Object.values(DataState).map(dataState => [
+            dataState,
+            values[dataState] || values[DataState.original] || node
+        ]))), map(values => ({
+            index,
+            type: node['@type'],
+            id: node['@id'],
+            ...values
+        })));
+        this._nodesLoadRequests[node['@type']].push({
+            id: node['@id'],
+            request
+        });
+        request.subscribe(data => {
+            this._nodes[node['@type']][index] = data;
+            this._nodes$.next(this._nodes);
+        });
+        return request;
+    }
+    addNode(node) {
+        this._nodesLoadRequests[node['@type']] = this._nodesLoadRequests[node['@type']] || [];
+        this._nodes[node['@type']] = this._nodes[node['@type']] || [];
+        const existingRequest = this._nodesLoadRequests[node['@type']].find(({ id }) => id === node['@id']);
+        return existingRequest ? existingRequest.request : this.loadNode(node);
+    }
+    removeNodeByIndex(nodeType, index) {
+        this._nodesLoadRequests[nodeType].splice(index, 1);
+        this._nodes[nodeType].splice(index, 1);
+        this._nodes$.next(this._nodes);
+    }
+    removeNode(node) {
+        const index = this.findNodeIndex(node);
+        return index >= 0 ? this.removeNodeByIndex(node['@type'], index) : null;
+    }
+    clearNodes() {
+        this._nodesLoadRequests = {};
+        this._nodes = {};
+        this._nodes$.next(this._nodes);
+    }
+    nodes$() {
+        return this._nodes$.asObservable();
+    }
+    sortedNodes$() {
+        return this.nodes$().pipe(map(nodes => Object.fromEntries(Object.entries(nodes).map(([nodeKey, values]) => [nodeKey, sortNodes(values)]))));
+    }
+    ids$(nodeType) {
+        return this.nodes$().pipe(mergeMap(values => values[nodeType]), map(({ id }) => id), toArray());
+    }
+    find$(nodeType, id) {
+        return this.nodes$().pipe(map(values => (values[nodeType] || []).filter(node => !id || node.id === id)));
+    }
+    findByState$(nodeType, dataState, id) {
+        return this.find$(nodeType, id).pipe(map(values => values.map(v => v[dataState]).filter(Boolean)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeNodeStoreService, deps: [{ token: HeNodeService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeNodeStoreService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeNodeStoreService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: HeNodeService }]; } });
+
 var View$3;
 (function (View) {
     View["table"] = "Table view";
@@ -7901,76 +7616,355 @@ class CyclesNodesComponent {
             if (!this.selectedGroupTerm() || !this.groupNodeTerms().includes(this.selectedGroupTerm())) {
                 this.selectedGroupTerm.set(this.groupNodeTerms()[0]);
             }
-        }, { allowSignalWrites: true });
+        }, { allowSignalWrites: true });
+    }
+    groupNodesByKey({ nodeKey }) {
+        const nodesPerCycle = groupNodesByTerm(this.cycles(), nodeKey, this.originalValues(), filterBlankNode$1(this.filterTerm()));
+        return orderBy(grouppedKeys(nodesPerCycle), ['key'], ['asc']);
+    }
+    groupEmissions() {
+        const emissionsPerCycle = groupNodesByTerm(this.cycles(), BlankNodesKey.emissions, this.originalValues(), filterBlankNode$1(this.filterTerm()));
+        const values = orderBy(grouppedKeys(emissionsPerCycle), ['key'], ['asc']);
+        const methodTiers = orderBy(unique(values.map(({ value }) => value.methodTier)).map(methodTier => ({
+            methodTier,
+            methodTierOrder: methodTierOrder(methodTier)
+        })), ['methodTierOrder'], ['asc']);
+        return Object.fromEntries(methodTiers.map(({ methodTier }) => [methodTier, values.filter(({ value }) => value.methodTier === methodTier)]));
+    }
+    trackById(_index, item) {
+        return item['@id'];
+    }
+    togglePopover(popover, context) {
+        return popover.isOpen() ? popover.close() : popover.open(context);
+    }
+    filterByTerm(term) {
+        this.filterTerm.set(term);
+    }
+    selectIndex({ target: { value } }) {
+        this.selectedIndex.set(+value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: CyclesNodesComponent, deps: [{ token: HeNodeStoreService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: CyclesNodesComponent, selector: "he-cycles-nodes", inputs: { dataState: "dataState", nodeKeys: "nodeKeys", nodeKeyGroup: "nodeKeyGroup" }, ngImport: i0, template: "<div class=\"tabs is-mb-1\" *ngIf=\"isGroupNode()\">\n  <ul>\n    <li *ngFor=\"let term of groupNodeTerms()\" [class.is-active]=\"selectedGroupTerm() === term\">\n      <a (click)=\"selectedGroupTerm.set(term)\">{{ term.name }}</a>\n    </li>\n  </ul>\n</div>\n\n<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"hasData()\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView() === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView() === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter terms by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"views()?.length > 1\">\n    <div class=\"field has-addons\">\n      <div class=\"control\" *ngFor=\"let view of views()\">\n        <button class=\"button is-small\" [class.is-selected]=\"selectedView() === view\" (click)=\"selectedView.set(view)\">\n          <span class=\"icon is-small\">\n            <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">{{ view }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"isNodeKeyAllowed()\">\n  <ng-container [ngSwitch]=\"selectedView()\">\n    <div class=\"is-px-3 is-pb-3\" *ngSwitchCase=\"View.table\">\n      <ng-container *ngIf=\"hasData(); else emptyTable\">\n        <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-fullwidth is-narrow is-striped\">\n            <thead>\n              <tr class=\"has-text-weight-bold\" *ngIf=\"dataKeys().length > 1\">\n                <th class=\"width-auto\"></th>\n                <th [class.is-hidden]=\"isGroupNode()\"></th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <ng-container *ngIf=\"data()[dataKey]?.length\">\n                    <th [attr.colspan]=\"data()[dataKey].length\" [class.has-border-right]=\"!dataKeyLast\">\n                      <span>{{ dataKey | keyToLabel }}</span>\n                    </th>\n                  </ng-container>\n                </ng-container>\n              </tr>\n\n              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                    [attr.title]=\"node.value.term.name\"\n                    [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                    <he-node-link [node]=\"node.value.term\">\n                      <span [innerHtml]=\"node.value.term.name | ellipsis: 30 | compound\"></span>\n                    </he-node-link>\n                  </th>\n                </ng-container>\n              </tr>\n              <tr class=\"is-italic has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                  <a [href]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                    [attr.title]=\"node.value.term.units\"\n                    [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                    <span [innerHtml]=\"node.value.term.units | compound\"></span>\n                    <he-terms-units-description\n                      class=\"is-inline-block is-ml-2\"\n                      [term]=\"node.value.term\"></he-terms-units-description>\n                  </th>\n                </ng-container>\n              </tr>\n            </thead>\n            <tbody>\n              <ng-container *ngFor=\"let cycle of cycles(); trackBy: trackById; let cycleIndex = index\">\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycle.term || cycle\">\n                      <span>{{ cycleIndex + 1 }}. {{ defaultLabel(cycle) }}</span>\n                    </he-node-link>\n                  </td>\n                  <td class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                    <he-cycles-functional-unit-measure [cycle]=\"cycles()[0]\"></he-cycles-functional-unit-measure>\n                  </td>\n\n                  <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                    <td\n                      class=\"is-nowrap\"\n                      *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                      [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                      <span\n                        *ngIf=\"node.value.values[cycle['@id']]; else emptyValue\"\n                        class=\"trigger-popover\"\n                        [ngbPopover]=\"details\"\n                        [autoClose]=\"'outside'\"\n                        popoverClass=\"is-narrow\"\n                        triggers=\"manual\"\n                        #p=\"ngbPopover\"\n                        placement=\"left\"\n                        container=\"body\"\n                        (click)=\"\n                          togglePopover(p, { data: node.value.values[cycle['@id']], cycle: cycle, key: dataKey })\n                        \">\n                        <span pointer>\n                          {{\n                            propertyValue(node.value.values[cycle['@id']].value, node.value.term['@id'])\n                              | precision: 3\n                              | default: '-'\n                          }}\n                        </span>\n                        <he-blank-node-state\n                          class=\"ml-1\"\n                          [dataState]=\"_dataState()\"\n                          [node]=\"node.value.values[cycle['@id']].node\"\n                          key=\"value\"></he-blank-node-state>\n                      </span>\n                    </td>\n                  </ng-container>\n                </tr>\n              </ng-container>\n            </tbody>\n          </table>\n        </he-data-table>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </ng-container>\n    </div>\n\n    <ng-container *ngSwitchCase=\"View.chart\">\n      <ng-container [ngSwitch]=\"firstNodeKey()\">\n        <he-cycles-result *ngSwitchCase=\"BlankNodesKey.inputs\" [cycles]=\"cycles()\"></he-cycles-result>\n        <he-cycles-emissions-chart\n          *ngSwitchCase=\"BlankNodesKey.emissions\"\n          [cycles]=\"cycles()\"></he-cycles-emissions-chart>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.timeline\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline\n          [recalculatedValues]=\"timelineValues()\"\n          [dataState]=\"_dataState()\"></he-cycles-nodes-timeline>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </div>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.logs\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"tabs is-mb-2\" *ngIf=\"_nodeKeys().length > 1\">\n        <ul>\n          <li *ngFor=\"let nodeKey of _nodeKeys()\" [class.is-active]=\"selectedNodeKey() === nodeKey\">\n            <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n          </li>\n        </ul>\n      </div>\n\n      <he-node-logs-models\n        *ngIf=\"selectedNode()\"\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"selectedNodeKey()\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\"\n        [filterTermTypes]=\"filterTermTypes()\"></he-node-logs-models>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"cycles()\"\n  [filename]=\"csvFilename()\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"headerKeys()\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"is-pt-3 has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span *ngIf=\"showSwitchToRecalculated()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </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>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"></he-node-value-details>\n</ng-template>\n\n<ng-template #selectCycle>\n  <div class=\"field has-addons is-py-2 is-px-3\" *ngIf=\"cycles().length > 1\">\n    <div class=\"control\">\n      <span class=\"button is-small is-static is-secondary\">Select a Cycle</span>\n    </div>\n    <div class=\"control is-expanded\">\n      <div class=\"select is-small is-fullwidth is-secondary\">\n        <select (change)=\"selectIndex($event)\">\n          <option *ngFor=\"let value of cycles(); let cycleIndex = index\" [value]=\"cycleIndex\">\n            {{ cycleIndex + 1 }}. {{ defaultLabel(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:102px;width:102px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4$1.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state", "linkClass"] }, { kind: "component", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showAggregated", "showDeleted"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["search"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { kind: "component", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey", "dataState"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "component", type: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: ["cycles"] }, { kind: "component", type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { kind: "component", type: CyclesNodesTimelineComponent, selector: "he-cycles-nodes-timeline", inputs: ["recalculatedValues", "dataState"] }, { kind: "component", type: CyclesResultComponent, selector: "he-cycles-result", inputs: ["cycles"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: CyclesNodesComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-cycles-nodes', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tabs is-mb-1\" *ngIf=\"isGroupNode()\">\n  <ul>\n    <li *ngFor=\"let term of groupNodeTerms()\" [class.is-active]=\"selectedGroupTerm() === term\">\n      <a (click)=\"selectedGroupTerm.set(term)\">{{ term.name }}</a>\n    </li>\n  </ul>\n</div>\n\n<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"hasData()\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView() === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView() === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter terms by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"views()?.length > 1\">\n    <div class=\"field has-addons\">\n      <div class=\"control\" *ngFor=\"let view of views()\">\n        <button class=\"button is-small\" [class.is-selected]=\"selectedView() === view\" (click)=\"selectedView.set(view)\">\n          <span class=\"icon is-small\">\n            <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">{{ view }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"isNodeKeyAllowed()\">\n  <ng-container [ngSwitch]=\"selectedView()\">\n    <div class=\"is-px-3 is-pb-3\" *ngSwitchCase=\"View.table\">\n      <ng-container *ngIf=\"hasData(); else emptyTable\">\n        <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-fullwidth is-narrow is-striped\">\n            <thead>\n              <tr class=\"has-text-weight-bold\" *ngIf=\"dataKeys().length > 1\">\n                <th class=\"width-auto\"></th>\n                <th [class.is-hidden]=\"isGroupNode()\"></th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <ng-container *ngIf=\"data()[dataKey]?.length\">\n                    <th [attr.colspan]=\"data()[dataKey].length\" [class.has-border-right]=\"!dataKeyLast\">\n                      <span>{{ dataKey | keyToLabel }}</span>\n                    </th>\n                  </ng-container>\n                </ng-container>\n              </tr>\n\n              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                    [attr.title]=\"node.value.term.name\"\n                    [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                    <he-node-link [node]=\"node.value.term\">\n                      <span [innerHtml]=\"node.value.term.name | ellipsis: 30 | compound\"></span>\n                    </he-node-link>\n                  </th>\n                </ng-container>\n              </tr>\n              <tr class=\"is-italic has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                  <a [href]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                    [attr.title]=\"node.value.term.units\"\n                    [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                    <span [innerHtml]=\"node.value.term.units | compound\"></span>\n                    <he-terms-units-description\n                      class=\"is-inline-block is-ml-2\"\n                      [term]=\"node.value.term\"></he-terms-units-description>\n                  </th>\n                </ng-container>\n              </tr>\n            </thead>\n            <tbody>\n              <ng-container *ngFor=\"let cycle of cycles(); trackBy: trackById; let cycleIndex = index\">\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycle.term || cycle\">\n                      <span>{{ cycleIndex + 1 }}. {{ defaultLabel(cycle) }}</span>\n                    </he-node-link>\n                  </td>\n                  <td class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                    <he-cycles-functional-unit-measure [cycle]=\"cycles()[0]\"></he-cycles-functional-unit-measure>\n                  </td>\n\n                  <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                    <td\n                      class=\"is-nowrap\"\n                      *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                      [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                      <span\n                        *ngIf=\"node.value.values[cycle['@id']]; else emptyValue\"\n                        class=\"trigger-popover\"\n                        [ngbPopover]=\"details\"\n                        [autoClose]=\"'outside'\"\n                        popoverClass=\"is-narrow\"\n                        triggers=\"manual\"\n                        #p=\"ngbPopover\"\n                        placement=\"left\"\n                        container=\"body\"\n                        (click)=\"\n                          togglePopover(p, { data: node.value.values[cycle['@id']], cycle: cycle, key: dataKey })\n                        \">\n                        <span pointer>\n                          {{\n                            propertyValue(node.value.values[cycle['@id']].value, node.value.term['@id'])\n                              | precision: 3\n                              | default: '-'\n                          }}\n                        </span>\n                        <he-blank-node-state\n                          class=\"ml-1\"\n                          [dataState]=\"_dataState()\"\n                          [node]=\"node.value.values[cycle['@id']].node\"\n                          key=\"value\"></he-blank-node-state>\n                      </span>\n                    </td>\n                  </ng-container>\n                </tr>\n              </ng-container>\n            </tbody>\n          </table>\n        </he-data-table>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </ng-container>\n    </div>\n\n    <ng-container *ngSwitchCase=\"View.chart\">\n      <ng-container [ngSwitch]=\"firstNodeKey()\">\n        <he-cycles-result *ngSwitchCase=\"BlankNodesKey.inputs\" [cycles]=\"cycles()\"></he-cycles-result>\n        <he-cycles-emissions-chart\n          *ngSwitchCase=\"BlankNodesKey.emissions\"\n          [cycles]=\"cycles()\"></he-cycles-emissions-chart>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.timeline\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline\n          [recalculatedValues]=\"timelineValues()\"\n          [dataState]=\"_dataState()\"></he-cycles-nodes-timeline>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </div>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.logs\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"tabs is-mb-2\" *ngIf=\"_nodeKeys().length > 1\">\n        <ul>\n          <li *ngFor=\"let nodeKey of _nodeKeys()\" [class.is-active]=\"selectedNodeKey() === nodeKey\">\n            <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n          </li>\n        </ul>\n      </div>\n\n      <he-node-logs-models\n        *ngIf=\"selectedNode()\"\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"selectedNodeKey()\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\"\n        [filterTermTypes]=\"filterTermTypes()\"></he-node-logs-models>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"cycles()\"\n  [filename]=\"csvFilename()\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"headerKeys()\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"is-pt-3 has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span *ngIf=\"showSwitchToRecalculated()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </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>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"></he-node-value-details>\n</ng-template>\n\n<ng-template #selectCycle>\n  <div class=\"field has-addons is-py-2 is-px-3\" *ngIf=\"cycles().length > 1\">\n    <div class=\"control\">\n      <span class=\"button is-small is-static is-secondary\">Select a Cycle</span>\n    </div>\n    <div class=\"control is-expanded\">\n      <div class=\"select is-small is-fullwidth is-secondary\">\n        <select (change)=\"selectIndex($event)\">\n          <option *ngFor=\"let value of cycles(); let cycleIndex = index\" [value]=\"cycleIndex\">\n            {{ cycleIndex + 1 }}. {{ defaultLabel(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:102px;width:102px}\n"] }]
+        }], ctorParameters: function () { return [{ type: HeNodeStoreService }]; }, propDecorators: { dataState: [{
+                type: Input
+            }], nodeKeys: [{
+                type: Input
+            }], nodeKeyGroup: [{
+                type: Input
+            }] } });
+
+const components$6 = [
+    CyclesCompletenessComponent,
+    CyclesEmissionsChartComponent,
+    CyclesFunctionalUnitMeasureComponent,
+    CyclesNodesComponent,
+    CyclesNodesTimelineComponent,
+    CyclesResultComponent
+];
+class HeCyclesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeCyclesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: HeCyclesModule, declarations: [CyclesCompletenessComponent,
+            CyclesEmissionsChartComponent,
+            CyclesFunctionalUnitMeasureComponent,
+            CyclesNodesComponent,
+            CyclesNodesTimelineComponent,
+            CyclesResultComponent], imports: [CommonModule, FormsModule, HeCommonModule, HeNodeModule, HeTermsModule], exports: [CyclesCompletenessComponent,
+            CyclesEmissionsChartComponent,
+            CyclesFunctionalUnitMeasureComponent,
+            CyclesNodesComponent,
+            CyclesNodesTimelineComponent,
+            CyclesResultComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeCyclesModule, imports: [CommonModule, FormsModule, HeCommonModule, HeNodeModule, HeTermsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeCyclesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: components$6,
+                    exports: components$6,
+                    imports: [CommonModule, FormsModule, HeCommonModule, HeNodeModule, HeTermsModule]
+                }]
+        }] });
+
+class HeNodeCsvService {
+    constructor(schemaService) {
+        this.schemaService = schemaService;
+    }
+    async csvToJson(content) {
+        return toJson(await this.schemaService.schemas(), content);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeNodeCsvService, deps: [{ token: HeSchemaService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeNodeCsvService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeNodeCsvService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: HeSchemaService }]; } });
+
+// TODO: remove fallback
+const MAX_STAGE = {
+    [NodeType.Cycle]: 2,
+    [NodeType.ImpactAssessment]: 1,
+    [NodeType.Site]: 2
+};
+class EngineModelsStageComponent {
+    set node(value) {
+        this._node.set(value);
+    }
+    constructor(nodeService) {
+        this.nodeService = nodeService;
+        this._node = signal(null);
+        this.defaultMaxStage = computed(() => MAX_STAGE[this._node()['@type']]);
+        this.node$ = toObservable(this._node);
+        this.headers = toSignal(this.node$.pipe(filter(node => !!node), mergeMap(node => this.nodeService.getWithHeaders$({
+            ...node,
+            dataState: DataState.recalculated
+        })), map(({ headers }) => headers)));
+        this.stage = computed(() => +this.headers()?.get('stage'));
+        this.maxStage = computed(() => +this.headers()?.get('maxstage') || this.defaultMaxStage());
+        this.inProgress = computed(() => this.stage() && this.stage() !== this.maxStage());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineModelsStageComponent, deps: [{ token: HeNodeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: EngineModelsStageComponent, selector: "he-engine-models-stage", inputs: { node: "node" }, ngImport: i0, template: "<ng-container *ngIf=\"inProgress()\">\n  <span class=\"tag is-warning\">\n    <span>Calculation in progress (stage {{ stage() }} out of {{ maxStage() }})</span>\n  </span>\n</ng-container>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineModelsStageComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-engine-models-stage', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"inProgress()\">\n  <span class=\"tag is-warning\">\n    <span>Calculation in progress (stage {{ stage() }} out of {{ maxStage() }})</span>\n  </span>\n</ng-container>\n", styles: [":host{display:inline-block}\n"] }]
+        }], ctorParameters: function () { return [{ type: HeNodeService }]; }, propDecorators: { node: [{
+                type: Input
+            }] } });
+
+class EngineModelsVersionLinkComponent {
+    constructor(service) {
+        this.service = service;
+        this.showDetails = false;
+    }
+    get version() {
+        return nodeVersion(this.node);
+    }
+    get url() {
+        return [engineGitBaseUrl(), '-', 'tree', `v${this.version}`].filter(Boolean).join('/');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineModelsVersionLinkComponent, deps: [{ token: HeEngineService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: EngineModelsVersionLinkComponent, selector: "he-engine-models-version-link", inputs: { node: "node", showDetails: "showDetails" }, ngImport: i0, template: "<ng-container *ngIf=\"version\">\n  <div class=\"tags has-addons\" *ngIf=\"service.latestVersion$ | async as latestVersion\">\n    <ng-container *bindOnce=\"url\">\n      <a class=\"tag is-info\" [href]=\"url\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n        {{ version }}\n        <fa-icon class=\"ml-2\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n      </a>\n    </ng-container>\n    <ng-container *ngIf=\"showDetails\">\n      <ng-container *ngIf=\"latestVersion === version; else outdated\">\n        <ng-container *ngTemplateOutlet=\"latest\"></ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n\n<ng-template #latest>\n  <span class=\"tag is-success\">latest recalculations</span>\n</ng-template>\n\n<ng-template #outdated>\n  <span class=\"tag is-warning\">outdated recalculations</span>\n</ng-template>\n", styles: [":host{display:inline-block}a{color:inherit}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineModelsVersionLinkComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-engine-models-version-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"version\">\n  <div class=\"tags has-addons\" *ngIf=\"service.latestVersion$ | async as latestVersion\">\n    <ng-container *bindOnce=\"url\">\n      <a class=\"tag is-info\" [href]=\"url\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n        {{ version }}\n        <fa-icon class=\"ml-2\" icon=\"external-link-alt\" size=\"sm\"></fa-icon>\n      </a>\n    </ng-container>\n    <ng-container *ngIf=\"showDetails\">\n      <ng-container *ngIf=\"latestVersion === version; else outdated\">\n        <ng-container *ngTemplateOutlet=\"latest\"></ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n</ng-container>\n\n<ng-template #latest>\n  <span class=\"tag is-success\">latest recalculations</span>\n</ng-template>\n\n<ng-template #outdated>\n  <span class=\"tag is-warning\">outdated recalculations</span>\n</ng-template>\n", styles: [":host{display:inline-block}a{color:inherit}\n"] }]
+        }], ctorParameters: function () { return [{ type: HeEngineService }]; }, propDecorators: { node: [{
+                type: Input
+            }], showDetails: [{
+                type: Input
+            }] } });
+
+const gitUrl = `${gitHome}/${Repository.orchestrator}/-/blob/${gitBranch()}`;
+const generalDocsUrl = `${gitUrl}/hestia_earth/orchestrator/config/README.md`;
+const strategiesDocs = `${gitUrl}/hestia_earth/orchestrator/strategies`;
+const schemaTypeKeys = Object.keys(SchemaType);
+const toSchemaType = (value) => keyToLabel(value).replace(/\s/g, '');
+const isSchemaType = (value) => [
+    schemaTypeKeys.includes(value),
+    schemaTypeKeys.includes(pluralize(value, 1)),
+    schemaTypeKeys.includes(pluralize(toSchemaType(value), 1)),
+    ['emissionsResourceUse', 'impacts', 'endpoints'].includes(value)
+].some(Boolean);
+const isGapFilled = ({ runStrategy, mergeStrategy, mergeArgs }) => ['add_blank_node_if_missing', 'add_key_if_missing'].includes(runStrategy) &&
+    (mergeStrategy !== 'list' || !mergeArgs?.replaceThreshold);
+const isRecalculated = ({ runStrategy, mergeStrategy, mergeArgs }) => ['add_blank_node_if_missing', 'add_key_if_missing'].includes(runStrategy) &&
+    mergeStrategy === 'list' &&
+    mergeArgs?.replaceThreshold;
+const filterGapFilled = (configs, onlyGapFilled) => configs
+    .map(model => (Array.isArray(model) && onlyGapFilled ? model.filter(isGapFilled) : model))
+    .filter(model => !onlyGapFilled || Array.isArray(model) || isGapFilled(model));
+const modelMatch = (term) => ({ key, model, value }) => [key, model, value].filter(Boolean).some(v => v.toLowerCase().includes(term.toLowerCase()));
+const filterModels = (configs, term = '') => configs
+    .map(model => (Array.isArray(model) && !!term ? model.filter(modelMatch(term)) : model))
+    .filter(model => !term || Array.isArray(model) || modelMatch(term)(model));
+const modelKeyName = (modelKey) => (modelKey.includes('.') ? modelKey.split('.')[1] : modelKey);
+const groupConfig = (configs) => from(configs.flat())
+    .pipe(filter(({ key }) => isSchemaType(key)), groupBy(({ key }) => key), mergeMap(group => group.pipe(toArray())), reduce((prev, curr) => {
+    const key = curr[0].key;
+    prev[toSchemaType(key)] = curr;
+    return prev;
+}, {}))
+    .toPromise();
+class EngineOrchestratorEditComponent {
+    constructor(hestiaEngineService, searchService) {
+        this.hestiaEngineService = hestiaEngineService;
+        this.searchService = searchService;
+        this.modelKeyName = modelKeyName;
+        this.isArray = Array.isArray;
+        this.generalDocsUrl = generalDocsUrl;
+        this.strategiesDocs = strategiesDocs;
+        this.termsById = {};
+        this.showConfig = false;
+        this.search = '';
+        this.onlyGapFilled = false;
+        this.showAdvanced = false;
+        this.displayBy = 'list';
+        this.showDisplayBy = false;
+    }
+    ngOnChanges(changes) {
+        if (changes.config?.currentValue) {
+            this.allModels = this.config.models;
+            this.computeTermsById();
+            return this.filterModels();
+        }
+        if ('nodeType' in changes) {
+            return this.loadDefaultConfig();
+        }
+    }
+    async loadDefaultConfig() {
+        const { models } = await this.hestiaEngineService.ochestratorConfig(this.nodeType);
+        this.allModels = models;
+        this.computeTermsById();
+        return this.filterModels();
+    }
+    async computeTermsById() {
+        const ids = unique(this.allModels
+            .flat()
+            .flatMap(model => [model.model, model.value])
+            .filter(Boolean));
+        const { results } = await this.searchService.search({
+            fields: ['@type', '@id', 'name', 'units'],
+            limit: ids.length,
+            query: {
+                bool: {
+                    must: [matchType(NodeType.Term)],
+                    should: ids.map(matchId),
+                    minimum_should_match: 1
+                }
+            }
+        });
+        this.termsById = results.reduce((p, c) => ({ ...p, [c['@id']]: c }), {});
     }
-    groupNodesByKey({ nodeKey }) {
-        const nodesPerCycle = groupNodesByTerm(this.cycles(), nodeKey, this.originalValues(), filterBlankNode$1(this.filterTerm()));
-        return orderBy(grouppedKeys(nodesPerCycle), ['key'], ['asc']);
+    trackByKey(_index, { key }) {
+        return key;
     }
-    groupEmissions() {
-        const emissionsPerCycle = groupNodesByTerm(this.cycles(), BlankNodesKey.emissions, this.originalValues(), filterBlankNode$1(this.filterTerm()));
-        const values = orderBy(grouppedKeys(emissionsPerCycle), ['key'], ['asc']);
-        const methodTiers = orderBy(unique(values.map(({ value }) => value.methodTier)).map(methodTier => ({
-            methodTier,
-            methodTierOrder: methodTierOrder(methodTier)
-        })), ['methodTierOrder'], ['asc']);
-        return Object.fromEntries(methodTiers.map(({ methodTier }) => [methodTier, values.filter(({ value }) => value.methodTier === methodTier)]));
+    modelLink$({ model, value }) {
+        return this.hestiaEngineService.model$({ model, term: value });
     }
-    trackById(_index, item) {
-        return item['@id'];
+    modelPathLink$({ model, value }) {
+        return this.hestiaEngineService.model$({
+            path: `${engineGitUrl()}/hestia_earth/models/${model}/${(value || '').replace('.', '/')}.py`
+        });
     }
-    togglePopover(popover, context) {
-        return popover.isOpen() ? popover.close() : popover.open(context);
+    get configUrl() {
+        return this.hestiaEngineService.orchestratorConfigUrl(this.nodeType);
     }
-    filterByTerm(term) {
-        this.filterTerm.set(term);
+    modelKeyUrl({ modelKey }, model) {
+        const parts = modelKey.split('.');
+        const schemaType = parts.length === 2 ? parts[0] : model;
+        const url = [baseUrl(), 'schema', toSchemaType(schemaType)].filter(Boolean).join('/');
+        return isSchemaType(schemaType) ? `${url}#${parts.pop()}` : null;
     }
-    selectIndex({ target: { value } }) {
-        this.selectedIndex.set(+value);
+    filterModels() {
+        setTimeout(async () => {
+            const models = filterModels(filterGapFilled(this.allModels, this.onlyGapFilled), this.search);
+            this.models = models;
+            this.groupedModels = await groupConfig(models);
+            this.selectedGroupedKey = Object.keys(this.groupedModels)?.[0];
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: CyclesNodesComponent, deps: [{ token: HeNodeStoreService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: CyclesNodesComponent, selector: "he-cycles-nodes", inputs: { dataState: "dataState", nodeKeys: "nodeKeys", nodeKeyGroup: "nodeKeyGroup" }, ngImport: i0, template: "<div class=\"tabs is-mb-1\" *ngIf=\"isGroupNode()\">\n  <ul>\n    <li *ngFor=\"let term of groupNodeTerms()\" [class.is-active]=\"selectedGroupTerm() === term\">\n      <a (click)=\"selectedGroupTerm.set(term)\">{{ term.name }}</a>\n    </li>\n  </ul>\n</div>\n\n<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"hasData()\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView() === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView() === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter terms by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"views()?.length > 1\">\n    <div class=\"field has-addons\">\n      <div class=\"control\" *ngFor=\"let view of views()\">\n        <button class=\"button is-small\" [class.is-selected]=\"selectedView() === view\" (click)=\"selectedView.set(view)\">\n          <span class=\"icon is-small\">\n            <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">{{ view }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"isNodeKeyAllowed()\">\n  <ng-container [ngSwitch]=\"selectedView()\">\n    <div class=\"is-px-3 is-pb-3\" *ngSwitchCase=\"View.table\">\n      <ng-container *ngIf=\"hasData(); else emptyTable\">\n        <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-fullwidth is-narrow is-striped\">\n            <thead>\n              <tr class=\"has-text-weight-bold\" *ngIf=\"dataKeys().length > 1\">\n                <th class=\"width-auto\"></th>\n                <th [class.is-hidden]=\"isGroupNode()\"></th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <ng-container *ngIf=\"data()[dataKey]?.length\">\n                    <th [attr.colspan]=\"data()[dataKey].length\" [class.has-border-right]=\"!dataKeyLast\">\n                      <span>{{ dataKey | keyToLabel }}</span>\n                    </th>\n                  </ng-container>\n                </ng-container>\n              </tr>\n\n              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                    [attr.title]=\"node.value.term.name\"\n                    [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                    <he-node-link [node]=\"node.value.term\">\n                      <span [innerHtml]=\"node.value.term.name | ellipsis: 30 | compound\"></span>\n                    </he-node-link>\n                  </th>\n                </ng-container>\n              </tr>\n              <tr class=\"is-italic has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                  <a [href]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                    [attr.title]=\"node.value.term.units\"\n                    [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                    <span [innerHtml]=\"node.value.term.units | compound\"></span>\n                    <he-terms-units-description\n                      class=\"is-inline-block is-ml-2\"\n                      [term]=\"node.value.term\"></he-terms-units-description>\n                  </th>\n                </ng-container>\n              </tr>\n            </thead>\n            <tbody>\n              <ng-container *ngFor=\"let cycle of cycles(); trackBy: trackById; let cycleIndex = index\">\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycle.term || cycle\">\n                      <span>{{ cycleIndex + 1 }}. {{ defaultLabel(cycle) }}</span>\n                    </he-node-link>\n                  </td>\n                  <td class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                    <he-cycles-functional-unit-measure [cycle]=\"cycles()[0]\"></he-cycles-functional-unit-measure>\n                  </td>\n\n                  <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                    <td\n                      class=\"is-nowrap\"\n                      *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                      [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                      <span\n                        *ngIf=\"node.value.values[cycle['@id']]; else emptyValue\"\n                        class=\"trigger-popover\"\n                        [ngbPopover]=\"details\"\n                        [autoClose]=\"'outside'\"\n                        popoverClass=\"is-narrow\"\n                        triggers=\"manual\"\n                        #p=\"ngbPopover\"\n                        placement=\"left\"\n                        container=\"body\"\n                        (click)=\"\n                          togglePopover(p, { data: node.value.values[cycle['@id']], cycle: cycle, key: dataKey })\n                        \">\n                        <span pointer>\n                          {{\n                            propertyValue(node.value.values[cycle['@id']].value, node.value.term['@id'])\n                              | precision: 3\n                              | default: '-'\n                          }}\n                        </span>\n                        <he-blank-node-state\n                          class=\"ml-1\"\n                          [dataState]=\"_dataState()\"\n                          [node]=\"node.value.values[cycle['@id']].node\"\n                          key=\"value\"></he-blank-node-state>\n                      </span>\n                    </td>\n                  </ng-container>\n                </tr>\n              </ng-container>\n            </tbody>\n          </table>\n        </he-data-table>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </ng-container>\n    </div>\n\n    <ng-container *ngSwitchCase=\"View.chart\">\n      <ng-container [ngSwitch]=\"firstNodeKey()\">\n        <he-cycles-result *ngSwitchCase=\"BlankNodesKey.inputs\" [cycles]=\"cycles()\"></he-cycles-result>\n        <he-cycles-emissions-chart\n          *ngSwitchCase=\"BlankNodesKey.emissions\"\n          [cycles]=\"cycles()\"></he-cycles-emissions-chart>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.timeline\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline\n          [recalculatedValues]=\"timelineValues()\"\n          [dataState]=\"_dataState()\"></he-cycles-nodes-timeline>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </div>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.logs\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"tabs is-mb-2\" *ngIf=\"_nodeKeys().length > 1\">\n        <ul>\n          <li *ngFor=\"let nodeKey of _nodeKeys()\" [class.is-active]=\"selectedNodeKey() === nodeKey\">\n            <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n          </li>\n        </ul>\n      </div>\n\n      <he-node-logs-models\n        *ngIf=\"selectedNode()\"\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"selectedNodeKey()\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\"\n        [filterTermTypes]=\"filterTermTypes()\"></he-node-logs-models>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"cycles()\"\n  [filename]=\"csvFilename()\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"headerKeys()\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"is-pt-3 has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span *ngIf=\"showSwitchToRecalculated()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </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>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"></he-node-value-details>\n</ng-template>\n\n<ng-template #selectCycle>\n  <div class=\"field has-addons is-py-2 is-px-3\" *ngIf=\"cycles().length > 1\">\n    <div class=\"control\">\n      <span class=\"button is-small is-static is-secondary\">Select a Cycle</span>\n    </div>\n    <div class=\"control is-expanded\">\n      <div class=\"select is-small is-fullwidth is-secondary\">\n        <select (change)=\"selectIndex($event)\">\n          <option *ngFor=\"let value of cycles(); let cycleIndex = index\" [value]=\"cycleIndex\">\n            {{ cycleIndex + 1 }}. {{ defaultLabel(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:102px;width:102px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4$1.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "component", type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state", "linkClass"] }, { kind: "component", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showAggregated", "showDeleted"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["search"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { kind: "component", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataKey", "dataState"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "component", type: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: ["cycles"] }, { kind: "component", type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { kind: "component", type: CyclesNodesTimelineComponent, selector: "he-cycles-nodes-timeline", inputs: ["recalculatedValues", "dataState"] }, { kind: "component", type: CyclesResultComponent, selector: "he-cycles-result", inputs: ["cycles"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineOrchestratorEditComponent, deps: [{ token: HeEngineService }, { token: HeSearchService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: EngineOrchestratorEditComponent, selector: "he-engine-orchestrator-edit", inputs: { config: "config", nodeType: "nodeType" }, usesOnChanges: true, ngImport: i0, template: "<p>\n  <i>\n    The configuration below is a preview of the\n    <a [href]=\"configUrl\" target=\"_blank\">JSON configuration file</a>\n    used for the orchestration of the Hestia's calculations.\n  </i>\n</p>\n<p>\n  <i>Note: not all models might be represented accurately.</i>\n</p>\n\n<div class=\"is-size-7 is-italic\">\n  <div class=\"columns is-mobile is-multiline is-vcentered is-variable is-1 my-0\">\n    <div class=\"column\">\n      <div class=\"pl-3 model-parallel my-3\">\n        <span>Models running in parallel</span>\n      </div>\n    </div>\n\n    <div class=\"column is-narrow has-text-right\">\n      <div\n        class=\"dropdown is-right has-text-left is-dropdown-filters\"\n        [class.is-active]=\"showConfig\"\n        (clickOutside)=\"showConfig = false\">\n        <div class=\"dropdown-trigger\" (click)=\"showConfig = !showConfig\">\n          <button\n            class=\"button is-ghost\"\n            [class.is-active]=\"showConfig\"\n            aria-haspopup=\"true\"\n            aria-controls=\"option-menu\"\n            ngbTooltip=\"Filters\"\n            placement=\"bottom\"\n            container=\"body\"\n            [disableTooltip]=\"showConfig\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"cog\" aria-hidden=\"true\"></fa-icon>\n            </span>\n          </button>\n        </div>\n        <div class=\"dropdown-menu\" id=\"option-menu\" role=\"menu\">\n          <div class=\"dropdown-content\">\n            <div class=\"dropdown-item\">\n              <div class=\"field\">\n                <div class=\"control is-expanded has-icons-right\">\n                  <input\n                    type=\"text\"\n                    class=\"input search-input is-secondary is-small\"\n                    [(ngModel)]=\"search\"\n                    name=\"collection\"\n                    placeholder=\"Filter by key, name or model\"\n                    (input)=\"filterModels()\" />\n                  <a class=\"icon is-small is-right\" (click)=\"search = ''; filterModels()\">\n                    <fa-icon icon=\"times\"></fa-icon>\n                  </a>\n                </div>\n              </div>\n\n              <div class=\"field is-relative\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded is-secondary\"\n                  [(ngModel)]=\"showAdvanced\"\n                  id=\"showAdvanced\"\n                  (change)=\"filterModels()\" />\n                <label class=\"is-size-7\" for=\"showAdvanced\">\n                  <span>Show advanced data</span>\n                </label>\n              </div>\n\n              <div class=\"field is-relative\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded is-secondary\"\n                  [(ngModel)]=\"onlyGapFilled\"\n                  id=\"onlyGapFilled\"\n                  (change)=\"filterModels()\" />\n                <label class=\"is-size-7\" for=\"onlyGapFilled\">\n                  <span>Show only gap-filled data</span>\n                </label>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"column is-narrow has-text-right\">\n      <div\n        class=\"dropdown is-right has-text-left\"\n        [class.is-active]=\"showDisplayBy\"\n        (clickOutside)=\"showDisplayBy = false\">\n        <div class=\"dropdown-trigger\" (click)=\"showDisplayBy = !showDisplayBy\">\n          <button\n            class=\"button is-ghost\"\n            aria-haspopup=\"true\"\n            aria-controls=\"display-menu\"\n            ngbTooltip=\"Display options\"\n            placement=\"bottom\"\n            container=\"body\"\n            [disableTooltip]=\"showDisplayBy\">\n            <ng-container [ngSwitch]=\"displayBy\">\n              <ng-container *ngSwitchCase=\"'list'\">\n                <span class=\"icon is-small\">\n                  <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'type'\">\n                <span class=\"icon is-small\">\n                  <fa-icon icon=\"table\" aria-hidden=\"true\"></fa-icon>\n                </span>\n              </ng-container>\n            </ng-container>\n          </button>\n        </div>\n        <div class=\"dropdown-menu\" id=\"display-menu\" role=\"menu\">\n          <div class=\"dropdown-content\" (click)=\"showDisplayBy = false\">\n            <a class=\"dropdown-item\" [class.is-selected]=\"displayBy === 'list'\" (click)=\"displayBy = 'list'\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n              <span class=\"pl-2\">Display by Priority</span>\n            </a>\n            <a class=\"dropdown-item\" [class.is-selected]=\"displayBy === 'type'\" (click)=\"displayBy = 'type'\">\n              <fa-icon icon=\"table\" aria-hidden=\"true\"></fa-icon>\n              <span class=\"pl-2\">Display by Type</span>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"displayBy === 'list' && models\">\n  <div class=\"pl-3\">\n    <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: models }\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"displayBy === 'type' && groupedModels\">\n  <div class=\"tabs\">\n    <ul>\n      <li\n        *ngFor=\"let group of groupedModels | keys; trackBy: trackByKey\"\n        [class.is-active]=\"selectedGroupedKey === group.key\">\n        <a (click)=\"selectedGroupedKey = group.key\">\n          <span class=\"pl-2\">{{ group.key }} ({{ group.value.length }})</span>\n        </a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"pl-3\">\n    <ng-container\n      *ngTemplateOutlet=\"modelList; context: { $implicit: groupedModels[selectedGroupedKey] }\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #termLink let-value>\n  <ng-template #defaultLabel>\n    <span>{{ value | keyToLabel }}</span>\n  </ng-template>\n\n  <ng-container *ngIf=\"termsById[value]; else defaultLabel\">\n    <he-node-link [node]=\"termsById[value]\" [showExternalLink]=\"true\">\n      <span>{{ termsById[value].name }}</span>\n    </he-node-link>\n  </ng-container>\n</ng-template>\n\n<ng-template #modelList let-data>\n  <div *ngFor=\"let v of data\">\n    <ng-container *ngTemplateOutlet=\"model; context: { $implicit: v }\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #model let-data>\n  <ng-container *ngIf=\"isArray(data) && data.length\">\n    <div class=\"pl-3 model-parallel\">\n      <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: data }\"></ng-container>\n    </div>\n\n    <hr />\n  </ng-container>\n  <ng-container *ngIf=\"!isArray(data)\">\n    <div class=\"card mb-2 model-serie is-size-6\">\n      <div class=\"card-content p-3\">\n        <span class=\"is-capitalized\">{{ data.key | keyToLabel }}</span>\n        :\n        <ng-template #defaultView>\n          <span class=\"default-value\">{{ data.value }}</span>\n\n          <p>\n            <span class=\"pr-1\">Model:</span>\n            <span class=\"pr-2\">\n              <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: data.model }\"></ng-container>\n            </span>\n          </p>\n        </ng-template>\n\n        <ng-template #modelFromPathLink>\n          <ng-container *ngIf=\"modelPathLink$(data) | async as link; else defaultView\">\n            <ng-container\n              *ngTemplateOutlet=\"modelPathLink; context: { model: data.model, value: data.value, link }\"></ng-container>\n          </ng-container>\n        </ng-template>\n\n        <ng-container *ngIf=\"modelLink$(data) | async as link; else modelFromPathLink\">\n          <ng-container\n            *ngTemplateOutlet=\"modelLink; context: { model: data.model, value: data.value, link }\"></ng-container>\n        </ng-container>\n\n        <div *ngIf=\"showAdvanced\">\n          <div *ngIf=\"data.runStrategy\">\n            <span class=\"pr-1\">Run strategy:</span>\n            <ng-container\n              *ngTemplateOutlet=\"strategiesLink; context: { strategy: data.runStrategy, type: 'run' }\"></ng-container>\n\n            <div class=\"pl-3 is-size-7\" *ngIf=\"data.runArgs\">\n              <p><b>Run arguments:</b></p>\n              <ng-container *ngTemplateOutlet=\"strategiesArgs; context: { $implicit: data.runArgs }\"></ng-container>\n            </div>\n          </div>\n          <div *ngIf=\"data.mergeStrategy\">\n            <span class=\"pr-1\">Merge strategy:</span>\n            <ng-container\n              *ngTemplateOutlet=\"\n                strategiesLink;\n                context: { strategy: data.mergeStrategy, type: 'merge' }\n              \"></ng-container>\n\n            <div class=\"pl-3 is-size-7\" *ngIf=\"data.mergeArgs\">\n              <p><b>Merge arguments:</b></p>\n              <ng-container *ngTemplateOutlet=\"strategiesArgs; context: { $implicit: data.mergeArgs }\"></ng-container>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #modelLinkKey let-model=\"model\" let-link=\"link\">\n  <a [href]=\"modelKeyUrl(link, model)\" target=\"_blank\">{{ modelKeyName(link.modelKey) }}</a>\n</ng-template>\n\n<ng-template #modelLink let-model=\"model\" let-link=\"link\" let-value=\"value\">\n  <ng-container *ngIf=\"link.term\">\n    <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: link.term }\"></ng-container>\n  </ng-container>\n\n  <span *ngIf=\"!link.term && !link?.modelKey\" class=\"default-value\">{{ value }}</span>\n\n  <ng-container *ngIf=\"!link.term && link?.modelKey\">\n    <ng-container *ngTemplateOutlet=\"modelLinkKey; context: { link, model }\"></ng-container>\n  </ng-container>\n\n  <p class=\"model-link\">\n    <span class=\"pr-1\">Model:</span>\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: model }\"></ng-container>\n    </span>\n\n    <a class=\"is-size-7\" [href]=\"link.docPath\" target=\"_blank\">\n      <span class=\"pr-1\">(View Docs)</span>\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #modelPathLink let-model=\"model\" let-link=\"link\" let-value=\"value\">\n  <span *ngIf=\"!link?.modelKey\" class=\"default-value\">{{ value }}</span>\n\n  <ng-container *ngIf=\"link?.modelKey\">\n    <ng-container *ngTemplateOutlet=\"modelLinkKey; context: { link, model }\"></ng-container>\n  </ng-container>\n\n  <p class=\"model-path-link\">\n    <span class=\"pr-1\">Model:</span>\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: model }\"></ng-container>\n    </span>\n\n    <a class=\"is-size-7\" [href]=\"link.docPath\" target=\"_blank\">\n      <span class=\"pr-1\">(View Docs)</span>\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #strategiesLink let-strategy=\"strategy\" let-type=\"type\">\n  <span class=\"pr-2 is-inline-block\">\n    <code>{{ strategy }}</code>\n  </span>\n\n  <a\n    class=\"is-size-7\"\n    [href]=\"strategiesDocs + '/' + type + '/' + (type === 'merge' ? 'merge_' : '') + strategy + '.md'\"\n    target=\"_blank\">\n    <span class=\"pr-1\">(View Docs)</span>\n    <fa-icon icon=\"external-link-alt\"></fa-icon>\n  </a>\n</ng-template>\n\n<ng-template #strategiesArgs let-args>\n  <div class=\"pl-2\">\n    <p *ngFor=\"let arg of args | keys\">\n      <span class=\"has-text-underline\">{{ arg.key }}</span>\n      :\n      <code>{{ arg.value | json }}</code>\n    </p>\n  </div>\n</ng-template>\n", styles: [":host{display:block}.model-parallel{border-left:3px solid #4a4a4a}.dropdown.is-dropdown-filters .dropdown-content{min-width:250px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$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]" }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[clickOutside]", inputs: ["clickOutsideListenAfter"], outputs: ["clickOutside"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.JsonPipe, name: "json" }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: CyclesNodesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineOrchestratorEditComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-cycles-nodes', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tabs is-mb-1\" *ngIf=\"isGroupNode()\">\n  <ul>\n    <li *ngFor=\"let term of groupNodeTerms()\" [class.is-active]=\"selectedGroupTerm() === term\">\n      <a (click)=\"selectedGroupTerm.set(term)\">{{ term.name }}</a>\n    </li>\n  </ul>\n</div>\n\n<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"hasData()\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView() === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView() === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter terms by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"views()?.length > 1\">\n    <div class=\"field has-addons\">\n      <div class=\"control\" *ngFor=\"let view of views()\">\n        <button class=\"button is-small\" [class.is-selected]=\"selectedView() === view\" (click)=\"selectedView.set(view)\">\n          <span class=\"icon is-small\">\n            <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">{{ view }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"isNodeKeyAllowed()\">\n  <ng-container [ngSwitch]=\"selectedView()\">\n    <div class=\"is-px-3 is-pb-3\" *ngSwitchCase=\"View.table\">\n      <ng-container *ngIf=\"hasData(); else emptyTable\">\n        <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-fullwidth is-narrow is-striped\">\n            <thead>\n              <tr class=\"has-text-weight-bold\" *ngIf=\"dataKeys().length > 1\">\n                <th class=\"width-auto\"></th>\n                <th [class.is-hidden]=\"isGroupNode()\"></th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <ng-container *ngIf=\"data()[dataKey]?.length\">\n                    <th [attr.colspan]=\"data()[dataKey].length\" [class.has-border-right]=\"!dataKeyLast\">\n                      <span>{{ dataKey | keyToLabel }}</span>\n                    </th>\n                  </ng-container>\n                </ng-container>\n              </tr>\n\n              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                    [attr.title]=\"node.value.term.name\"\n                    [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                    <he-node-link [node]=\"node.value.term\">\n                      <span [innerHtml]=\"node.value.term.name | ellipsis: 30 | compound\"></span>\n                    </he-node-link>\n                  </th>\n                </ng-container>\n              </tr>\n              <tr class=\"is-italic has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                  <a [href]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                    [attr.title]=\"node.value.term.units\"\n                    [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                    <span [innerHtml]=\"node.value.term.units | compound\"></span>\n                    <he-terms-units-description\n                      class=\"is-inline-block is-ml-2\"\n                      [term]=\"node.value.term\"></he-terms-units-description>\n                  </th>\n                </ng-container>\n              </tr>\n            </thead>\n            <tbody>\n              <ng-container *ngFor=\"let cycle of cycles(); trackBy: trackById; let cycleIndex = index\">\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycle.term || cycle\">\n                      <span>{{ cycleIndex + 1 }}. {{ defaultLabel(cycle) }}</span>\n                    </he-node-link>\n                  </td>\n                  <td class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                    <he-cycles-functional-unit-measure [cycle]=\"cycles()[0]\"></he-cycles-functional-unit-measure>\n                  </td>\n\n                  <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                    <td\n                      class=\"is-nowrap\"\n                      *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                      [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                      <span\n                        *ngIf=\"node.value.values[cycle['@id']]; else emptyValue\"\n                        class=\"trigger-popover\"\n                        [ngbPopover]=\"details\"\n                        [autoClose]=\"'outside'\"\n                        popoverClass=\"is-narrow\"\n                        triggers=\"manual\"\n                        #p=\"ngbPopover\"\n                        placement=\"left\"\n                        container=\"body\"\n                        (click)=\"\n                          togglePopover(p, { data: node.value.values[cycle['@id']], cycle: cycle, key: dataKey })\n                        \">\n                        <span pointer>\n                          {{\n                            propertyValue(node.value.values[cycle['@id']].value, node.value.term['@id'])\n                              | precision: 3\n                              | default: '-'\n                          }}\n                        </span>\n                        <he-blank-node-state\n                          class=\"ml-1\"\n                          [dataState]=\"_dataState()\"\n                          [node]=\"node.value.values[cycle['@id']].node\"\n                          key=\"value\"></he-blank-node-state>\n                      </span>\n                    </td>\n                  </ng-container>\n                </tr>\n              </ng-container>\n            </tbody>\n          </table>\n        </he-data-table>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </ng-container>\n    </div>\n\n    <ng-container *ngSwitchCase=\"View.chart\">\n      <ng-container [ngSwitch]=\"firstNodeKey()\">\n        <he-cycles-result *ngSwitchCase=\"BlankNodesKey.inputs\" [cycles]=\"cycles()\"></he-cycles-result>\n        <he-cycles-emissions-chart\n          *ngSwitchCase=\"BlankNodesKey.emissions\"\n          [cycles]=\"cycles()\"></he-cycles-emissions-chart>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.timeline\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline\n          [recalculatedValues]=\"timelineValues()\"\n          [dataState]=\"_dataState()\"></he-cycles-nodes-timeline>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </div>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.logs\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"tabs is-mb-2\" *ngIf=\"_nodeKeys().length > 1\">\n        <ul>\n          <li *ngFor=\"let nodeKey of _nodeKeys()\" [class.is-active]=\"selectedNodeKey() === nodeKey\">\n            <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n          </li>\n        </ul>\n      </div>\n\n      <he-node-logs-models\n        *ngIf=\"selectedNode()\"\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"selectedNodeKey()\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\"\n        [filterTermTypes]=\"filterTermTypes()\"></he-node-logs-models>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"cycles()\"\n  [filename]=\"csvFilename()\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"headerKeys()\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"is-pt-3 has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span *ngIf=\"showSwitchToRecalculated()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </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>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"></he-node-value-details>\n</ng-template>\n\n<ng-template #selectCycle>\n  <div class=\"field has-addons is-py-2 is-px-3\" *ngIf=\"cycles().length > 1\">\n    <div class=\"control\">\n      <span class=\"button is-small is-static is-secondary\">Select a Cycle</span>\n    </div>\n    <div class=\"control is-expanded\">\n      <div class=\"select is-small is-fullwidth is-secondary\">\n        <select (change)=\"selectIndex($event)\">\n          <option *ngFor=\"let value of cycles(); let cycleIndex = index\" [value]=\"cycleIndex\">\n            {{ cycleIndex + 1 }}. {{ defaultLabel(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:102px;width:102px}\n"] }]
-        }], ctorParameters: function () { return [{ type: HeNodeStoreService }]; }, propDecorators: { dataState: [{
-                type: Input
-            }], nodeKeys: [{
+            args: [{ selector: 'he-engine-orchestrator-edit', template: "<p>\n  <i>\n    The configuration below is a preview of the\n    <a [href]=\"configUrl\" target=\"_blank\">JSON configuration file</a>\n    used for the orchestration of the Hestia's calculations.\n  </i>\n</p>\n<p>\n  <i>Note: not all models might be represented accurately.</i>\n</p>\n\n<div class=\"is-size-7 is-italic\">\n  <div class=\"columns is-mobile is-multiline is-vcentered is-variable is-1 my-0\">\n    <div class=\"column\">\n      <div class=\"pl-3 model-parallel my-3\">\n        <span>Models running in parallel</span>\n      </div>\n    </div>\n\n    <div class=\"column is-narrow has-text-right\">\n      <div\n        class=\"dropdown is-right has-text-left is-dropdown-filters\"\n        [class.is-active]=\"showConfig\"\n        (clickOutside)=\"showConfig = false\">\n        <div class=\"dropdown-trigger\" (click)=\"showConfig = !showConfig\">\n          <button\n            class=\"button is-ghost\"\n            [class.is-active]=\"showConfig\"\n            aria-haspopup=\"true\"\n            aria-controls=\"option-menu\"\n            ngbTooltip=\"Filters\"\n            placement=\"bottom\"\n            container=\"body\"\n            [disableTooltip]=\"showConfig\">\n            <span class=\"icon is-small\">\n              <fa-icon icon=\"cog\" aria-hidden=\"true\"></fa-icon>\n            </span>\n          </button>\n        </div>\n        <div class=\"dropdown-menu\" id=\"option-menu\" role=\"menu\">\n          <div class=\"dropdown-content\">\n            <div class=\"dropdown-item\">\n              <div class=\"field\">\n                <div class=\"control is-expanded has-icons-right\">\n                  <input\n                    type=\"text\"\n                    class=\"input search-input is-secondary is-small\"\n                    [(ngModel)]=\"search\"\n                    name=\"collection\"\n                    placeholder=\"Filter by key, name or model\"\n                    (input)=\"filterModels()\" />\n                  <a class=\"icon is-small is-right\" (click)=\"search = ''; filterModels()\">\n                    <fa-icon icon=\"times\"></fa-icon>\n                  </a>\n                </div>\n              </div>\n\n              <div class=\"field is-relative\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded is-secondary\"\n                  [(ngModel)]=\"showAdvanced\"\n                  id=\"showAdvanced\"\n                  (change)=\"filterModels()\" />\n                <label class=\"is-size-7\" for=\"showAdvanced\">\n                  <span>Show advanced data</span>\n                </label>\n              </div>\n\n              <div class=\"field is-relative\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded is-secondary\"\n                  [(ngModel)]=\"onlyGapFilled\"\n                  id=\"onlyGapFilled\"\n                  (change)=\"filterModels()\" />\n                <label class=\"is-size-7\" for=\"onlyGapFilled\">\n                  <span>Show only gap-filled data</span>\n                </label>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"column is-narrow has-text-right\">\n      <div\n        class=\"dropdown is-right has-text-left\"\n        [class.is-active]=\"showDisplayBy\"\n        (clickOutside)=\"showDisplayBy = false\">\n        <div class=\"dropdown-trigger\" (click)=\"showDisplayBy = !showDisplayBy\">\n          <button\n            class=\"button is-ghost\"\n            aria-haspopup=\"true\"\n            aria-controls=\"display-menu\"\n            ngbTooltip=\"Display options\"\n            placement=\"bottom\"\n            container=\"body\"\n            [disableTooltip]=\"showDisplayBy\">\n            <ng-container [ngSwitch]=\"displayBy\">\n              <ng-container *ngSwitchCase=\"'list'\">\n                <span class=\"icon is-small\">\n                  <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n                </span>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"'type'\">\n                <span class=\"icon is-small\">\n                  <fa-icon icon=\"table\" aria-hidden=\"true\"></fa-icon>\n                </span>\n              </ng-container>\n            </ng-container>\n          </button>\n        </div>\n        <div class=\"dropdown-menu\" id=\"display-menu\" role=\"menu\">\n          <div class=\"dropdown-content\" (click)=\"showDisplayBy = false\">\n            <a class=\"dropdown-item\" [class.is-selected]=\"displayBy === 'list'\" (click)=\"displayBy = 'list'\">\n              <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n              <span class=\"pl-2\">Display by Priority</span>\n            </a>\n            <a class=\"dropdown-item\" [class.is-selected]=\"displayBy === 'type'\" (click)=\"displayBy = 'type'\">\n              <fa-icon icon=\"table\" aria-hidden=\"true\"></fa-icon>\n              <span class=\"pl-2\">Display by Type</span>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"displayBy === 'list' && models\">\n  <div class=\"pl-3\">\n    <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: models }\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-container *ngIf=\"displayBy === 'type' && groupedModels\">\n  <div class=\"tabs\">\n    <ul>\n      <li\n        *ngFor=\"let group of groupedModels | keys; trackBy: trackByKey\"\n        [class.is-active]=\"selectedGroupedKey === group.key\">\n        <a (click)=\"selectedGroupedKey = group.key\">\n          <span class=\"pl-2\">{{ group.key }} ({{ group.value.length }})</span>\n        </a>\n      </li>\n    </ul>\n  </div>\n\n  <div class=\"pl-3\">\n    <ng-container\n      *ngTemplateOutlet=\"modelList; context: { $implicit: groupedModels[selectedGroupedKey] }\"></ng-container>\n  </div>\n</ng-container>\n\n<ng-template #termLink let-value>\n  <ng-template #defaultLabel>\n    <span>{{ value | keyToLabel }}</span>\n  </ng-template>\n\n  <ng-container *ngIf=\"termsById[value]; else defaultLabel\">\n    <he-node-link [node]=\"termsById[value]\" [showExternalLink]=\"true\">\n      <span>{{ termsById[value].name }}</span>\n    </he-node-link>\n  </ng-container>\n</ng-template>\n\n<ng-template #modelList let-data>\n  <div *ngFor=\"let v of data\">\n    <ng-container *ngTemplateOutlet=\"model; context: { $implicit: v }\"></ng-container>\n  </div>\n</ng-template>\n\n<ng-template #model let-data>\n  <ng-container *ngIf=\"isArray(data) && data.length\">\n    <div class=\"pl-3 model-parallel\">\n      <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: data }\"></ng-container>\n    </div>\n\n    <hr />\n  </ng-container>\n  <ng-container *ngIf=\"!isArray(data)\">\n    <div class=\"card mb-2 model-serie is-size-6\">\n      <div class=\"card-content p-3\">\n        <span class=\"is-capitalized\">{{ data.key | keyToLabel }}</span>\n        :\n        <ng-template #defaultView>\n          <span class=\"default-value\">{{ data.value }}</span>\n\n          <p>\n            <span class=\"pr-1\">Model:</span>\n            <span class=\"pr-2\">\n              <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: data.model }\"></ng-container>\n            </span>\n          </p>\n        </ng-template>\n\n        <ng-template #modelFromPathLink>\n          <ng-container *ngIf=\"modelPathLink$(data) | async as link; else defaultView\">\n            <ng-container\n              *ngTemplateOutlet=\"modelPathLink; context: { model: data.model, value: data.value, link }\"></ng-container>\n          </ng-container>\n        </ng-template>\n\n        <ng-container *ngIf=\"modelLink$(data) | async as link; else modelFromPathLink\">\n          <ng-container\n            *ngTemplateOutlet=\"modelLink; context: { model: data.model, value: data.value, link }\"></ng-container>\n        </ng-container>\n\n        <div *ngIf=\"showAdvanced\">\n          <div *ngIf=\"data.runStrategy\">\n            <span class=\"pr-1\">Run strategy:</span>\n            <ng-container\n              *ngTemplateOutlet=\"strategiesLink; context: { strategy: data.runStrategy, type: 'run' }\"></ng-container>\n\n            <div class=\"pl-3 is-size-7\" *ngIf=\"data.runArgs\">\n              <p><b>Run arguments:</b></p>\n              <ng-container *ngTemplateOutlet=\"strategiesArgs; context: { $implicit: data.runArgs }\"></ng-container>\n            </div>\n          </div>\n          <div *ngIf=\"data.mergeStrategy\">\n            <span class=\"pr-1\">Merge strategy:</span>\n            <ng-container\n              *ngTemplateOutlet=\"\n                strategiesLink;\n                context: { strategy: data.mergeStrategy, type: 'merge' }\n              \"></ng-container>\n\n            <div class=\"pl-3 is-size-7\" *ngIf=\"data.mergeArgs\">\n              <p><b>Merge arguments:</b></p>\n              <ng-container *ngTemplateOutlet=\"strategiesArgs; context: { $implicit: data.mergeArgs }\"></ng-container>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #modelLinkKey let-model=\"model\" let-link=\"link\">\n  <a [href]=\"modelKeyUrl(link, model)\" target=\"_blank\">{{ modelKeyName(link.modelKey) }}</a>\n</ng-template>\n\n<ng-template #modelLink let-model=\"model\" let-link=\"link\" let-value=\"value\">\n  <ng-container *ngIf=\"link.term\">\n    <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: link.term }\"></ng-container>\n  </ng-container>\n\n  <span *ngIf=\"!link.term && !link?.modelKey\" class=\"default-value\">{{ value }}</span>\n\n  <ng-container *ngIf=\"!link.term && link?.modelKey\">\n    <ng-container *ngTemplateOutlet=\"modelLinkKey; context: { link, model }\"></ng-container>\n  </ng-container>\n\n  <p class=\"model-link\">\n    <span class=\"pr-1\">Model:</span>\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: model }\"></ng-container>\n    </span>\n\n    <a class=\"is-size-7\" [href]=\"link.docPath\" target=\"_blank\">\n      <span class=\"pr-1\">(View Docs)</span>\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #modelPathLink let-model=\"model\" let-link=\"link\" let-value=\"value\">\n  <span *ngIf=\"!link?.modelKey\" class=\"default-value\">{{ value }}</span>\n\n  <ng-container *ngIf=\"link?.modelKey\">\n    <ng-container *ngTemplateOutlet=\"modelLinkKey; context: { link, model }\"></ng-container>\n  </ng-container>\n\n  <p class=\"model-path-link\">\n    <span class=\"pr-1\">Model:</span>\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: model }\"></ng-container>\n    </span>\n\n    <a class=\"is-size-7\" [href]=\"link.docPath\" target=\"_blank\">\n      <span class=\"pr-1\">(View Docs)</span>\n      <fa-icon icon=\"external-link-alt\"></fa-icon>\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #strategiesLink let-strategy=\"strategy\" let-type=\"type\">\n  <span class=\"pr-2 is-inline-block\">\n    <code>{{ strategy }}</code>\n  </span>\n\n  <a\n    class=\"is-size-7\"\n    [href]=\"strategiesDocs + '/' + type + '/' + (type === 'merge' ? 'merge_' : '') + strategy + '.md'\"\n    target=\"_blank\">\n    <span class=\"pr-1\">(View Docs)</span>\n    <fa-icon icon=\"external-link-alt\"></fa-icon>\n  </a>\n</ng-template>\n\n<ng-template #strategiesArgs let-args>\n  <div class=\"pl-2\">\n    <p *ngFor=\"let arg of args | keys\">\n      <span class=\"has-text-underline\">{{ arg.key }}</span>\n      :\n      <code>{{ arg.value | json }}</code>\n    </p>\n  </div>\n</ng-template>\n", styles: [":host{display:block}.model-parallel{border-left:3px solid #4a4a4a}.dropdown.is-dropdown-filters .dropdown-content{min-width:250px}\n"] }]
+        }], ctorParameters: function () { return [{ type: HeEngineService }, { type: HeSearchService }]; }, propDecorators: { config: [{
                 type: Input
-            }], nodeKeyGroup: [{
+            }], nodeType: [{
                 type: Input
             }] } });
 
+class EngineRequirementsFormComponent {
+    constructor(formBuilder, searchService) {
+        this.formBuilder = formBuilder;
+        this.searchService = searchService;
+        this.form = this.formBuilder.group({
+            productTermId: [undefined],
+            productTermType: [undefined],
+            tier: [undefined],
+            siteType: [undefined]
+        });
+        this.productTermTermType = productTermTermType.term;
+        this.EmissionMethodTier = EmissionMethodTier;
+        this.SiteSiteType = SiteSiteType;
+        this.suggestingProductTermId = false;
+        this.suggestProductTermId = (text$) => text$.pipe(debounceTime(300), distinctUntilChanged(), tap(() => (this.suggestingProductTermId = true)), switchMap(term => (term.length < 1 ? [] : this.suggestTerm(term))), tap(() => (this.suggestingProductTermId = false)));
+        this.inputFormatterProductTermId = ({ name }) => name;
+    }
+    suggestTerm(term) {
+        return this.searchService.suggest(term, NodeType.Term, null, {
+            bool: {
+                must: [
+                    matchType(NodeType.Term),
+                    {
+                        bool: {
+                            should: suggestMatchQuery(term),
+                            minimum_should_match: 1
+                        }
+                    },
+                    {
+                        bool: {
+                            should: productTermTermType.term.map(matchTermType),
+                            minimum_should_match: 1
+                        }
+                    }
+                ]
+            }
+        });
+    }
+    /**
+     * Return if form is valid.
+     */
+    get valid() {
+        return this.form ? !this.form.invalid : true;
+    }
+    formValue() {
+        const { productTermId, ...value } = this.form ? this.form.getRawValue() : { productTermId: undefined };
+        return {
+            ...value,
+            ...(productTermId ? { productTermId: productTermId['@id'] } : {}) // selected as a JSON-LD Object
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineRequirementsFormComponent, deps: [{ token: i2$1.UntypedFormBuilder }, { token: HeSearchService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: EngineRequirementsFormComponent, selector: "he-engine-requirements-form", ngImport: i0, template: "<form class=\"needs-validation mt-3\" novalidate [formGroup]=\"form\">\n  <div class=\"field is-horizontal\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"productTermId\">\n        <span>Product Term ID</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\" [class.has-icons-right]=\"suggestingProductTermId\">\n          <input\n            class=\"input\"\n            formControlName=\"productTermId\"\n            name=\"productTermId\"\n            placeholder=\"Search product by ID or name\"\n            [editable]=\"false\"\n            [ngbTypeahead]=\"suggestProductTermId\"\n            [resultTemplate]=\"suggestionProductTermId\"\n            [inputFormatter]=\"inputFormatterProductTermId\" />\n          <span class=\"icon is-right has-text-grey-dark\" [class.is-hidden]=\"!suggestingProductTermId\">\n            <fa-icon icon=\"spinner\" [pulse]=\"true\"></fa-icon>\n          </span>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"field is-horizontal mt-3\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"productTermType\">\n        <span>Product Term Type</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth\">\n            <select formControlName=\"productTermType\" name=\"productTermType\">\n              <option [ngValue]=\"undefined\">Select a Type</option>\n              <option *ngFor=\"let termType of productTermTermType\" [value]=\"termType\">\n                {{ termType | keyToLabel }}\n              </option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"field is-horizontal mt-3\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"tier\">\n        <span>Emissions Method Tier</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth\">\n            <select formControlName=\"tier\" name=\"tier\">\n              <option [ngValue]=\"undefined\">Select a Tier</option>\n              <option *ngFor=\"let tier of EmissionMethodTier | keys\" [value]=\"tier.value\">{{ tier.value }}</option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"field is-horizontal mt-3\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"siteType\">\n        <span>Site Type</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth\">\n            <select formControlName=\"siteType\" name=\"siteType\">\n              <option [ngValue]=\"undefined\">Select a Type</option>\n              <option *ngFor=\"let siteType of SiteSiteType | keys\" [value]=\"siteType.value\">\n                {{ siteType.value }}\n              </option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</form>\n\n<ng-template #suggestionProductTermId let-r=\"result\" let-t=\"term\">\n  <ngb-highlight [result]=\"r.name\" [term]=\"t\"></ngb-highlight>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$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]" }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4$1.NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term", "accentSensitive"] }, { kind: "directive", type: i4$1.NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "selectOnExact", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: EngineRequirementsFormComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-engine-requirements-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"needs-validation mt-3\" novalidate [formGroup]=\"form\">\n  <div class=\"field is-horizontal\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"productTermId\">\n        <span>Product Term ID</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\" [class.has-icons-right]=\"suggestingProductTermId\">\n          <input\n            class=\"input\"\n            formControlName=\"productTermId\"\n            name=\"productTermId\"\n            placeholder=\"Search product by ID or name\"\n            [editable]=\"false\"\n            [ngbTypeahead]=\"suggestProductTermId\"\n            [resultTemplate]=\"suggestionProductTermId\"\n            [inputFormatter]=\"inputFormatterProductTermId\" />\n          <span class=\"icon is-right has-text-grey-dark\" [class.is-hidden]=\"!suggestingProductTermId\">\n            <fa-icon icon=\"spinner\" [pulse]=\"true\"></fa-icon>\n          </span>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"field is-horizontal mt-3\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"productTermType\">\n        <span>Product Term Type</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth\">\n            <select formControlName=\"productTermType\" name=\"productTermType\">\n              <option [ngValue]=\"undefined\">Select a Type</option>\n              <option *ngFor=\"let termType of productTermTermType\" [value]=\"termType\">\n                {{ termType | keyToLabel }}\n              </option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"field is-horizontal mt-3\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"tier\">\n        <span>Emissions Method Tier</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth\">\n            <select formControlName=\"tier\" name=\"tier\">\n              <option [ngValue]=\"undefined\">Select a Tier</option>\n              <option *ngFor=\"let tier of EmissionMethodTier | keys\" [value]=\"tier.value\">{{ tier.value }}</option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"field is-horizontal mt-3\">\n    <div class=\"field-label is-normal\">\n      <label class=\"label\" for=\"siteType\">\n        <span>Site Type</span>\n      </label>\n    </div>\n    <div class=\"field-body\">\n      <div class=\"field\">\n        <div class=\"control is-expanded\">\n          <div class=\"select is-fullwidth\">\n            <select formControlName=\"siteType\" name=\"siteType\">\n              <option [ngValue]=\"undefined\">Select a Type</option>\n              <option *ngFor=\"let siteType of SiteSiteType | keys\" [value]=\"siteType.value\">\n                {{ siteType.value }}\n              </option>\n            </select>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</form>\n\n<ng-template #suggestionProductTermId let-r=\"result\" let-t=\"term\">\n  <ngb-highlight [result]=\"r.name\" [term]=\"t\"></ngb-highlight>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i2$1.UntypedFormBuilder }, { type: HeSearchService }]; } });
+
 const components$5 = [
-    CyclesCompletenessComponent,
-    CyclesEmissionsChartComponent,
-    CyclesFunctionalUnitMeasureComponent,
-    CyclesNodesComponent,
-    CyclesNodesTimelineComponent,
-    CyclesResultComponent
+    EngineModelsStageComponent,
+    EngineModelsVersionLinkComponent,
+    EngineOrchestratorEditComponent,
+    EngineRequirementsFormComponent
 ];
-class HeCyclesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeCyclesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: HeCyclesModule, declarations: [CyclesCompletenessComponent,
-            CyclesEmissionsChartComponent,
-            CyclesFunctionalUnitMeasureComponent,
-            CyclesNodesComponent,
-            CyclesNodesTimelineComponent,
-            CyclesResultComponent], imports: [CommonModule, FormsModule, HeCommonModule, HeNodeModule, HeTermsModule], exports: [CyclesCompletenessComponent,
-            CyclesEmissionsChartComponent,
-            CyclesFunctionalUnitMeasureComponent,
-            CyclesNodesComponent,
-            CyclesNodesTimelineComponent,
-            CyclesResultComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeCyclesModule, imports: [CommonModule, FormsModule, HeCommonModule, HeNodeModule, HeTermsModule] }); }
+class HeEngineModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeEngineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.8", ngImport: i0, type: HeEngineModule, declarations: [EngineModelsStageComponent,
+            EngineModelsVersionLinkComponent,
+            EngineOrchestratorEditComponent,
+            EngineRequirementsFormComponent], imports: [CommonModule, ReactiveFormsModule, FormsModule, HeCommonModule, HeNodeModule], exports: [EngineModelsStageComponent,
+            EngineModelsVersionLinkComponent,
+            EngineOrchestratorEditComponent,
+            EngineRequirementsFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeEngineModule, imports: [CommonModule, ReactiveFormsModule, FormsModule, HeCommonModule, HeNodeModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeCyclesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: HeEngineModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: components$5,
                     exports: components$5,
-                    imports: [CommonModule, FormsModule, HeCommonModule, HeNodeModule, HeTermsModule]
+                    imports: [CommonModule, ReactiveFormsModule, FormsModule, HeCommonModule, HeNodeModule]
                 }]
         }] });
 
@@ -8244,9 +8238,11 @@ const customErrorMessage = {
     'should be linked to an emission in the Cycle': ({ params }, errorCount) => `${errorCount === 1 ? `${code(params?.term.name)} exists` : 'Some Emissions exist'} in both the Cycle and the Transformation but ${errorCount === 1 ? 'it is' : 'they are'} not linked using ${code('cycle.emissions.X.transformation.term')}. This may be an error.`,
     'should add an animal production system': () => `For animal production cycles, we recommend specifying the animal production ${glossaryTypeLink(TermTermType.system)} as a Practice.
     You can find a list of systems in the ${glossaryTypeLink(TermTermType.system, 'Glossary')}.`,
-    'must be set to false when specifying fuel use': ({ params }) => `If machinery fuel (${params?.allowedValues.map(code).join(', ')}) is used during a Cycle,
+    'must be set to false when specifying fuel use': ({ params }) => `If fuel for machinery (${params?.allowedValues.map(code).join(', ')}) is used during a Cycle,
     but there is no data on the amount of ${glossaryTypeLink(TermTermType.material)} used for agricultural equipment,
-    then ${code('completeness.material')} must be ${code('false')}.`,
+    then ${code('completeness.material')} must be ${code('false')}.
+    Here, we mean the quantity of physical material used to construct agricultural machinery,
+    which is then depreciated over each Cycle.`,
     'must be below or equal to 1 for unit in ha': () => `The maximum value for a product with units ${code('ha')} on a Cycle with a ${schemaLink('Cycle#functionalUnit', 'functional unit')} of ${code('1 ha')} is ${code('1')}.
     If you are trying to add a product with the units ${code('kg')}, use a different term.`,
     "pastureGrass key termType must be 'landCover'": ({ params }) => `The Term ${code(params?.term.name)} can't be used as a key for ${termLink(pastureGrass)}.
@@ -8354,7 +8350,21 @@ const customErrorMessage = {
     This soil measurement can vary substantially with depth.
     We require that you specify both ${schemaLink('Measurement#depthUpper', 'depthUpper')} and ${schemaLink('Measurement#depthLower', 'depthLower')}.
     If you do not have these data, consider ${schemaLink('Measurement#depthUpper', 'depthUpper')} and ${schemaLink('Measurement#depthLower', 'depthLower')} and setting an appropriate ${schemaLink('Measurement#methodClassification', 'methodClassification')}.
-    Alternatively, delete the Measurement.`
+    Alternatively, delete the Measurement.`,
+    'multiple cycles on the same site cannot overlap': ({ params }) => `Cycles taking place on the same Site cannot overlap: ${params.ids
+        ?.map(code)
+        .join(', ')}. Please consider any of the following suggestions to resolve this conflict:
+    <ul class="is-pl-3 is-list-style-disc is-nowrap">
+    <li>You can amend the Cycles' ${schemaLink('Cycle#startDate', 'startDate')} and ${schemaLink('Cycle#endDate', 'endDate')} to ensure that they do not overlap anymore.
+    <li>You can break down your Cycles into shorter Cycles to ensure that they do not overlap anymore.
+    <li>You can merge the overlapping Cycles into one overall Cycle if the Products of each Cycle are grown at the same time on the same Site.
+    This is relevant if intercropping is used, for instance.</li>
+    <li>You can create a different Site for each overlapping Cycle.
+    This is appropriate if a field is divided into different plots, each dedicated to growing a different Product; each plot would be considered a unique Site on the platform.</li>
+    </ul>
+  `,
+    'multiple cycles on the same site cannot be linked together': ({ params }) => `Cycles linked together by an Impact Assessment cannot take place on the same Site.
+    Please create different Sites for the following Cycles: ${params.ids?.map(code).join(', ')}.`
 };
 const parseDefaultMessage = (message) => `<span class="is-capitalized-first-letter">${message?.startsWith('should have required property')
     ? message.replace("'", '<code>').replace("'", '</code>')