@hestia-earth/ui-components 0.38.1 → 0.39.1

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

@@ -1,13 +1,12 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, computed, HostBinding, Component as Component$1, model, output, signal, effect, ChangeDetectionStrategy, NgZone, ElementRef, Input, Directive, viewChild, Pipe, DestroyRef, HostListener, ViewEncapsulation, EventEmitter as EventEmitter$1, Output, ContentChild, ViewChild, 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';
 import { NgTemplateOutlet, NgClass, DecimalPipe, KeyValuePipe, DOCUMENT, PlatformLocation, NgStyle, UpperCasePipe, JsonPipe, DatePipe, AsyncPipe } from '@angular/common';
 import * as i1$2 from '@ng-bootstrap/ng-bootstrap';
 import { NgbActiveModal, NgbHighlight, NgbTooltip, NgbDropdown, NgbDropdownMenu, NgbDropdownToggle, NgbDropdownItem, NgbTypeahead, NgbPopover, NgbModal, NgbTooltipModule, NgbDropdownModule, NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap';
-import { catchError, map, debounceTime, distinctUntilChanged, tap, switchMap, startWith, mergeMap, shareReplay, delay, take, first, filter, skip, throttleTime, skipUntil, reduce, mergeAll, toArray, distinct, groupBy } from 'rxjs/operators';
-import { of, zip, fromEvent, ReplaySubject, timer, Subject, combineLatest, pipe, merge as merge$1, EMPTY, animationFrameScheduler, forkJoin, from } from 'rxjs';
+import { catchError, of, map, debounceTime, distinctUntilChanged, tap, switchMap, zip, fromEvent, startWith, ReplaySubject, mergeMap, shareReplay, delay, timer, take, first, Subject, combineLatest, filter, pipe, merge as merge$1, skip, EMPTY, throttleTime, animationFrameScheduler, skipUntil, lastValueFrom, forkJoin, from, reduce, firstValueFrom, mergeAll, toArray, distinct, groupBy } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
 import get from 'lodash.get';
 import { SCHEMA_VERSION, SchemaType, NodeType, TermTermType, productTermTermType, nestedSearchableKeys, SiteSiteType, EmissionMethodTier, isExpandable, sortKeysByType, isTypeNode, BlankNodesKey, impactAssessmentTermTermType, measurementTermTermType, emissionTermTermType, inputTermTermType, CycleFunctionalUnit, NonBlankNodesKey, jsonldPath, isTypeValid, isTypeBlankNode, typeToSchemaType, managementTermTermType } from '@hestia-earth/schema';
@@ -22,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';
@@ -249,11 +248,11 @@ class HeMendeleyService {
     get path() {
         return `${this.commonService.apiBaseUrl}/mendeley`;
     }
-    find(params) {
+    find$(params) {
         return this.http.get(this.path, { params: filterParams(params) });
     }
-    get(id) {
-        return this.http.get(`${this.path}/${id}`).toPromise().catch(handleAPIError);
+    get$(id) {
+        return this.http.get(`${this.path}/${id}`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: HeMendeleyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: HeMendeleyService, providedIn: 'root' }); }
@@ -425,15 +424,9 @@ class HeSearchService {
             .post(`${this.commonService.apiBaseUrl}/search`, params)
             .pipe(catchError(() => of(emptySearchResult())));
     }
-    async search(params) {
-        return await this.search$(params).toPromise();
-    }
     count$(params = {}) {
         return this.http.post(`${this.commonService.apiBaseUrl}/count`, params).pipe(catchError(() => of(0)));
     }
-    async count(params = {}) {
-        return await this.count$(params).toPromise();
-    }
     get$(type, id) {
         return this.http
             .post(`${this.commonService.apiBaseUrl}/search`, {
@@ -446,9 +439,6 @@ class HeSearchService {
         })
             .pipe(catchError(() => of(emptySearchResult())), map(({ results }) => results[0] || null));
     }
-    async get(type, id) {
-        return await this.get$(type, id).toPromise();
-    }
     suggest$(term, type, extraQueries = [], fullQuery, limit = 10, includes = []) {
         const query = fullQuery || suggestQuery(term, type, extraQueries);
         return this.http
@@ -459,9 +449,6 @@ class HeSearchService {
         })
             .pipe(catchError(() => of(emptySearchResult())), map(({ results }) => results.map(({ _score, ...res }) => res)));
     }
-    suggest(term, type, extraQueries = [], fullQuery, limit = 10, includes = []) {
-        return this.suggest$(term, type, extraQueries, fullQuery, limit, includes).toPromise();
-    }
     suggestSource$(term, limit = 5, fields = ['bibliography.title'], includes = ['bibliography.title']) {
         return this.suggest$(term, NodeType.Source, [], suggestSourceQuery(term, fields), limit, includes).pipe(map((sources) => sources.map(source => ({
             ...source,
@@ -472,9 +459,6 @@ class HeSearchService {
             }
         }))));
     }
-    suggestSource(term, limit = 5, fields = ['bibliography.title'], includes = ['bibliography.title']) {
-        return this.suggestSource$(term, limit, fields, includes).toPromise();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: HeSearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: HeSearchService, providedIn: 'root' }); }
 }
@@ -558,7 +542,7 @@ class BibliographiesSearchConfirmComponent {
                 ? { doi: term }
                 : { scopus: term };
         return this.searchBibliographies
-            ? this.mendeleyService.find({ ...params, limit: this.searchLimit() }).pipe(map(({ results }) => results))
+            ? this.mendeleyService.find$({ ...params, limit: this.searchLimit() }).pipe(map(({ results }) => results))
             : of([]);
     }
     runSearch(term) {
@@ -1156,43 +1140,43 @@ const registerChart = (items = []) => () => {
 
 class ChartConfigurationDirective {
     constructor() {
-        this._zone = inject(NgZone);
         this._elementRef = inject(ElementRef);
-        this._observer = new ResizeObserver(() => this._zone.run(() => this.resize()));
-    }
-    /**
-     * The chart configuration.
-     * This is used to initialize the chart.
-     *
-     * @param configuration The chart configuration
-     */
-    set chartConfiguration(configuration) {
-        this._zone.runOutsideAngular(() => {
-            this.removeChart();
-            if (configuration) {
-                this._chart = new Chart(this._elementRef.nativeElement, configuration);
+        this._observer = new ResizeObserver(() => this.resize());
+        /**
+         * The chart configuration.
+         * This is used to initialize the chart.
+         *
+         * @param configuration The chart configuration
+         */
+        this.chartConfiguration = input(...(ngDevMode ? [undefined, { debugName: "chartConfiguration" }] : []));
+        /**
+         * The container element of the chart.
+         * This is used to observe the size of the container and resize the chart accordingly. (chart.js update charts only on the window resize event)
+         * If not provided, the chart will not be resized.
+         *
+         * @param container The container element of the chart
+         */
+        this.chartContainer = input(...(ngDevMode ? [undefined, { debugName: "chartContainer" }] : []));
+        effect(onCleanup => {
+            const configuration = this.chartConfiguration();
+            untracked(() => {
+                this.removeChart();
+                if (configuration) {
+                    this._chart = new Chart(this._elementRef.nativeElement, configuration);
+                }
+            });
+            onCleanup(() => this.removeChart());
+        });
+        effect(onCleanup => {
+            if (this.chartContainer()) {
+                this._observer?.observe(this.chartContainer());
             }
+            else {
+                this._observer?.disconnect();
+            }
+            onCleanup(() => this._observer?.disconnect());
         });
     }
-    /**
-     * The container element of the chart.
-     * This is used to observe the size of the container and resize the chart accordingly. (chart.js update charts only on the window resize event)
-     * If not provided, the chart will not be resized.
-     *
-     * @param container The container element of the chart
-     */
-    set chartContainer(container) {
-        if (container) {
-            this._observer?.observe(container);
-        }
-        else {
-            this._observer?.disconnect();
-        }
-    }
-    ngOnDestroy() {
-        this.removeChart();
-        this._observer?.disconnect();
-    }
     removeChart() {
         const chart = this._chart || Chart.getChart(this._elementRef.nativeElement);
         chart?.destroy();
@@ -1205,7 +1189,7 @@ class ChartConfigurationDirective {
         this._chart?.resize();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: ChartConfigurationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.13", type: ChartConfigurationDirective, isStandalone: true, selector: "[chartConfiguration]", inputs: { chartConfiguration: "chartConfiguration", chartContainer: "chartContainer" }, exportAs: ["chart"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.13", type: ChartConfigurationDirective, isStandalone: true, selector: "[chartConfiguration]", inputs: { chartConfiguration: { classPropertyName: "chartConfiguration", publicName: "chartConfiguration", isSignal: true, isRequired: false, transformFunction: null }, chartContainer: { classPropertyName: "chartContainer", publicName: "chartContainer", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["chart"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: ChartConfigurationDirective, decorators: [{
             type: Directive,
@@ -1213,11 +1197,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
                     selector: '[chartConfiguration]',
                     exportAs: 'chart'
                 }]
-        }], propDecorators: { chartConfiguration: [{
-                type: Input
-            }], chartContainer: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { chartConfiguration: [{ type: i0.Input, args: [{ isSignal: true, alias: "chartConfiguration", required: false }] }], chartContainer: [{ type: i0.Input, args: [{ isSignal: true, alias: "chartContainer", required: false }] }] } });
 
 const defaultSettings$3 = Object.freeze({
     options: {
@@ -1493,14 +1473,16 @@ class BarChartComponent {
             const excludedData = data.slice(this.maximumValues());
             return [
                 ...includedData,
-                excludedData.length ? {
-                    label: `${excludedData.length} others`,
-                    count: sum(excludedData.map(({ count }) => count)),
-                    backgroundColor: excludedData[0].backgroundColor,
-                    borderColor: excludedData[0].borderColor,
-                    color: excludedData[0].color,
-                    includedItems: excludedData
-                } : []
+                excludedData.length
+                    ? {
+                        label: `${excludedData.length} others`,
+                        count: sum(excludedData.map(({ count }) => count)),
+                        backgroundColor: excludedData[0].backgroundColor,
+                        borderColor: excludedData[0].borderColor,
+                        color: excludedData[0].color,
+                        includedItems: excludedData
+                    }
+                    : []
             ].flat();
         }, ...(ngDevMode ? [{ debugName: "maximumData" }] : []));
         this.defaultDatasets = computed(() => this.datasets()?.length
@@ -1812,7 +1794,7 @@ const defaultConfig = Object.freeze({
         }
     }
 });
-const defaultTooltipFn = ({ label, count, includedItems }) => includedItems.length ? includedItems.map(item => defaultTooltipFn(item)).join('</br>') : `${label}: ${count}`;
+const defaultTooltipFn = ({ label, count, includedItems }) => includedItems?.length ? includedItems.map(item => defaultTooltipFn(item)).join('</br>') : `${label}: ${count}`;
 class HorizontalBarChartComponent extends BarChartComponent {
     constructor() {
         super(...arguments);
@@ -2394,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,
@@ -2869,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);
@@ -2973,12 +2926,10 @@ class HeEngineService {
         this._recommendations = {};
         this._requirements = {};
     }
-    listModels(params) {
-        return this.http
-            .get(`${this._calculationsBaseUrl}/models`, {
+    listModels$(params) {
+        return this.http.get(`${this._calculationsBaseUrl}/models`, {
             params: filterParams(params)
-        })
-            .toPromise();
+        });
     }
     getRequirements$(params) {
         const key = JSON.stringify(filterParams(params));
@@ -2991,9 +2942,6 @@ class HeEngineService {
                     .pipe(shareReplay(1));
         return this._requirements[key];
     }
-    getRequirements(params) {
-        return this.getRequirements$(params).toPromise();
-    }
     getTermIds$(params) {
         const key = JSON.stringify(filterParams(params));
         this._recommendations[key] =
@@ -3189,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" }] : []));
@@ -3202,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 }); }
@@ -3914,14 +3859,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
 
 class MobileShellComponent {
     constructor() {
-        this._shelfButtons = signal([], ...(ngDevMode ? [{ debugName: "_shelfButtons" }] : []));
-        this._defaultActiveButtonId = signal(null, ...(ngDevMode ? [{ debugName: "_defaultActiveButtonId" }] : []));
+        this.iconTemplate = contentChild('iconTemplate', ...(ngDevMode ? [{ debugName: "iconTemplate" }] : []));
+        this.menuButtons = input(...(ngDevMode ? [undefined, { debugName: "menuButtons" }] : []));
+        this.defaultActiveButtonId = input(...(ngDevMode ? [undefined, { debugName: "defaultActiveButtonId" }] : []));
         this.clickedButton = signal(null, ...(ngDevMode ? [{ debugName: "clickedButton" }] : []));
         this.expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
         this.menuRef = signal(null, ...(ngDevMode ? [{ debugName: "menuRef" }] : []));
-        this.iconTemplate = null;
-        this.menuShown = new EventEmitter$1();
-        this.buttons = computed(() => this._shelfButtons()
+        this.menuShown = output();
+        this.buttons = computed(() => this.menuButtons()
             .map((button, index) => ({
             ...button,
             id: button.id || index.toString()
@@ -3930,21 +3875,13 @@ class MobileShellComponent {
             const activeMenuId = this.activeMenuId();
             return { ...button, isActive: button.id === (activeMenuId || this.activeButtonId()) };
         }), ...(ngDevMode ? [{ debugName: "buttons" }] : []));
-        this.activeButtonId = computed(() => {
-            return this.clickedButton() || this._defaultActiveButtonId();
-        }, ...(ngDevMode ? [{ debugName: "activeButtonId" }] : []));
+        this.activeButtonId = computed(() => this.clickedButton() || this.defaultActiveButtonId(), ...(ngDevMode ? [{ debugName: "activeButtonId" }] : []));
         this.activeMenuId = computed(() => this.expanded() && this.menuRef()
-            ? this._shelfButtons()
+            ? this.menuButtons()
                 .findIndex(button => button.menuRef === this.menuRef())
                 ?.toString()
             : undefined, ...(ngDevMode ? [{ debugName: "activeMenuId" }] : []));
     }
-    set menuButtons(value) {
-        this._shelfButtons.set(value);
-    }
-    set defaultActiveButtonId(value) {
-        this._defaultActiveButtonId.set(value);
-    }
     hideMenu() {
         this.expanded.set(false);
         this.clickedButton.set(null);
@@ -3974,21 +3911,12 @@ class MobileShellComponent {
         button.onClick?.();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: MobileShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: MobileShellComponent, isStandalone: true, selector: "he-mobile-shell", inputs: { menuButtons: "menuButtons", defaultActiveButtonId: "defaultActiveButtonId" }, outputs: { menuShown: "menuShown" }, queries: [{ propertyName: "iconTemplate", first: true, predicate: ["iconTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"is-overflow-auto | shell-content\">\n  <div [class.menu-expanded]=\"expanded()\" class=\"shell__content--body | h-100\">\n    <ng-content />\n  </div>\n</div>\n\n<aside class=\"shell-footer | is-flex is-justify-content-space-between\">\n  @for (button of buttons(); track button.id || button.label) {\n    <button\n      (click)=\"onMenuButtonClick(button)\"\n      class=\"button is-secondary is-flex is-flex-direction-column is-align-items-center | menu-button\"\n      [disabled]=\"button.disabled\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          iconTemplate ?? defaultIconTemplate;\n          context: { $implicit: button, isActive: button.isActive }\n        \" />\n      @if (button.isActive && button.label) {\n        <span class=\"is-size-8 | menu-button-label\">{{ button.label }}</span>\n      }\n    </button>\n  }\n</aside>\n\n<div [class.expanded]=\"expanded()\" class=\"shell-menu | is-absolute w-100 h-100\">\n  <ng-template [ngTemplateOutlet]=\"menuRef()\" />\n</div>\n\n<ng-template #defaultIconTemplate let-button>\n  <he-svg-icon [name]=\"button.icon\" />\n</ng-template>\n", styles: [":host{position:relative;display:grid;grid-template-rows:1fr auto;width:100%;height:100%;overflow:hidden;--menu-height: 2.875em}.shell-footer{background:#193957;z-index:10}.shell-menu{bottom:0;left:0;background:#fefaef;transform:translateY(100%);transition:transform .1s ease-out;padding-bottom:var(--menu-height)}.shell-menu.expanded{transform:translateY(0)}.menu-button-label{line-height:normal;letter-spacing:-.01rem}.menu-button{box-shadow:none;height:3.5em;width:2em}.menu-button:hover{background-color:initial}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: MobileShellComponent, isStandalone: true, selector: "he-mobile-shell", inputs: { menuButtons: { classPropertyName: "menuButtons", publicName: "menuButtons", isSignal: true, isRequired: false, transformFunction: null }, defaultActiveButtonId: { classPropertyName: "defaultActiveButtonId", publicName: "defaultActiveButtonId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { menuShown: "menuShown" }, queries: [{ propertyName: "iconTemplate", first: true, predicate: ["iconTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"is-overflow-auto | shell-content\">\n  <div [class.menu-expanded]=\"expanded()\" class=\"shell__content--body | h-100\">\n    <ng-content />\n  </div>\n</div>\n\n<aside class=\"shell-footer | is-flex is-justify-content-space-between\">\n  @for (button of buttons(); track button.id || button.label) {\n    <button\n      (click)=\"onMenuButtonClick(button)\"\n      class=\"button is-secondary is-flex is-flex-direction-column is-align-items-center | menu-button\"\n      [disabled]=\"button.disabled\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          iconTemplate() ?? defaultIconTemplate;\n          context: { $implicit: button, isActive: button.isActive }\n        \" />\n      @if (button.isActive && button.label) {\n        <span class=\"is-size-8 | menu-button-label\">{{ button.label }}</span>\n      }\n    </button>\n  }\n</aside>\n\n<div [class.expanded]=\"expanded()\" class=\"shell-menu | is-absolute w-100 h-100\">\n  <ng-template [ngTemplateOutlet]=\"menuRef()\" />\n</div>\n\n<ng-template #defaultIconTemplate let-button>\n  <he-svg-icon [name]=\"button.icon\" />\n</ng-template>\n", styles: [":host{position:relative;display:grid;grid-template-rows:1fr auto;width:100%;height:100%;overflow:hidden;--menu-height: 2.875em}.shell-footer{background:#193957;z-index:10}.shell-menu{bottom:0;left:0;background:#fefaef;transform:translateY(100%);transition:transform .1s ease-out;padding-bottom:var(--menu-height)}.shell-menu.expanded{transform:translateY(0)}.menu-button-label{line-height:normal;letter-spacing:-.01rem}.menu-button{box-shadow:none;height:3.5em;width:2em}.menu-button:hover{background-color:initial}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: MobileShellComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-mobile-shell', imports: [NgTemplateOutlet, HESvgIconComponent], template: "<div class=\"is-overflow-auto | shell-content\">\n  <div [class.menu-expanded]=\"expanded()\" class=\"shell__content--body | h-100\">\n    <ng-content />\n  </div>\n</div>\n\n<aside class=\"shell-footer | is-flex is-justify-content-space-between\">\n  @for (button of buttons(); track button.id || button.label) {\n    <button\n      (click)=\"onMenuButtonClick(button)\"\n      class=\"button is-secondary is-flex is-flex-direction-column is-align-items-center | menu-button\"\n      [disabled]=\"button.disabled\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          iconTemplate ?? defaultIconTemplate;\n          context: { $implicit: button, isActive: button.isActive }\n        \" />\n      @if (button.isActive && button.label) {\n        <span class=\"is-size-8 | menu-button-label\">{{ button.label }}</span>\n      }\n    </button>\n  }\n</aside>\n\n<div [class.expanded]=\"expanded()\" class=\"shell-menu | is-absolute w-100 h-100\">\n  <ng-template [ngTemplateOutlet]=\"menuRef()\" />\n</div>\n\n<ng-template #defaultIconTemplate let-button>\n  <he-svg-icon [name]=\"button.icon\" />\n</ng-template>\n", styles: [":host{position:relative;display:grid;grid-template-rows:1fr auto;width:100%;height:100%;overflow:hidden;--menu-height: 2.875em}.shell-footer{background:#193957;z-index:10}.shell-menu{bottom:0;left:0;background:#fefaef;transform:translateY(100%);transition:transform .1s ease-out;padding-bottom:var(--menu-height)}.shell-menu.expanded{transform:translateY(0)}.menu-button-label{line-height:normal;letter-spacing:-.01rem}.menu-button{box-shadow:none;height:3.5em;width:2em}.menu-button:hover{background-color:initial}\n"] }]
-        }], propDecorators: { iconTemplate: [{
-                type: ContentChild,
-                args: ['iconTemplate']
-            }], menuButtons: [{
-                type: Input
-            }], defaultActiveButtonId: [{
-                type: Input
-            }], menuShown: [{
-                type: Output
-            }] } });
+            args: [{ selector: 'he-mobile-shell', imports: [NgTemplateOutlet, HESvgIconComponent], template: "<div class=\"is-overflow-auto | shell-content\">\n  <div [class.menu-expanded]=\"expanded()\" class=\"shell__content--body | h-100\">\n    <ng-content />\n  </div>\n</div>\n\n<aside class=\"shell-footer | is-flex is-justify-content-space-between\">\n  @for (button of buttons(); track button.id || button.label) {\n    <button\n      (click)=\"onMenuButtonClick(button)\"\n      class=\"button is-secondary is-flex is-flex-direction-column is-align-items-center | menu-button\"\n      [disabled]=\"button.disabled\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          iconTemplate() ?? defaultIconTemplate;\n          context: { $implicit: button, isActive: button.isActive }\n        \" />\n      @if (button.isActive && button.label) {\n        <span class=\"is-size-8 | menu-button-label\">{{ button.label }}</span>\n      }\n    </button>\n  }\n</aside>\n\n<div [class.expanded]=\"expanded()\" class=\"shell-menu | is-absolute w-100 h-100\">\n  <ng-template [ngTemplateOutlet]=\"menuRef()\" />\n</div>\n\n<ng-template #defaultIconTemplate let-button>\n  <he-svg-icon [name]=\"button.icon\" />\n</ng-template>\n", styles: [":host{position:relative;display:grid;grid-template-rows:1fr auto;width:100%;height:100%;overflow:hidden;--menu-height: 2.875em}.shell-footer{background:#193957;z-index:10}.shell-menu{bottom:0;left:0;background:#fefaef;transform:translateY(100%);transition:transform .1s ease-out;padding-bottom:var(--menu-height)}.shell-menu.expanded{transform:translateY(0)}.menu-button-label{line-height:normal;letter-spacing:-.01rem}.menu-button{box-shadow:none;height:3.5em;width:2em}.menu-button:hover{background-color:initial}\n"] }]
+        }], propDecorators: { iconTemplate: [{ type: i0.ContentChild, args: ['iconTemplate', { isSignal: true }] }], menuButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuButtons", required: false }] }], defaultActiveButtonId: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultActiveButtonId", required: false }] }], menuShown: [{ type: i0.Output, args: ["menuShown"] }] } });
 
 class PopoverComponent {
     constructor() {
@@ -4088,13 +4016,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
 
 class ShellComponent {
     constructor() {
-        this.iconTemplate = null;
-        this._shelfButtons = signal([], ...(ngDevMode ? [{ debugName: "_shelfButtons" }] : []));
-        this._defaultActiveButtonId = signal(null, ...(ngDevMode ? [{ debugName: "_defaultActiveButtonId" }] : []));
-        this.menuOverlap = false;
-        this.closeMenuOnOutsideClick = false;
-        this.menuShown = new EventEmitter$1();
-        this.buttons = computed(() => this._shelfButtons()
+        this.iconTemplate = contentChild('iconTemplate', ...(ngDevMode ? [{ debugName: "iconTemplate" }] : []));
+        this.shelfButtons = input(...(ngDevMode ? [undefined, { debugName: "shelfButtons" }] : []));
+        this.defaultActiveButtonId = input(null, ...(ngDevMode ? [{ debugName: "defaultActiveButtonId" }] : []));
+        this.menuOverlap = input(false, ...(ngDevMode ? [{ debugName: "menuOverlap" }] : []));
+        this.closeMenuOnOutsideClick = input(false, ...(ngDevMode ? [{ debugName: "closeMenuOnOutsideClick" }] : []));
+        this.menuShown = output();
+        this.buttons = computed(() => this.shelfButtons()
             .map((button, index) => ({
             ...button,
             id: button.id || index.toString()
@@ -4106,26 +4034,14 @@ class ShellComponent {
         this.clickedButton = signal(null, ...(ngDevMode ? [{ debugName: "clickedButton" }] : []));
         this.expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
         this.menuRef = signal(null, ...(ngDevMode ? [{ debugName: "menuRef" }] : []));
-        this.activeButtonId = computed(() => {
-            return this.clickedButton() || this._defaultActiveButtonId();
-        }, ...(ngDevMode ? [{ debugName: "activeButtonId" }] : []));
+        this.activeButtonId = computed(() => this.clickedButton() || this.defaultActiveButtonId(), ...(ngDevMode ? [{ debugName: "activeButtonId" }] : []));
         this.activeMenuId = computed(() => this.expanded() && this.menuRef()
-            ? this._shelfButtons()
+            ? this.shelfButtons()
                 .findIndex(button => button.menuRef === this.menuRef())
                 ?.toString()
             : undefined, ...(ngDevMode ? [{ debugName: "activeMenuId" }] : []));
-        this.topMenuButtons = computed(() => {
-            return this.buttons().filter(button => !button.position || button.position === 'top');
-        }, ...(ngDevMode ? [{ debugName: "topMenuButtons" }] : []));
-        this.bottomMenuButtons = computed(() => {
-            return this.buttons().filter(button => button.position === 'bottom');
-        }, ...(ngDevMode ? [{ debugName: "bottomMenuButtons" }] : []));
-    }
-    set shelfButtons(value) {
-        this._shelfButtons.set(value);
-    }
-    set defaultActiveButtonId(value) {
-        this._defaultActiveButtonId.set(value);
+        this.topMenuButtons = computed(() => this.buttons().filter(button => !button.position || button.position === 'top'), ...(ngDevMode ? [{ debugName: "topMenuButtons" }] : []));
+        this.bottomMenuButtons = computed(() => this.buttons().filter(button => button.position === 'bottom'), ...(ngDevMode ? [{ debugName: "bottomMenuButtons" }] : []));
     }
     trackByFn(index, item) {
         return item.id;
@@ -4159,25 +4075,12 @@ class ShellComponent {
         button.onClick?.();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: ShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: ShellComponent, isStandalone: true, selector: "he-shell", inputs: { shelfButtons: "shelfButtons", menuOverlap: "menuOverlap", closeMenuOnOutsideClick: "closeMenuOnOutsideClick", defaultActiveButtonId: "defaultActiveButtonId" }, outputs: { menuShown: "menuShown" }, queries: [{ propertyName: "iconTemplate", first: true, predicate: ["iconTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"shell | h-100 is-overflow-hidden\">\n  <aside>\n    <div class=\"shell__menu | is-relative h-100 is-flex is-flex-direction-column is-justify-content-space-between\">\n      <div class=\"shell__menu--section | is-flex is-flex-direction-column\">\n        @for (button of topMenuButtons(); track trackByFn($index, button)) {\n          <ng-container [ngTemplateOutlet]=\"buttonTemplate\" [ngTemplateOutletContext]=\"{ $implicit: button }\" />\n        }\n      </div>\n\n      <div class=\"shell__menu--section | is-flex is-flex-direction-column\">\n        @for (button of bottomMenuButtons(); track trackByFn($index, button)) {\n          <ng-container [ngTemplateOutlet]=\"buttonTemplate\" [ngTemplateOutletContext]=\"{ $implicit: button }\" />\n        }\n      </div>\n    </div>\n    <div class=\"shell__menuContent | h-100 is-absolute\" [class.expanded]=\"expanded()\">\n      <div class=\"h-100\" [class.is-hidden]=\"!expanded()\">\n        <ng-template [ngTemplateOutlet]=\"menuRef()\" />\n      </div>\n    </div>\n  </aside>\n\n  <div class=\"shell__content | h-100 w-100 is-overflow-hidden is-flex is-justify-content-flex-end\">\n    <div\n      class=\"shell__content--body | w-100\"\n      [class.menu-expanded]=\"!menuOverlap && expanded()\"\n      (click)=\"closeMenuOnOutsideClick ? hideMenu() : null\">\n      <ng-content />\n    </div>\n  </div>\n</div>\n\n<ng-template #buttonTemplate let-button>\n  <button\n    (click)=\"onMenuButtonClick(button)\"\n    class=\"menu-button button is-secondary\"\n    [ngClass]=\"button.isActive ? button.activeClassName : ''\"\n    [class.is-active]=\"button.isActive\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        iconTemplate ?? defaultIconTemplate;\n        context: { $implicit: button, isActive: button !== clickedButton }\n      \" />\n  </button>\n</ng-template>\n\n<ng-template #defaultIconTemplate let-button>\n  <he-svg-icon [name]=\"button.icon\" />\n</ng-template>\n", styles: ["::ng-deep :root{--menu-width: 200px;--menu-transition-time: .15s}.shell{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"menu content\"}.shell>aside{position:relative;grid-area:menu}.shell>aside .shell__menu{background:#193957;padding:1.5em 0;z-index:10;min-width:2.875em}.shell>aside .shell__menuContent{background-color:#fefaef;width:var(--menu-width);top:0;right:1px;transform:translate(0);transition:transform var(--menu-transition-time) ease-out}.shell>aside .shell__menuContent.expanded{transform:translate(100%)}.shell__content{grid-area:content}.shell__content--body{transition:width var(--menu-transition-time) ease-out}.shell__content .menu-expanded{width:calc(100% - var(--menu-width))}.menu-button{border-radius:0;padding:1.25em .6em;box-shadow:none!important;border-width:0}.menu-button.is-active{background-color:#fff;color:#0a0a0a}.menu-button:hover:not(.is-active){background-color:initial}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: ShellComponent, isStandalone: true, selector: "he-shell", inputs: { shelfButtons: { classPropertyName: "shelfButtons", publicName: "shelfButtons", isSignal: true, isRequired: false, transformFunction: null }, defaultActiveButtonId: { classPropertyName: "defaultActiveButtonId", publicName: "defaultActiveButtonId", isSignal: true, isRequired: false, transformFunction: null }, menuOverlap: { classPropertyName: "menuOverlap", publicName: "menuOverlap", isSignal: true, isRequired: false, transformFunction: null }, closeMenuOnOutsideClick: { classPropertyName: "closeMenuOnOutsideClick", publicName: "closeMenuOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { menuShown: "menuShown" }, queries: [{ propertyName: "iconTemplate", first: true, predicate: ["iconTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"shell | h-100 is-overflow-hidden\">\n  <aside>\n    <div class=\"shell__menu | is-relative h-100 is-flex is-flex-direction-column is-justify-content-space-between\">\n      <div class=\"shell__menu--section | is-flex is-flex-direction-column\">\n        @for (button of topMenuButtons(); track trackByFn($index, button)) {\n          <ng-container [ngTemplateOutlet]=\"buttonTemplate\" [ngTemplateOutletContext]=\"{ $implicit: button }\" />\n        }\n      </div>\n\n      <div class=\"shell__menu--section | is-flex is-flex-direction-column\">\n        @for (button of bottomMenuButtons(); track trackByFn($index, button)) {\n          <ng-container [ngTemplateOutlet]=\"buttonTemplate\" [ngTemplateOutletContext]=\"{ $implicit: button }\" />\n        }\n      </div>\n    </div>\n    <div class=\"shell__menuContent | h-100 is-absolute\" [class.expanded]=\"expanded()\">\n      <div class=\"h-100\" [class.is-hidden]=\"!expanded()\">\n        <ng-template [ngTemplateOutlet]=\"menuRef()\" />\n      </div>\n    </div>\n  </aside>\n\n  <div class=\"shell__content | h-100 w-100 is-overflow-hidden is-flex is-justify-content-flex-end\">\n    <div\n      class=\"shell__content--body | w-100\"\n      [class.menu-expanded]=\"!menuOverlap() && expanded()\"\n      (click)=\"closeMenuOnOutsideClick() ? hideMenu() : null\">\n      <ng-content />\n    </div>\n  </div>\n</div>\n\n<ng-template #buttonTemplate let-button>\n  <button\n    (click)=\"onMenuButtonClick(button)\"\n    class=\"menu-button button is-secondary\"\n    [ngClass]=\"button.isActive ? button.activeClassName : ''\"\n    [class.is-active]=\"button.isActive\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        iconTemplate() ?? defaultIconTemplate;\n        context: { $implicit: button, isActive: button !== clickedButton }\n      \" />\n  </button>\n</ng-template>\n\n<ng-template #defaultIconTemplate let-button>\n  <he-svg-icon [name]=\"button.icon\" />\n</ng-template>\n", styles: ["::ng-deep :root{--menu-width: 200px;--menu-transition-time: .15s}.shell{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"menu content\"}.shell>aside{position:relative;grid-area:menu}.shell>aside .shell__menu{background:#193957;padding:1.5em 0;z-index:10;min-width:2.875em}.shell>aside .shell__menuContent{background-color:#fefaef;width:var(--menu-width);top:0;right:1px;transform:translate(0);transition:transform var(--menu-transition-time) ease-out}.shell>aside .shell__menuContent.expanded{transform:translate(100%)}.shell__content{grid-area:content}.shell__content--body{transition:width var(--menu-transition-time) ease-out}.shell__content .menu-expanded{width:calc(100% - var(--menu-width))}.menu-button{border-radius:0;padding:1.25em .6em;box-shadow:none!important;border-width:0}.menu-button.is-active{background-color:#fff;color:#0a0a0a}.menu-button:hover:not(.is-active){background-color:initial}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: ShellComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-shell', imports: [NgTemplateOutlet, NgClass, HESvgIconComponent], template: "<div class=\"shell | h-100 is-overflow-hidden\">\n  <aside>\n    <div class=\"shell__menu | is-relative h-100 is-flex is-flex-direction-column is-justify-content-space-between\">\n      <div class=\"shell__menu--section | is-flex is-flex-direction-column\">\n        @for (button of topMenuButtons(); track trackByFn($index, button)) {\n          <ng-container [ngTemplateOutlet]=\"buttonTemplate\" [ngTemplateOutletContext]=\"{ $implicit: button }\" />\n        }\n      </div>\n\n      <div class=\"shell__menu--section | is-flex is-flex-direction-column\">\n        @for (button of bottomMenuButtons(); track trackByFn($index, button)) {\n          <ng-container [ngTemplateOutlet]=\"buttonTemplate\" [ngTemplateOutletContext]=\"{ $implicit: button }\" />\n        }\n      </div>\n    </div>\n    <div class=\"shell__menuContent | h-100 is-absolute\" [class.expanded]=\"expanded()\">\n      <div class=\"h-100\" [class.is-hidden]=\"!expanded()\">\n        <ng-template [ngTemplateOutlet]=\"menuRef()\" />\n      </div>\n    </div>\n  </aside>\n\n  <div class=\"shell__content | h-100 w-100 is-overflow-hidden is-flex is-justify-content-flex-end\">\n    <div\n      class=\"shell__content--body | w-100\"\n      [class.menu-expanded]=\"!menuOverlap && expanded()\"\n      (click)=\"closeMenuOnOutsideClick ? hideMenu() : null\">\n      <ng-content />\n    </div>\n  </div>\n</div>\n\n<ng-template #buttonTemplate let-button>\n  <button\n    (click)=\"onMenuButtonClick(button)\"\n    class=\"menu-button button is-secondary\"\n    [ngClass]=\"button.isActive ? button.activeClassName : ''\"\n    [class.is-active]=\"button.isActive\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        iconTemplate ?? defaultIconTemplate;\n        context: { $implicit: button, isActive: button !== clickedButton }\n      \" />\n  </button>\n</ng-template>\n\n<ng-template #defaultIconTemplate let-button>\n  <he-svg-icon [name]=\"button.icon\" />\n</ng-template>\n", styles: ["::ng-deep :root{--menu-width: 200px;--menu-transition-time: .15s}.shell{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"menu content\"}.shell>aside{position:relative;grid-area:menu}.shell>aside .shell__menu{background:#193957;padding:1.5em 0;z-index:10;min-width:2.875em}.shell>aside .shell__menuContent{background-color:#fefaef;width:var(--menu-width);top:0;right:1px;transform:translate(0);transition:transform var(--menu-transition-time) ease-out}.shell>aside .shell__menuContent.expanded{transform:translate(100%)}.shell__content{grid-area:content}.shell__content--body{transition:width var(--menu-transition-time) ease-out}.shell__content .menu-expanded{width:calc(100% - var(--menu-width))}.menu-button{border-radius:0;padding:1.25em .6em;box-shadow:none!important;border-width:0}.menu-button.is-active{background-color:#fff;color:#0a0a0a}.menu-button:hover:not(.is-active){background-color:initial}\n"] }]
-        }], propDecorators: { iconTemplate: [{
-                type: ContentChild,
-                args: ['iconTemplate']
-            }], shelfButtons: [{
-                type: Input
-            }], menuOverlap: [{
-                type: Input
-            }], closeMenuOnOutsideClick: [{
-                type: Input
-            }], defaultActiveButtonId: [{
-                type: Input
-            }], menuShown: [{
-                type: Output
-            }] } });
+            args: [{ selector: 'he-shell', imports: [NgTemplateOutlet, NgClass, HESvgIconComponent], template: "<div class=\"shell | h-100 is-overflow-hidden\">\n  <aside>\n    <div class=\"shell__menu | is-relative h-100 is-flex is-flex-direction-column is-justify-content-space-between\">\n      <div class=\"shell__menu--section | is-flex is-flex-direction-column\">\n        @for (button of topMenuButtons(); track trackByFn($index, button)) {\n          <ng-container [ngTemplateOutlet]=\"buttonTemplate\" [ngTemplateOutletContext]=\"{ $implicit: button }\" />\n        }\n      </div>\n\n      <div class=\"shell__menu--section | is-flex is-flex-direction-column\">\n        @for (button of bottomMenuButtons(); track trackByFn($index, button)) {\n          <ng-container [ngTemplateOutlet]=\"buttonTemplate\" [ngTemplateOutletContext]=\"{ $implicit: button }\" />\n        }\n      </div>\n    </div>\n    <div class=\"shell__menuContent | h-100 is-absolute\" [class.expanded]=\"expanded()\">\n      <div class=\"h-100\" [class.is-hidden]=\"!expanded()\">\n        <ng-template [ngTemplateOutlet]=\"menuRef()\" />\n      </div>\n    </div>\n  </aside>\n\n  <div class=\"shell__content | h-100 w-100 is-overflow-hidden is-flex is-justify-content-flex-end\">\n    <div\n      class=\"shell__content--body | w-100\"\n      [class.menu-expanded]=\"!menuOverlap() && expanded()\"\n      (click)=\"closeMenuOnOutsideClick() ? hideMenu() : null\">\n      <ng-content />\n    </div>\n  </div>\n</div>\n\n<ng-template #buttonTemplate let-button>\n  <button\n    (click)=\"onMenuButtonClick(button)\"\n    class=\"menu-button button is-secondary\"\n    [ngClass]=\"button.isActive ? button.activeClassName : ''\"\n    [class.is-active]=\"button.isActive\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        iconTemplate() ?? defaultIconTemplate;\n        context: { $implicit: button, isActive: button !== clickedButton }\n      \" />\n  </button>\n</ng-template>\n\n<ng-template #defaultIconTemplate let-button>\n  <he-svg-icon [name]=\"button.icon\" />\n</ng-template>\n", styles: ["::ng-deep :root{--menu-width: 200px;--menu-transition-time: .15s}.shell{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"menu content\"}.shell>aside{position:relative;grid-area:menu}.shell>aside .shell__menu{background:#193957;padding:1.5em 0;z-index:10;min-width:2.875em}.shell>aside .shell__menuContent{background-color:#fefaef;width:var(--menu-width);top:0;right:1px;transform:translate(0);transition:transform var(--menu-transition-time) ease-out}.shell>aside .shell__menuContent.expanded{transform:translate(100%)}.shell__content{grid-area:content}.shell__content--body{transition:width var(--menu-transition-time) ease-out}.shell__content .menu-expanded{width:calc(100% - var(--menu-width))}.menu-button{border-radius:0;padding:1.25em .6em;box-shadow:none!important;border-width:0}.menu-button.is-active{background-color:#fff;color:#0a0a0a}.menu-button:hover:not(.is-active){background-color:initial}\n"] }]
+        }], propDecorators: { iconTemplate: [{ type: i0.ContentChild, args: ['iconTemplate', { isSignal: true }] }], shelfButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "shelfButtons", required: false }] }], defaultActiveButtonId: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultActiveButtonId", required: false }] }], menuOverlap: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuOverlap", required: false }] }], closeMenuOnOutsideClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeMenuOnOutsideClick", required: false }] }], menuShown: [{ type: i0.Output, args: ["menuShown"] }] } });
 
 class SkeletonTextComponent {
     constructor() {
@@ -4308,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' }); }
@@ -4326,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" }] : []));
@@ -4334,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 }); }
@@ -6360,9 +6255,7 @@ class HeNodeService {
         return this.getWithHeaders$(node, params).pipe(tap(({ headers }) => onHeaders(headers)), map(({ data }) => data));
     }
     async get(node, defaultForState = true) {
-        return await this.get$(node)
-            .toPromise()
-            .catch(() => (node.dataState && defaultForState ? node : {}));
+        return await lastValueFrom(this.get$(node)).catch(() => node.dataState && defaultForState ? node : {});
     }
     head$(node) {
         return this.http.head(this.nodeUrl(node));
@@ -6374,9 +6267,6 @@ class HeNodeService {
         })
             .pipe(catchError(() => of({ count: 0, results: [] })));
     }
-    async getRelated(node, relatedType, limit = 100, offset = 0, relationship) {
-        return this.getRelated$(node, relatedType, limit, offset, relationship).toPromise();
-    }
     getLog$({ dataState, aggregated, ...node }) {
         return this.http
             .get(`${this.nodeUrl(node)}/log`, {
@@ -6396,17 +6286,11 @@ class HeNodeService {
         });
     }
     async triggerPipeline({ dataState, ...node }) {
-        return await this.http
-            .post(`${this.nodeUrl(node)}/pipeline`, filterParams({ dataState }), {})
-            .toPromise()
-            .catch(handleAPIError);
+        return await lastValueFrom(this.http.post(`${this.nodeUrl(node)}/pipeline`, filterParams({ dataState }), {})).catch(handleAPIError);
     }
     downloadRaw$(url, responseType = 'json') {
         return this.http.get(url, { responseType }).pipe(catchError(() => of((responseType === 'json' ? {} : ''))));
     }
-    downloadRaw(url, responseType = 'json') {
-        return this.downloadRaw$(url, responseType).toPromise();
-    }
     nodeTypeUrl(type) {
         return nodeTypeUrl(this.commonService.apiBaseUrl, type);
     }
@@ -6648,9 +6532,6 @@ class HeSchemaService {
     getSchema$(type, version) {
         return this.http.get(`${schemaDataBaseUrl(version)}/json-schema/${type}.json`);
     }
-    getSchema(type, version) {
-        return this.getSchema$(type, version).toPromise();
-    }
     loadSchemas(version) {
         this.schemasLoading = true;
         return from(Object.values(SchemaType)).pipe(mergeMap(type => this.getSchema$(type, version).pipe(map(schema => ({ type, schema })), catchError(() => of({ type, schema: { properties: [] } })))), reduce((prev, { type, schema }) => ({ ...prev, [type]: schema }), {}), map(data => {
@@ -6664,7 +6545,7 @@ class HeSchemaService {
         return this.schemasLoading || this.schemasLoaded ? this._schemas.asObservable() : this.loadSchemas();
     }
     schemas() {
-        return this.schemas$.pipe(take(1)).toPromise();
+        return firstValueFrom(this.schemas$);
     }
     loadSortConfig(version) {
         this.sortConfigLoading = true;
@@ -6679,7 +6560,7 @@ class HeSchemaService {
         return this.sortConfigLoading || this.sortConfigLoaded ? this._sortConfig.asObservable() : this.loadSortConfig();
     }
     sortConfig() {
-        return this.sortConfig$.pipe(take(1)).toPromise();
+        return firstValueFrom(this.sortConfig$);
     }
     /**
      * Parse and sort (if possible) headers from CSV content according to the schema order.
@@ -7117,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);
@@ -7486,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);
@@ -7847,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);
@@ -7981,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([
@@ -8021,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 => ({
@@ -8061,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'] ||
@@ -8195,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(() => [
@@ -8214,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
@@ -8256,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,
@@ -8281,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;
@@ -9357,9 +9232,7 @@ const loadSvgSprite = () => {
     const document = inject(DOCUMENT);
     const platformLocation = inject(PlatformLocation);
     const baseUrl = platformLocation.getBaseHrefFromDOM();
-    return http
-        .get(`${baseUrl}assets/svg-icons/icons-sprite.svg`, { responseType: 'text' })
-        .pipe(tap(svgContent => {
+    return lastValueFrom(http.get(`${baseUrl}assets/svg-icons/icons-sprite.svg`, { responseType: 'text' }).pipe(tap(svgContent => {
         const div = document.createElement('div');
         div.innerHTML = svgContent;
         const svg = div.querySelector('svg');
@@ -9367,8 +9240,7 @@ const loadSvgSprite = () => {
             svg.style.display = 'none';
             document.body.insertBefore(svg, document.body.firstChild);
         }
-    }))
-        .toPromise();
+    })));
 };
 
 class NodeAggregatedInfoComponent {
@@ -11464,6 +11336,7 @@ class SitesMapsComponent {
         this.nodeStoreService = inject(HeNodeStoreService);
         this._loadPolygonsRequests = {};
         this._mapReady = signal(false, ...(ngDevMode ? [{ debugName: "_mapReady" }] : []));
+        this.map = viewChild(GoogleMap, ...(ngDevMode ? [{ debugName: "map" }] : []));
         this.loadPolygons = input(true, ...(ngDevMode ? [{ debugName: "loadPolygons" }] : []));
         /**
          * Display Site directly without using the node store.
@@ -11511,7 +11384,7 @@ class SitesMapsComponent {
             this.centerTimeout = null;
         }
         this.centerTimeout = setTimeout(() => {
-            this.map.googleMap.fitBounds(polygonBounds(polygons));
+            this.map()?.googleMap?.fitBounds(polygonBounds(polygons));
         }, 1000);
     }
     loadTermId(id) {
@@ -11533,19 +11406,16 @@ class SitesMapsComponent {
         setTimeout(() => {
             this._mapReady.set(true);
             // loaded data as geojson
-            this.map.googleMap.data.setStyle(() => ({ ...strokeStyle, strokeOpacity: 0.1 }));
+            this.map()?.googleMap?.data?.setStyle(() => ({ ...strokeStyle, strokeOpacity: 0.1 }));
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: SitesMapsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: SitesMapsComponent, isStandalone: true, selector: "he-sites-maps", inputs: { loadPolygons: { classPropertyName: "loadPolygons", publicName: "loadPolygons", isSignal: true, isRequired: false, transformFunction: null }, sites: { classPropertyName: "sites", publicName: "sites", isSignal: true, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null }, showNotice: { classPropertyName: "showNotice", publicName: "showNotice", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "map", first: true, predicate: GoogleMap, descendants: true }], ngImport: i0, template: "@if (mapLoaded$ | async) {\n  <google-map (mapInitialized)=\"mapLoaded()\" height=\"100%\" width=\"100%\" [zoom]=\"zoom()\" [center]=\"mapCenter()\">\n    @for (marker of markers(); track trackByMarker($index, marker)) {\n      <map-marker [position]=\"marker.position\" [icon]=\"marker.icon\"></map-marker>\n    }\n    @for (polygon of sitePolygons(); track trackByPolygon($index, polygon)) {\n      <map-polygon [paths]=\"polygon.paths\" [options]=\"polygon.options\" />\n    }\n    @for (polygon of termPolygons(); track trackByPolygon($index, polygon)) {\n      <map-polygon [paths]=\"polygon.paths\" [options]=\"polygon.options\" />\n    }\n  </google-map>\n}\n\n@if (showNotice()) {\n  <p class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n}\n\n@if (showNoLocation()) {\n  <div class=\"no-location has-text-center has-text-light\">\n    <span>No precise location data</span>\n  </div>\n}\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"], dependencies: [{ kind: "component", type: GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged", "markerInitialized"], exportAs: ["mapMarker"] }, { kind: "directive", type: MapPolygon, selector: "map-polygon", inputs: ["options", "paths"], outputs: ["polygonClick", "polygonDblclick", "polygonDrag", "polygonDragend", "polygonDragstart", "polygonMousedown", "polygonMousemove", "polygonMouseout", "polygonMouseover", "polygonMouseup", "polygonRightclick", "polygonInitialized"], exportAs: ["mapPolygon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: SitesMapsComponent, isStandalone: true, selector: "he-sites-maps", inputs: { loadPolygons: { classPropertyName: "loadPolygons", publicName: "loadPolygons", isSignal: true, isRequired: false, transformFunction: null }, sites: { classPropertyName: "sites", publicName: "sites", isSignal: true, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null }, showNotice: { classPropertyName: "showNotice", publicName: "showNotice", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "map", first: true, predicate: GoogleMap, descendants: true, isSignal: true }], ngImport: i0, template: "@if (mapLoaded$ | async) {\n  <google-map (mapInitialized)=\"mapLoaded()\" height=\"100%\" width=\"100%\" [zoom]=\"zoom()\" [center]=\"mapCenter()\">\n    @for (marker of markers(); track trackByMarker($index, marker)) {\n      <map-marker [position]=\"marker.position\" [icon]=\"marker.icon\"></map-marker>\n    }\n    @for (polygon of sitePolygons(); track trackByPolygon($index, polygon)) {\n      <map-polygon [paths]=\"polygon.paths\" [options]=\"polygon.options\" />\n    }\n    @for (polygon of termPolygons(); track trackByPolygon($index, polygon)) {\n      <map-polygon [paths]=\"polygon.paths\" [options]=\"polygon.options\" />\n    }\n  </google-map>\n}\n\n@if (showNotice()) {\n  <p class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n}\n\n@if (showNoLocation()) {\n  <div class=\"no-location has-text-center has-text-light\">\n    <span>No precise location data</span>\n  </div>\n}\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"], dependencies: [{ kind: "component", type: GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged", "markerInitialized"], exportAs: ["mapMarker"] }, { kind: "directive", type: MapPolygon, selector: "map-polygon", inputs: ["options", "paths"], outputs: ["polygonClick", "polygonDblclick", "polygonDrag", "polygonDragend", "polygonDragstart", "polygonMousedown", "polygonMousemove", "polygonMouseout", "polygonMouseover", "polygonMouseup", "polygonRightclick", "polygonInitialized"], exportAs: ["mapPolygon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: SitesMapsComponent, decorators: [{
             type: Component$1,
             args: [{ selector: 'he-sites-maps', changeDetection: ChangeDetectionStrategy.OnPush, imports: [GoogleMap, MapMarker, MapPolygon, AsyncPipe], template: "@if (mapLoaded$ | async) {\n  <google-map (mapInitialized)=\"mapLoaded()\" height=\"100%\" width=\"100%\" [zoom]=\"zoom()\" [center]=\"mapCenter()\">\n    @for (marker of markers(); track trackByMarker($index, marker)) {\n      <map-marker [position]=\"marker.position\" [icon]=\"marker.icon\"></map-marker>\n    }\n    @for (polygon of sitePolygons(); track trackByPolygon($index, polygon)) {\n      <map-polygon [paths]=\"polygon.paths\" [options]=\"polygon.options\" />\n    }\n    @for (polygon of termPolygons(); track trackByPolygon($index, polygon)) {\n      <map-polygon [paths]=\"polygon.paths\" [options]=\"polygon.options\" />\n    }\n  </google-map>\n}\n\n@if (showNotice()) {\n  <p class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n}\n\n@if (showNoLocation()) {\n  <div class=\"no-location has-text-center has-text-light\">\n    <span>No precise location data</span>\n  </div>\n}\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { map: [{
-                type: ViewChild,
-                args: [GoogleMap]
-            }], loadPolygons: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadPolygons", required: false }] }], sites: [{ type: i0.Input, args: [{ isSignal: true, alias: "sites", required: false }] }], zoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoom", required: false }] }], showNotice: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNotice", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { map: [{ type: i0.ViewChild, args: [i0.forwardRef(() => GoogleMap), { isSignal: true }] }], loadPolygons: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadPolygons", required: false }] }], sites: [{ type: i0.Input, args: [{ isSignal: true, alias: "sites", required: false }] }], zoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoom", required: false }] }], showNotice: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNotice", required: false }] }] } });
 
 const stringify = (value) => JSON.stringify(value);
 const focusFirstGroupError = (element) => {
@@ -12352,9 +12222,6 @@ class HeGlossaryService {
     migrations$(format = GlossaryMigrationFormat.json) {
         return this.http.get(migrationsUrl(format));
     }
-    migrations(format = GlossaryMigrationFormat.json) {
-        return this.migrations$(format).toPromise();
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: HeGlossaryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: HeGlossaryService, providedIn: 'root' }); }
 }
@@ -12407,7 +12274,6 @@ const getUnitsAndLabel = (terms, fallbackLabel = 'unknown term') => {
         units
     };
 };
-
 const typeMapping = {
     [TermTermType.endpointIndicator]: ChartNodeType.endpoint,
     [TermTermType.characterisedIndicator]: ChartNodeType.midpoint,
@@ -12415,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);
@@ -12502,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
     ? ''
@@ -12527,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;
     };
@@ -12553,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;
@@ -12569,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)
@@ -12581,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))
@@ -12768,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,
@@ -12819,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');
@@ -12903,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;
@@ -12996,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)
@@ -13009,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;
@@ -13306,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}%`;
@@ -14257,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