@hestia-earth/ui-components 0.39.0 → 0.39.1

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, computed, HostBinding, Component as Component$1, model, output, signal, effect, ChangeDetectionStrategy, NgZone, ElementRef, untracked, Directive, viewChild, Pipe, DestroyRef, HostListener, ViewEncapsulation, contentChild, viewChildren, forwardRef } from '@angular/core';
+import { Injectable, InjectionToken, inject, input, computed, HostBinding, Component as Component$1, model, output, signal, effect, ChangeDetectionStrategy, ElementRef, untracked, Directive, viewChild, Pipe, DestroyRef, HostListener, ViewEncapsulation, contentChild, viewChildren, forwardRef } from '@angular/core';
 import { toSignal, toObservable, outputFromObservable, takeUntilDestroyed, rxResource } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
 import { UntypedFormBuilder, Validators, FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR, FormControl } from '@angular/forms';
@@ -21,12 +21,12 @@ import { BreakpointObserver } from '@angular/cdk/layout';
 import { select, selectAll } from 'd3-selection';
 import { json2csv } from 'json-2-csv';
 import { propertyValue as propertyValue$1, emptyValue } from '@hestia-earth/utils/dist/term';
-import { getDefaultModelId, getModelGroup, loadResourceKey } from '@hestia-earth/glossary';
-import { LocalStorageService } from 'ngx-webstorage';
+import { getDefaultModelId, getModelGroup, isInSystemBoundary } from '@hestia-earth/glossary';
 import isEqual$1 from 'lodash.isequal';
 import { DataState, filenameWithoutExt, nodeTypeToParam, SupportedExtensions, fileToExt, allowedDataStates, fileExt, maxFileSizeMb } from '@hestia-earth/api';
 import { models as models$1, loadConfig, getMaxStage } from '@hestia-earth/engine-models';
 import { DeltaDisplayType, delta, customDeltaFuncs } from '@hestia-earth/utils/dist/delta';
+import { LocalStorageService } from 'ngx-webstorage';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import { signalStore, withState, withComputed, withMethods, patchState, withHooks } from '@ngrx/signals';
 import { rxMethod } from '@ngrx/signals/rxjs-interop';
@@ -1140,9 +1140,8 @@ const registerChart = (items = []) => () => {
 
 class ChartConfigurationDirective {
     constructor() {
-        this._zone = inject(NgZone);
         this._elementRef = inject(ElementRef);
-        this._observer = new ResizeObserver(() => this._zone.run(() => this.resize()));
+        this._observer = new ResizeObserver(() => this.resize());
         /**
          * The chart configuration.
          * This is used to initialize the chart.
@@ -1161,12 +1160,10 @@ class ChartConfigurationDirective {
         effect(onCleanup => {
             const configuration = this.chartConfiguration();
             untracked(() => {
-                this._zone.runOutsideAngular(() => {
-                    this.removeChart();
-                    if (configuration) {
-                        this._chart = new Chart(this._elementRef.nativeElement, configuration);
-                    }
-                });
+                this.removeChart();
+                if (configuration) {
+                    this._chart = new Chart(this._elementRef.nativeElement, configuration);
+                }
             });
             onCleanup(() => this.removeChart());
         });
@@ -2379,34 +2376,6 @@ const groupNodesByTerm = (nodes = [], key, includeNode = (_node) => true, hideZe
 };
 const isGroupVisible = (blankNodes) => blankNodes.some(v => v.value.visible);
 
-/**
- * Signal utility to patch local storage.
- */
-const localStorageSignal = (initialValue, localStorageKey) => {
-    const localStorage = inject(LocalStorageService);
-    // retrieve value from local storage
-    const storedValueRaw = localStorage.retrieve(localStorageKey);
-    if (storedValueRaw) {
-        try {
-            initialValue = JSON.parse(storedValueRaw);
-        }
-        catch (e) {
-            console.error('Failed to parse stored value for key:', localStorageKey);
-        }
-    }
-    else {
-        localStorage.store(localStorageKey, JSON.stringify(initialValue));
-    }
-    const writableSignal = signal(initialValue, ...(ngDevMode ? [{ debugName: "writableSignal" }] : []));
-    // monkey-patch signal setter to also store to local storage on set
-    const setter = writableSignal.set;
-    writableSignal.set = (value) => {
-        localStorage.store(localStorageKey, JSON.stringify(value));
-        setter(value);
-    };
-    return writableSignal;
-};
-
 /* eslint-disable */
 // copied from https://github.com/plurals/pluralize but incompatible with angular 14 and webpack 6
 // Rule storage - pluralize and singularize need to be run sequentially,
@@ -2854,9 +2823,8 @@ class ResizedEvent {
 class ResizedDirective {
     constructor() {
         this.element = inject(ElementRef);
-        this.zone = inject(NgZone);
         this.resized = output();
-        this.observer = new ResizeObserver(entries => this.zone.run(() => this.observe(entries)));
+        this.observer = new ResizeObserver(entries => this.observe(entries));
     }
     ngOnInit() {
         this.observer.observe(this.element.nativeElement);
@@ -3169,7 +3137,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
 
 class DataTableComponent {
     constructor() {
-        this.ngZone = inject(NgZone);
         this.elementRef = inject(ElementRef);
         this.minHeight = input(...(ngDevMode ? [undefined, { debugName: "minHeight" }] : []));
         this.maxHeight = input(...(ngDevMode ? [undefined, { debugName: "maxHeight" }] : []));
@@ -3182,9 +3149,7 @@ class DataTableComponent {
         return this.elementRef.nativeElement.querySelector('.data-table-holder');
     }
     onResized({ newRect: { width } }) {
-        this.ngZone.runOutsideAngular(() => {
-            this.containerEl.style.width = `${width}px`;
-        });
+        this.containerEl.style.width = `${width}px`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.13", type: DataTableComponent, isStandalone: true, selector: "he-data-table", inputs: { minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "resized": "onResized($event)" }, properties: { "class.is-small": "this.isSmall" } }, ngImport: i0, template: "<div class=\"w-100 h-100 is-overflow-hidden | data-table-holder\">\n  <div\n    class=\"w-100 h-100 is-overflow-auto | table-container\"\n    [style.min-height]=\"minHeight() + 'px'\"\n    [style.max-height]=\"maxHeight() + 'px'\">\n    <ng-content />\n  </div>\n</div>\n", styles: [":host{display:block;height:inherit;width:100%}:host *{box-sizing:border-box}:host .data-table-holder{z-index:1}:host.is-bordered>.data-table-holder{border:1px solid #dbe3ea;border-radius:3px;box-shadow:inset -2px 0 #bdb7b726;padding:8px}:host ::ng-deep *{box-sizing:border-box}:host ::ng-deep>.data-table-holder>.table-container>.table{width:100%}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th{height:42px;white-space:nowrap;font-weight:600}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td{border:none}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th>span:first-child,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td>span:first-child{display:inline-block;max-width:100%}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.table-container>.table .fixed-column{position:sticky}:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td{z-index:10}:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td.fixed-column{z-index:11}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th{top:0;z-index:1070}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th.fixed-column{z-index:1071}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th.has-border-right:not(:last-child),:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td.has-border-right:not(:last-child){box-shadow:inset -2px 0 #bdb7b726}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td.fixed-column{left:0;max-width:300px;width:300px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td.fixed-column{max-width:180px;width:180px}}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th.fixed-column.has-border-right,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td.fixed-column.has-border-right{box-shadow:none}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th.fixed-column.has-border-right:after,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td.fixed-column.has-border-right:after{position:absolute;content:\"\";height:100%;top:0;right:0;width:4px;box-shadow:2px 0 4px #bdb7b726}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td.fixed-column{left:300px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td.fixed-column{left:180px}}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr:last-child>th{box-shadow:inset 0 -1px #ffc000}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr:last-child>th.has-border-right:not(:last-child){box-shadow:inset 0 -1px #ffc000,inset -2px 0 #bdb7b726}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr:last-child>th:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr:last-child>th.fixed-column.has-border-right{box-shadow:inset 0 -1px #ffc000}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr:last-child>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr:last-child>th.fixed-column.has-border-right:after{box-shadow:inset 0 -1px #ffc000,2px 0 4px #bdb7b726}:host ::ng-deep>.data-table-holder>.table-container>.table.is-dark>thead>tr>th.has-border-right,:host ::ng-deep>.data-table-holder>.table-container>.table.is-dark>tbody>tr>td.has-border-right{box-shadow:inset -2px 0 #6c8093}:host ::ng-deep>.data-table-holder>.table-container>.table.is-dark>thead>tr>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.table-container>.table.is-dark>thead>tr>th.fixed-column.has-border-right:after,:host ::ng-deep>.data-table-holder>.table-container>.table.is-dark>tbody>tr>td:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.table-container>.table.is-dark>tbody>tr>td.fixed-column.has-border-right:after{box-shadow:2px 0 4px #6c8093}:host ::ng-deep>.data-table-holder>.table-container>.table.is-dark>thead>tr:last-child>th{box-shadow:inset 0 -1px #c5cdd5}:host ::ng-deep>.data-table-holder>.table-container>.table.is-dark>thead>tr:last-child>th.has-border-right{box-shadow:inset 0 -1px #c5cdd5,inset -2px 0 #6c8093}:host ::ng-deep>.data-table-holder>.table-container>.table.is-dark>thead>tr:last-child>th:first-child.has-border-right,:host ::ng-deep>.data-table-holder>.table-container>.table.is-dark>thead>tr:last-child>th.fixed-column.has-border-right{box-shadow:inset 0 -1px #c5cdd5}:host ::ng-deep>.data-table-holder>.table-container>.table.is-dark>thead>tr:last-child>th:first-child.has-border-right:after,:host ::ng-deep>.data-table-holder>.table-container>.table.is-dark>thead>tr:last-child>th.fixed-column.has-border-right:after{box-shadow:inset 0 -1px #c5cdd5,2px 0 4px #6c8093}:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr{background-color:transparent!important}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr+tr th{top:42px}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr+tr+tr th{top:84px}:host ::ng-deep>.data-table-holder>.table-container>.table>thead>tr>th,:host ::ng-deep>.data-table-holder>.table-container>.table>tbody>tr>td{background-color:#fff}:host ::ng-deep>.data-table-holder>.table-container>.table.is-hoverable>tbody>tr:not(.is-selected):hover>td{background-color:#f3f5f7}:host ::ng-deep>.data-table-holder>.table-container>.table.is-striped>tbody>tr:not(.is-selected):nth-child(2n)>td{background-color:#fefcf7}:host ::ng-deep>.data-table-holder>.table-container>.table.is-striped.is-hoverable>tr:not(.is-selected):nth-child(2n):hover>td{background-color:#f3f5f7}:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow{font-size:.875rem;line-height:1rem}:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>thead>tr>th{height:30px}:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{min-width:200px;max-width:200px;width:200px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>thead>tr>th:first-child,:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>tbody>tr>td:first-child,:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{min-width:120px;max-width:120px;width:120px}}:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{left:200px}@media screen and (max-width: 767px){:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>thead>tr>th.fixed-column,:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>tbody>tr>td.fixed-column{left:120px}}:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>thead>tr+tr th{top:30px}:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow>thead>tr+tr+tr th{top:60px}:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow .select,:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow .select select,:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow .input{height:30px;font-size:.875rem;line-height:1rem}:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow .select select,:host ::ng-deep>.data-table-holder>.table-container>.table.is-narrow .input{padding-top:5px;padding-bottom:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -4246,13 +4211,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
 /* eslint-disable @angular-eslint/directive-selector */
 class DocumentClickService {
     constructor() {
-        this.ngZone = inject(NgZone);
         this.documentClick$ = new Subject();
-        this.ngZone.runOutsideAngular(() => {
-            fromEvent(document, 'click')
-                .pipe(takeUntilDestroyed(), tap(event => this.documentClick$.next(event)))
-                .subscribe();
-        });
+        fromEvent(document, 'click')
+            .pipe(takeUntilDestroyed(), tap(event => this.documentClick$.next(event)))
+            .subscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DocumentClickService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: DocumentClickService, providedIn: 'root' }); }
@@ -4264,7 +4226,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
 class ClickOutsideDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
-        this.zone = inject(NgZone);
         this.destroyRef = inject(DestroyRef);
         this.documentClickService = inject(DocumentClickService);
         this.clickOutsideListenAfter = input(0, ...(ngDevMode ? [{ debugName: "clickOutsideListenAfter" }] : []));
@@ -4272,17 +4233,13 @@ class ClickOutsideDirective {
     }
     ngAfterViewInit() {
         const skip$ = timer(this.clickOutsideListenAfter()).pipe(take(1));
-        this.zone.runOutsideAngular(() => {
-            this.documentClickService.documentClick$
-                .pipe(skipUntil(skip$), takeUntilDestroyed(this.destroyRef), tap(event => {
-                if (!this.elementRef.nativeElement.contains(event.target)) {
-                    this.zone.run(() => {
-                        this.clickOutside.emit();
-                    });
-                }
-            }))
-                .subscribe();
-        });
+        this.documentClickService.documentClick$
+            .pipe(skipUntil(skip$), takeUntilDestroyed(this.destroyRef), tap(event => {
+            if (!this.elementRef.nativeElement.contains(event.target)) {
+                this.clickOutside.emit();
+            }
+        }))
+            .subscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: ClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.13", type: ClickOutsideDirective, isStandalone: true, selector: "[clickOutside]", inputs: { clickOutsideListenAfter: { classPropertyName: "clickOutsideListenAfter", publicName: "clickOutsideListenAfter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickOutside: "clickOutside" }, ngImport: i0 }); }
@@ -7041,7 +6998,7 @@ const groupLogsByModel = (data = '', groupByAnimal = false) => data
     .trim()
     .split('\n')
     .map(parseMessage)
-    .filter(v => [hasValue(v?.model), hasValue(v?.term) || hasValue(v?.key)].every(Boolean))
+    .filter(v => [hasValue(v?.model), ['term', 'key', 'animalId'].some(k => hasValue(v?.[k]))].every(Boolean))
     .reduce((group, log) => {
     const subValue = subValueKeys.find(v => !!log[v] && log[v] != noValue);
     return subValue && !log.cycle ? groupLogSubValue(group, log, subValue) : groupLog(group, log, groupByAnimal);
@@ -7410,39 +7367,37 @@ const configModelWithDocs = ({ nodeType, type, termId, termType, key }, subValue
         methodModel: { '@id': methodId }
     };
     const modelKey = (allLogs?.[subValue?.id]?.[termId]?.[methodId] || allLogs?.[termId]?.[methodId])?.model_key;
-    return {
-        methodId,
-        model: 
-        // handle "hestia.seed_emissions"
-        findMatchingModel(modelParams(node, !['backgroundData'].includes(subValue?.key), subValue?.modelKey)) ||
-            findMatchingModel(modelParams(node, !['backgroundData'].includes(subValue?.key))) ||
-            // handle background emissions
-            findMatchingModel({ modelKey: toSnakeCase(nodeType), model: methodId }) ||
-            // handle "liveAnimal"
-            (termType && findMatchingModel(modelKeyParams(node, termType))) ||
-            // handle "completeness.cropResidue"
-            (key ? findMatchingModel(modelKeyParams(node, `${methodId}.${key}`)) : undefined) ||
-            findMatchingModel(modelKeyParams(node, `${subValue?.key}.${methodId}`)) ||
-            // handle "input.price"
-            findMatchingModel(modelKeyParams(node, `${type?.toLowerCase()}.${subValue?.key}`)) ||
-            // handle "input.hestiaAggregatedData"
-            findMatchingModel(modelKeyParams(node, `${type?.toLowerCase()}.${methodId}`)) ||
-            // handle "transformation"
-            (subValue?.key ? findMatchingModel(modelKeyParams(node, subValue?.key)) : undefined) ||
-            // handle "transformation/input/excreta" and other models with "/"
-            (methodId.includes('/')
-                ? findMatchingModel({
-                    model: methodId.split('/')[0],
-                    modelKey: methodId.split('/').slice(1).join('.')
-                })
-                : undefined) ||
-            // handle "seed_emissions"
-            ([subValue?.id === 'seed', type === SchemaType.Emission].every(Boolean)
-                ? findMatchingModel({ model: methodId, modelKey: 'seed_emissions' })
-                : undefined) ||
-            findMatchingModel({ modelKey, model: methodId }) ||
-            (isNotRelevantModel({ methodId }) ? findMatchingModel({ model: methodId }) : undefined)
-    };
+    const model = 
+    // handle "hestia.seed_emissions"
+    findMatchingModel(modelParams(node, !['backgroundData'].includes(subValue?.key), subValue?.modelKey)) ||
+        findMatchingModel(modelParams(node, !['backgroundData'].includes(subValue?.key))) ||
+        // handle background emissions
+        findMatchingModel({ modelKey: toSnakeCase(nodeType), model: methodId }) ||
+        // handle "liveAnimal"
+        (termType && findMatchingModel(modelKeyParams(node, termType))) ||
+        // handle "completeness.cropResidue"
+        (key ? findMatchingModel(modelKeyParams(node, `${methodId}.${key}`)) : undefined) ||
+        findMatchingModel(modelKeyParams(node, `${subValue?.key}.${methodId}`)) ||
+        // handle "input.price"
+        findMatchingModel(modelKeyParams(node, `${type?.toLowerCase()}.${subValue?.key}`)) ||
+        // handle "input.hestiaAggregatedData"
+        findMatchingModel(modelKeyParams(node, `${type?.toLowerCase()}.${methodId}`)) ||
+        // handle "transformation"
+        (subValue?.key ? findMatchingModel(modelKeyParams(node, subValue?.key)) : undefined) ||
+        // handle "transformation/input/excreta" and other models with "/"
+        (methodId.includes('/')
+            ? findMatchingModel({
+                model: methodId.split('/')[0],
+                modelKey: methodId.split('/').slice(1).join('.')
+            })
+            : undefined) ||
+        // handle "seed_emissions"
+        ([subValue?.id === 'seed', type === SchemaType.Emission].every(Boolean)
+            ? findMatchingModel({ model: methodId, modelKey: 'seed_emissions' })
+            : undefined) ||
+        (modelKey ? findMatchingModel({ modelKey, model: methodId }) : undefined) ||
+        (isNotRelevantModel({ methodId }) ? findMatchingModel({ model: methodId }) : undefined);
+    return { methodId, model };
 };
 const configModelWithLogs = (data, logs, previousModelSuccess = false) => (model) => {
     const status = logStatus(data, logs, model, previousModelSuccess);
@@ -7771,25 +7726,22 @@ class NodeLogsModelsLogsStatusComponent {
         return values.some(v => 'methodTier' in v && v.methodTier === methodTier);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: NodeLogsModelsLogsStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: NodeLogsModelsLogsStatusComponent, isStandalone: true, selector: "he-node-logs-models-logs-status", inputs: { nodeType: { classPropertyName: "nodeType", publicName: "nodeType", isSignal: true, isRequired: true, transformFunction: null }, model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"is-mb-2\">\n  <span>Status:</span>\n  <span class=\"is-pl-1\">{{ modelStatus() }}</span>\n</div>\n\n@if (modelStatus() === LogStatus.notRequired && modelLogs().is_not_relevant === 'True') {\n  <ul class=\"is-pl-3 is-list-style-disc\">\n    @if (modelLogs().logs?.siteType_allowed === 'False') {\n      <li>\n        The\n        <code class=\"is-mx-1\">site.siteType</code>\n        is not relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.product_id_allowed === 'False') {\n      <li>\n        None of the\n        <code class=\"is-mx-1\">Product</code>\n        <code class=\"is-mr-1\">term.&#64;id</code>\n        is relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.site_measurement_id_allowed === 'False') {\n      <li>\n        None of the\n        <code class=\"is-mx-1\">Measurement</code>\n        <code class=\"is-mr-1\">term.&#64;id</code>\n        is relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.product_termType_allowed === 'False') {\n      <li>\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    }\n    @if (modelLogs().logs?.input_id_allowed === 'False') {\n      <li>\n        None of the\n        <code class=\"is-mx-1\">Input</code>\n        <code class=\"is-mr-1\">term.&#64;id</code>\n        is relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.input_termType_allowed === 'False') {\n      <li>\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    }\n  </ul>\n}\n\n@if (modelLogs() && modelStatus() !== LogStatus.notRequired && modelStatus() !== LogStatus.skipHierarchy) {\n  @let config = model().config;\n\n  <ul class=\"is-pl-3 is-list-style-disc\">\n    @if (modelLogs().shouldRunOrchestrator === false) {\n      <li class=\"is-no-run-orchestrator\">\n        @if (!modelLogs().runRequired) {\n          @if (modelLogs().logs?.node_type_allowed === 'False') {\n            <span class=\"is-run-node-type-not-allowed\">\n              This model should not run for {{ nodeType() | pluralize: 0 }}\n            </span>\n          }\n        }\n        @if (config) {\n          <p class=\"is-run-strategy-{{ config.runStrategy }}\">\n            @switch (config.runStrategy) {\n              @case ('always') {\n                <span></span>\n              }\n              @case ('add_key_if_missing') {\n                <span>We only gap-fill this key if not present</span>\n              }\n              @case ('add_blank_node_if_missing') {\n                <span>We only gap-fill this Blank Node if not present.</span>\n              }\n            }\n          </p>\n          <p class=\"is-mt-1\">\n            @if (config.runArgs?.runNonMeasured && hasMethodTier(data().original, EmissionMethodTier.measured)) {\n              <span class=\"is-run-with-measured\">\n                The\n                <code class=\"is-mx-1\">{{ config.value }}</code>\n                was reported as measured.\n              </span>\n            }\n          </p>\n        } @else if (modelLogs().logs?.is_empty === 'False') {\n          <span class=\"is-run-not-empty\">\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        }\n      </li>\n    } @else {\n      <li class=\"is-run-orchestrator\">\n        @if (modelLogs().shouldRun) {\n          <p>All the requirements were met to run the model.</p>\n        } @else {\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        }\n        @if (modelLogs().logs?.error) {\n          <p>The model failed to run for the following reason:</p>\n          <p>\n            <code>{{ modelLogs().logs.error }}</code>\n          </p>\n        }\n      </li>\n    }\n    @if (modelLogs().replaceLowerTier !== undefined) {\n      <li>\n        <span>\n          The recalculated\n          <b>methodTier</b>\n          was\n        </span>\n        @if (modelLogs().replaceLowerTier) {\n          <span class=\"is-pl-1 is-underlined\">higher than or equal to</span>\n        } @else {\n          <span class=\"is-pl-1 is-underlined\">lower than</span>\n        }\n        <span class=\"is-pl-1\">\n          the original\n          <b>methodTier</b>\n          .\n        </span>\n      </li>\n    }\n    @if (modelLogs().replaceLowerTier) {\n      <li class=\"is-merge-replaceLowerTier\">\n        <span>The recalculated</span>\n        <b class=\"is-pl-1\">{{ config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}</b>\n        <span class=\"is-pl-1\">was</span>\n        <span class=\"is-pl-1\">\n          @if (config?.mergeArgs) {\n            @if (modelLogs().replaceThreshold) {\n              <span class=\"is-underlined\">more than or equal to</span>\n            } @else {\n              <span class=\"is-underlined\">less than</span>\n            }\n            <b class=\"is-pl-1\">{{ config.mergeArgs.replaceThreshold[1] * 100 }}%</b>\n          } @else {\n            @if (modelLogs().replaceThreshold) {\n              <span class=\"is-underlined\">sufficiently</span>\n            } @else {\n              <span class=\"is-underlined\">not sufficiently</span>\n            }\n          }\n        </span>\n        <span class=\"is-pl-1\">different from the original</span>\n        <b class=\"is-pl-1\">{{ config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}.</b>\n      </li>\n    }\n  </ul>\n}\n", styles: [""], dependencies: [{ kind: "pipe", type: PluralizePipe, name: "pluralize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: NodeLogsModelsLogsStatusComponent, isStandalone: true, selector: "he-node-logs-models-logs-status", inputs: { nodeType: { classPropertyName: "nodeType", publicName: "nodeType", isSignal: true, isRequired: true, transformFunction: null }, model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"is-mb-2\">\n  <span>Status:</span>\n  <span class=\"is-pl-1\">{{ modelStatus() }}</span>\n</div>\n\n@if (modelStatus() === LogStatus.notRequired && modelLogs().is_not_relevant === 'True') {\n  <ul class=\"is-pl-3 is-list-style-disc\">\n    @if (modelLogs().logs?.siteType_allowed === 'False') {\n      <li>\n        The\n        <code class=\"is-mx-1\">site.siteType</code>\n        is not relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.product_id_allowed === 'False') {\n      <li>\n        None of the\n        <code class=\"is-mx-1\">Product</code>\n        <code class=\"is-mr-1\">term.&#64;id</code>\n        is relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.site_measurement_id_allowed === 'False') {\n      <li>\n        None of the\n        <code class=\"is-mx-1\">Measurement</code>\n        <code class=\"is-mr-1\">term.&#64;id</code>\n        is relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.product_termType_allowed === 'False') {\n      <li>\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    }\n    @if (modelLogs().logs?.input_id_allowed === 'False') {\n      <li>\n        None of the\n        <code class=\"is-mx-1\">Input</code>\n        <code class=\"is-mr-1\">term.&#64;id</code>\n        is relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.input_termType_allowed === 'False') {\n      <li>\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    }\n  </ul>\n}\n\n@if (modelLogs() && modelStatus() !== LogStatus.notRequired && modelStatus() !== LogStatus.skipHierarchy) {\n  @let config = model().config;\n\n  <ul class=\"is-pl-3 is-list-style-disc\">\n    @if (modelLogs().shouldRunOrchestrator === false) {\n      <li class=\"is-no-run-orchestrator\">\n        @if (!modelLogs().runRequired) {\n          @if (modelLogs().logs?.node_type_allowed === 'False') {\n            <span class=\"is-run-node-type-not-allowed\">\n              This model should not run for {{ nodeType() | pluralize: 0 }}\n            </span>\n          }\n        }\n        @if (config) {\n          <p class=\"is-run-strategy-{{ config.runStrategy }}\">\n            @switch (config.runStrategy) {\n              @case ('always') {\n                <span></span>\n              }\n              @case ('add_key_if_missing') {\n                <span>We only gap-fill this key if not present</span>\n              }\n              @case ('add_blank_node_if_missing') {\n                <span>We only gap-fill this Blank Node if not present.</span>\n              }\n            }\n          </p>\n          <p class=\"is-mt-1\">\n            @if (config.runArgs?.runNonMeasured && hasMethodTier(data().original, EmissionMethodTier.measured)) {\n              <span class=\"is-run-with-measured\">\n                The\n                <code class=\"is-mx-1\">{{ config.value }}</code>\n                was reported as measured.\n              </span>\n            }\n          </p>\n        } @else if (modelLogs().logs?.is_empty === 'False') {\n          <span class=\"is-run-not-empty\">\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        }\n      </li>\n    } @else {\n      <li class=\"is-run-orchestrator\">\n        @if (modelStatus() === LogStatus.success || modelLogs().shouldRun) {\n          <p>All the requirements were met to run the model.</p>\n        } @else {\n          <p>Some of the requirements were not met to run the model.</p>\n          <p>You can click on \"logs\" to view the debugging logs when available.</p>\n        }\n        @if (modelLogs().logs?.error) {\n          <p>The model failed to run for the following reason:</p>\n          <p>\n            <code>{{ modelLogs().logs.error }}</code>\n          </p>\n        }\n      </li>\n    }\n    @if (modelLogs().replaceLowerTier !== undefined) {\n      <li>\n        <span>\n          The recalculated\n          <b>methodTier</b>\n          was\n        </span>\n        @if (modelLogs().replaceLowerTier) {\n          <span class=\"is-pl-1 is-underlined\">higher than or equal to</span>\n        } @else {\n          <span class=\"is-pl-1 is-underlined\">lower than</span>\n        }\n        <span class=\"is-pl-1\">\n          the original\n          <b>methodTier</b>\n          .\n        </span>\n      </li>\n    }\n    @if (modelLogs().replaceLowerTier) {\n      <li class=\"is-merge-replaceLowerTier\">\n        <span>The recalculated</span>\n        <b class=\"is-pl-1\">{{ config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}</b>\n        <span class=\"is-pl-1\">was</span>\n        <span class=\"is-pl-1\">\n          @if (config?.mergeArgs) {\n            @if (modelLogs().replaceThreshold) {\n              <span class=\"is-underlined\">more than or equal to</span>\n            } @else {\n              <span class=\"is-underlined\">less than</span>\n            }\n            <b class=\"is-pl-1\">{{ config.mergeArgs.replaceThreshold[1] * 100 }}%</b>\n          } @else {\n            @if (modelLogs().replaceThreshold) {\n              <span class=\"is-underlined\">sufficiently</span>\n            } @else {\n              <span class=\"is-underlined\">not sufficiently</span>\n            }\n          }\n        </span>\n        <span class=\"is-pl-1\">different from the original</span>\n        <b class=\"is-pl-1\">{{ config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}.</b>\n      </li>\n    }\n  </ul>\n}\n", styles: [""], dependencies: [{ kind: "pipe", type: PluralizePipe, name: "pluralize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: NodeLogsModelsLogsStatusComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-node-logs-models-logs-status', imports: [PluralizePipe], template: "<div class=\"is-mb-2\">\n  <span>Status:</span>\n  <span class=\"is-pl-1\">{{ modelStatus() }}</span>\n</div>\n\n@if (modelStatus() === LogStatus.notRequired && modelLogs().is_not_relevant === 'True') {\n  <ul class=\"is-pl-3 is-list-style-disc\">\n    @if (modelLogs().logs?.siteType_allowed === 'False') {\n      <li>\n        The\n        <code class=\"is-mx-1\">site.siteType</code>\n        is not relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.product_id_allowed === 'False') {\n      <li>\n        None of the\n        <code class=\"is-mx-1\">Product</code>\n        <code class=\"is-mr-1\">term.&#64;id</code>\n        is relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.site_measurement_id_allowed === 'False') {\n      <li>\n        None of the\n        <code class=\"is-mx-1\">Measurement</code>\n        <code class=\"is-mr-1\">term.&#64;id</code>\n        is relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.product_termType_allowed === 'False') {\n      <li>\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    }\n    @if (modelLogs().logs?.input_id_allowed === 'False') {\n      <li>\n        None of the\n        <code class=\"is-mx-1\">Input</code>\n        <code class=\"is-mr-1\">term.&#64;id</code>\n        is relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.input_termType_allowed === 'False') {\n      <li>\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    }\n  </ul>\n}\n\n@if (modelLogs() && modelStatus() !== LogStatus.notRequired && modelStatus() !== LogStatus.skipHierarchy) {\n  @let config = model().config;\n\n  <ul class=\"is-pl-3 is-list-style-disc\">\n    @if (modelLogs().shouldRunOrchestrator === false) {\n      <li class=\"is-no-run-orchestrator\">\n        @if (!modelLogs().runRequired) {\n          @if (modelLogs().logs?.node_type_allowed === 'False') {\n            <span class=\"is-run-node-type-not-allowed\">\n              This model should not run for {{ nodeType() | pluralize: 0 }}\n            </span>\n          }\n        }\n        @if (config) {\n          <p class=\"is-run-strategy-{{ config.runStrategy }}\">\n            @switch (config.runStrategy) {\n              @case ('always') {\n                <span></span>\n              }\n              @case ('add_key_if_missing') {\n                <span>We only gap-fill this key if not present</span>\n              }\n              @case ('add_blank_node_if_missing') {\n                <span>We only gap-fill this Blank Node if not present.</span>\n              }\n            }\n          </p>\n          <p class=\"is-mt-1\">\n            @if (config.runArgs?.runNonMeasured && hasMethodTier(data().original, EmissionMethodTier.measured)) {\n              <span class=\"is-run-with-measured\">\n                The\n                <code class=\"is-mx-1\">{{ config.value }}</code>\n                was reported as measured.\n              </span>\n            }\n          </p>\n        } @else if (modelLogs().logs?.is_empty === 'False') {\n          <span class=\"is-run-not-empty\">\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        }\n      </li>\n    } @else {\n      <li class=\"is-run-orchestrator\">\n        @if (modelLogs().shouldRun) {\n          <p>All the requirements were met to run the model.</p>\n        } @else {\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        }\n        @if (modelLogs().logs?.error) {\n          <p>The model failed to run for the following reason:</p>\n          <p>\n            <code>{{ modelLogs().logs.error }}</code>\n          </p>\n        }\n      </li>\n    }\n    @if (modelLogs().replaceLowerTier !== undefined) {\n      <li>\n        <span>\n          The recalculated\n          <b>methodTier</b>\n          was\n        </span>\n        @if (modelLogs().replaceLowerTier) {\n          <span class=\"is-pl-1 is-underlined\">higher than or equal to</span>\n        } @else {\n          <span class=\"is-pl-1 is-underlined\">lower than</span>\n        }\n        <span class=\"is-pl-1\">\n          the original\n          <b>methodTier</b>\n          .\n        </span>\n      </li>\n    }\n    @if (modelLogs().replaceLowerTier) {\n      <li class=\"is-merge-replaceLowerTier\">\n        <span>The recalculated</span>\n        <b class=\"is-pl-1\">{{ config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}</b>\n        <span class=\"is-pl-1\">was</span>\n        <span class=\"is-pl-1\">\n          @if (config?.mergeArgs) {\n            @if (modelLogs().replaceThreshold) {\n              <span class=\"is-underlined\">more than or equal to</span>\n            } @else {\n              <span class=\"is-underlined\">less than</span>\n            }\n            <b class=\"is-pl-1\">{{ config.mergeArgs.replaceThreshold[1] * 100 }}%</b>\n          } @else {\n            @if (modelLogs().replaceThreshold) {\n              <span class=\"is-underlined\">sufficiently</span>\n            } @else {\n              <span class=\"is-underlined\">not sufficiently</span>\n            }\n          }\n        </span>\n        <span class=\"is-pl-1\">different from the original</span>\n        <b class=\"is-pl-1\">{{ config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}.</b>\n      </li>\n    }\n  </ul>\n}\n" }]
+            args: [{ selector: 'he-node-logs-models-logs-status', imports: [PluralizePipe], template: "<div class=\"is-mb-2\">\n  <span>Status:</span>\n  <span class=\"is-pl-1\">{{ modelStatus() }}</span>\n</div>\n\n@if (modelStatus() === LogStatus.notRequired && modelLogs().is_not_relevant === 'True') {\n  <ul class=\"is-pl-3 is-list-style-disc\">\n    @if (modelLogs().logs?.siteType_allowed === 'False') {\n      <li>\n        The\n        <code class=\"is-mx-1\">site.siteType</code>\n        is not relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.product_id_allowed === 'False') {\n      <li>\n        None of the\n        <code class=\"is-mx-1\">Product</code>\n        <code class=\"is-mr-1\">term.&#64;id</code>\n        is relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.site_measurement_id_allowed === 'False') {\n      <li>\n        None of the\n        <code class=\"is-mx-1\">Measurement</code>\n        <code class=\"is-mr-1\">term.&#64;id</code>\n        is relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.product_termType_allowed === 'False') {\n      <li>\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    }\n    @if (modelLogs().logs?.input_id_allowed === 'False') {\n      <li>\n        None of the\n        <code class=\"is-mx-1\">Input</code>\n        <code class=\"is-mr-1\">term.&#64;id</code>\n        is relevant.\n      </li>\n    }\n    @if (modelLogs().logs?.input_termType_allowed === 'False') {\n      <li>\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    }\n  </ul>\n}\n\n@if (modelLogs() && modelStatus() !== LogStatus.notRequired && modelStatus() !== LogStatus.skipHierarchy) {\n  @let config = model().config;\n\n  <ul class=\"is-pl-3 is-list-style-disc\">\n    @if (modelLogs().shouldRunOrchestrator === false) {\n      <li class=\"is-no-run-orchestrator\">\n        @if (!modelLogs().runRequired) {\n          @if (modelLogs().logs?.node_type_allowed === 'False') {\n            <span class=\"is-run-node-type-not-allowed\">\n              This model should not run for {{ nodeType() | pluralize: 0 }}\n            </span>\n          }\n        }\n        @if (config) {\n          <p class=\"is-run-strategy-{{ config.runStrategy }}\">\n            @switch (config.runStrategy) {\n              @case ('always') {\n                <span></span>\n              }\n              @case ('add_key_if_missing') {\n                <span>We only gap-fill this key if not present</span>\n              }\n              @case ('add_blank_node_if_missing') {\n                <span>We only gap-fill this Blank Node if not present.</span>\n              }\n            }\n          </p>\n          <p class=\"is-mt-1\">\n            @if (config.runArgs?.runNonMeasured && hasMethodTier(data().original, EmissionMethodTier.measured)) {\n              <span class=\"is-run-with-measured\">\n                The\n                <code class=\"is-mx-1\">{{ config.value }}</code>\n                was reported as measured.\n              </span>\n            }\n          </p>\n        } @else if (modelLogs().logs?.is_empty === 'False') {\n          <span class=\"is-run-not-empty\">\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        }\n      </li>\n    } @else {\n      <li class=\"is-run-orchestrator\">\n        @if (modelStatus() === LogStatus.success || modelLogs().shouldRun) {\n          <p>All the requirements were met to run the model.</p>\n        } @else {\n          <p>Some of the requirements were not met to run the model.</p>\n          <p>You can click on \"logs\" to view the debugging logs when available.</p>\n        }\n        @if (modelLogs().logs?.error) {\n          <p>The model failed to run for the following reason:</p>\n          <p>\n            <code>{{ modelLogs().logs.error }}</code>\n          </p>\n        }\n      </li>\n    }\n    @if (modelLogs().replaceLowerTier !== undefined) {\n      <li>\n        <span>\n          The recalculated\n          <b>methodTier</b>\n          was\n        </span>\n        @if (modelLogs().replaceLowerTier) {\n          <span class=\"is-pl-1 is-underlined\">higher than or equal to</span>\n        } @else {\n          <span class=\"is-pl-1 is-underlined\">lower than</span>\n        }\n        <span class=\"is-pl-1\">\n          the original\n          <b>methodTier</b>\n          .\n        </span>\n      </li>\n    }\n    @if (modelLogs().replaceLowerTier) {\n      <li class=\"is-merge-replaceLowerTier\">\n        <span>The recalculated</span>\n        <b class=\"is-pl-1\">{{ config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}</b>\n        <span class=\"is-pl-1\">was</span>\n        <span class=\"is-pl-1\">\n          @if (config?.mergeArgs) {\n            @if (modelLogs().replaceThreshold) {\n              <span class=\"is-underlined\">more than or equal to</span>\n            } @else {\n              <span class=\"is-underlined\">less than</span>\n            }\n            <b class=\"is-pl-1\">{{ config.mergeArgs.replaceThreshold[1] * 100 }}%</b>\n          } @else {\n            @if (modelLogs().replaceThreshold) {\n              <span class=\"is-underlined\">sufficiently</span>\n            } @else {\n              <span class=\"is-underlined\">not sufficiently</span>\n            }\n          }\n        </span>\n        <span class=\"is-pl-1\">different from the original</span>\n        <b class=\"is-pl-1\">{{ config?.mergeArgs?.replaceThreshold?.[0] || 'value' }}.</b>\n      </li>\n    }\n  </ul>\n}\n" }]
         }], propDecorators: { nodeType: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeType", required: true }] }], model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
 
 class GuideOverlayService {
     constructor() {
-        this.ngZone = inject(NgZone);
         this.message = signal(null, ...(ngDevMode ? [{ debugName: "message" }] : []));
         this.messageListener = ({ data }) => {
             if (data.namespace == guideNamespace) {
-                this.ngZone.run(() => this.message.set(data));
+                this.message.set(data);
             }
         };
-        this.ngZone.runOutsideAngular(() => {
-            window.addEventListener('message', this.messageListener);
-        });
+        window.addEventListener('message', this.messageListener);
     }
     ngOnDestroy() {
         window.removeEventListener('message', this.messageListener);
@@ -7905,8 +7857,8 @@ const methodIdLabel = (methodId, _model) => (methodId
 const getModelsAt = (log, index) => ('modelsInSubValues' in log ? !log.modelsInSubValues || !log.isOpen : true) && log.configModels?.[index];
 const isSystemBoundary = (termId) => ({ isRecalculated, isRequired }) => {
     // only exists for some terms
-    const inSystemBoundary = loadResourceKey('inHestiaDefaultSystemBoundary.json', termId);
-    return !inSystemBoundary ? [isRecalculated, isRequired].some(Boolean) : `${inSystemBoundary}` === 'true';
+    const inSystemBoundary = isInSystemBoundary(termId);
+    return inSystemBoundary || [isRecalculated, isRequired].some(Boolean);
 };
 const isGenericTerm = (termId) => [termId.startsWith('excreta')].every(Boolean);
 const extraTermIdsFromConfig = (config, key, logs) => unique([
@@ -7945,7 +7897,7 @@ const restrictTermTypeFromKey = {
     ...matchTermTypeFromKey
 };
 const filterBlankNode = ({ term: { name, '@id': id }, subValues, ...log }, selectedTerm, filterTermTypes, onlyRequired) => selectedTerm
-    ? name.toLowerCase().includes(selectedTerm.toLowerCase())
+    ? name.toLowerCase().includes(selectedTerm.name.toLowerCase())
     : !filterTermTypes?.length || !onlyRequired || isSystemBoundary(id)(log) || subValues.some(isSystemBoundary(id));
 const orderBlankNodesByNodeKey = {
     emissions: values => orderBy(values.map(value => ({
@@ -7985,7 +7937,7 @@ class NodeLogsModelsComponent {
         this.logIcon = logIcon;
         this.logColor = logColor;
         this.getModelsAt = getModelsAt;
-        this.isSystemBoundary = isSystemBoundary;
+        this.isInSystemBoundary = isInSystemBoundary;
         this.showLegend = signal(true, ...(ngDevMode ? [{ debugName: "showLegend" }] : []));
         this.onlyRequired = signal(true, ...(ngDevMode ? [{ debugName: "onlyRequired" }] : []));
         this.schemaType = computed(() => (this.originalValues()?.[0]?.['@type'] ||
@@ -8119,8 +8071,9 @@ class NodeLogsModelsComponent {
         });
         this.termsById = computed(() => this.termsByIdResource.value() ?? {}, ...(ngDevMode ? [{ debugName: "termsById" }] : []));
         // filter list of results by a single Term
-        this.term = signal('', ...(ngDevMode ? [{ debugName: "term" }] : []));
+        this.term = signal(undefined, ...(ngDevMode ? [{ debugName: "term" }] : []));
         this.enableFilterByTerm = computed(() => this.allTerms()?.length > 0, ...(ngDevMode ? [{ debugName: "enableFilterByTerm" }] : []));
+        this.termFormatter = ({ name }) => name;
         this.suggestTerm = (text$) => text$.pipe(distinctUntilChanged(), map(v => this.suggestByTerm(v)));
         this.typeaheadFocus = typeaheadFocus;
         this.loading = computed(() => [
@@ -8138,9 +8091,7 @@ class NodeLogsModelsComponent {
         this.isNumber = (value) => typeof value === 'number';
     }
     suggestByTerm(term) {
-        return this.allTerms()
-            .map(({ name }) => name)
-            .filter(v => termSearch(v).includes(termSearch(term)));
+        return this.allTerms().filter(v => termSearch(v.name).includes(termSearch(term)));
     }
     searchTerms(query, ...extraFields) {
         return this.searchService
@@ -8180,7 +8131,7 @@ class NodeLogsModelsComponent {
         return subValues.every(v => v.configModels.some(vv => vv.status === LogStatus.success));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: NodeLogsModelsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: NodeLogsModelsComponent, isStandalone: true, selector: "he-node-logs-models", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, originalValues: { classPropertyName: "originalValues", publicName: "originalValues", isSignal: true, isRequired: false, transformFunction: null }, recalculatedValues: { classPropertyName: "recalculatedValues", publicName: "recalculatedValues", isSignal: true, isRequired: false, transformFunction: null }, terms: { classPropertyName: "terms", publicName: "terms", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypesLabel: { classPropertyName: "filterTermTypesLabel", publicName: "filterTermTypesLabel", isSignal: true, isRequired: false, transformFunction: null }, logsKey: { classPropertyName: "logsKey", publicName: "logsKey", isSignal: true, isRequired: false, transformFunction: null }, noDataMessage: { classPropertyName: "noDataMessage", publicName: "noDataMessage", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"is-flex is-gap-8 is-justify-content-space-between is-align-items-center is-my-2\">\n  <div>\n    <ng-content />\n  </div>\n\n  @if (!isExternal && !loading() && logsUrl() && hasLogs()) {\n    <a class=\"is-size-7\" [href]=\"logsUrl()\" target=\"_blank\">\n      <span>Open Full Logs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</div>\n\n@if (!isExternal && !loading() && !hasLogs()) {\n  <p class=\"is-my-2\">\n    <he-svg-icon class=\"has-text-warning\" name=\"exclamation-triangle\" />\n    <span class=\"is-size-7 has-text-warning is-pl-1\">No logs found. Recalculation logs will be incomplete.</span>\n  </p>\n}\n\n<he-data-table class=\"is-mt-2 is-mb-1 is-bordered\" [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          @if (enableFilterByTerm()) {\n            <div class=\"field is-pb-1\">\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                  container=\"body\"\n                  popupClass=\"is-small\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set('')\">\n                  <he-svg-icon name=\"xmark\" />\n                </a>\n              </div>\n            </div>\n          }\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>\n                <span class=\"is-pr-1\">Units</span>\n                @if (functionalUnit()) {\n                  <span>(per&nbsp;</span>\n                  <span>{{ functionalUnit() }}</span>\n                  <span>)</span>\n                }\n              </span>\n            </div>\n          </th>\n        }\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Original</span>\n          </div>\n        </th>\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Recalculated</span>\n          </div>\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Difference</span>\n            </div>\n          </th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Model {{ i + 1 }}</span>\n            </div>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (loading()) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"6\">\n            <div class=\"has-text-center py-3\">\n              <he-svg-icon name=\"loading\" animation=\"spin\" size=\"40\" />\n            </div>\n          </td>\n        </tr>\n      } @else if (blankNodes().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"6\">\n            <span>{{ noDataMessage() || 'No original data was provided and no gap filling occurred.' }}</span>\n          </td>\n        </tr>\n      }\n      @for (blankNode of blankNodes(); track trackByBlankNode($index, blankNode)) {\n        <tr [class.has-sub-rows]=\"blankNode.canOpen\" [class.is-open]=\"blankNode.isOpen\">\n          <td\n            class=\"width-auto has-border-right is-nowrap\"\n            [attr.title]=\"$any(blankNode).term?.name || $any(blankNode).key\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: blankNode }\" />\n              @if ($any(blankNode).term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"$any(blankNode).term\">\n                  <span\n                    class=\"break-word\"\n                    [innerHtml]=\"$any(blankNode).term.name | compound: $any(blankNode).term.termType\"></span>\n                </he-node-link>\n              } @else if ($any(blankNode).key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right\">\n              @if ($any(blankNode).term) {\n                <span\n                  class=\"is-nowrap\"\n                  [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n              }\n            </td>\n          }\n          <td class=\"has-border-right\">\n            <ng-template #originalValueContent>\n              <span>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n              </span>\n            </ng-template>\n\n            @if (blankNode.allParallel) {\n              @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                <div>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      valueContent;\n                      context: { value: $any(blankNode).originalValueByMethodId[model.methodId] }\n                    \" />\n                </div>\n              }\n            } @else {\n              <span\n                [class.trigger-popover]=\"!!$any(blankNode).original?.[0]?.methodModel\"\n                [ngbPopover]=\"blankNodeOriginalValueDetails\"\n                autoClose=\"outside\"\n                popoverClass=\"is-narrow\"\n                placement=\"bottom left right auto\"\n                container=\"body\"\n                [disablePopover]=\"!$any(blankNode).original?.[0]?.methodModel\"\n                [popoverContext]=\"{ blankNode }\">\n                <span pointer>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n                </span>\n              </span>\n            }\n          </td>\n          <td class=\"has-border-right\">\n            @if (!blankNode.isOriginal || blankNode.isRecalculated) {\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        valueContent;\n                        context: { value: $any(blankNode).recalculatedValueByMethodId[model.methodId] }\n                      \" />\n                  </div>\n                }\n              } @else {\n                <span>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: blankNode.recalculatedValue }\" />\n                </span>\n              }\n            } @else if ($any(blankNode).configModels?.length) {\n              not recalculated\n            } @else {\n              -\n            }\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right is-nowrap\">\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    @if (\n                      $any(blankNode).originalValueByMethodId[model.methodId] !== null &&\n                      $any(blankNode).recalculatedValueByMethodId[model.methodId] !== null\n                    ) {\n                      <he-blank-node-value-delta\n                        [value]=\"$any(blankNode).recalculatedValueByMethodId[model.methodId]\"\n                        [originalValue]=\"$any(blankNode).originalValueByMethodId[model.methodId]\"\n                        [useCustomFunctions]=\"false\" />\n                    } @else {\n                      -\n                    }\n                  </div>\n                }\n              } @else {\n                @if ($any(blankNode).original.length && blankNode.isRecalculated) {\n                  <he-blank-node-value-delta\n                    [value]=\"blankNode.recalculatedValue\"\n                    [originalValue]=\"$any(blankNode).originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              }\n            </td>\n          }\n          <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\" />\n        </tr>\n        @for (subValue of $any(blankNode).keys; track trackBySubValue(subValue)) {\n          @if (blankNode.isOpen) {\n            <tr [class.has-sub-rows]=\"$any(blankNode).subValues?.length\" [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                @if (blankNode.type) {\n                  <a\n                    class=\"is-inline-block is-pre-wrap\"\n                    [href]=\"schemaBaseUrl + '/' + blankNode.type + '#' + subValue.key\"\n                    target=\"_blank\"\n                    [title]=\"subValue.key\">\n                    <span>{{ subValue.key }}</span>\n                  </a>\n                }\n                @if (!blankNode.type) {\n                  <span class=\"is-inline-block is-align-top\">{{ subValue.key }}</span>\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\"></td>\n              }\n              <td class=\"has-border-right\">\n                @if (subValue.originalValue !== null) {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n                  </span>\n                } @else {\n                  -\n                }\n              </td>\n              <td class=\"has-border-right\">\n                @if (subValue.isRecalculated || subValue.key === 'impactAssessment') {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  not recalculated\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\">-</td>\n              }\n              <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n            </tr>\n          }\n        }\n        @for (subValue of $any(blankNode).subValues; track trackBySubValue(subValue)) {\n          <ng-container *ngTemplateOutlet=\"subValueRow; context: { blankNode, parent: blankNode, subValue }\" />\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n<div class=\"is-size-7\">\n  <div class=\"is-flex is-py-2 is-px-3 is-gap-16 | status-legend\">\n    <div\n      class=\"is-flex is-justify-content-center is-align-items-center is-align-content-center is-flex-wrap-wrap is-gap-8\">\n      @for (status of LogStatus | keyvalue; track status.value) {\n        @if (logIcon[status.value]) {\n          <span class=\"is-flex is-align-items-center is-gap-8\">\n            <he-svg-icon [name]=\"logIcon[status.value]\" size=\"20\" class=\"has-text-{{ logColor[status.value] }}\" />\n            <span class=\"is-size-7 is-capitalized\">{{ status.value }}</span>\n          </span>\n        }\n      }\n    </div>\n\n    @if (filteredType()) {\n      <div class=\"field is-relative\">\n        <input\n          type=\"checkbox\"\n          class=\"switch is-small is-rounded is-secondary\"\n          [(ngModel)]=\"onlyRequired\"\n          [disabled]=\"!!term()\"\n          id=\"onlyRequired\" />\n        <label class=\"is-size-7\" for=\"onlyRequired\">\n          <span>Show only {{ filteredType() }} terms included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #valueContent let-value=\"value\">\n  @if (isNumber(value)) {\n    {{ value | precision: 3 | default: '-' }}\n  } @else {\n    {{ value | default: '-' }}\n  }\n</ng-template>\n\n<ng-template #collapseButton let-blankNode>\n  @if (blankNode.canOpen) {\n    <a class=\"open-node\" (click)=\"toggleBlankNode(blankNode)\">\n      <he-svg-icon [name]=\"blankNode.isOpen ? 'chevron-down' : 'chevron-right'\" />\n    </a>\n  }\n</ng-template>\n\n<ng-template #subValueRow let-blankNode=\"blankNode\" let-parent=\"parent\" let-subValue=\"subValue\" let-rowClass=\"rowClass\">\n  @let term = subValue.term || termById(subValue.id);\n  @if (parent.isOpen) {\n    <tr [class.is-sub-row]=\"parent.canOpen\" [ngClass]=\"rowClass\">\n      <td class=\"width-auto has-border-right\">\n        <div class=\"is-flex is-align-items-flex-start is-gap-4 h-100\">\n          <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: subValue }\" />\n          <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n          <div class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\" [class.is-pl-3]=\"!subValue.canOpen\">\n            <span>\n              <span>{{ subValue.key | keyToLabel }}</span>\n              @if (subValue.id) {\n                <span class=\"is-inline-block\">:</span>\n              }\n            </span>\n            @if (subValue.id) {\n              @switch (subValue.key) {\n                @case ('backgroundData') {\n                  <span class=\"is-inline-block\">{{ term?.name }}</span>\n                }\n                @case ('animal') {\n                  <span class=\"is-inline-block\">{{ subValue.id }}</span>\n                }\n                @default {\n                  <he-node-link\n                    class=\"is-inline-block\"\n                    linkClass=\"is-inline-block\"\n                    [node]=\"term\"\n                    [attr.title]=\"term?.name\">\n                    <span class=\"break-word\" [innerHtml]=\"term?.name | compound\"></span>\n                  </he-node-link>\n                }\n              }\n            }\n          </div>\n        </div>\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">\n          @if (subValue.showUnits && $any(blankNode).term) {\n            <span\n              class=\"is-nowrap\"\n              [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n          }\n        </td>\n      }\n      <td class=\"has-border-right\">\n        @if (!isEmpty(subValue.originalValue)) {\n          <span>\n            <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n          </span>\n        } @else {\n          -\n        }\n      </td>\n      <td class=\"has-border-right\">\n        @if (subValue.isRecalculated) {\n          @if (subValue.multiGroups) {\n            <span\n              class=\"trigger-popover\"\n              ngbPopover=\"The total value across all inputs\"\n              autoClose=\"outside\"\n              popoverClass=\"is-narrow is-overflow-visible\"\n              placement=\"left bottom auto\"\n              container=\"body\">\n              <span pointer>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n              </span>\n            </span>\n          } @else {\n            <span>\n              <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n            </span>\n          }\n        } @else if (!isEmpty(subValue.originalValue)) {\n          not recalculated\n        } @else {\n          -\n        }\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">-</td>\n      }\n      <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n    </tr>\n  }\n  @if (subValue.subValues) {\n    @for (sub of subValue.subValues; track trackBySubValue(sub)) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          subValueRow;\n          context: { blankNode, parent: subValue, subValue: sub, rowClass: 'is-sub-sub-row' }\n        \" />\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeOriginalValueDetails let-blankNode=\"blankNode\">\n  <span class=\"is-pr-1\">The original value was reported using:</span>\n  <he-node-link\n    class=\"is-inline-block\"\n    linkClass=\"is-dark\"\n    [node]=\"$any(blankNode).original[0].methodModel\"\n    [showExternalLink]=\"true\">\n    <span>{{ $any(blankNode).original[0].methodModel.name }}</span>\n  </he-node-link>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  @let extraColumns = methodModelsCount() - 1;\n\n  <ng-template #notInSystemBoundary>\n    <td class=\"has-border-right\">\n      <span>Not in HESTIA system boundary</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  </ng-template>\n\n  @if (data.canOpen && !data.isOpen && !data.configModels?.length) {\n    <td class=\"has-border-right\">\n      <span>Expand to see logs (</span>\n      @let key = subValuesKey(data, 'sub-values');\n      @if (hasCompleteSuccess(data)) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"checkmark\" class=\"has-text-success\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"xmark\" class=\"has-text-danger\" />\n      }\n      <span>)</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  } @else if (isSystemBoundary(data)) {\n    @for (configModel of methodModelsCount() | times; track configModelIndex; let configModelIndex = $index) {\n      <td class=\"has-border-right blank-node-index-{{ configModelIndex }}\">\n        @if (getModelsAt(data, configModelIndex); as models) {\n          @if ($any(models) | isArray) {\n            <div>\n              @for (model of $any(models); track model.methodId) {\n                <p>\n                  <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model, data }\" />\n                </p>\n              }\n            </div>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model: models, data }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  } @else {\n    -\n  }\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <div class=\"is-flex is-align-self-stretch is-justify-content-center is-align-items-center is-gap-8\">\n    <div class=\"is-flex is-gap-4 is-flex-grow-1 is-align-items-center\">\n      <span\n        class=\"pl-1 has-text-{{ logColor[model.status] }}\"\n        [class.trigger-popover]=\"hasLogs()\"\n        [ngbPopover]=\"logStatusDetails\"\n        [disablePopover]=\"!hasLogs()\"\n        autoClose=\"outside\"\n        popoverClass=\"is-narrow\"\n        triggers=\"manual\"\n        #p1=\"ngbPopover\"\n        placement=\"bottom left right auto\"\n        container=\"body\"\n        (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n        <he-svg-icon [name]=\"logIcon[model.status]\" />\n      </span>\n\n      <span class=\"is-flex is-flex-grow-1 is-gap-4\">\n        <span class=\"is-nowrap is-capitalized\">{{ methodName(model) }}</span>\n\n        @if (model.logs?.methodTier || model.model?.methodTier) {\n          <span class=\"is-nowrap\">[{{ model.logs?.methodTier || model.model?.methodTier }}]</span>\n        }\n      </span>\n    </div>\n\n    <div class=\"is-flex is-gap-4 is-flex-shrink-0 is-align-items-center\">\n      @if (model.showLogs) {\n        <span\n          class=\"is-nowrap is-clickable\"\n          [ngbPopover]=\"logDetails\"\n          autoClose=\"outside\"\n          popoverClass=\"is-narrow\"\n          triggers=\"manual\"\n          #p=\"ngbPopover\"\n          placement=\"bottom left right auto\"\n          container=\"body\"\n          (click)=\"p.isOpen() ? p.close() : model.showLogs ? p.open({ logs: model.logs }) : null\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\n      }\n\n      @if (model.model) {\n        @if (model.showLogs) {\n          <div class=\"vertical-divider\"></div>\n        }\n        <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\" />\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <he-node-logs-models-logs [logs]=\"logs\" />\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"\" />\n</ng-template>\n\n<ng-template #docsLink let-model>\n  @if (guideEnabled && model.guidePath) {\n    <he-guide-overlay [pageId]=\"model.guidePath\" [width]=\"500\" />\n  } @else {\n    <a [href]=\"model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n      <span>Docs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</ng-template>\n", styles: [":host{display:block}:host .vertical-divider{width:1px;height:20px;background:#dbe3ea}:host .status-legend{border:1px solid #dbe3ea;background:#f5f7f9}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::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:#4c719433;height:100%;width:1px;top:0;left:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row td:first-child{padding-left:12px}::ng-deep .table .is-sub-row .sub-sub-row-icon{display:none}::ng-deep .table .is-sub-row .open-node>he-svg-icon,::ng-deep .table .is-sub-row .sub-sub-row-icon{height:16px!important;width:16px!important}::ng-deep .table .is-sub-sub-row td:first-child{padding-left:24px}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon{display:inline-block}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon+div{padding-left:0!important}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType", "useCustomFunctions"] }, { kind: "directive", type: 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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: 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: NodeLogsModelsLogsComponent, selector: "he-node-logs-models-logs", inputs: ["logs"] }, { kind: "component", type: NodeLogsModelsLogsStatusComponent, selector: "he-node-logs-models-logs-status", inputs: ["nodeType", "model", "data"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: GuideOverlayComponent, selector: "he-guide-overlay", inputs: ["pageId", "width", "height", "positions"], outputs: ["widthChange", "heightChange"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { 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: RepeatPipe, name: "repeat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: NodeLogsModelsComponent, isStandalone: true, selector: "he-node-logs-models", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, originalValues: { classPropertyName: "originalValues", publicName: "originalValues", isSignal: true, isRequired: false, transformFunction: null }, recalculatedValues: { classPropertyName: "recalculatedValues", publicName: "recalculatedValues", isSignal: true, isRequired: false, transformFunction: null }, terms: { classPropertyName: "terms", publicName: "terms", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypesLabel: { classPropertyName: "filterTermTypesLabel", publicName: "filterTermTypesLabel", isSignal: true, isRequired: false, transformFunction: null }, logsKey: { classPropertyName: "logsKey", publicName: "logsKey", isSignal: true, isRequired: false, transformFunction: null }, noDataMessage: { classPropertyName: "noDataMessage", publicName: "noDataMessage", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"is-flex is-gap-8 is-justify-content-space-between is-align-items-center is-my-2\">\n  <div>\n    <ng-content />\n  </div>\n\n  @if (!isExternal && !loading() && logsUrl() && hasLogs()) {\n    <a class=\"is-size-7\" [href]=\"logsUrl()\" target=\"_blank\">\n      <span>Open Full Logs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</div>\n\n@if (!isExternal && !loading() && !hasLogs()) {\n  <p class=\"is-my-2\">\n    <he-svg-icon class=\"has-text-warning\" name=\"exclamation-triangle\" />\n    <span class=\"is-size-7 has-text-warning is-pl-1\">No logs found. Recalculation logs will be incomplete.</span>\n  </p>\n}\n\n<he-data-table class=\"is-mt-2 is-mb-1 is-bordered\" [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          @if (enableFilterByTerm()) {\n            <div class=\"field is-pb-1\">\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                  [resultFormatter]=\"termFormatter\"\n                  [inputFormatter]=\"termFormatter\"\n                  [focusFirst]=\"true\"\n                  (focus)=\"typeaheadFocus($event)\"\n                  (selectItem)=\"term.set($event.item)\"\n                  container=\"body\"\n                  popupClass=\"is-small\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set(undefined)\">\n                  <he-svg-icon name=\"xmark\" />\n                </a>\n              </div>\n            </div>\n          }\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>\n                <span class=\"is-pr-1\">Units</span>\n                @if (functionalUnit()) {\n                  <span>(per&nbsp;</span>\n                  <span>{{ functionalUnit() }}</span>\n                  <span>)</span>\n                }\n              </span>\n            </div>\n          </th>\n        }\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Original</span>\n          </div>\n        </th>\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Recalculated</span>\n          </div>\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Difference</span>\n            </div>\n          </th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Model {{ i + 1 }}</span>\n            </div>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (loading()) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <div class=\"has-text-center py-3\">\n              <he-svg-icon name=\"loading\" animation=\"spin\" size=\"40\" />\n            </div>\n          </td>\n        </tr>\n      } @else if (blankNodes().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <p class=\"is-p-1\">\n              @if (noDataMessage()) {\n                <span>{{ noDataMessage() }}</span>\n              } @else {\n                <ng-container *ngTemplateOutlet=\"noResultsDefaultMessage\" />\n              }\n            </p>\n          </td>\n        </tr>\n      }\n      @for (blankNode of blankNodes(); track trackByBlankNode($index, blankNode)) {\n        <tr [class.has-sub-rows]=\"blankNode.canOpen\" [class.is-open]=\"blankNode.isOpen\">\n          <td\n            class=\"width-auto has-border-right is-nowrap\"\n            [attr.title]=\"$any(blankNode).term?.name || $any(blankNode).key\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: blankNode }\" />\n              @if ($any(blankNode).term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"$any(blankNode).term\">\n                  <span\n                    class=\"break-word\"\n                    [innerHtml]=\"$any(blankNode).term.name | compound: $any(blankNode).term.termType\"></span>\n                </he-node-link>\n              } @else if ($any(blankNode).key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right\">\n              @if ($any(blankNode).term) {\n                <span\n                  class=\"is-nowrap\"\n                  [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n              }\n            </td>\n          }\n          <td class=\"has-border-right\">\n            <ng-template #originalValueContent>\n              <span>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n              </span>\n            </ng-template>\n\n            @if (blankNode.allParallel) {\n              @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                <div>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      valueContent;\n                      context: { value: $any(blankNode).originalValueByMethodId[model.methodId] }\n                    \" />\n                </div>\n              }\n            } @else {\n              <span\n                [class.trigger-popover]=\"!!$any(blankNode).original?.[0]?.methodModel\"\n                [ngbPopover]=\"blankNodeOriginalValueDetails\"\n                autoClose=\"outside\"\n                popoverClass=\"is-narrow\"\n                placement=\"bottom left right auto\"\n                container=\"body\"\n                [disablePopover]=\"!$any(blankNode).original?.[0]?.methodModel\"\n                [popoverContext]=\"{ blankNode }\">\n                <span pointer>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n                </span>\n              </span>\n            }\n          </td>\n          <td class=\"has-border-right\">\n            @if (!blankNode.isOriginal || blankNode.isRecalculated) {\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        valueContent;\n                        context: { value: $any(blankNode).recalculatedValueByMethodId[model.methodId] }\n                      \" />\n                  </div>\n                }\n              } @else {\n                <span>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: blankNode.recalculatedValue }\" />\n                </span>\n              }\n            } @else if ($any(blankNode).configModels?.length) {\n              not recalculated\n            } @else {\n              -\n            }\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right is-nowrap\">\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    @if (\n                      $any(blankNode).originalValueByMethodId[model.methodId] !== null &&\n                      $any(blankNode).recalculatedValueByMethodId[model.methodId] !== null\n                    ) {\n                      <he-blank-node-value-delta\n                        [value]=\"$any(blankNode).recalculatedValueByMethodId[model.methodId]\"\n                        [originalValue]=\"$any(blankNode).originalValueByMethodId[model.methodId]\"\n                        [useCustomFunctions]=\"false\" />\n                    } @else {\n                      -\n                    }\n                  </div>\n                }\n              } @else {\n                @if ($any(blankNode).original.length && blankNode.isRecalculated) {\n                  <he-blank-node-value-delta\n                    [value]=\"blankNode.recalculatedValue\"\n                    [originalValue]=\"$any(blankNode).originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              }\n            </td>\n          }\n          <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\" />\n        </tr>\n        @for (subValue of $any(blankNode).keys; track trackBySubValue(subValue)) {\n          @if (blankNode.isOpen) {\n            <tr [class.has-sub-rows]=\"$any(blankNode).subValues?.length\" [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                @if (blankNode.type) {\n                  <a\n                    class=\"is-inline-block is-pre-wrap\"\n                    [href]=\"schemaBaseUrl + '/' + blankNode.type + '#' + subValue.key\"\n                    target=\"_blank\"\n                    [title]=\"subValue.key\">\n                    <span>{{ subValue.key }}</span>\n                  </a>\n                }\n                @if (!blankNode.type) {\n                  <span class=\"is-inline-block is-align-top\">{{ subValue.key }}</span>\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\"></td>\n              }\n              <td class=\"has-border-right\">\n                @if (subValue.originalValue !== null) {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n                  </span>\n                } @else {\n                  -\n                }\n              </td>\n              <td class=\"has-border-right\">\n                @if (subValue.isRecalculated || subValue.key === 'impactAssessment') {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  not recalculated\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\">-</td>\n              }\n              <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n            </tr>\n          }\n        }\n        @for (subValue of $any(blankNode).subValues; track trackBySubValue(subValue)) {\n          <ng-container *ngTemplateOutlet=\"subValueRow; context: { blankNode, parent: blankNode, subValue }\" />\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n<div class=\"is-size-7\">\n  <div class=\"is-flex is-py-2 is-px-3 is-gap-16 | status-legend\">\n    <div\n      class=\"is-flex is-justify-content-center is-align-items-center is-align-content-center is-flex-wrap-wrap is-gap-8\">\n      @for (status of LogStatus | keyvalue; track status.value) {\n        @if (logIcon[status.value]) {\n          <span class=\"is-flex is-align-items-center is-gap-8\">\n            <he-svg-icon [name]=\"logIcon[status.value]\" size=\"20\" class=\"has-text-{{ logColor[status.value] }}\" />\n            <span class=\"is-size-7 is-capitalized\">{{ status.value }}</span>\n          </span>\n        }\n      }\n    </div>\n\n    @if (filteredType()) {\n      <div class=\"field is-relative\">\n        <input\n          type=\"checkbox\"\n          class=\"switch is-small is-rounded is-secondary\"\n          [(ngModel)]=\"onlyRequired\"\n          [disabled]=\"!!term()\"\n          id=\"onlyRequired\" />\n        <label class=\"is-size-7\" for=\"onlyRequired\">\n          <span>Show only {{ filteredType() }} terms included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #noResultsDefaultMessage>\n  <span>No original data was provided and no gap filling occurred</span>\n  @if (term() && !isInSystemBoundary(term()['@id'])) {\n    <span class=\"is-pl-1\">as</span>\n    <i class=\"is-px-1\">{{ term().name }}</i>\n    <span>is not in the HESTIA system boundary</span>\n  }\n  <span>.</span>\n</ng-template>\n\n<ng-template #valueContent let-value=\"value\">\n  @if (isNumber(value)) {\n    {{ value | precision: 3 | default: '-' }}\n  } @else {\n    {{ value | default: '-' }}\n  }\n</ng-template>\n\n<ng-template #collapseButton let-blankNode>\n  @if (blankNode.canOpen) {\n    <a class=\"open-node\" (click)=\"toggleBlankNode(blankNode)\">\n      <he-svg-icon [name]=\"blankNode.isOpen ? 'chevron-down' : 'chevron-right'\" />\n    </a>\n  }\n</ng-template>\n\n<ng-template #subValueRow let-blankNode=\"blankNode\" let-parent=\"parent\" let-subValue=\"subValue\" let-rowClass=\"rowClass\">\n  @let term = subValue.term || termById(subValue.id);\n  @if (parent.isOpen) {\n    <tr [class.is-sub-row]=\"parent.canOpen\" [ngClass]=\"rowClass\">\n      <td class=\"width-auto has-border-right\">\n        <div class=\"is-flex is-align-items-flex-start is-gap-4 h-100\">\n          <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: subValue }\" />\n          <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n          <div class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\" [class.is-pl-3]=\"!subValue.canOpen\">\n            <span>\n              <span>{{ subValue.key | keyToLabel }}</span>\n              @if (subValue.id) {\n                <span class=\"is-inline-block\">:</span>\n              }\n            </span>\n            @if (subValue.id) {\n              @switch (subValue.key) {\n                @case ('backgroundData') {\n                  <span class=\"is-inline-block\">{{ term?.name }}</span>\n                }\n                @case ('animal') {\n                  <span class=\"is-inline-block\">{{ subValue.id }}</span>\n                }\n                @default {\n                  <he-node-link\n                    class=\"is-inline-block\"\n                    linkClass=\"is-inline-block\"\n                    [node]=\"term\"\n                    [attr.title]=\"term?.name\">\n                    <span class=\"break-word\" [innerHtml]=\"term?.name | compound\"></span>\n                  </he-node-link>\n                }\n              }\n            }\n          </div>\n        </div>\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">\n          @if (subValue.showUnits && $any(blankNode).term) {\n            <span\n              class=\"is-nowrap\"\n              [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n          }\n        </td>\n      }\n      <td class=\"has-border-right\">\n        @if (!isEmpty(subValue.originalValue)) {\n          <span>\n            <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n          </span>\n        } @else {\n          -\n        }\n      </td>\n      <td class=\"has-border-right\">\n        @if (subValue.isRecalculated) {\n          @if (subValue.multiGroups) {\n            <span\n              class=\"trigger-popover\"\n              ngbPopover=\"The total value across all inputs\"\n              autoClose=\"outside\"\n              popoverClass=\"is-narrow is-overflow-visible\"\n              placement=\"left bottom auto\"\n              container=\"body\">\n              <span pointer>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n              </span>\n            </span>\n          } @else {\n            <span>\n              <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n            </span>\n          }\n        } @else if (!isEmpty(subValue.originalValue)) {\n          not recalculated\n        } @else {\n          -\n        }\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">-</td>\n      }\n      <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n    </tr>\n  }\n  @if (subValue.subValues) {\n    @for (sub of subValue.subValues; track trackBySubValue(sub)) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          subValueRow;\n          context: { blankNode, parent: subValue, subValue: sub, rowClass: 'is-sub-sub-row' }\n        \" />\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeOriginalValueDetails let-blankNode=\"blankNode\">\n  <span class=\"is-pr-1\">The original value was reported using:</span>\n  <he-node-link\n    class=\"is-inline-block\"\n    linkClass=\"is-dark\"\n    [node]=\"$any(blankNode).original[0].methodModel\"\n    [showExternalLink]=\"true\">\n    <span>{{ $any(blankNode).original[0].methodModel.name }}</span>\n  </he-node-link>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  @let extraColumns = methodModelsCount() - 1;\n\n  <ng-template #notInSystemBoundary>\n    <td class=\"has-border-right\">\n      <span>Not in HESTIA system boundary</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  </ng-template>\n\n  @if (data.canOpen && !data.isOpen && !data.configModels?.length) {\n    <td class=\"has-border-right\">\n      <span>Expand to see logs (</span>\n      @let key = subValuesKey(data, 'sub-values');\n      @if (hasCompleteSuccess(data)) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"checkmark\" class=\"has-text-success\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"xmark\" class=\"has-text-danger\" />\n      }\n      <span>)</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  } @else {\n    @for (configModel of methodModelsCount() | times; track configModelIndex; let configModelIndex = $index) {\n      <td class=\"has-border-right blank-node-index-{{ configModelIndex }}\">\n        @if (getModelsAt(data, configModelIndex); as models) {\n          @if ($any(models) | isArray) {\n            <div>\n              @for (model of $any(models); track model.methodId) {\n                <p>\n                  <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model, data }\" />\n                </p>\n              }\n            </div>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model: models, data }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <div class=\"is-flex is-align-self-stretch is-justify-content-center is-align-items-center is-gap-8\">\n    <div class=\"is-flex is-gap-4 is-flex-grow-1 is-align-items-center\">\n      <span\n        class=\"pl-1 has-text-{{ logColor[model.status] }}\"\n        [class.trigger-popover]=\"hasLogs()\"\n        [ngbPopover]=\"logStatusDetails\"\n        [disablePopover]=\"!hasLogs()\"\n        autoClose=\"outside\"\n        popoverClass=\"is-narrow\"\n        triggers=\"manual\"\n        #p1=\"ngbPopover\"\n        placement=\"bottom left right auto\"\n        container=\"body\"\n        (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n        <he-svg-icon [name]=\"logIcon[model.status]\" />\n      </span>\n\n      <span class=\"is-flex is-flex-grow-1 is-gap-4\">\n        <span class=\"is-nowrap is-capitalized\">{{ methodName(model) }}</span>\n\n        @if (model.logs?.methodTier || model.model?.methodTier) {\n          <span class=\"is-nowrap\">[{{ model.logs?.methodTier || model.model?.methodTier }}]</span>\n        }\n      </span>\n    </div>\n\n    <div class=\"is-flex is-gap-4 is-flex-shrink-0 is-align-items-center\">\n      @if (model.showLogs) {\n        <span\n          class=\"is-nowrap is-clickable\"\n          [ngbPopover]=\"logDetails\"\n          autoClose=\"outside\"\n          popoverClass=\"is-narrow\"\n          triggers=\"manual\"\n          #p=\"ngbPopover\"\n          placement=\"bottom left right auto\"\n          container=\"body\"\n          (click)=\"p.isOpen() ? p.close() : model.showLogs ? p.open({ logs: model.logs }) : null\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\n      }\n\n      @if (model.model) {\n        @if (model.showLogs) {\n          <div class=\"vertical-divider\"></div>\n        }\n        <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\" />\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <he-node-logs-models-logs [logs]=\"logs\" />\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"\" />\n</ng-template>\n\n<ng-template #docsLink let-model>\n  @if (guideEnabled && model.guidePath) {\n    <he-guide-overlay [pageId]=\"model.guidePath\" [width]=\"500\" />\n  } @else {\n    <a [href]=\"model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n      <span>Docs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</ng-template>\n", styles: [":host{display:block}:host .vertical-divider{width:1px;height:20px;background:#dbe3ea}:host .status-legend{border:1px solid #dbe3ea;background:#f5f7f9}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::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:#4c719433;height:100%;width:1px;top:0;left:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row td:first-child{padding-left:12px}::ng-deep .table .is-sub-row .sub-sub-row-icon{display:none}::ng-deep .table .is-sub-row .open-node>he-svg-icon,::ng-deep .table .is-sub-row .sub-sub-row-icon{height:16px!important;width:16px!important}::ng-deep .table .is-sub-sub-row td:first-child{padding-left:24px}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon{display:inline-block}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon+div{padding-left:0!important}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType", "useCustomFunctions"] }, { kind: "directive", type: 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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: 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: NodeLogsModelsLogsComponent, selector: "he-node-logs-models-logs", inputs: ["logs"] }, { kind: "component", type: NodeLogsModelsLogsStatusComponent, selector: "he-node-logs-models-logs-status", inputs: ["nodeType", "model", "data"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: GuideOverlayComponent, selector: "he-guide-overlay", inputs: ["pageId", "width", "height", "positions"], outputs: ["widthChange", "heightChange"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { 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: RepeatPipe, name: "repeat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: NodeLogsModelsComponent, decorators: [{
             type: Component$1,
@@ -8205,7 +8156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
                         NodeLogsModelsLogsStatusComponent,
                         HESvgIconComponent,
                         GuideOverlayComponent
-                    ], template: "<div class=\"is-flex is-gap-8 is-justify-content-space-between is-align-items-center is-my-2\">\n  <div>\n    <ng-content />\n  </div>\n\n  @if (!isExternal && !loading() && logsUrl() && hasLogs()) {\n    <a class=\"is-size-7\" [href]=\"logsUrl()\" target=\"_blank\">\n      <span>Open Full Logs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</div>\n\n@if (!isExternal && !loading() && !hasLogs()) {\n  <p class=\"is-my-2\">\n    <he-svg-icon class=\"has-text-warning\" name=\"exclamation-triangle\" />\n    <span class=\"is-size-7 has-text-warning is-pl-1\">No logs found. Recalculation logs will be incomplete.</span>\n  </p>\n}\n\n<he-data-table class=\"is-mt-2 is-mb-1 is-bordered\" [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          @if (enableFilterByTerm()) {\n            <div class=\"field is-pb-1\">\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                  container=\"body\"\n                  popupClass=\"is-small\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set('')\">\n                  <he-svg-icon name=\"xmark\" />\n                </a>\n              </div>\n            </div>\n          }\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>\n                <span class=\"is-pr-1\">Units</span>\n                @if (functionalUnit()) {\n                  <span>(per&nbsp;</span>\n                  <span>{{ functionalUnit() }}</span>\n                  <span>)</span>\n                }\n              </span>\n            </div>\n          </th>\n        }\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Original</span>\n          </div>\n        </th>\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Recalculated</span>\n          </div>\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Difference</span>\n            </div>\n          </th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Model {{ i + 1 }}</span>\n            </div>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (loading()) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"6\">\n            <div class=\"has-text-center py-3\">\n              <he-svg-icon name=\"loading\" animation=\"spin\" size=\"40\" />\n            </div>\n          </td>\n        </tr>\n      } @else if (blankNodes().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"6\">\n            <span>{{ noDataMessage() || 'No original data was provided and no gap filling occurred.' }}</span>\n          </td>\n        </tr>\n      }\n      @for (blankNode of blankNodes(); track trackByBlankNode($index, blankNode)) {\n        <tr [class.has-sub-rows]=\"blankNode.canOpen\" [class.is-open]=\"blankNode.isOpen\">\n          <td\n            class=\"width-auto has-border-right is-nowrap\"\n            [attr.title]=\"$any(blankNode).term?.name || $any(blankNode).key\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: blankNode }\" />\n              @if ($any(blankNode).term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"$any(blankNode).term\">\n                  <span\n                    class=\"break-word\"\n                    [innerHtml]=\"$any(blankNode).term.name | compound: $any(blankNode).term.termType\"></span>\n                </he-node-link>\n              } @else if ($any(blankNode).key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right\">\n              @if ($any(blankNode).term) {\n                <span\n                  class=\"is-nowrap\"\n                  [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n              }\n            </td>\n          }\n          <td class=\"has-border-right\">\n            <ng-template #originalValueContent>\n              <span>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n              </span>\n            </ng-template>\n\n            @if (blankNode.allParallel) {\n              @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                <div>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      valueContent;\n                      context: { value: $any(blankNode).originalValueByMethodId[model.methodId] }\n                    \" />\n                </div>\n              }\n            } @else {\n              <span\n                [class.trigger-popover]=\"!!$any(blankNode).original?.[0]?.methodModel\"\n                [ngbPopover]=\"blankNodeOriginalValueDetails\"\n                autoClose=\"outside\"\n                popoverClass=\"is-narrow\"\n                placement=\"bottom left right auto\"\n                container=\"body\"\n                [disablePopover]=\"!$any(blankNode).original?.[0]?.methodModel\"\n                [popoverContext]=\"{ blankNode }\">\n                <span pointer>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n                </span>\n              </span>\n            }\n          </td>\n          <td class=\"has-border-right\">\n            @if (!blankNode.isOriginal || blankNode.isRecalculated) {\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        valueContent;\n                        context: { value: $any(blankNode).recalculatedValueByMethodId[model.methodId] }\n                      \" />\n                  </div>\n                }\n              } @else {\n                <span>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: blankNode.recalculatedValue }\" />\n                </span>\n              }\n            } @else if ($any(blankNode).configModels?.length) {\n              not recalculated\n            } @else {\n              -\n            }\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right is-nowrap\">\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    @if (\n                      $any(blankNode).originalValueByMethodId[model.methodId] !== null &&\n                      $any(blankNode).recalculatedValueByMethodId[model.methodId] !== null\n                    ) {\n                      <he-blank-node-value-delta\n                        [value]=\"$any(blankNode).recalculatedValueByMethodId[model.methodId]\"\n                        [originalValue]=\"$any(blankNode).originalValueByMethodId[model.methodId]\"\n                        [useCustomFunctions]=\"false\" />\n                    } @else {\n                      -\n                    }\n                  </div>\n                }\n              } @else {\n                @if ($any(blankNode).original.length && blankNode.isRecalculated) {\n                  <he-blank-node-value-delta\n                    [value]=\"blankNode.recalculatedValue\"\n                    [originalValue]=\"$any(blankNode).originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              }\n            </td>\n          }\n          <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\" />\n        </tr>\n        @for (subValue of $any(blankNode).keys; track trackBySubValue(subValue)) {\n          @if (blankNode.isOpen) {\n            <tr [class.has-sub-rows]=\"$any(blankNode).subValues?.length\" [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                @if (blankNode.type) {\n                  <a\n                    class=\"is-inline-block is-pre-wrap\"\n                    [href]=\"schemaBaseUrl + '/' + blankNode.type + '#' + subValue.key\"\n                    target=\"_blank\"\n                    [title]=\"subValue.key\">\n                    <span>{{ subValue.key }}</span>\n                  </a>\n                }\n                @if (!blankNode.type) {\n                  <span class=\"is-inline-block is-align-top\">{{ subValue.key }}</span>\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\"></td>\n              }\n              <td class=\"has-border-right\">\n                @if (subValue.originalValue !== null) {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n                  </span>\n                } @else {\n                  -\n                }\n              </td>\n              <td class=\"has-border-right\">\n                @if (subValue.isRecalculated || subValue.key === 'impactAssessment') {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  not recalculated\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\">-</td>\n              }\n              <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n            </tr>\n          }\n        }\n        @for (subValue of $any(blankNode).subValues; track trackBySubValue(subValue)) {\n          <ng-container *ngTemplateOutlet=\"subValueRow; context: { blankNode, parent: blankNode, subValue }\" />\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n<div class=\"is-size-7\">\n  <div class=\"is-flex is-py-2 is-px-3 is-gap-16 | status-legend\">\n    <div\n      class=\"is-flex is-justify-content-center is-align-items-center is-align-content-center is-flex-wrap-wrap is-gap-8\">\n      @for (status of LogStatus | keyvalue; track status.value) {\n        @if (logIcon[status.value]) {\n          <span class=\"is-flex is-align-items-center is-gap-8\">\n            <he-svg-icon [name]=\"logIcon[status.value]\" size=\"20\" class=\"has-text-{{ logColor[status.value] }}\" />\n            <span class=\"is-size-7 is-capitalized\">{{ status.value }}</span>\n          </span>\n        }\n      }\n    </div>\n\n    @if (filteredType()) {\n      <div class=\"field is-relative\">\n        <input\n          type=\"checkbox\"\n          class=\"switch is-small is-rounded is-secondary\"\n          [(ngModel)]=\"onlyRequired\"\n          [disabled]=\"!!term()\"\n          id=\"onlyRequired\" />\n        <label class=\"is-size-7\" for=\"onlyRequired\">\n          <span>Show only {{ filteredType() }} terms included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #valueContent let-value=\"value\">\n  @if (isNumber(value)) {\n    {{ value | precision: 3 | default: '-' }}\n  } @else {\n    {{ value | default: '-' }}\n  }\n</ng-template>\n\n<ng-template #collapseButton let-blankNode>\n  @if (blankNode.canOpen) {\n    <a class=\"open-node\" (click)=\"toggleBlankNode(blankNode)\">\n      <he-svg-icon [name]=\"blankNode.isOpen ? 'chevron-down' : 'chevron-right'\" />\n    </a>\n  }\n</ng-template>\n\n<ng-template #subValueRow let-blankNode=\"blankNode\" let-parent=\"parent\" let-subValue=\"subValue\" let-rowClass=\"rowClass\">\n  @let term = subValue.term || termById(subValue.id);\n  @if (parent.isOpen) {\n    <tr [class.is-sub-row]=\"parent.canOpen\" [ngClass]=\"rowClass\">\n      <td class=\"width-auto has-border-right\">\n        <div class=\"is-flex is-align-items-flex-start is-gap-4 h-100\">\n          <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: subValue }\" />\n          <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n          <div class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\" [class.is-pl-3]=\"!subValue.canOpen\">\n            <span>\n              <span>{{ subValue.key | keyToLabel }}</span>\n              @if (subValue.id) {\n                <span class=\"is-inline-block\">:</span>\n              }\n            </span>\n            @if (subValue.id) {\n              @switch (subValue.key) {\n                @case ('backgroundData') {\n                  <span class=\"is-inline-block\">{{ term?.name }}</span>\n                }\n                @case ('animal') {\n                  <span class=\"is-inline-block\">{{ subValue.id }}</span>\n                }\n                @default {\n                  <he-node-link\n                    class=\"is-inline-block\"\n                    linkClass=\"is-inline-block\"\n                    [node]=\"term\"\n                    [attr.title]=\"term?.name\">\n                    <span class=\"break-word\" [innerHtml]=\"term?.name | compound\"></span>\n                  </he-node-link>\n                }\n              }\n            }\n          </div>\n        </div>\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">\n          @if (subValue.showUnits && $any(blankNode).term) {\n            <span\n              class=\"is-nowrap\"\n              [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n          }\n        </td>\n      }\n      <td class=\"has-border-right\">\n        @if (!isEmpty(subValue.originalValue)) {\n          <span>\n            <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n          </span>\n        } @else {\n          -\n        }\n      </td>\n      <td class=\"has-border-right\">\n        @if (subValue.isRecalculated) {\n          @if (subValue.multiGroups) {\n            <span\n              class=\"trigger-popover\"\n              ngbPopover=\"The total value across all inputs\"\n              autoClose=\"outside\"\n              popoverClass=\"is-narrow is-overflow-visible\"\n              placement=\"left bottom auto\"\n              container=\"body\">\n              <span pointer>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n              </span>\n            </span>\n          } @else {\n            <span>\n              <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n            </span>\n          }\n        } @else if (!isEmpty(subValue.originalValue)) {\n          not recalculated\n        } @else {\n          -\n        }\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">-</td>\n      }\n      <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n    </tr>\n  }\n  @if (subValue.subValues) {\n    @for (sub of subValue.subValues; track trackBySubValue(sub)) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          subValueRow;\n          context: { blankNode, parent: subValue, subValue: sub, rowClass: 'is-sub-sub-row' }\n        \" />\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeOriginalValueDetails let-blankNode=\"blankNode\">\n  <span class=\"is-pr-1\">The original value was reported using:</span>\n  <he-node-link\n    class=\"is-inline-block\"\n    linkClass=\"is-dark\"\n    [node]=\"$any(blankNode).original[0].methodModel\"\n    [showExternalLink]=\"true\">\n    <span>{{ $any(blankNode).original[0].methodModel.name }}</span>\n  </he-node-link>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  @let extraColumns = methodModelsCount() - 1;\n\n  <ng-template #notInSystemBoundary>\n    <td class=\"has-border-right\">\n      <span>Not in HESTIA system boundary</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  </ng-template>\n\n  @if (data.canOpen && !data.isOpen && !data.configModels?.length) {\n    <td class=\"has-border-right\">\n      <span>Expand to see logs (</span>\n      @let key = subValuesKey(data, 'sub-values');\n      @if (hasCompleteSuccess(data)) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"checkmark\" class=\"has-text-success\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"xmark\" class=\"has-text-danger\" />\n      }\n      <span>)</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  } @else if (isSystemBoundary(data)) {\n    @for (configModel of methodModelsCount() | times; track configModelIndex; let configModelIndex = $index) {\n      <td class=\"has-border-right blank-node-index-{{ configModelIndex }}\">\n        @if (getModelsAt(data, configModelIndex); as models) {\n          @if ($any(models) | isArray) {\n            <div>\n              @for (model of $any(models); track model.methodId) {\n                <p>\n                  <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model, data }\" />\n                </p>\n              }\n            </div>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model: models, data }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  } @else {\n    -\n  }\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <div class=\"is-flex is-align-self-stretch is-justify-content-center is-align-items-center is-gap-8\">\n    <div class=\"is-flex is-gap-4 is-flex-grow-1 is-align-items-center\">\n      <span\n        class=\"pl-1 has-text-{{ logColor[model.status] }}\"\n        [class.trigger-popover]=\"hasLogs()\"\n        [ngbPopover]=\"logStatusDetails\"\n        [disablePopover]=\"!hasLogs()\"\n        autoClose=\"outside\"\n        popoverClass=\"is-narrow\"\n        triggers=\"manual\"\n        #p1=\"ngbPopover\"\n        placement=\"bottom left right auto\"\n        container=\"body\"\n        (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n        <he-svg-icon [name]=\"logIcon[model.status]\" />\n      </span>\n\n      <span class=\"is-flex is-flex-grow-1 is-gap-4\">\n        <span class=\"is-nowrap is-capitalized\">{{ methodName(model) }}</span>\n\n        @if (model.logs?.methodTier || model.model?.methodTier) {\n          <span class=\"is-nowrap\">[{{ model.logs?.methodTier || model.model?.methodTier }}]</span>\n        }\n      </span>\n    </div>\n\n    <div class=\"is-flex is-gap-4 is-flex-shrink-0 is-align-items-center\">\n      @if (model.showLogs) {\n        <span\n          class=\"is-nowrap is-clickable\"\n          [ngbPopover]=\"logDetails\"\n          autoClose=\"outside\"\n          popoverClass=\"is-narrow\"\n          triggers=\"manual\"\n          #p=\"ngbPopover\"\n          placement=\"bottom left right auto\"\n          container=\"body\"\n          (click)=\"p.isOpen() ? p.close() : model.showLogs ? p.open({ logs: model.logs }) : null\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\n      }\n\n      @if (model.model) {\n        @if (model.showLogs) {\n          <div class=\"vertical-divider\"></div>\n        }\n        <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\" />\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <he-node-logs-models-logs [logs]=\"logs\" />\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"\" />\n</ng-template>\n\n<ng-template #docsLink let-model>\n  @if (guideEnabled && model.guidePath) {\n    <he-guide-overlay [pageId]=\"model.guidePath\" [width]=\"500\" />\n  } @else {\n    <a [href]=\"model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n      <span>Docs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</ng-template>\n", styles: [":host{display:block}:host .vertical-divider{width:1px;height:20px;background:#dbe3ea}:host .status-legend{border:1px solid #dbe3ea;background:#f5f7f9}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::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:#4c719433;height:100%;width:1px;top:0;left:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row td:first-child{padding-left:12px}::ng-deep .table .is-sub-row .sub-sub-row-icon{display:none}::ng-deep .table .is-sub-row .open-node>he-svg-icon,::ng-deep .table .is-sub-row .sub-sub-row-icon{height:16px!important;width:16px!important}::ng-deep .table .is-sub-sub-row td:first-child{padding-left:24px}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon{display:inline-block}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon+div{padding-left:0!important}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}\n"] }]
+                    ], template: "<div class=\"is-flex is-gap-8 is-justify-content-space-between is-align-items-center is-my-2\">\n  <div>\n    <ng-content />\n  </div>\n\n  @if (!isExternal && !loading() && logsUrl() && hasLogs()) {\n    <a class=\"is-size-7\" [href]=\"logsUrl()\" target=\"_blank\">\n      <span>Open Full Logs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</div>\n\n@if (!isExternal && !loading() && !hasLogs()) {\n  <p class=\"is-my-2\">\n    <he-svg-icon class=\"has-text-warning\" name=\"exclamation-triangle\" />\n    <span class=\"is-size-7 has-text-warning is-pl-1\">No logs found. Recalculation logs will be incomplete.</span>\n  </p>\n}\n\n<he-data-table class=\"is-mt-2 is-mb-1 is-bordered\" [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          @if (enableFilterByTerm()) {\n            <div class=\"field is-pb-1\">\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                  [resultFormatter]=\"termFormatter\"\n                  [inputFormatter]=\"termFormatter\"\n                  [focusFirst]=\"true\"\n                  (focus)=\"typeaheadFocus($event)\"\n                  (selectItem)=\"term.set($event.item)\"\n                  container=\"body\"\n                  popupClass=\"is-small\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set(undefined)\">\n                  <he-svg-icon name=\"xmark\" />\n                </a>\n              </div>\n            </div>\n          }\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>\n                <span class=\"is-pr-1\">Units</span>\n                @if (functionalUnit()) {\n                  <span>(per&nbsp;</span>\n                  <span>{{ functionalUnit() }}</span>\n                  <span>)</span>\n                }\n              </span>\n            </div>\n          </th>\n        }\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Original</span>\n          </div>\n        </th>\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Recalculated</span>\n          </div>\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Difference</span>\n            </div>\n          </th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Model {{ i + 1 }}</span>\n            </div>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (loading()) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <div class=\"has-text-center py-3\">\n              <he-svg-icon name=\"loading\" animation=\"spin\" size=\"40\" />\n            </div>\n          </td>\n        </tr>\n      } @else if (blankNodes().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <p class=\"is-p-1\">\n              @if (noDataMessage()) {\n                <span>{{ noDataMessage() }}</span>\n              } @else {\n                <ng-container *ngTemplateOutlet=\"noResultsDefaultMessage\" />\n              }\n            </p>\n          </td>\n        </tr>\n      }\n      @for (blankNode of blankNodes(); track trackByBlankNode($index, blankNode)) {\n        <tr [class.has-sub-rows]=\"blankNode.canOpen\" [class.is-open]=\"blankNode.isOpen\">\n          <td\n            class=\"width-auto has-border-right is-nowrap\"\n            [attr.title]=\"$any(blankNode).term?.name || $any(blankNode).key\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: blankNode }\" />\n              @if ($any(blankNode).term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"$any(blankNode).term\">\n                  <span\n                    class=\"break-word\"\n                    [innerHtml]=\"$any(blankNode).term.name | compound: $any(blankNode).term.termType\"></span>\n                </he-node-link>\n              } @else if ($any(blankNode).key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right\">\n              @if ($any(blankNode).term) {\n                <span\n                  class=\"is-nowrap\"\n                  [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n              }\n            </td>\n          }\n          <td class=\"has-border-right\">\n            <ng-template #originalValueContent>\n              <span>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n              </span>\n            </ng-template>\n\n            @if (blankNode.allParallel) {\n              @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                <div>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      valueContent;\n                      context: { value: $any(blankNode).originalValueByMethodId[model.methodId] }\n                    \" />\n                </div>\n              }\n            } @else {\n              <span\n                [class.trigger-popover]=\"!!$any(blankNode).original?.[0]?.methodModel\"\n                [ngbPopover]=\"blankNodeOriginalValueDetails\"\n                autoClose=\"outside\"\n                popoverClass=\"is-narrow\"\n                placement=\"bottom left right auto\"\n                container=\"body\"\n                [disablePopover]=\"!$any(blankNode).original?.[0]?.methodModel\"\n                [popoverContext]=\"{ blankNode }\">\n                <span pointer>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n                </span>\n              </span>\n            }\n          </td>\n          <td class=\"has-border-right\">\n            @if (!blankNode.isOriginal || blankNode.isRecalculated) {\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        valueContent;\n                        context: { value: $any(blankNode).recalculatedValueByMethodId[model.methodId] }\n                      \" />\n                  </div>\n                }\n              } @else {\n                <span>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: blankNode.recalculatedValue }\" />\n                </span>\n              }\n            } @else if ($any(blankNode).configModels?.length) {\n              not recalculated\n            } @else {\n              -\n            }\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right is-nowrap\">\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    @if (\n                      $any(blankNode).originalValueByMethodId[model.methodId] !== null &&\n                      $any(blankNode).recalculatedValueByMethodId[model.methodId] !== null\n                    ) {\n                      <he-blank-node-value-delta\n                        [value]=\"$any(blankNode).recalculatedValueByMethodId[model.methodId]\"\n                        [originalValue]=\"$any(blankNode).originalValueByMethodId[model.methodId]\"\n                        [useCustomFunctions]=\"false\" />\n                    } @else {\n                      -\n                    }\n                  </div>\n                }\n              } @else {\n                @if ($any(blankNode).original.length && blankNode.isRecalculated) {\n                  <he-blank-node-value-delta\n                    [value]=\"blankNode.recalculatedValue\"\n                    [originalValue]=\"$any(blankNode).originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              }\n            </td>\n          }\n          <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\" />\n        </tr>\n        @for (subValue of $any(blankNode).keys; track trackBySubValue(subValue)) {\n          @if (blankNode.isOpen) {\n            <tr [class.has-sub-rows]=\"$any(blankNode).subValues?.length\" [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                @if (blankNode.type) {\n                  <a\n                    class=\"is-inline-block is-pre-wrap\"\n                    [href]=\"schemaBaseUrl + '/' + blankNode.type + '#' + subValue.key\"\n                    target=\"_blank\"\n                    [title]=\"subValue.key\">\n                    <span>{{ subValue.key }}</span>\n                  </a>\n                }\n                @if (!blankNode.type) {\n                  <span class=\"is-inline-block is-align-top\">{{ subValue.key }}</span>\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\"></td>\n              }\n              <td class=\"has-border-right\">\n                @if (subValue.originalValue !== null) {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n                  </span>\n                } @else {\n                  -\n                }\n              </td>\n              <td class=\"has-border-right\">\n                @if (subValue.isRecalculated || subValue.key === 'impactAssessment') {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  not recalculated\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\">-</td>\n              }\n              <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n            </tr>\n          }\n        }\n        @for (subValue of $any(blankNode).subValues; track trackBySubValue(subValue)) {\n          <ng-container *ngTemplateOutlet=\"subValueRow; context: { blankNode, parent: blankNode, subValue }\" />\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n<div class=\"is-size-7\">\n  <div class=\"is-flex is-py-2 is-px-3 is-gap-16 | status-legend\">\n    <div\n      class=\"is-flex is-justify-content-center is-align-items-center is-align-content-center is-flex-wrap-wrap is-gap-8\">\n      @for (status of LogStatus | keyvalue; track status.value) {\n        @if (logIcon[status.value]) {\n          <span class=\"is-flex is-align-items-center is-gap-8\">\n            <he-svg-icon [name]=\"logIcon[status.value]\" size=\"20\" class=\"has-text-{{ logColor[status.value] }}\" />\n            <span class=\"is-size-7 is-capitalized\">{{ status.value }}</span>\n          </span>\n        }\n      }\n    </div>\n\n    @if (filteredType()) {\n      <div class=\"field is-relative\">\n        <input\n          type=\"checkbox\"\n          class=\"switch is-small is-rounded is-secondary\"\n          [(ngModel)]=\"onlyRequired\"\n          [disabled]=\"!!term()\"\n          id=\"onlyRequired\" />\n        <label class=\"is-size-7\" for=\"onlyRequired\">\n          <span>Show only {{ filteredType() }} terms included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #noResultsDefaultMessage>\n  <span>No original data was provided and no gap filling occurred</span>\n  @if (term() && !isInSystemBoundary(term()['@id'])) {\n    <span class=\"is-pl-1\">as</span>\n    <i class=\"is-px-1\">{{ term().name }}</i>\n    <span>is not in the HESTIA system boundary</span>\n  }\n  <span>.</span>\n</ng-template>\n\n<ng-template #valueContent let-value=\"value\">\n  @if (isNumber(value)) {\n    {{ value | precision: 3 | default: '-' }}\n  } @else {\n    {{ value | default: '-' }}\n  }\n</ng-template>\n\n<ng-template #collapseButton let-blankNode>\n  @if (blankNode.canOpen) {\n    <a class=\"open-node\" (click)=\"toggleBlankNode(blankNode)\">\n      <he-svg-icon [name]=\"blankNode.isOpen ? 'chevron-down' : 'chevron-right'\" />\n    </a>\n  }\n</ng-template>\n\n<ng-template #subValueRow let-blankNode=\"blankNode\" let-parent=\"parent\" let-subValue=\"subValue\" let-rowClass=\"rowClass\">\n  @let term = subValue.term || termById(subValue.id);\n  @if (parent.isOpen) {\n    <tr [class.is-sub-row]=\"parent.canOpen\" [ngClass]=\"rowClass\">\n      <td class=\"width-auto has-border-right\">\n        <div class=\"is-flex is-align-items-flex-start is-gap-4 h-100\">\n          <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: subValue }\" />\n          <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n          <div class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\" [class.is-pl-3]=\"!subValue.canOpen\">\n            <span>\n              <span>{{ subValue.key | keyToLabel }}</span>\n              @if (subValue.id) {\n                <span class=\"is-inline-block\">:</span>\n              }\n            </span>\n            @if (subValue.id) {\n              @switch (subValue.key) {\n                @case ('backgroundData') {\n                  <span class=\"is-inline-block\">{{ term?.name }}</span>\n                }\n                @case ('animal') {\n                  <span class=\"is-inline-block\">{{ subValue.id }}</span>\n                }\n                @default {\n                  <he-node-link\n                    class=\"is-inline-block\"\n                    linkClass=\"is-inline-block\"\n                    [node]=\"term\"\n                    [attr.title]=\"term?.name\">\n                    <span class=\"break-word\" [innerHtml]=\"term?.name | compound\"></span>\n                  </he-node-link>\n                }\n              }\n            }\n          </div>\n        </div>\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">\n          @if (subValue.showUnits && $any(blankNode).term) {\n            <span\n              class=\"is-nowrap\"\n              [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n          }\n        </td>\n      }\n      <td class=\"has-border-right\">\n        @if (!isEmpty(subValue.originalValue)) {\n          <span>\n            <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n          </span>\n        } @else {\n          -\n        }\n      </td>\n      <td class=\"has-border-right\">\n        @if (subValue.isRecalculated) {\n          @if (subValue.multiGroups) {\n            <span\n              class=\"trigger-popover\"\n              ngbPopover=\"The total value across all inputs\"\n              autoClose=\"outside\"\n              popoverClass=\"is-narrow is-overflow-visible\"\n              placement=\"left bottom auto\"\n              container=\"body\">\n              <span pointer>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n              </span>\n            </span>\n          } @else {\n            <span>\n              <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n            </span>\n          }\n        } @else if (!isEmpty(subValue.originalValue)) {\n          not recalculated\n        } @else {\n          -\n        }\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">-</td>\n      }\n      <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n    </tr>\n  }\n  @if (subValue.subValues) {\n    @for (sub of subValue.subValues; track trackBySubValue(sub)) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          subValueRow;\n          context: { blankNode, parent: subValue, subValue: sub, rowClass: 'is-sub-sub-row' }\n        \" />\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeOriginalValueDetails let-blankNode=\"blankNode\">\n  <span class=\"is-pr-1\">The original value was reported using:</span>\n  <he-node-link\n    class=\"is-inline-block\"\n    linkClass=\"is-dark\"\n    [node]=\"$any(blankNode).original[0].methodModel\"\n    [showExternalLink]=\"true\">\n    <span>{{ $any(blankNode).original[0].methodModel.name }}</span>\n  </he-node-link>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  @let extraColumns = methodModelsCount() - 1;\n\n  <ng-template #notInSystemBoundary>\n    <td class=\"has-border-right\">\n      <span>Not in HESTIA system boundary</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  </ng-template>\n\n  @if (data.canOpen && !data.isOpen && !data.configModels?.length) {\n    <td class=\"has-border-right\">\n      <span>Expand to see logs (</span>\n      @let key = subValuesKey(data, 'sub-values');\n      @if (hasCompleteSuccess(data)) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"checkmark\" class=\"has-text-success\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"xmark\" class=\"has-text-danger\" />\n      }\n      <span>)</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  } @else {\n    @for (configModel of methodModelsCount() | times; track configModelIndex; let configModelIndex = $index) {\n      <td class=\"has-border-right blank-node-index-{{ configModelIndex }}\">\n        @if (getModelsAt(data, configModelIndex); as models) {\n          @if ($any(models) | isArray) {\n            <div>\n              @for (model of $any(models); track model.methodId) {\n                <p>\n                  <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model, data }\" />\n                </p>\n              }\n            </div>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model: models, data }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <div class=\"is-flex is-align-self-stretch is-justify-content-center is-align-items-center is-gap-8\">\n    <div class=\"is-flex is-gap-4 is-flex-grow-1 is-align-items-center\">\n      <span\n        class=\"pl-1 has-text-{{ logColor[model.status] }}\"\n        [class.trigger-popover]=\"hasLogs()\"\n        [ngbPopover]=\"logStatusDetails\"\n        [disablePopover]=\"!hasLogs()\"\n        autoClose=\"outside\"\n        popoverClass=\"is-narrow\"\n        triggers=\"manual\"\n        #p1=\"ngbPopover\"\n        placement=\"bottom left right auto\"\n        container=\"body\"\n        (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n        <he-svg-icon [name]=\"logIcon[model.status]\" />\n      </span>\n\n      <span class=\"is-flex is-flex-grow-1 is-gap-4\">\n        <span class=\"is-nowrap is-capitalized\">{{ methodName(model) }}</span>\n\n        @if (model.logs?.methodTier || model.model?.methodTier) {\n          <span class=\"is-nowrap\">[{{ model.logs?.methodTier || model.model?.methodTier }}]</span>\n        }\n      </span>\n    </div>\n\n    <div class=\"is-flex is-gap-4 is-flex-shrink-0 is-align-items-center\">\n      @if (model.showLogs) {\n        <span\n          class=\"is-nowrap is-clickable\"\n          [ngbPopover]=\"logDetails\"\n          autoClose=\"outside\"\n          popoverClass=\"is-narrow\"\n          triggers=\"manual\"\n          #p=\"ngbPopover\"\n          placement=\"bottom left right auto\"\n          container=\"body\"\n          (click)=\"p.isOpen() ? p.close() : model.showLogs ? p.open({ logs: model.logs }) : null\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\n      }\n\n      @if (model.model) {\n        @if (model.showLogs) {\n          <div class=\"vertical-divider\"></div>\n        }\n        <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\" />\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <he-node-logs-models-logs [logs]=\"logs\" />\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"\" />\n</ng-template>\n\n<ng-template #docsLink let-model>\n  @if (guideEnabled && model.guidePath) {\n    <he-guide-overlay [pageId]=\"model.guidePath\" [width]=\"500\" />\n  } @else {\n    <a [href]=\"model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n      <span>Docs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</ng-template>\n", styles: [":host{display:block}:host .vertical-divider{width:1px;height:20px;background:#dbe3ea}:host .status-legend{border:1px solid #dbe3ea;background:#f5f7f9}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::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:#4c719433;height:100%;width:1px;top:0;left:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row td:first-child{padding-left:12px}::ng-deep .table .is-sub-row .sub-sub-row-icon{display:none}::ng-deep .table .is-sub-row .open-node>he-svg-icon,::ng-deep .table .is-sub-row .sub-sub-row-icon{height:16px!important;width:16px!important}::ng-deep .table .is-sub-sub-row td:first-child{padding-left:24px}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon{display:inline-block}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon+div{padding-left:0!important}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}\n"] }]
         }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], nodeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKey", required: false }] }], originalValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "originalValues", required: false }] }], recalculatedValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "recalculatedValues", required: false }] }], terms: [{ type: i0.Input, args: [{ isSignal: true, alias: "terms", required: false }] }], filterTermTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterTermTypes", required: false }] }], filterTermTypesLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterTermTypesLabel", required: false }] }], logsKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "logsKey", required: false }] }], noDataMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "noDataMessage", required: false }] }] } });
 
 var View$4;
@@ -12323,7 +12274,6 @@ const getUnitsAndLabel = (terms, fallbackLabel = 'unknown term') => {
         units
     };
 };
-
 const typeMapping = {
     [TermTermType.endpointIndicator]: ChartNodeType.endpoint,
     [TermTermType.characterisedIndicator]: ChartNodeType.midpoint,
@@ -12331,6 +12281,58 @@ const typeMapping = {
     [TermTermType.resourceUse]: ChartNodeType.emission,
     [TermTermType.operation]: ChartNodeType.operation
 };
+const safeDivide = (numerator, denominator) => (denominator !== 0 ? numerator / denominator : 0);
+const sumIndicators = (data) => {
+    const totalValues = data.reduce((acc, log) => {
+        acc[log.indicator] = acc[log.indicator] || [];
+        !isUndefined(log.weightedValue) && acc[log.indicator].push(log.weightedValue);
+        return acc;
+    }, {});
+    return Object.fromEntries(Object.entries(totalValues).map(([key, values]) => [
+        key,
+        // if the total is positive, we ignore negative values
+        sum(values) < 0 ? sum(values) : sum(values.filter(v => v >= 0))
+    ]));
+};
+const groupIndicators = (data, terms = {}, totals = {}) => data.reduce((acc, log) => {
+    const contributorType = typeMapping[terms[log.contributor]?.termType] || ChartNodeType.input;
+    const indicatorType = typeMapping[terms[log.indicator]?.termType];
+    const contributorNode = {
+        id: log.contributor,
+        ...getUnitsAndLabel(terms[log.contributor], log.contributor),
+        type: contributorType,
+        value: log.value,
+        weightedValue: log.weightedValue,
+        modelId: log.modelId,
+        fraction: safeDivide(log.weightedValue, totals[log.indicator]),
+        children: contributorType === ChartNodeType.emission
+            ? log.inputs.map(i => ({
+                ...i,
+                ...getUnitsAndLabel(terms[i.id], i.label),
+                type: ChartNodeType.input,
+                fraction: safeDivide(i.weightedValue, log.value),
+                children: i.operations.map(o => ({
+                    ...o,
+                    ...getUnitsAndLabel(terms[o.id], o.label),
+                    type: ChartNodeType.operation,
+                    fraction: safeDivide(o.weightedValue, i.weightedValue)
+                }))
+            }))
+            : []
+    };
+    acc[log.indicator]
+        ? acc[log.indicator].children.push(contributorNode)
+        : (acc[log.indicator] = {
+            id: log.indicator,
+            ...getUnitsAndLabel(terms[log.indicator], log.indicator),
+            modelId: log.modelId,
+            type: indicatorType,
+            value: totals[log.indicator],
+            children: [contributorNode]
+        });
+    return acc;
+}, {});
+
 const width = 800;
 const margin = { top: 10, right: 20, bottom: 10, left: 20 };
 const fontSize = Math.floor(width / 100);
@@ -12418,7 +12420,6 @@ const setGroupButtonXY = (selection) => selection
     .attr('x', d => (d._groupOpen ? (nodeWidth * 2.5) / 7 : nodeWidth / 2 - groupButtonWidth / 2))
     .attr('y', d => d._groupOpen ? groupOverlap + (groupNodeSpace - (lineHeight + nodePadding * 2)) / 2 : nodePadding + lineHeight + 6);
 const formatNumber = (value) => (isNumber(value) ? toPrecision(value, 3) : 'N/A');
-const safeDivide = (numerator, denominator) => (denominator > 0 ? numerator / denominator : 0);
 const isTypeWithoutValue = (nodeDatum) => [ChartNodeType.input, ChartNodeType.operation].includes(nodeDatum.data.type);
 const getWeightedValueText = (nodeDatum) => `${formatNumber(nodeDatum.data.weightedValue)}${nodeDatum.parent?.data.value === null
     ? ''
@@ -12443,12 +12444,12 @@ const generateTipData = (nodeDatum) => ({
         href: `${baseUrl()}/term/${term['@id']}`
     }))
 });
-const addTooltip = (selection, { tooltipOperator, zone }) => {
+const addTooltip = (selection, { tooltipOperator }) => {
     let hoveringTip = false;
     let hoveringNode = false;
     let lastNodeId;
     const closeTip = () => {
-        zone.run(() => tooltipOperator.close(false));
+        tooltipOperator.close(false);
         selectAll('.tip-target').classed('tip-target', false);
         lastNodeId = null;
     };
@@ -12469,7 +12470,7 @@ const addTooltip = (selection, { tooltipOperator, zone }) => {
         closeTip();
         lastNodeId = nodeDatum.data.id;
         select(event.target).classed('tip-target', true);
-        zone.run(() => tooltipOperator.open({ tipData: generateTipData(nodeDatum) }));
+        tooltipOperator.open({ tipData: generateTipData(nodeDatum) });
         select('.driver-chart-tooltip')
             .on('pointerenter', () => {
             hoveringTip = true;
@@ -12485,7 +12486,7 @@ const addTooltip = (selection, { tooltipOperator, zone }) => {
     });
     return selection;
 };
-const mergedNodes = (selection, { tooltipOperator, zone }) => {
+const mergedNodes = (selection, { tooltipOperator }) => {
     selection
         .selectAll('.node-box')
         .classed('node-openable', d => !!d.height)
@@ -12497,7 +12498,7 @@ const mergedNodes = (selection, { tooltipOperator, zone }) => {
         .attr('rx', '3px')
         .attr('ry', '3px')
         .style('user-select', window.innerWidth < 768 ? 'none' : null);
-    selection.filter(d => !d.data.group && d.data.id !== nonLCAIndicatorsId).call(addTooltip, { tooltipOperator, zone });
+    selection.filter(d => !d.data.group && d.data.id !== nonLCAIndicatorsId).call(addTooltip, { tooltipOperator });
     selection
         .selectAll('.node-label')
         .attr('y', d => (d.data.showBar ? lineHeight / 2 + nodePadding / 2 : 0))
@@ -12684,49 +12685,6 @@ const groupPercentage = (node, percentage = 0.02) => {
         node._children = notGrouped;
     }
 };
-const sumIndicators = (data) => data.reduce((acc, log) => {
-    // ignore negative values in the total
-    acc[log.indicator] = (acc[log.indicator] || 0) + (log.weightedValue > 0 ? log.weightedValue : 0);
-    return acc;
-}, {});
-const groupIndicators = (data, terms = {}, totals = {}) => data.reduce((acc, log) => {
-    const contributorType = typeMapping[terms[log.contributor]?.termType] || ChartNodeType.input;
-    const indicatorType = typeMapping[terms[log.indicator]?.termType];
-    const contributorNode = {
-        id: log.contributor,
-        ...getUnitsAndLabel(terms[log.contributor], log.contributor),
-        type: contributorType,
-        value: log.value,
-        weightedValue: log.weightedValue,
-        modelId: log.modelId,
-        fraction: safeDivide(log.weightedValue, totals[log.indicator]),
-        children: contributorType === ChartNodeType.emission
-            ? log.inputs.map(i => ({
-                ...i,
-                ...getUnitsAndLabel(terms[i.id], i.label),
-                type: ChartNodeType.input,
-                fraction: safeDivide(i.weightedValue, log.value),
-                children: i.operations.map(o => ({
-                    ...o,
-                    ...getUnitsAndLabel(terms[o.id], o.label),
-                    type: ChartNodeType.operation,
-                    fraction: safeDivide(o.weightedValue, i.weightedValue)
-                }))
-            }))
-            : []
-    };
-    acc[log.indicator]
-        ? acc[log.indicator].children.push(contributorNode)
-        : (acc[log.indicator] = {
-            id: log.indicator,
-            ...getUnitsAndLabel(terms[log.indicator], log.indicator),
-            modelId: log.modelId,
-            type: indicatorType,
-            value: totals[log.indicator],
-            children: [contributorNode]
-        });
-    return acc;
-}, {});
 const showBar = (node) => [
     node.parent?.data.type !== ChartNodeType.root,
     node.parent?.data.id !== nonLCAIndicatorsId,
@@ -12735,7 +12693,6 @@ const showBar = (node) => [
 ].every(Boolean);
 class HierarchyChartComponent {
     constructor() {
-        this.ngZone = inject(NgZone);
         this.chart = viewChild.required('chart');
         this.zoomContainer = viewChild.required('zoomContainer');
         this.chartContainer = viewChild.required('chartContainer');
@@ -12819,7 +12776,8 @@ class HierarchyChartComponent {
         });
         this.includedTypes.set(unique(root.descendants().map(n => n.data.type)));
         this.root = root
-            .sort((a, b) => b.data.fraction - a.data.fraction)
+            // treat `0` as -infinity so they appear all the way to the bottom
+            .sort((a, b) => (b.data.fraction || -Infinity) - (a.data.fraction || -Infinity))
             .eachAfter(node => {
             if (node.data.fraction === 0) {
                 node.children = null;
@@ -12912,8 +12870,8 @@ class HierarchyChartComponent {
             .call(enterNodes)
             .attr('opacity', 0)
             .attr('transform', d => 'translate(' + (togglingGroup ? d.y : d.y - nodeWidth / 2) + ',' + d.x + ')'), update => update, exit => {
-            this.ngZone.run(() => this.tooltipOperator().close(false));
-            return exit
+            this.tooltipOperator().close(false);
+            return (exit
                 .style('pointer-events', 'none')
                 .transition()
                 .duration(nodeDuration / 2)
@@ -12925,13 +12883,11 @@ class HierarchyChartComponent {
                 .attr('transform', d => 'translate(' + (togglingGroup ? d.y : d.y - nodeWidth / 2) + ',' + d.x + ')')
                 .attr('opacity', 0)
                 .remove()
-                .on('end', () => {
                 // in case a tooltip was opened on a transitioning element
-                this.ngZone.run(() => this.tooltipOperator().close(false));
-            });
+                .on('end', () => this.tooltipOperator().close(false)));
         });
         this.node
-            .call(mergedNodes, { tooltipOperator: this.tooltipOperator(), zone: this.ngZone })
+            .call(mergedNodes, { tooltipOperator: this.tooltipOperator() })
             .transition()
             .delay(d => {
             const groupClosing = togglingGroup && !d.parent?.children?.find(n => n.data.group)?._groupOpen;
@@ -13222,7 +13178,7 @@ const csvHeaders = [
     'Functional Unit'
 ];
 const logsTotalValue = (logs, includeNegativeValues) => sum((includeNegativeValues ? logs : logs.filter(curr => curr.value >= 0)).map(v => v.value));
-const valueRatio = (value, total) => toPrecision((value * 100) / total, 2);
+const valueRatio = (value, total) => total === 0 ? 0 : toPrecision((value * 100) / total, 2);
 const chartLabel = (value, total) => {
     const ratio = valueRatio(value, total);
     return value === 0 ? '0' : `${value}, ${ratio}%`;
@@ -14173,5 +14129,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ClickOutsideDirective, ClipboardComponent, CollapsibleBoxComponent, ColorPalette, CompoundDirective, CompoundPipe, ControlValueAccessor, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesMetadataComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DistributionChartComponent, DrawerContainerComponent, DurationPipe, EllipsisPipe, EngineModelsLinkComponent, EngineModelsLookupInfoComponent, EngineModelsStageComponent, EngineModelsStageDeepComponent, EngineModelsStageDeepService, EngineModelsVersionLinkComponent, EngineOrchestratorEditComponent, EngineRequirementsFormComponent, FileSizePipe, FileUploadErrorKeys, FilesErrorSummaryComponent, FilesFormComponent, FilesFormEditableComponent, FilesUploadErrorsComponent, FilterAccordionComponent, GUIDE_ENABLED, GetPipe, GlossaryMigrationFormat, GuideOverlayComponent, HESvgIconComponent, HE_API_BASE_URL, HE_CALCULATIONS_BASE_URL, HE_MAP_LOADED, HeAuthService, HeCommonService, HeEngineService, HeGlossaryService, HeMendeleyService, HeNodeCsvService, HeNodeService, HeNodeStoreService, HeSchemaService, HeSearchService, HeToastService, HorizontalBarChartComponent, HorizontalButtonsGroupComponent, ImpactAssessmentsGraphComponent, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, IsArrayPipe, IsObjectPipe, IssueConfirmComponent, KeyToLabelPipe, Level, LineChartComponent, LinkKeyValueComponent, LogStatus, LongPressDirective, MAX_RESULTS, MapsDrawingComponent, MapsDrawingConfirmComponent, MendeleySearchResult, MobileShellComponent, NavigationMenuComponent, NoExtPipe, NodeAggregatedComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeCsvExportConfirmComponent, NodeCsvPreviewComponent, NodeCsvSelectHeadersComponent, NodeIconComponent, NodeJsonldComponent, NodeJsonldSchemaComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeLogsTimeComponent, NodeMissingLookupFactorsComponent, NodeQualityScore, NodeRecommendationsComponent, NodeSelectComponent, NodeValueDetailsComponent, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RelatedNodeResult, RemoveMarkdownPipe, RepeatPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, ShelfDialogComponent, ShellComponent, SitesManagementChartComponent, SitesMapsComponent, SitesNodesComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, ThousandsPipe, TimesPipe, ToastComponent, UncapitalizePipe, addPolygonToFeature, afterBarDrawPlugin, allCountriesQuery, allGroups, allOptions, arrayValue, availableProperties, backgroundHoverPlugin, baseApiUrl, baseUrl, bottom, buildSummary, bytesSize, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, capitalize, changelogUrl, clustererImage, code, colorToRgba, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, convertToSvg, coordinatesToPoint, copyObject, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, defaultFeature, defaultLabel, defaultSuggestionType, defaultSvgIconSize, definitionToSchemaType, distinctUntilChangedDeep, downloadFile, downloadSvg, ellipsis, engineGitBaseUrl, engineGitUrl, errorHasError, errorHasWarning, errorText, evaluateSuccess, exportAsSVG, externalLink, externalNodeLink, fillColor, fillStyle, filterBlankNode$1 as filterBlankNode, filterError, filterParams, findConfigModels, findMatchingModel, findModels, findNodeModel, findOrchestratorModel, findProperty, findPropertyById, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatDate, formatError, formatPropertyError, formatter, getColor, getDatesBetween, gitBranch, gitHome, gitlabRawUrl, glossaryBaseUrl, glossaryLink, groupChanged, groupLogsByModel, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, groupsLogsByFields, guideModelUrl, guideNamespace, guidePageId, handleAPIError, handleGuideEvent, hasError, hasValidationError, hasWarning, hexToRgba, iconSizes, icons, ignoreKeys$2 as ignoreKeys, initialFilterState, injectResizeEvent$, inputGroupsTermTypes, isAddPropertyEnabled, isChrome, isDateBetween, isEqual, isExternal, isGroupVisible, isKeyClosedVisible, isKeyHidden, isMaxStage, isMethodModelAllowed, isMigrationError, isMissingOneOfError, isMissingPropertyError, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isTermTypeAllowed, isValidKey, keyToDataPath, levels, listColor, listColorContinuous, listColorWithAlpha, loadMapApi, loadSvgSprite, localStorageSignal, locationQuery, logToCsv$1 as logToCsv, logValueArray, logsKey, lollipopChartPlugin, lookupUrl, mapFilterData, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchAggregatedValidatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchId, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchPrimaryProductQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, mergeDataWithHeaders, methodTierOrder, migrationErrorMessage, migrationsUrl, missingNodeErrors, modelCount, modelKeyParams, modelParams, models, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeById, nodeColours$1 as nodeColours, nodeDataState, nodeId, nodeIds, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeSecondaryColours, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeTypeIcon, nodeUrl, nodeUrlParams, nodeVersion, nodesByState, nodesByType, numberGte, optionsFromGroup, parentKey, parentProperty, parseColor, parseData, parseDataPath, parseLines, parseMessage$1 as parseMessage, parseNewValue, pluralize, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonToMap, polygonsFromFeature, populateWithTrackIdsFilterData, postGuideEvent, primaryProduct, productsQuery, propertyError, propertyId, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, registerChart, repeat, reportIssueLink, reportIssueUrl, safeJSONParse, safeJSONStringify, schemaBaseUrl, schemaDataBaseUrl, schemaLink, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchFilterData, searchableTypes, siblingProperty, singleProperty, siteTooBig, siteTypeToIcon, sortProperties, sortedDates, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toSnakeCase, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueTypeToDefault, waitFor, wildcardQuery };
+export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ClickOutsideDirective, ClipboardComponent, CollapsibleBoxComponent, ColorPalette, CompoundDirective, CompoundPipe, ControlValueAccessor, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesMetadataComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DistributionChartComponent, DrawerContainerComponent, DurationPipe, EllipsisPipe, EngineModelsLinkComponent, EngineModelsLookupInfoComponent, EngineModelsStageComponent, EngineModelsStageDeepComponent, EngineModelsStageDeepService, EngineModelsVersionLinkComponent, EngineOrchestratorEditComponent, EngineRequirementsFormComponent, FileSizePipe, FileUploadErrorKeys, FilesErrorSummaryComponent, FilesFormComponent, FilesFormEditableComponent, FilesUploadErrorsComponent, FilterAccordionComponent, GUIDE_ENABLED, GetPipe, GlossaryMigrationFormat, GuideOverlayComponent, HESvgIconComponent, HE_API_BASE_URL, HE_CALCULATIONS_BASE_URL, HE_MAP_LOADED, HeAuthService, HeCommonService, HeEngineService, HeGlossaryService, HeMendeleyService, HeNodeCsvService, HeNodeService, HeNodeStoreService, HeSchemaService, HeSearchService, HeToastService, HorizontalBarChartComponent, HorizontalButtonsGroupComponent, ImpactAssessmentsGraphComponent, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, IsArrayPipe, IsObjectPipe, IssueConfirmComponent, KeyToLabelPipe, Level, LineChartComponent, LinkKeyValueComponent, LogStatus, LongPressDirective, MAX_RESULTS, MapsDrawingComponent, MapsDrawingConfirmComponent, MendeleySearchResult, MobileShellComponent, NavigationMenuComponent, NoExtPipe, NodeAggregatedComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeCsvExportConfirmComponent, NodeCsvPreviewComponent, NodeCsvSelectHeadersComponent, NodeIconComponent, NodeJsonldComponent, NodeJsonldSchemaComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeLogsTimeComponent, NodeMissingLookupFactorsComponent, NodeQualityScore, NodeRecommendationsComponent, NodeSelectComponent, NodeValueDetailsComponent, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RelatedNodeResult, RemoveMarkdownPipe, RepeatPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, ShelfDialogComponent, ShellComponent, SitesManagementChartComponent, SitesMapsComponent, SitesNodesComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, ThousandsPipe, TimesPipe, ToastComponent, UncapitalizePipe, addPolygonToFeature, afterBarDrawPlugin, allCountriesQuery, allGroups, allOptions, arrayValue, availableProperties, backgroundHoverPlugin, baseApiUrl, baseUrl, bottom, buildSummary, bytesSize, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, capitalize, changelogUrl, clustererImage, code, colorToRgba, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, convertToSvg, coordinatesToPoint, copyObject, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, defaultFeature, defaultLabel, defaultSuggestionType, defaultSvgIconSize, definitionToSchemaType, distinctUntilChangedDeep, downloadFile, downloadSvg, ellipsis, engineGitBaseUrl, engineGitUrl, errorHasError, errorHasWarning, errorText, evaluateSuccess, exportAsSVG, externalLink, externalNodeLink, fillColor, fillStyle, filterBlankNode$1 as filterBlankNode, filterError, filterParams, findConfigModels, findMatchingModel, findModels, findNodeModel, findOrchestratorModel, findProperty, findPropertyById, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatDate, formatError, formatPropertyError, formatter, getColor, getDatesBetween, gitBranch, gitHome, gitlabRawUrl, glossaryBaseUrl, glossaryLink, groupChanged, groupLogsByModel, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, groupsLogsByFields, guideModelUrl, guideNamespace, guidePageId, handleAPIError, handleGuideEvent, hasError, hasValidationError, hasWarning, hexToRgba, iconSizes, icons, ignoreKeys$2 as ignoreKeys, initialFilterState, injectResizeEvent$, inputGroupsTermTypes, isAddPropertyEnabled, isChrome, isDateBetween, isEqual, isExternal, isGroupVisible, isKeyClosedVisible, isKeyHidden, isMaxStage, isMethodModelAllowed, isMigrationError, isMissingOneOfError, isMissingPropertyError, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isTermTypeAllowed, isValidKey, keyToDataPath, levels, listColor, listColorContinuous, listColorWithAlpha, loadMapApi, loadSvgSprite, locationQuery, logToCsv$1 as logToCsv, logValueArray, logsKey, lollipopChartPlugin, lookupUrl, mapFilterData, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchAggregatedValidatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchId, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchPrimaryProductQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, mergeDataWithHeaders, methodTierOrder, migrationErrorMessage, migrationsUrl, missingNodeErrors, modelCount, modelKeyParams, modelParams, models, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeById, nodeColours$1 as nodeColours, nodeDataState, nodeId, nodeIds, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeSecondaryColours, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeTypeIcon, nodeUrl, nodeUrlParams, nodeVersion, nodesByState, nodesByType, numberGte, optionsFromGroup, parentKey, parentProperty, parseColor, parseData, parseDataPath, parseLines, parseMessage$1 as parseMessage, parseNewValue, pluralize, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonToMap, polygonsFromFeature, populateWithTrackIdsFilterData, postGuideEvent, primaryProduct, productsQuery, propertyError, propertyId, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, registerChart, repeat, reportIssueLink, reportIssueUrl, safeJSONParse, safeJSONStringify, schemaBaseUrl, schemaDataBaseUrl, schemaLink, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchFilterData, searchableTypes, siblingProperty, singleProperty, siteTooBig, siteTypeToIcon, sortProperties, sortedDates, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toSnakeCase, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueTypeToDefault, waitFor, wildcardQuery };
 //# sourceMappingURL=hestia-earth-ui-components.mjs.map