@hestia-earth/ui-components 0.42.16 → 0.42.17

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

@@ -19,7 +19,7 @@ import { propertyValue as propertyValue$1, emptyValue } from '@hestia-earth/util
 import { getDefaultModelId, getModelGroup, loadResourceKey, getArrayTreatment, isInSystemBoundary } from '@hestia-earth/glossary';
 import isEqual$1 from 'lodash.isequal';
 import { DataState, filenameWithoutExt, nodeTypeToParam, allowedDataStates, SupportedExtensions, fileToExt, fileExt, maxFileSizeMb } from '@hestia-earth/api';
-import { models as models$1, loadConfig, getMaxStage } from '@hestia-earth/engine-models';
+import { models as models$1, loadConfig, getFormulas, renderFormula, getMaxStage } from '@hestia-earth/engine-models';
 import { DeltaDisplayType, delta, customDeltaFuncs } from '@hestia-earth/utils/delta';
 import { LocalStorageService } from 'ngx-webstorage';
 import { trigger, state, transition, style, animate } from '@angular/animations';
@@ -29,6 +29,7 @@ import { CdkScrollable } from '@angular/cdk/scrolling';
 import { moveItemInArray, CdkDropList, CdkDrag, CdkDragPreview } from '@angular/cdk/drag-drop';
 import { GoogleMap, MapMarker, MapPolygon } from '@angular/google-maps';
 import { Meta, DomSanitizer } from '@angular/platform-browser';
+import katex from 'katex';
 import removeMd from 'remove-markdown';
 import orderBy from 'lodash.orderby';
 import merge$1 from 'lodash.merge';
@@ -43,6 +44,7 @@ import uniqBy from 'lodash.uniqby';
 import { ScrollStrategyOptions, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
 import { ResizableDirective, ResizeHandleDirective } from 'angular-resizable-element';
 import set from 'lodash.set';
+import { MarkdownComponent } from 'ngx-markdown';
 import * as semver from 'semver';
 import { parse } from 'papaparse';
 import omit from 'lodash.omit';
@@ -50,7 +52,6 @@ import { createErrorFormatter, htmlRenderer, isMigrationError, isMissingProperty
 export { errorHasError, errorHasWarning, filterError, guidePageId, isMigrationError, isMissingOneOfError, isMissingPropertyError, missingNodeErrors } from '@hestia-earth/ui-components/file-errors';
 import { format, subDays, parseISO } from 'date-fns';
 import { enGB } from 'date-fns/locale';
-import { MarkdownComponent } from 'ngx-markdown';
 import { linkHorizontal } from 'd3-shape';
 import 'd3-transition';
 import { hierarchy, tree } from 'd3-hierarchy';
@@ -486,16 +487,10 @@ const hexToRgba = (hex, aplha = 1) => {
 };
 const listColorWithAlpha = (alpha = 0.8) => (_v, index) => hexToRgba(getColor(index), alpha);
 
+// List of chemical element symbols sorted by length (descending) to ensure longest match first.
+const ELEMENTS = 'He|Li|Be|Ne|Na|Mg|Al|Si|Cl|Ar|Ca|Sc|Ti|Cr|Mn|Fe|Co|Ni|Cu|Zn|Ga|Ge|As|Se|Br|Kr|Rb|Sr|Zr|Nb|Mo|Tc|Ru|Rh|Pd|Ag|Cd|In|Sn|Sb|Te|Xe|Cs|Ba|La|Ce|Pr|Nd|Pm|Sm|Eu|Gd|Tb|Dy|Ho|Er|Tm|Yb|Lu|Hf|Ta|Re|Os|Ir|Pt|Au|Hg|Tl|Pb|Bi|Po|At|Rn|Fr|Ra|Ac|Th|Pa|Np|Pu|Am|Cm|Bk|Cf|Es|Fm|Md|No|Lr|Rf|Db|Sg|Bh|Hs|Mt|Ds|Rg|Cn|Nh|Fl|Mc|Lv|Ts|Og|H|B|C|N|O|F|P|S|K|V|Y|I|W|U';
 const ignoreCompounds = (value) => typeof value !== 'string' ||
-    [
-        value.startsWith('GWP'),
-        value.startsWith('PM'),
-        value.startsWith('AR'),
-        value.startsWith('CML'),
-        value.split('-').length > 2,
-        value.includes('</a>'),
-        value.includes('https://')
-    ].some(Boolean);
+    [value.split('-').length > 2, value.includes('</a>'), value.includes('https://')].some(Boolean);
 const ignoreTermTypes = [
     TermTermType.crop,
     TermTermType.methodEmissionResourceUse,
@@ -505,15 +500,35 @@ const ignoreTermTypes = [
     TermTermType.characterisedIndicator
 ];
 const isTermTypeAllowed = (termType) => !termType || !ignoreTermTypes.includes(termType);
-const transformFormula = (text) => text
-    .replace(/([A-Z]+[\d]+)([\d]{1}[-+])/g, '$1<sup>$2</sup>')
-    .replace(/([A-Z]+)([\d]{1})([-+])/g, '$1<sub>$2</sub><sup>$3</sup>')
-    .replace(/([A-LN-Za-ln-z])(\d+)/g, '$1<sub>$2</sub>')
-    .replace(/([A-L])([-+])/g, '$1<sup>$2</sup>')
-    .replace(/(Ox)([^A-Za-z]|$)/g, 'O<sub>x</sub>$2')
-    // handle m2, m3, etc.
-    .replace(/([m])([\d]{1})\s/g, '$1<sup>$2</sup> ')
-    .replace(/([m])([\d]{1})$/g, '$1<sup>$2</sup>');
+const formulaWordRegex = /[A-Za-z0-9.+-]+/g;
+const transformFormula = (text) => {
+    // 1. Handle special cases first
+    const transformed = text
+        // Handle common units like m2, m3, cm2, etc. (superscripts)
+        // We restrict to single digits to avoid matching things like 'm45' in sentences
+        .replace(/\b([a-z]?m)([0-9])\b/g, '$1<sup>$2</sup>')
+        // Handle specific acronyms like BOD5
+        .replace(/\b(BOD|COD)([0-9]+)\b/g, '$1<sub>$2</sub>');
+    // 2. Handle general chemical formulas using element symbols
+    return transformed.replace(formulaWordRegex, word => {
+        // Only transform if it looks like a chemical formula (composed of elements, numbers, charges)
+        const isChem = new RegExp(`^(?:${ELEMENTS}|\\d|[\\(\\)\\[\\]\\+\\-\\.]|x|n)+$`).test(word);
+        const hasElement = new RegExp(`(?:${ELEMENTS})`).test(word);
+        return isChem && hasElement
+            ? word
+                // Patterns like PO43- (two numbers before charge)
+                .replace(new RegExp(`((?:${ELEMENTS}|[\\(\\)\\[\\]])+\\d)(\\d[-+])(\\b|$)`, 'g'), '$1<sup>$2</sup>')
+                // Patterns like NO3- (one number before charge)
+                .replace(new RegExp(`((?:${ELEMENTS}|[\\(\\)\\[\\]])+)(\\d)([-+])(\\b|$)`, 'g'), '$1<sub>$2</sub><sup>$3</sup>')
+                // Subscripts (digits NOT followed by charge sign)
+                .replace(new RegExp(`(${ELEMENTS}|x|n|[\\(\\)\\[\\]])(\\d+)(?![-+])`, 'g'), '$1<sub>$2</sub>')
+                // Simple charges like + or - (e.g. H+, NO3-)
+                .replace(new RegExp(`(${ELEMENTS}|x|n|<sub>\\d+</sub>)([-+])(\\b|$)`, 'g'), '$1<sup>$2</sup>')
+                // Special case for NOx
+                .replace(/(O)(x)(\b|$)/g, '$1<sub>$2</sub>')
+            : word;
+    });
+};
 /**
  * Handles <sup> and <sub> html tags for compounds.
  *
@@ -3676,6 +3691,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 }]
         }] });
 
+/**
+ * Renders a KaTeX source string (without the `$$` delimiters) into the host element.
+ * `\htmlData` is trusted so annotated formulas can carry `data-key` / `data-value`.
+ */
+class KatexDirective {
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.heKatex = input.required(...(ngDevMode ? [{ debugName: "heKatex" }] : []));
+        // render inline (e.g. a single symbol within a sentence) rather than as centered display math
+        this.heKatexInline = input(false, ...(ngDevMode ? [{ debugName: "heKatexInline" }] : []));
+        effect(() => {
+            katex.render(this.heKatex(), this.elementRef.nativeElement, {
+                displayMode: !this.heKatexInline(),
+                throwOnError: false,
+                strict: false,
+                trust: ctx => ctx.command === '\\htmlData'
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KatexDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.6", type: KatexDirective, isStandalone: true, selector: "[heKatex]", inputs: { heKatex: { classPropertyName: "heKatex", publicName: "heKatex", isSignal: true, isRequired: true, transformFunction: null }, heKatexInline: { classPropertyName: "heKatexInline", publicName: "heKatexInline", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: KatexDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[heKatex]'
+                }]
+        }], ctorParameters: () => [], propDecorators: { heKatex: [{ type: i0.Input, args: [{ isSignal: true, alias: "heKatex", required: true }] }], heKatexInline: [{ type: i0.Input, args: [{ isSignal: true, alias: "heKatexInline", required: false }] }] } });
+
 const termProperties = (term) => Object.keys(term).filter(key => !isExpandable(term[key]) &&
     ![
         'pinned',
@@ -8766,6 +8810,9 @@ const parseLogs = (logs) => Object.entries(logs).map(([key, value]) => parseLog$
 class NodeLogsModelsLogsComponent {
     constructor() {
         this.logs = input.required(...(ngDevMode ? [{ debugName: "logs" }] : []));
+        // render the collapsible "Raw log" block; disabled when the raw log is shown as its own section
+        // (e.g. in the log-details accordion) so it is not duplicated
+        this.renderRaw = input(true, ...(ngDevMode ? [{ debugName: "renderRaw" }] : []));
         this.requirementLinkedNode = requirementLinkedNode;
         this.requirementColor = requirementColor;
         this.parseKey = parseKey;
@@ -8794,12 +8841,12 @@ class NodeLogsModelsLogsComponent {
         sorting.sortOrder = sortOrder;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsModelsLogsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeLogsModelsLogsComponent, isStandalone: true, selector: "he-node-logs-models-logs", inputs: { logs: { classPropertyName: "logs", publicName: "logs", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (allLogs().length) {\n  <div class=\"table-container\">\n    <table class=\"table is-dark is-fullwidth\">\n      <tbody>\n        @for (log of allLogs(); track log.key) {\n          <ng-container *ngTemplateOutlet=\"logRow; context: log\" />\n        }\n      </tbody>\n    </table>\n  </div>\n} @else if (!missingLookups().length) {\n  <p>No specific logs available for this model.</p>\n}\n\n@if (missingLookups().length) {\n  <div class=\"it-mt-2\">\n    <p>Data missing (might be optional):</p>\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-dark is-fullwidth is-striped\">\n        <thead>\n          <tr>\n            <th class=\"has-text-white\">\n              <span>Filename</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Column Title</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-text-white\">\n          @for (data of missingLookups(); track dataIndex; let dataIndex = $index) {\n            <tr>\n              <td>{{ data.filename }}</td>\n              <td>{{ data.column }}</td>\n              <td>{{ data.termId }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  </div>\n}\n\n@if (raw()) {\n  <div class=\"is-mt-2\">\n    <div class=\"is-flex is-align-items-center is-gap-8\">\n      <a class=\"has-text-white\" (click)=\"toggleRaw()\">\n        <he-svg-icon [name]=\"showRaw() ? 'chevron-down' : 'chevron-right'\" size=\"16\" />\n        <span>Raw log</span>\n      </a>\n      @if (showRaw()) {\n        <he-clipboard clipboardClass=\"is-size-7 is-p-1\" [value]=\"rawJson()\" [hideText]=\"true\" />\n      }\n    </div>\n    @if (showRaw()) {\n      <pre class=\"raw-log is-mt-1\">{{ rawJson() }}</pre>\n    }\n  </div>\n}\n\n<ng-template #sortColumn let-column=\"column\" let-sorting=\"sorting\">\n  <a class=\"is-p-1 has-text-white\" (click)=\"toggleSort(column, sorting)\">\n    @if (sorting.sortBy === column) {\n      @if (sorting.sortOrder === 'asc') {\n        <he-svg-icon name=\"sort-caret-up-filled\" size=\"16\" />\n      } @else {\n        <he-svg-icon name=\"sort-caret-down-filled\" size=\"16\" />\n      }\n    } @else {\n      <he-svg-icon name=\"sort-caret-stacked-filled-stacked\" size=\"16\" />\n    }\n  </a>\n</ng-template>\n\n<ng-template #logLineArray let-value=\"value\" let-sorting=\"sorting\">\n  <table class=\"table is-dark is-bordered is-striped\">\n    @let headers = listHeaders(value);\n    @if (headers.length) {\n      <thead>\n        <tr>\n          @for (header of headers; track header) {\n            <th class=\"has-text-white\">\n              <div class=\"is-nowrap\">\n                {{ header }}\n                <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: header, sorting }\" />\n              </div>\n            </th>\n          }\n        </tr>\n      </thead>\n    }\n    <tbody>\n      @for (v of value | sortBy: sorting.sortBy : sorting.sortOrder; track vIndex; let vIndex = $index) {\n        <tr>\n          @if (headers.length) {\n            @for (header of headers; track header) {\n              <td>{{ v[header] }}</td>\n            }\n          } @else {\n            <td>{{ v }}</td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  @if (requirementLinkedNode(key, value); as linkedNode) {\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\" />\n  } @else {\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  }\n</ng-template>\n\n<ng-template #logRow let-key=\"key\" let-value=\"value\" let-isCompleteness=\"isCompleteness\" let-complete=\"complete\">\n  <tr>\n    <td class=\"has-border-right | copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        @if (isCompleteness) {\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ complete }}</code>\n        } @else {\n          @switch (key) {\n            @default {\n              {{ parseKey(key) }}\n            }\n            @case ('property_id') {\n              Property Term &#64;id\n            }\n            @case ('product_id') {\n              Product Term &#64;id\n            }\n            @case ('crop_product_id') {\n              Crop Product Term &#64;id\n            }\n            @case ('input_id') {\n              Input Term &#64;id\n            }\n            @case ('node_type_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('siteType_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_id_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('site_measurement_id_allowed') {\n              <span>Are any of the Measurement</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_termType_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_id_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_termType_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            <!-- Deprecated -->\n            @case ('primary_product_id_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('primary_product_termType_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('has_pesticides_inputs') {\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            }\n            @case ('all_pesticideAI_have_lookup_value') {\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            }\n            @case ('has_crop_residue_burnt') {\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            }\n            @case ('no_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>no</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n            @case ('has_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>some</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n          }\n        }\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [value]=\"key\"\n        [hideText]=\"true\" />\n    </td>\n    <td>\n      @if (value | isArray) {\n        <ng-container *ngTemplateOutlet=\"logLineArray; context: { value: value, sorting: {} }\" />\n      } @else {\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\" />\n      }\n    </td>\n  </tr>\n</ng-template>\n", styles: [".copy-log he-clipboard{visibility:hidden}.copy-log:hover he-clipboard{visibility:visible}.raw-log{max-height:300px;overflow:auto;white-space:pre;font-size:.75rem;background:#00000059;color:inherit;padding:.5rem;border-radius:3px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "hideIcon", "size", "clipboardClass", "tooltipPlacement"] }, { kind: "pipe", type: SortByPipe, name: "sortBy" }, { kind: "pipe", type: IsArrayPipe, name: "isArray" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeLogsModelsLogsComponent, isStandalone: true, selector: "he-node-logs-models-logs", inputs: { logs: { classPropertyName: "logs", publicName: "logs", isSignal: true, isRequired: true, transformFunction: null }, renderRaw: { classPropertyName: "renderRaw", publicName: "renderRaw", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (allLogs().length) {\n  <div class=\"table-container\">\n    <table class=\"table is-dark is-fullwidth\">\n      <tbody>\n        @for (log of allLogs(); track log.key) {\n          <ng-container *ngTemplateOutlet=\"logRow; context: log\" />\n        }\n      </tbody>\n    </table>\n  </div>\n} @else if (!missingLookups().length) {\n  <p>No specific logs available for this model.</p>\n}\n\n@if (missingLookups().length) {\n  <div class=\"it-mt-2\">\n    <p>Data missing (might be optional):</p>\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-dark is-fullwidth is-striped\">\n        <thead>\n          <tr>\n            <th class=\"has-text-white\">\n              <span>Filename</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Column Title</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-text-white\">\n          @for (data of missingLookups(); track dataIndex; let dataIndex = $index) {\n            <tr>\n              <td>{{ data.filename }}</td>\n              <td>{{ data.column }}</td>\n              <td>{{ data.termId }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  </div>\n}\n\n@if (renderRaw() && raw()) {\n  <div class=\"is-mt-2\">\n    <div class=\"is-flex is-align-items-center is-gap-8\">\n      <a class=\"has-text-white\" (click)=\"toggleRaw()\">\n        <he-svg-icon [name]=\"showRaw() ? 'chevron-down' : 'chevron-right'\" size=\"16\" />\n        <span>Raw log</span>\n      </a>\n      @if (showRaw()) {\n        <he-clipboard clipboardClass=\"is-size-7 is-p-1\" [value]=\"rawJson()\" [hideText]=\"true\" />\n      }\n    </div>\n    @if (showRaw()) {\n      <pre class=\"raw-log is-mt-1\">{{ rawJson() }}</pre>\n    }\n  </div>\n}\n\n<ng-template #sortColumn let-column=\"column\" let-sorting=\"sorting\">\n  <a class=\"is-p-1 has-text-white\" (click)=\"toggleSort(column, sorting)\">\n    @if (sorting.sortBy === column) {\n      @if (sorting.sortOrder === 'asc') {\n        <he-svg-icon name=\"sort-caret-up-filled\" size=\"16\" />\n      } @else {\n        <he-svg-icon name=\"sort-caret-down-filled\" size=\"16\" />\n      }\n    } @else {\n      <he-svg-icon name=\"sort-caret-stacked-filled-stacked\" size=\"16\" />\n    }\n  </a>\n</ng-template>\n\n<ng-template #logLineArray let-value=\"value\" let-sorting=\"sorting\">\n  <table class=\"table is-dark is-bordered is-striped\">\n    @let headers = listHeaders(value);\n    @if (headers.length) {\n      <thead>\n        <tr>\n          @for (header of headers; track header) {\n            <th class=\"has-text-white\">\n              <div class=\"is-nowrap\">\n                {{ header }}\n                <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: header, sorting }\" />\n              </div>\n            </th>\n          }\n        </tr>\n      </thead>\n    }\n    <tbody>\n      @for (v of value | sortBy: sorting.sortBy : sorting.sortOrder; track vIndex; let vIndex = $index) {\n        <tr>\n          @if (headers.length) {\n            @for (header of headers; track header) {\n              <td>{{ v[header] }}</td>\n            }\n          } @else {\n            <td>{{ v }}</td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  @if (requirementLinkedNode(key, value); as linkedNode) {\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\" />\n  } @else {\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  }\n</ng-template>\n\n<ng-template #logRow let-key=\"key\" let-value=\"value\" let-isCompleteness=\"isCompleteness\" let-complete=\"complete\">\n  <tr>\n    <td class=\"has-border-right | copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        @if (isCompleteness) {\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ complete }}</code>\n        } @else {\n          @switch (key) {\n            @default {\n              {{ parseKey(key) }}\n            }\n            @case ('property_id') {\n              Property Term &#64;id\n            }\n            @case ('product_id') {\n              Product Term &#64;id\n            }\n            @case ('crop_product_id') {\n              Crop Product Term &#64;id\n            }\n            @case ('input_id') {\n              Input Term &#64;id\n            }\n            @case ('node_type_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('siteType_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_id_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('site_measurement_id_allowed') {\n              <span>Are any of the Measurement</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_termType_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_id_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_termType_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            <!-- Deprecated -->\n            @case ('primary_product_id_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('primary_product_termType_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('has_pesticides_inputs') {\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            }\n            @case ('all_pesticideAI_have_lookup_value') {\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            }\n            @case ('has_crop_residue_burnt') {\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            }\n            @case ('no_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>no</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n            @case ('has_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>some</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n          }\n        }\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [value]=\"key\"\n        [hideText]=\"true\" />\n    </td>\n    <td>\n      @if (value | isArray) {\n        <ng-container *ngTemplateOutlet=\"logLineArray; context: { value: value, sorting: {} }\" />\n      } @else {\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\" />\n      }\n    </td>\n  </tr>\n</ng-template>\n", styles: [".copy-log he-clipboard{visibility:hidden}.copy-log:hover he-clipboard{visibility:visible}.raw-log{max-height:300px;overflow:auto;white-space:pre;font-size:.75rem;background:#00000059;color:inherit;padding:.5rem;border-radius:3px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "hideIcon", "size", "clipboardClass", "tooltipPlacement"] }, { kind: "pipe", type: SortByPipe, name: "sortBy" }, { kind: "pipe", type: IsArrayPipe, name: "isArray" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsModelsLogsComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-node-logs-models-logs', imports: [NgTemplateOutlet, HESvgIconComponent, NodeLinkComponent, ClipboardComponent, SortByPipe, IsArrayPipe], template: "@if (allLogs().length) {\n  <div class=\"table-container\">\n    <table class=\"table is-dark is-fullwidth\">\n      <tbody>\n        @for (log of allLogs(); track log.key) {\n          <ng-container *ngTemplateOutlet=\"logRow; context: log\" />\n        }\n      </tbody>\n    </table>\n  </div>\n} @else if (!missingLookups().length) {\n  <p>No specific logs available for this model.</p>\n}\n\n@if (missingLookups().length) {\n  <div class=\"it-mt-2\">\n    <p>Data missing (might be optional):</p>\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-dark is-fullwidth is-striped\">\n        <thead>\n          <tr>\n            <th class=\"has-text-white\">\n              <span>Filename</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Column Title</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-text-white\">\n          @for (data of missingLookups(); track dataIndex; let dataIndex = $index) {\n            <tr>\n              <td>{{ data.filename }}</td>\n              <td>{{ data.column }}</td>\n              <td>{{ data.termId }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  </div>\n}\n\n@if (raw()) {\n  <div class=\"is-mt-2\">\n    <div class=\"is-flex is-align-items-center is-gap-8\">\n      <a class=\"has-text-white\" (click)=\"toggleRaw()\">\n        <he-svg-icon [name]=\"showRaw() ? 'chevron-down' : 'chevron-right'\" size=\"16\" />\n        <span>Raw log</span>\n      </a>\n      @if (showRaw()) {\n        <he-clipboard clipboardClass=\"is-size-7 is-p-1\" [value]=\"rawJson()\" [hideText]=\"true\" />\n      }\n    </div>\n    @if (showRaw()) {\n      <pre class=\"raw-log is-mt-1\">{{ rawJson() }}</pre>\n    }\n  </div>\n}\n\n<ng-template #sortColumn let-column=\"column\" let-sorting=\"sorting\">\n  <a class=\"is-p-1 has-text-white\" (click)=\"toggleSort(column, sorting)\">\n    @if (sorting.sortBy === column) {\n      @if (sorting.sortOrder === 'asc') {\n        <he-svg-icon name=\"sort-caret-up-filled\" size=\"16\" />\n      } @else {\n        <he-svg-icon name=\"sort-caret-down-filled\" size=\"16\" />\n      }\n    } @else {\n      <he-svg-icon name=\"sort-caret-stacked-filled-stacked\" size=\"16\" />\n    }\n  </a>\n</ng-template>\n\n<ng-template #logLineArray let-value=\"value\" let-sorting=\"sorting\">\n  <table class=\"table is-dark is-bordered is-striped\">\n    @let headers = listHeaders(value);\n    @if (headers.length) {\n      <thead>\n        <tr>\n          @for (header of headers; track header) {\n            <th class=\"has-text-white\">\n              <div class=\"is-nowrap\">\n                {{ header }}\n                <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: header, sorting }\" />\n              </div>\n            </th>\n          }\n        </tr>\n      </thead>\n    }\n    <tbody>\n      @for (v of value | sortBy: sorting.sortBy : sorting.sortOrder; track vIndex; let vIndex = $index) {\n        <tr>\n          @if (headers.length) {\n            @for (header of headers; track header) {\n              <td>{{ v[header] }}</td>\n            }\n          } @else {\n            <td>{{ v }}</td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  @if (requirementLinkedNode(key, value); as linkedNode) {\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\" />\n  } @else {\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  }\n</ng-template>\n\n<ng-template #logRow let-key=\"key\" let-value=\"value\" let-isCompleteness=\"isCompleteness\" let-complete=\"complete\">\n  <tr>\n    <td class=\"has-border-right | copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        @if (isCompleteness) {\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ complete }}</code>\n        } @else {\n          @switch (key) {\n            @default {\n              {{ parseKey(key) }}\n            }\n            @case ('property_id') {\n              Property Term &#64;id\n            }\n            @case ('product_id') {\n              Product Term &#64;id\n            }\n            @case ('crop_product_id') {\n              Crop Product Term &#64;id\n            }\n            @case ('input_id') {\n              Input Term &#64;id\n            }\n            @case ('node_type_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('siteType_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_id_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('site_measurement_id_allowed') {\n              <span>Are any of the Measurement</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_termType_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_id_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_termType_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            <!-- Deprecated -->\n            @case ('primary_product_id_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('primary_product_termType_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('has_pesticides_inputs') {\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            }\n            @case ('all_pesticideAI_have_lookup_value') {\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            }\n            @case ('has_crop_residue_burnt') {\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            }\n            @case ('no_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>no</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n            @case ('has_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>some</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n          }\n        }\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [value]=\"key\"\n        [hideText]=\"true\" />\n    </td>\n    <td>\n      @if (value | isArray) {\n        <ng-container *ngTemplateOutlet=\"logLineArray; context: { value: value, sorting: {} }\" />\n      } @else {\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\" />\n      }\n    </td>\n  </tr>\n</ng-template>\n", styles: [".copy-log he-clipboard{visibility:hidden}.copy-log:hover he-clipboard{visibility:visible}.raw-log{max-height:300px;overflow:auto;white-space:pre;font-size:.75rem;background:#00000059;color:inherit;padding:.5rem;border-radius:3px}\n"] }]
-        }], propDecorators: { logs: [{ type: i0.Input, args: [{ isSignal: true, alias: "logs", required: true }] }] } });
+            args: [{ selector: 'he-node-logs-models-logs', imports: [NgTemplateOutlet, HESvgIconComponent, NodeLinkComponent, ClipboardComponent, SortByPipe, IsArrayPipe], template: "@if (allLogs().length) {\n  <div class=\"table-container\">\n    <table class=\"table is-dark is-fullwidth\">\n      <tbody>\n        @for (log of allLogs(); track log.key) {\n          <ng-container *ngTemplateOutlet=\"logRow; context: log\" />\n        }\n      </tbody>\n    </table>\n  </div>\n} @else if (!missingLookups().length) {\n  <p>No specific logs available for this model.</p>\n}\n\n@if (missingLookups().length) {\n  <div class=\"it-mt-2\">\n    <p>Data missing (might be optional):</p>\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-dark is-fullwidth is-striped\">\n        <thead>\n          <tr>\n            <th class=\"has-text-white\">\n              <span>Filename</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Column Title</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-text-white\">\n          @for (data of missingLookups(); track dataIndex; let dataIndex = $index) {\n            <tr>\n              <td>{{ data.filename }}</td>\n              <td>{{ data.column }}</td>\n              <td>{{ data.termId }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  </div>\n}\n\n@if (renderRaw() && raw()) {\n  <div class=\"is-mt-2\">\n    <div class=\"is-flex is-align-items-center is-gap-8\">\n      <a class=\"has-text-white\" (click)=\"toggleRaw()\">\n        <he-svg-icon [name]=\"showRaw() ? 'chevron-down' : 'chevron-right'\" size=\"16\" />\n        <span>Raw log</span>\n      </a>\n      @if (showRaw()) {\n        <he-clipboard clipboardClass=\"is-size-7 is-p-1\" [value]=\"rawJson()\" [hideText]=\"true\" />\n      }\n    </div>\n    @if (showRaw()) {\n      <pre class=\"raw-log is-mt-1\">{{ rawJson() }}</pre>\n    }\n  </div>\n}\n\n<ng-template #sortColumn let-column=\"column\" let-sorting=\"sorting\">\n  <a class=\"is-p-1 has-text-white\" (click)=\"toggleSort(column, sorting)\">\n    @if (sorting.sortBy === column) {\n      @if (sorting.sortOrder === 'asc') {\n        <he-svg-icon name=\"sort-caret-up-filled\" size=\"16\" />\n      } @else {\n        <he-svg-icon name=\"sort-caret-down-filled\" size=\"16\" />\n      }\n    } @else {\n      <he-svg-icon name=\"sort-caret-stacked-filled-stacked\" size=\"16\" />\n    }\n  </a>\n</ng-template>\n\n<ng-template #logLineArray let-value=\"value\" let-sorting=\"sorting\">\n  <table class=\"table is-dark is-bordered is-striped\">\n    @let headers = listHeaders(value);\n    @if (headers.length) {\n      <thead>\n        <tr>\n          @for (header of headers; track header) {\n            <th class=\"has-text-white\">\n              <div class=\"is-nowrap\">\n                {{ header }}\n                <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: header, sorting }\" />\n              </div>\n            </th>\n          }\n        </tr>\n      </thead>\n    }\n    <tbody>\n      @for (v of value | sortBy: sorting.sortBy : sorting.sortOrder; track vIndex; let vIndex = $index) {\n        <tr>\n          @if (headers.length) {\n            @for (header of headers; track header) {\n              <td>{{ v[header] }}</td>\n            }\n          } @else {\n            <td>{{ v }}</td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  @if (requirementLinkedNode(key, value); as linkedNode) {\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\" />\n  } @else {\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  }\n</ng-template>\n\n<ng-template #logRow let-key=\"key\" let-value=\"value\" let-isCompleteness=\"isCompleteness\" let-complete=\"complete\">\n  <tr>\n    <td class=\"has-border-right | copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        @if (isCompleteness) {\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ complete }}</code>\n        } @else {\n          @switch (key) {\n            @default {\n              {{ parseKey(key) }}\n            }\n            @case ('property_id') {\n              Property Term &#64;id\n            }\n            @case ('product_id') {\n              Product Term &#64;id\n            }\n            @case ('crop_product_id') {\n              Crop Product Term &#64;id\n            }\n            @case ('input_id') {\n              Input Term &#64;id\n            }\n            @case ('node_type_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('siteType_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_id_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('site_measurement_id_allowed') {\n              <span>Are any of the Measurement</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_termType_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_id_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_termType_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            <!-- Deprecated -->\n            @case ('primary_product_id_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('primary_product_termType_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('has_pesticides_inputs') {\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            }\n            @case ('all_pesticideAI_have_lookup_value') {\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            }\n            @case ('has_crop_residue_burnt') {\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            }\n            @case ('no_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>no</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n            @case ('has_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>some</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n          }\n        }\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [value]=\"key\"\n        [hideText]=\"true\" />\n    </td>\n    <td>\n      @if (value | isArray) {\n        <ng-container *ngTemplateOutlet=\"logLineArray; context: { value: value, sorting: {} }\" />\n      } @else {\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\" />\n      }\n    </td>\n  </tr>\n</ng-template>\n", styles: [".copy-log he-clipboard{visibility:hidden}.copy-log:hover he-clipboard{visibility:visible}.raw-log{max-height:300px;overflow:auto;white-space:pre;font-size:.75rem;background:#00000059;color:inherit;padding:.5rem;border-radius:3px}\n"] }]
+        }], propDecorators: { logs: [{ type: i0.Input, args: [{ isSignal: true, alias: "logs", required: true }] }], renderRaw: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderRaw", required: false }] }] } });
 
 class NodeLogsModelsLogsStatusComponent {
     constructor() {
@@ -9176,6 +9223,193 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 }]
         }] });
 
+const isMissing = (value) => value === undefined || value === null || value === '';
+// the result symbol (left-hand side) - it is the model's output, not an input that "was not logged", so
+// it is excluded from the missing-values notice (e.g. a failed model has no result value)
+const resultKey = 'value';
+// the "value formula" computes the model's result (`key: "value"`); any others are sub-formulas that
+// compute its components (possibly chained: a sub-formula's result feeds another sub-formula)
+const isValueFormula = (formula) => formula.bindings.some(binding => binding.key === resultKey);
+// the logged keys a formula's own symbols bind to (excludes display-only constants)
+const formulaKeys = (formula) => formula.bindings.map(binding => binding.key).filter(Boolean);
+// the key of a formula's result (left-hand side): matched from the `LHS = ...` symbol rather than assuming
+// binding order, since the result is not always listed first in the "Where:" list
+const resultKeyOf = (formula) => {
+    const lhs = formula.formula.split('=')[0].trim();
+    return formula.bindings.find(binding => binding.symbol === lhs)?.key;
+};
+const omitKeys = (values, keys) => Object.fromEntries(Object.entries(values).filter(([key]) => !keys.has(key)));
+// the value keys a formula binding resolves to are logged via `logRequirements` / `debugValues`,
+// so both the parsed requirements and logs are merged into a single lookup for `renderFormula`
+const logValues = (logs) => ({
+    ...(logs?.requirements ?? {}),
+    ...(logs?.logs ?? {})
+});
+// resolve the formulas for a model-links entry: the formulas index is keyed by the bare model-links
+// `docPath`, so `getFormulas` re-matches against the untransformed library links (model/term/modelKey).
+// Exported so callers (e.g. the log-details accordion) can tell whether a formula section has content.
+const getModelFormulas = (link) => {
+    if (!link?.model)
+        return [];
+    const { model, term, modelKey } = link;
+    return getFormulas({ model, ...(term ? { term } : {}), ...(modelKey ? { modelKey } : {}) });
+};
+// a binding with a `constant` is a fixed literal substituted in place (e.g. `ER` → `2`); it is never
+// logged, so it is excluded from coverage and must not be flagged as missing
+const isConstant = (binding) => binding.constant !== undefined;
+// a formula input (a symbol expected to carry a logged value), as opposed to the formula's own result
+// (its left-hand side), an intermediate (computed by another formula) or a constant (a fixed literal) -
+// those are outputs/derived/literal, so they are never flagged as missing
+const isInput = (binding, resultSymbol, intermediateKeys) => binding.symbol !== resultSymbol &&
+    binding.key !== resultKey &&
+    !intermediateKeys.has(binding.key) &&
+    !isConstant(binding);
+// an input whose value was not substituted here (no jlog binding, or one whose value was not logged)
+const isMissingInput = (binding, resultSymbol, values, intermediateKeys) => isInput(binding, resultSymbol, intermediateKeys) && isMissing(binding.key && values[binding.key]);
+// the variables listed below a formula: every binding carrying a symbol and either a logged value or
+// documentation, shown as "symbol: description". `missing` flags a variable that has no value to
+// substitute here - whether it has no jlog binding at all, or a binding whose value was not logged - so
+// the reader sees *why* it stayed symbolic.
+const formulaVariables = (formula, values, intermediateKeys) => {
+    const resultSymbol = formula.formula.split('=')[0].trim();
+    return formula.bindings
+        .filter(binding => binding.symbol && (binding.key || binding.description))
+        .map(binding => ({
+        symbol: binding.symbol,
+        description: binding.description,
+        missing: isMissingInput(binding, resultSymbol, values, intermediateKeys)
+    }));
+};
+class NodeLogsModelsFormulaComponent {
+    constructor() {
+        // the model-links entry (carries the `docPath` the formulas are keyed by)
+        this.model = input(...(ngDevMode ? [undefined, { debugName: "model" }] : []));
+        // the `.jlog` entry the formula symbols are substituted from
+        this.logs = input(...(ngDevMode ? [undefined, { debugName: "logs" }] : []));
+        // the value the model returned (the recalculated node value): the result symbol (`key: "value"`) is
+        // usually not logged, so it falls back to this
+        this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+        // show the substituted formula (values in place of symbols) rather than the raw symbolic one
+        this.substituted = signal(false, ...(ngDevMode ? [{ debugName: "substituted" }] : []));
+        // a unique id per instance so the switch label only toggles its own checkbox (several popovers can co-exist)
+        this.toggleId = uuid('formulaSubstituted-');
+        this.formulas = computed(() => getModelFormulas(this.model()), ...(ngDevMode ? [{ debugName: "formulas" }] : []));
+        this.values = computed(() => {
+            const values = logValues(this.logs());
+            // the result (`value`) is usually the model's returned value rather than a logged field
+            return isMissing(values.value) && !isMissing(this.value()) ? { ...values, value: this.value() } : values;
+        }, ...(ngDevMode ? [{ debugName: "values" }] : []));
+        this.valueFormula = computed(() => this.formulas().find(isValueFormula), ...(ngDevMode ? [{ debugName: "valueFormula" }] : []));
+        // the value formula's own symbol keys - kept symbolic in the sub-formulas (they are substituted only in
+        // the value formula itself, so a sub-formula shows just how this component's own inputs combine)
+        this.valueKeys = computed(() => new Set(this.valueFormula() ? formulaKeys(this.valueFormula()) : []), ...(ngDevMode ? [{ debugName: "valueKeys" }] : []));
+        // keys that are the result of a sub-formula (an intermediate computed by another formula in the set) -
+        // these stay symbolic in every formula, so the reader can follow the derivation chain (e.g. `R = ...`
+        // then `A = R \times ...` then the value formula uses `A`)
+        this.intermediateKeys = computed(() => new Set(this.formulas()
+            .filter(formula => formula !== this.valueFormula())
+            .map(resultKeyOf)
+            .filter(Boolean)), ...(ngDevMode ? [{ debugName: "intermediateKeys" }] : []));
+        // the value formula rendered last, after the sub-formulas that compute its components (stable sort)
+        this.orderedFormulas = computed(() => [...this.formulas()].sort((a, b) => Number(isValueFormula(a)) - Number(isValueFormula(b))), ...(ngDevMode ? [{ debugName: "orderedFormulas" }] : []));
+        // whether at least one symbol actually gets substituted; when none does, the substituted view would be
+        // identical to the raw one, so the toggle is disabled
+        this.hasSubstitutions = computed(() => {
+            const values = this.values();
+            return this.formulas().some(formula => {
+                const formulaValues = this.formulaValues(formula, values);
+                return formula.bindings.some(binding => binding.key && !isMissing(formulaValues[binding.key]));
+            });
+        }, ...(ngDevMode ? [{ debugName: "hasSubstitutions" }] : []));
+        // each formula paired with the variable list shown below it: every symbol with its documentation and
+        // either its resolved value or a clear "not logged" flag when the value was missing at runtime
+        this.renderedFormulas = computed(() => {
+            const values = this.values();
+            const substituted = this.substituted();
+            const intermediateKeys = this.intermediateKeys();
+            return this.orderedFormulas().map(formula => {
+                const { symbolic, substituted: withValues } = renderFormula(formula, this.formulaValues(formula, values));
+                return {
+                    rendered: substituted ? withValues : symbolic,
+                    variables: formulaVariables(formula, values, intermediateKeys)
+                };
+            });
+        }, ...(ngDevMode ? [{ debugName: "renderedFormulas" }] : []));
+    }
+    // the values a given formula may substitute: intermediates stay symbolic everywhere; a sub-formula
+    // additionally keeps the value formula's own variables symbolic
+    formulaValues(formula, values) {
+        const omit = isValueFormula(formula)
+            ? this.intermediateKeys()
+            : new Set([...this.intermediateKeys(), ...this.valueKeys()]);
+        return omitKeys(values, omit);
+    }
+    toggle() {
+        this.substituted.update(value => !value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsModelsFormulaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeLogsModelsFormulaComponent, isStandalone: true, selector: "he-node-logs-models-formula", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: false, transformFunction: null }, logs: { classPropertyName: "logs", publicName: "logs", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (formulas().length) {\n  <div class=\"formula-block is-mb-2 has-text-white\">\n    <div class=\"is-flex is-align-items-center is-justify-content-space-between is-gap-8 is-mb-1 is-size-8\">\n      <span class=\"is-uppercase has-text-weight-semibold\">Formula{{ formulas().length > 1 ? 's' : '' }}</span>\n      <div class=\"field\">\n        <input\n          type=\"checkbox\"\n          class=\"switch is-small is-rounded\"\n          [id]=\"toggleId\"\n          [checked]=\"substituted()\"\n          [disabled]=\"!hasSubstitutions()\"\n          (change)=\"toggle()\" />\n        <label [for]=\"toggleId\" [title]=\"hasSubstitutions() ? '' : 'No logged values to substitute'\">\n          <span>{{ substituted() ? 'Substituted' : 'Raw' }}</span>\n        </label>\n      </div>\n    </div>\n\n    @for (item of renderedFormulas(); track $index) {\n      <div class=\"formula\" [heKatex]=\"item.rendered\"></div>\n\n      @if (item.variables.length) {\n        <ul class=\"is-size-7 is-mt-1 is-mb-2 is-list-style-disc | formula-variables\">\n          @for (variable of item.variables; track $index) {\n            <li>\n              <div class=\"is-flex is-align-items-baseline is-gap-4\">\n                <span class=\"formula-variable-symbol is-nowrap\">\n                  <span [heKatex]=\"variable.symbol\" [heKatexInline]=\"true\"></span>\n                  @if (variable.description) {\n                    <span>:</span>\n                  }\n                </span>\n                @if (variable.description) {\n                  <markdown class=\"is-inline-block is-italic | formula-variable-desc\" [data]=\"variable.description\" />\n                }\n                @if (variable.missing) {\n                  <span class=\"has-text-warning\">(missing)</span>\n                }\n              </div>\n            </li>\n          }\n        </ul>\n      }\n    }\n  </div>\n}\n", styles: [".formula-block{border-bottom:1px solid rgba(255,255,255,.2)}.formula-variable-symbol{flex-shrink:0}.formula-variable-symbol ::ng-deep .katex{font-size:1em}.formula-variable-desc{opacity:.85}.formula-variable-desc ::ng-deep *{display:inline;margin:0}.formula{overflow-x:auto;overflow-y:hidden}.formula ::ng-deep .katex-display{margin:.35rem 0}\n"], dependencies: [{ kind: "directive", type: KatexDirective, selector: "[heKatex]", inputs: ["heKatex", "heKatexInline"] }, { kind: "component", type: MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsModelsFormulaComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-node-logs-models-formula', changeDetection: ChangeDetectionStrategy.OnPush, imports: [KatexDirective, MarkdownComponent], template: "@if (formulas().length) {\n  <div class=\"formula-block is-mb-2 has-text-white\">\n    <div class=\"is-flex is-align-items-center is-justify-content-space-between is-gap-8 is-mb-1 is-size-8\">\n      <span class=\"is-uppercase has-text-weight-semibold\">Formula{{ formulas().length > 1 ? 's' : '' }}</span>\n      <div class=\"field\">\n        <input\n          type=\"checkbox\"\n          class=\"switch is-small is-rounded\"\n          [id]=\"toggleId\"\n          [checked]=\"substituted()\"\n          [disabled]=\"!hasSubstitutions()\"\n          (change)=\"toggle()\" />\n        <label [for]=\"toggleId\" [title]=\"hasSubstitutions() ? '' : 'No logged values to substitute'\">\n          <span>{{ substituted() ? 'Substituted' : 'Raw' }}</span>\n        </label>\n      </div>\n    </div>\n\n    @for (item of renderedFormulas(); track $index) {\n      <div class=\"formula\" [heKatex]=\"item.rendered\"></div>\n\n      @if (item.variables.length) {\n        <ul class=\"is-size-7 is-mt-1 is-mb-2 is-list-style-disc | formula-variables\">\n          @for (variable of item.variables; track $index) {\n            <li>\n              <div class=\"is-flex is-align-items-baseline is-gap-4\">\n                <span class=\"formula-variable-symbol is-nowrap\">\n                  <span [heKatex]=\"variable.symbol\" [heKatexInline]=\"true\"></span>\n                  @if (variable.description) {\n                    <span>:</span>\n                  }\n                </span>\n                @if (variable.description) {\n                  <markdown class=\"is-inline-block is-italic | formula-variable-desc\" [data]=\"variable.description\" />\n                }\n                @if (variable.missing) {\n                  <span class=\"has-text-warning\">(missing)</span>\n                }\n              </div>\n            </li>\n          }\n        </ul>\n      }\n    }\n  </div>\n}\n", styles: [".formula-block{border-bottom:1px solid rgba(255,255,255,.2)}.formula-variable-symbol{flex-shrink:0}.formula-variable-symbol ::ng-deep .katex{font-size:1em}.formula-variable-desc{opacity:.85}.formula-variable-desc ::ng-deep *{display:inline;margin:0}.formula{overflow-x:auto;overflow-y:hidden}.formula ::ng-deep .katex-display{margin:.35rem 0}\n"] }]
+        }], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: false }] }], logs: [{ type: i0.Input, args: [{ isSignal: true, alias: "logs", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] } });
+
+class NodeLogsModelsDetailsComponent {
+    constructor() {
+        // the model run (carries the model-links entry `model` and the `.jlog` `logs` entry)
+        this.model = input.required(...(ngDevMode ? [{ debugName: "model" }] : []));
+        // the recalculated node value, used as the formula's result when it was not itself logged
+        this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+        // an ImpactAssessment can add a contribution-breakdown section alongside the logs
+        this.node = input(...(ngDevMode ? [undefined, { debugName: "node" }] : []));
+        this.nodeKey = input(...(ngDevMode ? [undefined, { debugName: "nodeKey" }] : []));
+        this.hasContributions = input(false, ...(ngDevMode ? [{ debugName: "hasContributions" }] : []));
+        this.hasFormula = computed(() => getModelFormulas(this.model()?.model).length > 0, ...(ngDevMode ? [{ debugName: "hasFormula" }] : []));
+        this.rawLog = computed(() => this.model()?.logs?.raw, ...(ngDevMode ? [{ debugName: "rawLog" }] : []));
+        this.rawJson = computed(() => {
+            const raw = this.rawLog();
+            return raw ? JSON.stringify(raw, null, 2) : '';
+        }, ...(ngDevMode ? [{ debugName: "rawJson" }] : []));
+        // only the sections that have something to show, in a fixed display order
+        this.sections = computed(() => {
+            const all = [
+                this.hasFormula() ? { key: 'formula', label: 'Formula' } : null,
+                { key: 'logs', label: 'Logs' },
+                this.rawLog() ? { key: 'raw', label: 'Raw log' } : null,
+                this.hasContributions() ? { key: 'contributions', label: 'Contribution details' } : null
+            ];
+            return all.filter((section) => section !== null);
+        }, ...(ngDevMode ? [{ debugName: "sections" }] : []));
+        // each section opens/closes independently; `null` = not yet chosen (default to the first section open)
+        this.openKeys = signal(null, ...(ngDevMode ? [{ debugName: "openKeys" }] : []));
+        this.activeKeys = computed(() => {
+            const first = this.sections()[0]?.key;
+            return this.openKeys() ?? new Set(first ? [first] : []);
+        }, ...(ngDevMode ? [{ debugName: "activeKeys" }] : []));
+    }
+    isOpen(key) {
+        return this.activeKeys().has(key);
+    }
+    toggle(key) {
+        const next = new Set(this.activeKeys());
+        next.has(key) ? next.delete(key) : next.add(key);
+        this.openKeys.set(next);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsModelsDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeLogsModelsDetailsComponent, isStandalone: true, selector: "he-node-logs-models-details", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, hasContributions: { classPropertyName: "hasContributions", publicName: "hasContributions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@for (section of sections(); track section.key; let last = $last) {\n  <div class=\"log-section\" [class.has-border-bottom]=\"!last || isOpen(section.key)\">\n    @if (section.key === 'formula' && isOpen('formula')) {\n      <!-- the formula component renders its own \"Formula BETA\" title + Raw/Substituted switch on one\n        line, so keep the toggle chevron inline with it rather than adding a duplicate header -->\n      <div class=\"log-section-header is-flex is-align-items-flex-start is-gap-4\">\n        <a class=\"has-text-white\" (click)=\"toggle('formula')\">\n          <he-svg-icon name=\"chevron-down\" size=\"16\" />\n        </a>\n        <div class=\"is-flex-grow-1\">\n          <he-node-logs-models-formula [model]=\"model().model\" [logs]=\"model().logs\" [value]=\"value()\" />\n        </div>\n      </div>\n    } @else {\n      <a\n        class=\"log-section-header is-flex is-align-items-center is-gap-4 has-text-white is-size-8 is-uppercase has-text-weight-semibold\"\n        (click)=\"toggle(section.key)\">\n        <he-svg-icon [name]=\"isOpen(section.key) ? 'chevron-down' : 'chevron-right'\" size=\"16\" />\n        <span>{{ section.label }}</span>\n      </a>\n\n      @if (isOpen(section.key)) {\n        <div class=\"log-section-body is-pb-2\">\n          @switch (section.key) {\n            @case ('logs') {\n              <he-node-logs-models-logs [logs]=\"model().logs\" [renderRaw]=\"false\" />\n            }\n            @case ('raw') {\n              <div class=\"is-flex is-justify-content-flex-end is-mb-1\">\n                <he-clipboard clipboardClass=\"is-size-7 is-p-1\" [value]=\"rawJson()\" [hideText]=\"true\" />\n              </div>\n              <pre class=\"raw-log\">{{ rawJson() }}</pre>\n            }\n            @case ('contributions') {\n              <he-node-logs-models-contributions [node]=\"node()\" [nodeKey]=\"nodeKey()\" [model]=\"model()\" />\n            }\n          }\n        </div>\n      }\n    }\n  </div>\n}\n", styles: [".log-section{border-color:#fff3!important}.log-section-header{cursor:pointer;padding:.5rem 0}.log-section-header ::ng-deep .formula-block{margin-bottom:0;border-bottom:none}.raw-log{max-height:300px;overflow:auto;white-space:pre;font-size:.75rem;background:#00000059;color:inherit;padding:.5rem;border-radius:3px}\n"], dependencies: [{ kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "hideIcon", "size", "clipboardClass", "tooltipPlacement"] }, { kind: "component", type: NodeLogsModelsFormulaComponent, selector: "he-node-logs-models-formula", inputs: ["model", "logs", "value"] }, { kind: "component", type: NodeLogsModelsLogsComponent, selector: "he-node-logs-models-logs", inputs: ["logs", "renderRaw"] }, { kind: "component", type: NodeLogsModelsContributionsComponent, selector: "he-node-logs-models-contributions", inputs: ["node", "nodeKey", "model"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsModelsDetailsComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-node-logs-models-details', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        HESvgIconComponent,
+                        ClipboardComponent,
+                        NodeLogsModelsFormulaComponent,
+                        NodeLogsModelsLogsComponent,
+                        NodeLogsModelsContributionsComponent
+                    ], template: "@for (section of sections(); track section.key; let last = $last) {\n  <div class=\"log-section\" [class.has-border-bottom]=\"!last || isOpen(section.key)\">\n    @if (section.key === 'formula' && isOpen('formula')) {\n      <!-- the formula component renders its own \"Formula BETA\" title + Raw/Substituted switch on one\n        line, so keep the toggle chevron inline with it rather than adding a duplicate header -->\n      <div class=\"log-section-header is-flex is-align-items-flex-start is-gap-4\">\n        <a class=\"has-text-white\" (click)=\"toggle('formula')\">\n          <he-svg-icon name=\"chevron-down\" size=\"16\" />\n        </a>\n        <div class=\"is-flex-grow-1\">\n          <he-node-logs-models-formula [model]=\"model().model\" [logs]=\"model().logs\" [value]=\"value()\" />\n        </div>\n      </div>\n    } @else {\n      <a\n        class=\"log-section-header is-flex is-align-items-center is-gap-4 has-text-white is-size-8 is-uppercase has-text-weight-semibold\"\n        (click)=\"toggle(section.key)\">\n        <he-svg-icon [name]=\"isOpen(section.key) ? 'chevron-down' : 'chevron-right'\" size=\"16\" />\n        <span>{{ section.label }}</span>\n      </a>\n\n      @if (isOpen(section.key)) {\n        <div class=\"log-section-body is-pb-2\">\n          @switch (section.key) {\n            @case ('logs') {\n              <he-node-logs-models-logs [logs]=\"model().logs\" [renderRaw]=\"false\" />\n            }\n            @case ('raw') {\n              <div class=\"is-flex is-justify-content-flex-end is-mb-1\">\n                <he-clipboard clipboardClass=\"is-size-7 is-p-1\" [value]=\"rawJson()\" [hideText]=\"true\" />\n              </div>\n              <pre class=\"raw-log\">{{ rawJson() }}</pre>\n            }\n            @case ('contributions') {\n              <he-node-logs-models-contributions [node]=\"node()\" [nodeKey]=\"nodeKey()\" [model]=\"model()\" />\n            }\n          }\n        </div>\n      }\n    }\n  </div>\n}\n", styles: [".log-section{border-color:#fff3!important}.log-section-header{cursor:pointer;padding:.5rem 0}.log-section-header ::ng-deep .formula-block{margin-bottom:0;border-bottom:none}.raw-log{max-height:300px;overflow:auto;white-space:pre;font-size:.75rem;background:#00000059;color:inherit;padding:.5rem;border-radius:3px}\n"] }]
+        }], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], nodeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKey", required: false }] }], hasContributions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasContributions", required: false }] }] } });
+
 /**
  * The `.jlog` recalculation logs follow the representation of the recalculated node: model logs are
  * stored per blank node index (with nested `properties`), plus `<field>-failed` entries (keyed by
@@ -10370,7 +10604,6 @@ class NodeJLogModelsComponent {
         this.nodeType = computed(() => nodeType(this.node()), ...(ngDevMode ? [{ debugName: "nodeType" }] : []));
         // an ImpactAssessment's impacts/endpoints can show their contribution breakdown alongside the logs
         this.hasContributions = computed(() => [this.nodeType() === NodeType.ImpactAssessment, ['impacts', 'endpoints'].includes(this.nodeKey())].every(Boolean), ...(ngDevMode ? [{ debugName: "hasContributions" }] : []));
-        this.showContributionsLogs = signal(false, ...(ngDevMode ? [{ debugName: "showContributionsLogs" }] : []));
         // blank nodes are passed as arrays; metadata/completeness as a `key -> value` map
         this.isBlankNodes = computed(() => Array.isArray(this.originalValues()) || Array.isArray(this.recalculatedValues()), ...(ngDevMode ? [{ debugName: "isBlankNodes" }] : []));
         // resolve names for `<key>-failed` terms (top-level, and the `<field>-failed` nested inside each blank
@@ -10472,7 +10705,7 @@ class NodeJLogModelsComponent {
         return model.methodId;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeJLogModelsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeJLogModelsComponent, isStandalone: true, selector: "he-node-jlog-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 }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypesLabel: { classPropertyName: "filterTermTypesLabel", publicName: "filterTermTypesLabel", isSignal: true, isRequired: false, transformFunction: null }, cycle: { classPropertyName: "cycle", publicName: "cycle", isSignal: true, isRequired: false, transformFunction: null }, jlog: { classPropertyName: "jlog", publicName: "jlog", isSignal: true, isRequired: false, transformFunction: null }, jlogParentKey: { classPropertyName: "jlogParentKey", publicName: "jlogParentKey", isSignal: true, isRequired: false, transformFunction: null }, jlogParentIndex: { classPropertyName: "jlogParentIndex", publicName: "jlogParentIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<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\"><span>Units</span></th>\n        }\n        <th class=\"has-border-right\"><span>Original</span></th>\n        <th class=\"has-border-right\"><span>Recalculated</span></th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\"><span>Difference</span></th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <span>Model {{ i + 1 }}</span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (groups().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <p class=\"is-p-1\">No recalculation logs to show.</p>\n          </td>\n        </tr>\n      }\n      @for (group of groups(); track trackByGroup($index, group)) {\n        @let single = group.rows.length === 1;\n        <tr [class.has-sub-rows]=\"group.canOpen\" [class.is-open]=\"group.isOpen\">\n          <td class=\"width-auto has-border-right is-nowrap\" [attr.title]=\"group.term?.name\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              @if (group.canOpen) {\n                <a class=\"open-node\" (click)=\"toggleGroup(group)\">\n                  <he-svg-icon [name]=\"group.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                </a>\n              }\n              @if (group.term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"group.term\">\n                  <span class=\"break-word\" [innerHtml]=\"group.term?.name | compound: group.term?.termType\"></span>\n                </he-node-link>\n              } @else if (group.key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (single) {\n            <ng-container *ngTemplateOutlet=\"valueCells; context: { row: group.rows[0] }\" />\n            <ng-container *ngTemplateOutlet=\"modelCells; context: { row: group.rows[0], open: group.isOpen }\" />\n          } @else {\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right\">\n                @if (group.term) {\n                  <span class=\"is-nowrap\" [innerHtml]=\"group.term.units | compound\"></span>\n                }\n              </td>\n            }\n            <td class=\"has-border-right\">\n              @if (!isEmptyValue(group.originalValue)) {\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.originalValue }\" />\n              } @else {\n                -\n              }\n            </td>\n            <td class=\"has-border-right\">\n              @if (group.isRecalculated && !isEmptyValue(group.recalculatedValue)) {\n                @if (group.recalculatedFormula) {\n                  <span\n                    class=\"has-formula\"\n                    [ngbPopover]=\"group.recalculatedFormula\"\n                    popoverClass=\"is-narrow\"\n                    triggers=\"click\"\n                    container=\"body\">\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                }\n              } @else {\n                -\n              }\n            </td>\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right is-nowrap\">\n                @if (\n                  group.isRecalculated && !isEmptyValue(group.originalValue) && !isEmptyValue(group.recalculatedValue)\n                ) {\n                  <he-blank-node-value-delta\n                    [value]=\"group.recalculatedValue\"\n                    [originalValue]=\"group.originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              </td>\n            }\n            <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n              <span>Expand to see logs (</span>\n              @if (group.allSucceeded) {\n                <span>all succeeded</span>\n                <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n              } @else {\n                <span>some failed</span>\n                <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n              }\n              <span>)</span>\n            </td>\n          }\n        </tr>\n\n        @if (single) {\n          <ng-container\n            *ngTemplateOutlet=\"subRowsTemplate; context: { row: group.rows[0], open: group.isOpen, nested: false }\" />\n        } @else if (group.isOpen) {\n          @for (row of group.rows; track trackByRow($index, row)) {\n            <tr [class.has-sub-rows]=\"row.canOpen\" [class.is-sub-row]=\"true\">\n              <td class=\"width-auto has-border-right\">\n                <div class=\"is-flex is-align-items-flex-start is-gap-4 is-pl-3\">\n                  @if (row.canOpen) {\n                    <a class=\"open-node\" (click)=\"toggleRow(row)\">\n                      <he-svg-icon [name]=\"row.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                    </a>\n                  }\n                  <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n                  <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-gap-4\">\n                    @if (row.isFailed) {\n                      <span class=\"has-text-danger\">failed</span>\n                    } @else if (row.identitySegments.length || row.identityScalars.length) {\n                      @for (segment of row.identitySegments; track segment.field; let s = $index) {\n                        @if (s > 0) {<span>\u00B7</span>}\n                        <span>{{ segment.field | keyToLabel }}:</span>\n                        @for (term of segment.terms; track term['@id']) {\n                          <he-node-link class=\"is-inline-block\" [node]=\"term\">\n                            <span class=\"break-word\" [innerHtml]=\"term.name | compound: term.termType\"></span>\n                          </he-node-link>\n                        }\n                      }\n                      @for (scalar of row.identityScalars; track scalar.key; let i = $index) {\n                        <span class=\"break-word\">\n                          @if (i > 0 || row.identitySegments.length) {\u00B7}\n                          @if (scalar.field && row.type) {\n                            <a [href]=\"schemaBaseUrl + '/' + row.type + '#' + scalar.field\" target=\"_blank\">{{\n                              scalar.key\n                            }}</a\n                            >@if (scalar.value) {: {{ scalar.value }}}\n                          } @else {\n                            {{ scalar.key }}@if (scalar.value) {: {{ scalar.value }}}\n                          }\n                        </span>\n                      }\n                    } @else {\n                      <span class=\"has-text-grey\">entry {{ row.index + 1 }}</span>\n                    }\n                  </div>\n                </div>\n              </td>\n              <ng-container *ngTemplateOutlet=\"valueCells; context: { row }\" />\n              <ng-container *ngTemplateOutlet=\"modelCells; context: { row, open: row.isOpen }\" />\n            </tr>\n            <ng-container *ngTemplateOutlet=\"subRowsTemplate; context: { row, open: row.isOpen, nested: true }\" />\n          }\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n\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\">{{ status.value | capitalize }}</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]=\"onlyRequiredId\" />\n        <label class=\"is-size-7\" [attr.for]=\"onlyRequiredId\">\n          <span>Only show {{ filteredType() }} included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #valueCells let-row=\"row\">\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right\">\n      @if (row.term) {\n        <span class=\"is-nowrap\" [innerHtml]=\"row.term.units | compound\"></span>\n      }\n    </td>\n  }\n  <td class=\"has-border-right\">\n    @if (!isEmptyValue(row.originalValue)) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.originalValue }\" />\n    } @else {\n      -\n    }\n  </td>\n  <td class=\"has-border-right\">\n    @if (row.isRecalculated) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.recalculatedValue }\" />\n    } @else if (row.key === 'backgroundData') {\n      <!-- a container grouping the input's background-emission models; it has no value of its own -->\n      -\n    } @else if (row.isFailed || row.models.length || isEmptyValue(row.originalValue)) {\n      not recalculated\n    } @else {\n      -\n    }\n  </td>\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right is-nowrap\">\n      @if (row.isOriginal && row.isRecalculated) {\n        <he-blank-node-value-delta\n          [value]=\"row.recalculatedValue\"\n          [originalValue]=\"row.originalValue\"\n          [useCustomFunctions]=\"false\" />\n      } @else {\n        -\n      }\n    </td>\n  }\n</ng-template>\n\n<ng-template #subRowsTemplate let-row=\"row\" let-open=\"open\" let-nested=\"nested\">\n  @if (row.canOpen && open) {\n    @for (subRow of row.subRows; track trackByRow($index, subRow)) {\n      <tr class=\"is-sub-row\">\n        <td class=\"width-auto has-border-right\">\n          <div\n            class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\"\n            [class.is-pl-3]=\"!nested\"\n            [class.is-pl-5]=\"nested\">\n            <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n            @if (subRow.key === 'backgroundData') {\n              <span>Background Data</span>\n            } @else if (subRow.term) {\n              <span>{{ subRow.key | keyToLabel }}:</span>\n              <he-node-link class=\"is-inline-block\" [node]=\"subRow.term\">\n                <span class=\"break-word\" [innerHtml]=\"subRow.term?.name | compound\"></span>\n              </he-node-link>\n            } @else {\n              <span>Field:</span>\n              @if (subRow.type) {\n                <a [href]=\"schemaBaseUrl + '/' + subRow.type + '#' + subRow.key\" target=\"_blank\">{{ subRow.key }}</a>\n              } @else {\n                <span>{{ subRow.key }}</span>\n              }\n            }\n          </div>\n        </td>\n        <ng-container *ngTemplateOutlet=\"valueCells; context: { row: subRow }\" />\n        <ng-container *ngTemplateOutlet=\"modelCells; context: { row: subRow, open: true }\" />\n      </tr>\n    }\n  }\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 #modelCells let-row=\"row\" let-open=\"open\">\n  @if (row.canOpen && !open && row.models.length === 0) {\n    <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n      <span>Expand to see logs (</span>\n      @if (row.allSucceeded) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n      }\n      <span>)</span>\n    </td>\n  } @else {\n    @for (i of methodModelsCount() | times; track modelIndex; let modelIndex = $index) {\n      <td class=\"has-border-right\">\n        @if (row.modelColumns[modelIndex]; as column) {\n          @if (isArray(column)) {\n            <!-- parallel models: stacked in the same column, each with its own status -->\n            @for (model of column; track model.methodId) {\n              <ng-container *ngTemplateOutlet=\"modelCell; context: { model, row }\" />\n            }\n          } @else {\n            <ng-container *ngTemplateOutlet=\"modelCell; context: { model: column, row }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  }\n</ng-template>\n\n<ng-template #modelCell let-model=\"model\" let-row=\"row\">\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, row })\">\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        @if (modelMethodTier(model); as methodTier) {\n          <span class=\"is-nowrap\">[{{ 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() : p.open({ model })\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\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-model=\"model\">\n  @if (hasContributions()) {\n    @if (showContributionsLogs()) {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(false)\">\n          Hide contributions details\n        </button>\n      </div>\n      <he-node-logs-models-contributions [node]=\"node()\" [nodeKey]=\"nodeKey()\" [model]=\"model\" />\n    } @else {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(true)\">\n          Show contributions details\n        </button>\n      </div>\n      <he-node-logs-models-logs [logs]=\"model.logs\" />\n    }\n  } @else {\n    <he-node-logs-models-logs [logs]=\"model.logs\" />\n  }\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-row=\"row\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"$any(row)\" />\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}:host .has-formula{cursor:help;border-bottom:1px dotted currentColor}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::ng-deep .table td>div{min-height:24px}::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 .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}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType", "useCustomFunctions"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { 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: 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: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { 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: NodeLogsModelsContributionsComponent, selector: "he-node-logs-models-contributions", inputs: ["node", "nodeKey", "model"] }, { 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: CapitalizePipe, name: "capitalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeJLogModelsComponent, isStandalone: true, selector: "he-node-jlog-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 }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypesLabel: { classPropertyName: "filterTermTypesLabel", publicName: "filterTermTypesLabel", isSignal: true, isRequired: false, transformFunction: null }, cycle: { classPropertyName: "cycle", publicName: "cycle", isSignal: true, isRequired: false, transformFunction: null }, jlog: { classPropertyName: "jlog", publicName: "jlog", isSignal: true, isRequired: false, transformFunction: null }, jlogParentKey: { classPropertyName: "jlogParentKey", publicName: "jlogParentKey", isSignal: true, isRequired: false, transformFunction: null }, jlogParentIndex: { classPropertyName: "jlogParentIndex", publicName: "jlogParentIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<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\"><span>Units</span></th>\n        }\n        <th class=\"has-border-right\"><span>Original</span></th>\n        <th class=\"has-border-right\"><span>Recalculated</span></th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\"><span>Difference</span></th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <span>Model {{ i + 1 }}</span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (groups().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <p class=\"is-p-1\">No recalculation logs to show.</p>\n          </td>\n        </tr>\n      }\n      @for (group of groups(); track trackByGroup($index, group)) {\n        @let single = group.rows.length === 1;\n        <tr [class.has-sub-rows]=\"group.canOpen\" [class.is-open]=\"group.isOpen\">\n          <td class=\"width-auto has-border-right is-nowrap\" [attr.title]=\"group.term?.name\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              @if (group.canOpen) {\n                <a class=\"open-node\" (click)=\"toggleGroup(group)\">\n                  <he-svg-icon [name]=\"group.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                </a>\n              }\n              @if (group.term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"group.term\">\n                  <span class=\"break-word\" [innerHtml]=\"group.term?.name | compound: group.term?.termType\"></span>\n                </he-node-link>\n              } @else if (group.key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (single) {\n            <ng-container *ngTemplateOutlet=\"valueCells; context: { row: group.rows[0] }\" />\n            <ng-container *ngTemplateOutlet=\"modelCells; context: { row: group.rows[0], open: group.isOpen }\" />\n          } @else {\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right\">\n                @if (group.term) {\n                  <span class=\"is-nowrap\" [innerHtml]=\"group.term.units | compound\"></span>\n                }\n              </td>\n            }\n            <td class=\"has-border-right\">\n              @if (!isEmptyValue(group.originalValue)) {\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.originalValue }\" />\n              } @else {\n                -\n              }\n            </td>\n            <td class=\"has-border-right\">\n              @if (group.isRecalculated && !isEmptyValue(group.recalculatedValue)) {\n                @if (group.recalculatedFormula) {\n                  <span\n                    class=\"has-formula\"\n                    [ngbPopover]=\"group.recalculatedFormula\"\n                    popoverClass=\"is-narrow\"\n                    triggers=\"click\"\n                    container=\"body\">\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                }\n              } @else {\n                -\n              }\n            </td>\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right is-nowrap\">\n                @if (\n                  group.isRecalculated && !isEmptyValue(group.originalValue) && !isEmptyValue(group.recalculatedValue)\n                ) {\n                  <he-blank-node-value-delta\n                    [value]=\"group.recalculatedValue\"\n                    [originalValue]=\"group.originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              </td>\n            }\n            <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n              <span>Expand to see logs (</span>\n              @if (group.allSucceeded) {\n                <span>all succeeded</span>\n                <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n              } @else {\n                <span>some failed</span>\n                <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n              }\n              <span>)</span>\n            </td>\n          }\n        </tr>\n\n        @if (single) {\n          <ng-container\n            *ngTemplateOutlet=\"subRowsTemplate; context: { row: group.rows[0], open: group.isOpen, nested: false }\" />\n        } @else if (group.isOpen) {\n          @for (row of group.rows; track trackByRow($index, row)) {\n            <tr [class.has-sub-rows]=\"row.canOpen\" [class.is-sub-row]=\"true\">\n              <td class=\"width-auto has-border-right\">\n                <div class=\"is-flex is-align-items-flex-start is-gap-4 is-pl-3\">\n                  @if (row.canOpen) {\n                    <a class=\"open-node\" (click)=\"toggleRow(row)\">\n                      <he-svg-icon [name]=\"row.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                    </a>\n                  }\n                  <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n                  <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-gap-4\">\n                    @if (row.isFailed) {\n                      <span class=\"has-text-danger\">failed</span>\n                    } @else if (row.identitySegments.length || row.identityScalars.length) {\n                      @for (segment of row.identitySegments; track segment.field; let s = $index) {\n                        @if (s > 0) {<span>\u00B7</span>}\n                        <span>{{ segment.field | keyToLabel }}:</span>\n                        @for (term of segment.terms; track term['@id']) {\n                          <he-node-link class=\"is-inline-block\" [node]=\"term\">\n                            <span class=\"break-word\" [innerHtml]=\"term.name | compound: term.termType\"></span>\n                          </he-node-link>\n                        }\n                      }\n                      @for (scalar of row.identityScalars; track scalar.key; let i = $index) {\n                        <span class=\"break-word\">\n                          @if (i > 0 || row.identitySegments.length) {\u00B7}\n                          @if (scalar.field && row.type) {\n                            <a [href]=\"schemaBaseUrl + '/' + row.type + '#' + scalar.field\" target=\"_blank\">{{\n                              scalar.key\n                            }}</a\n                            >@if (scalar.value) {: {{ scalar.value }}}\n                          } @else {\n                            {{ scalar.key }}@if (scalar.value) {: {{ scalar.value }}}\n                          }\n                        </span>\n                      }\n                    } @else {\n                      <span class=\"has-text-grey\">entry {{ row.index + 1 }}</span>\n                    }\n                  </div>\n                </div>\n              </td>\n              <ng-container *ngTemplateOutlet=\"valueCells; context: { row }\" />\n              <ng-container *ngTemplateOutlet=\"modelCells; context: { row, open: row.isOpen }\" />\n            </tr>\n            <ng-container *ngTemplateOutlet=\"subRowsTemplate; context: { row, open: row.isOpen, nested: true }\" />\n          }\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n\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\">{{ status.value | capitalize }}</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]=\"onlyRequiredId\" />\n        <label class=\"is-size-7\" [attr.for]=\"onlyRequiredId\">\n          <span>Only show {{ filteredType() }} included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #valueCells let-row=\"row\">\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right\">\n      @if (row.term) {\n        <span class=\"is-nowrap\" [innerHtml]=\"row.term.units | compound\"></span>\n      }\n    </td>\n  }\n  <td class=\"has-border-right\">\n    @if (!isEmptyValue(row.originalValue)) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.originalValue }\" />\n    } @else {\n      -\n    }\n  </td>\n  <td class=\"has-border-right\">\n    @if (row.isRecalculated) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.recalculatedValue }\" />\n    } @else if (row.key === 'backgroundData') {\n      <!-- a container grouping the input's background-emission models; it has no value of its own -->\n      -\n    } @else if (row.isFailed || row.models.length || isEmptyValue(row.originalValue)) {\n      not recalculated\n    } @else {\n      -\n    }\n  </td>\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right is-nowrap\">\n      @if (row.isOriginal && row.isRecalculated) {\n        <he-blank-node-value-delta\n          [value]=\"row.recalculatedValue\"\n          [originalValue]=\"row.originalValue\"\n          [useCustomFunctions]=\"false\" />\n      } @else {\n        -\n      }\n    </td>\n  }\n</ng-template>\n\n<ng-template #subRowsTemplate let-row=\"row\" let-open=\"open\" let-nested=\"nested\">\n  @if (row.canOpen && open) {\n    @for (subRow of row.subRows; track trackByRow($index, subRow)) {\n      <tr class=\"is-sub-row\">\n        <td class=\"width-auto has-border-right\">\n          <div\n            class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\"\n            [class.is-pl-3]=\"!nested\"\n            [class.is-pl-5]=\"nested\">\n            <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n            @if (subRow.key === 'backgroundData') {\n              <span>Background Data</span>\n            } @else if (subRow.term) {\n              <span>{{ subRow.key | keyToLabel }}:</span>\n              <he-node-link class=\"is-inline-block\" [node]=\"subRow.term\">\n                <span class=\"break-word\" [innerHtml]=\"subRow.term?.name | compound\"></span>\n              </he-node-link>\n            } @else {\n              <span>Field:</span>\n              @if (subRow.type) {\n                <a [href]=\"schemaBaseUrl + '/' + subRow.type + '#' + subRow.key\" target=\"_blank\">{{ subRow.key }}</a>\n              } @else {\n                <span>{{ subRow.key }}</span>\n              }\n            }\n          </div>\n        </td>\n        <ng-container *ngTemplateOutlet=\"valueCells; context: { row: subRow }\" />\n        <ng-container *ngTemplateOutlet=\"modelCells; context: { row: subRow, open: true }\" />\n      </tr>\n    }\n  }\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 #modelCells let-row=\"row\" let-open=\"open\">\n  @if (row.canOpen && !open && row.models.length === 0) {\n    <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n      <span>Expand to see logs (</span>\n      @if (row.allSucceeded) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n      }\n      <span>)</span>\n    </td>\n  } @else {\n    @for (i of methodModelsCount() | times; track modelIndex; let modelIndex = $index) {\n      <td class=\"has-border-right\">\n        @if (row.modelColumns[modelIndex]; as column) {\n          @if (isArray(column)) {\n            <!-- parallel models: stacked in the same column, each with its own status -->\n            @for (model of column; track model.methodId) {\n              <ng-container *ngTemplateOutlet=\"modelCell; context: { model, row }\" />\n            }\n          } @else {\n            <ng-container *ngTemplateOutlet=\"modelCell; context: { model: column, row }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  }\n</ng-template>\n\n<ng-template #modelCell let-model=\"model\" let-row=\"row\">\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, row })\">\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        @if (modelMethodTier(model); as methodTier) {\n          <span class=\"is-nowrap\">[{{ 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() : p.open({ model, row })\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\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-model=\"model\" let-row=\"row\">\n  <he-node-logs-models-details\n    [model]=\"model\"\n    [value]=\"row?.recalculatedValue\"\n    [node]=\"node()\"\n    [nodeKey]=\"nodeKey()\"\n    [hasContributions]=\"hasContributions()\" />\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-row=\"row\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"$any(row)\" />\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}:host .has-formula{cursor:help;border-bottom:1px dotted currentColor}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::ng-deep .table td>div{min-height:24px}::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 .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}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType", "useCustomFunctions"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { 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: 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: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: NodeLogsModelsLogsStatusComponent, selector: "he-node-logs-models-logs-status", inputs: ["nodeType", "model", "data"] }, { kind: "component", type: NodeLogsModelsDetailsComponent, selector: "he-node-logs-models-details", inputs: ["model", "value", "node", "nodeKey", "hasContributions"] }, { 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: CapitalizePipe, name: "capitalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeJLogModelsComponent, decorators: [{
             type: Component$1,
@@ -10492,11 +10725,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         TimesPipe,
                         CapitalizePipe,
                         HESvgIconComponent,
-                        NodeLogsModelsLogsComponent,
                         NodeLogsModelsLogsStatusComponent,
-                        NodeLogsModelsContributionsComponent,
+                        NodeLogsModelsDetailsComponent,
                         GuideOverlayComponent
-                    ], template: "<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\"><span>Units</span></th>\n        }\n        <th class=\"has-border-right\"><span>Original</span></th>\n        <th class=\"has-border-right\"><span>Recalculated</span></th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\"><span>Difference</span></th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <span>Model {{ i + 1 }}</span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (groups().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <p class=\"is-p-1\">No recalculation logs to show.</p>\n          </td>\n        </tr>\n      }\n      @for (group of groups(); track trackByGroup($index, group)) {\n        @let single = group.rows.length === 1;\n        <tr [class.has-sub-rows]=\"group.canOpen\" [class.is-open]=\"group.isOpen\">\n          <td class=\"width-auto has-border-right is-nowrap\" [attr.title]=\"group.term?.name\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              @if (group.canOpen) {\n                <a class=\"open-node\" (click)=\"toggleGroup(group)\">\n                  <he-svg-icon [name]=\"group.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                </a>\n              }\n              @if (group.term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"group.term\">\n                  <span class=\"break-word\" [innerHtml]=\"group.term?.name | compound: group.term?.termType\"></span>\n                </he-node-link>\n              } @else if (group.key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (single) {\n            <ng-container *ngTemplateOutlet=\"valueCells; context: { row: group.rows[0] }\" />\n            <ng-container *ngTemplateOutlet=\"modelCells; context: { row: group.rows[0], open: group.isOpen }\" />\n          } @else {\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right\">\n                @if (group.term) {\n                  <span class=\"is-nowrap\" [innerHtml]=\"group.term.units | compound\"></span>\n                }\n              </td>\n            }\n            <td class=\"has-border-right\">\n              @if (!isEmptyValue(group.originalValue)) {\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.originalValue }\" />\n              } @else {\n                -\n              }\n            </td>\n            <td class=\"has-border-right\">\n              @if (group.isRecalculated && !isEmptyValue(group.recalculatedValue)) {\n                @if (group.recalculatedFormula) {\n                  <span\n                    class=\"has-formula\"\n                    [ngbPopover]=\"group.recalculatedFormula\"\n                    popoverClass=\"is-narrow\"\n                    triggers=\"click\"\n                    container=\"body\">\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                }\n              } @else {\n                -\n              }\n            </td>\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right is-nowrap\">\n                @if (\n                  group.isRecalculated && !isEmptyValue(group.originalValue) && !isEmptyValue(group.recalculatedValue)\n                ) {\n                  <he-blank-node-value-delta\n                    [value]=\"group.recalculatedValue\"\n                    [originalValue]=\"group.originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              </td>\n            }\n            <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n              <span>Expand to see logs (</span>\n              @if (group.allSucceeded) {\n                <span>all succeeded</span>\n                <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n              } @else {\n                <span>some failed</span>\n                <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n              }\n              <span>)</span>\n            </td>\n          }\n        </tr>\n\n        @if (single) {\n          <ng-container\n            *ngTemplateOutlet=\"subRowsTemplate; context: { row: group.rows[0], open: group.isOpen, nested: false }\" />\n        } @else if (group.isOpen) {\n          @for (row of group.rows; track trackByRow($index, row)) {\n            <tr [class.has-sub-rows]=\"row.canOpen\" [class.is-sub-row]=\"true\">\n              <td class=\"width-auto has-border-right\">\n                <div class=\"is-flex is-align-items-flex-start is-gap-4 is-pl-3\">\n                  @if (row.canOpen) {\n                    <a class=\"open-node\" (click)=\"toggleRow(row)\">\n                      <he-svg-icon [name]=\"row.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                    </a>\n                  }\n                  <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n                  <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-gap-4\">\n                    @if (row.isFailed) {\n                      <span class=\"has-text-danger\">failed</span>\n                    } @else if (row.identitySegments.length || row.identityScalars.length) {\n                      @for (segment of row.identitySegments; track segment.field; let s = $index) {\n                        @if (s > 0) {<span>\u00B7</span>}\n                        <span>{{ segment.field | keyToLabel }}:</span>\n                        @for (term of segment.terms; track term['@id']) {\n                          <he-node-link class=\"is-inline-block\" [node]=\"term\">\n                            <span class=\"break-word\" [innerHtml]=\"term.name | compound: term.termType\"></span>\n                          </he-node-link>\n                        }\n                      }\n                      @for (scalar of row.identityScalars; track scalar.key; let i = $index) {\n                        <span class=\"break-word\">\n                          @if (i > 0 || row.identitySegments.length) {\u00B7}\n                          @if (scalar.field && row.type) {\n                            <a [href]=\"schemaBaseUrl + '/' + row.type + '#' + scalar.field\" target=\"_blank\">{{\n                              scalar.key\n                            }}</a\n                            >@if (scalar.value) {: {{ scalar.value }}}\n                          } @else {\n                            {{ scalar.key }}@if (scalar.value) {: {{ scalar.value }}}\n                          }\n                        </span>\n                      }\n                    } @else {\n                      <span class=\"has-text-grey\">entry {{ row.index + 1 }}</span>\n                    }\n                  </div>\n                </div>\n              </td>\n              <ng-container *ngTemplateOutlet=\"valueCells; context: { row }\" />\n              <ng-container *ngTemplateOutlet=\"modelCells; context: { row, open: row.isOpen }\" />\n            </tr>\n            <ng-container *ngTemplateOutlet=\"subRowsTemplate; context: { row, open: row.isOpen, nested: true }\" />\n          }\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n\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\">{{ status.value | capitalize }}</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]=\"onlyRequiredId\" />\n        <label class=\"is-size-7\" [attr.for]=\"onlyRequiredId\">\n          <span>Only show {{ filteredType() }} included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #valueCells let-row=\"row\">\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right\">\n      @if (row.term) {\n        <span class=\"is-nowrap\" [innerHtml]=\"row.term.units | compound\"></span>\n      }\n    </td>\n  }\n  <td class=\"has-border-right\">\n    @if (!isEmptyValue(row.originalValue)) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.originalValue }\" />\n    } @else {\n      -\n    }\n  </td>\n  <td class=\"has-border-right\">\n    @if (row.isRecalculated) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.recalculatedValue }\" />\n    } @else if (row.key === 'backgroundData') {\n      <!-- a container grouping the input's background-emission models; it has no value of its own -->\n      -\n    } @else if (row.isFailed || row.models.length || isEmptyValue(row.originalValue)) {\n      not recalculated\n    } @else {\n      -\n    }\n  </td>\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right is-nowrap\">\n      @if (row.isOriginal && row.isRecalculated) {\n        <he-blank-node-value-delta\n          [value]=\"row.recalculatedValue\"\n          [originalValue]=\"row.originalValue\"\n          [useCustomFunctions]=\"false\" />\n      } @else {\n        -\n      }\n    </td>\n  }\n</ng-template>\n\n<ng-template #subRowsTemplate let-row=\"row\" let-open=\"open\" let-nested=\"nested\">\n  @if (row.canOpen && open) {\n    @for (subRow of row.subRows; track trackByRow($index, subRow)) {\n      <tr class=\"is-sub-row\">\n        <td class=\"width-auto has-border-right\">\n          <div\n            class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\"\n            [class.is-pl-3]=\"!nested\"\n            [class.is-pl-5]=\"nested\">\n            <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n            @if (subRow.key === 'backgroundData') {\n              <span>Background Data</span>\n            } @else if (subRow.term) {\n              <span>{{ subRow.key | keyToLabel }}:</span>\n              <he-node-link class=\"is-inline-block\" [node]=\"subRow.term\">\n                <span class=\"break-word\" [innerHtml]=\"subRow.term?.name | compound\"></span>\n              </he-node-link>\n            } @else {\n              <span>Field:</span>\n              @if (subRow.type) {\n                <a [href]=\"schemaBaseUrl + '/' + subRow.type + '#' + subRow.key\" target=\"_blank\">{{ subRow.key }}</a>\n              } @else {\n                <span>{{ subRow.key }}</span>\n              }\n            }\n          </div>\n        </td>\n        <ng-container *ngTemplateOutlet=\"valueCells; context: { row: subRow }\" />\n        <ng-container *ngTemplateOutlet=\"modelCells; context: { row: subRow, open: true }\" />\n      </tr>\n    }\n  }\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 #modelCells let-row=\"row\" let-open=\"open\">\n  @if (row.canOpen && !open && row.models.length === 0) {\n    <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n      <span>Expand to see logs (</span>\n      @if (row.allSucceeded) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n      }\n      <span>)</span>\n    </td>\n  } @else {\n    @for (i of methodModelsCount() | times; track modelIndex; let modelIndex = $index) {\n      <td class=\"has-border-right\">\n        @if (row.modelColumns[modelIndex]; as column) {\n          @if (isArray(column)) {\n            <!-- parallel models: stacked in the same column, each with its own status -->\n            @for (model of column; track model.methodId) {\n              <ng-container *ngTemplateOutlet=\"modelCell; context: { model, row }\" />\n            }\n          } @else {\n            <ng-container *ngTemplateOutlet=\"modelCell; context: { model: column, row }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  }\n</ng-template>\n\n<ng-template #modelCell let-model=\"model\" let-row=\"row\">\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, row })\">\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        @if (modelMethodTier(model); as methodTier) {\n          <span class=\"is-nowrap\">[{{ 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() : p.open({ model })\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\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-model=\"model\">\n  @if (hasContributions()) {\n    @if (showContributionsLogs()) {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(false)\">\n          Hide contributions details\n        </button>\n      </div>\n      <he-node-logs-models-contributions [node]=\"node()\" [nodeKey]=\"nodeKey()\" [model]=\"model\" />\n    } @else {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(true)\">\n          Show contributions details\n        </button>\n      </div>\n      <he-node-logs-models-logs [logs]=\"model.logs\" />\n    }\n  } @else {\n    <he-node-logs-models-logs [logs]=\"model.logs\" />\n  }\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-row=\"row\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"$any(row)\" />\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}:host .has-formula{cursor:help;border-bottom:1px dotted currentColor}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::ng-deep .table td>div{min-height:24px}::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 .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}\n"] }]
+                    ], template: "<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\"><span>Units</span></th>\n        }\n        <th class=\"has-border-right\"><span>Original</span></th>\n        <th class=\"has-border-right\"><span>Recalculated</span></th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\"><span>Difference</span></th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <span>Model {{ i + 1 }}</span>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (groups().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <p class=\"is-p-1\">No recalculation logs to show.</p>\n          </td>\n        </tr>\n      }\n      @for (group of groups(); track trackByGroup($index, group)) {\n        @let single = group.rows.length === 1;\n        <tr [class.has-sub-rows]=\"group.canOpen\" [class.is-open]=\"group.isOpen\">\n          <td class=\"width-auto has-border-right is-nowrap\" [attr.title]=\"group.term?.name\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              @if (group.canOpen) {\n                <a class=\"open-node\" (click)=\"toggleGroup(group)\">\n                  <he-svg-icon [name]=\"group.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                </a>\n              }\n              @if (group.term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"group.term\">\n                  <span class=\"break-word\" [innerHtml]=\"group.term?.name | compound: group.term?.termType\"></span>\n                </he-node-link>\n              } @else if (group.key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + group.key\" target=\"_blank\">\n                    <span>{{ group.key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (single) {\n            <ng-container *ngTemplateOutlet=\"valueCells; context: { row: group.rows[0] }\" />\n            <ng-container *ngTemplateOutlet=\"modelCells; context: { row: group.rows[0], open: group.isOpen }\" />\n          } @else {\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right\">\n                @if (group.term) {\n                  <span class=\"is-nowrap\" [innerHtml]=\"group.term.units | compound\"></span>\n                }\n              </td>\n            }\n            <td class=\"has-border-right\">\n              @if (!isEmptyValue(group.originalValue)) {\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.originalValue }\" />\n              } @else {\n                -\n              }\n            </td>\n            <td class=\"has-border-right\">\n              @if (group.isRecalculated && !isEmptyValue(group.recalculatedValue)) {\n                @if (group.recalculatedFormula) {\n                  <span\n                    class=\"has-formula\"\n                    [ngbPopover]=\"group.recalculatedFormula\"\n                    popoverClass=\"is-narrow\"\n                    triggers=\"click\"\n                    container=\"body\">\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: group.recalculatedValue }\" />\n                }\n              } @else {\n                -\n              }\n            </td>\n            @if (isBlankNodes()) {\n              <td class=\"has-border-right is-nowrap\">\n                @if (\n                  group.isRecalculated && !isEmptyValue(group.originalValue) && !isEmptyValue(group.recalculatedValue)\n                ) {\n                  <he-blank-node-value-delta\n                    [value]=\"group.recalculatedValue\"\n                    [originalValue]=\"group.originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              </td>\n            }\n            <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n              <span>Expand to see logs (</span>\n              @if (group.allSucceeded) {\n                <span>all succeeded</span>\n                <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n              } @else {\n                <span>some failed</span>\n                <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n              }\n              <span>)</span>\n            </td>\n          }\n        </tr>\n\n        @if (single) {\n          <ng-container\n            *ngTemplateOutlet=\"subRowsTemplate; context: { row: group.rows[0], open: group.isOpen, nested: false }\" />\n        } @else if (group.isOpen) {\n          @for (row of group.rows; track trackByRow($index, row)) {\n            <tr [class.has-sub-rows]=\"row.canOpen\" [class.is-sub-row]=\"true\">\n              <td class=\"width-auto has-border-right\">\n                <div class=\"is-flex is-align-items-flex-start is-gap-4 is-pl-3\">\n                  @if (row.canOpen) {\n                    <a class=\"open-node\" (click)=\"toggleRow(row)\">\n                      <he-svg-icon [name]=\"row.isOpen ? 'chevron-down' : 'chevron-right'\" />\n                    </a>\n                  }\n                  <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n                  <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-gap-4\">\n                    @if (row.isFailed) {\n                      <span class=\"has-text-danger\">failed</span>\n                    } @else if (row.identitySegments.length || row.identityScalars.length) {\n                      @for (segment of row.identitySegments; track segment.field; let s = $index) {\n                        @if (s > 0) {<span>\u00B7</span>}\n                        <span>{{ segment.field | keyToLabel }}:</span>\n                        @for (term of segment.terms; track term['@id']) {\n                          <he-node-link class=\"is-inline-block\" [node]=\"term\">\n                            <span class=\"break-word\" [innerHtml]=\"term.name | compound: term.termType\"></span>\n                          </he-node-link>\n                        }\n                      }\n                      @for (scalar of row.identityScalars; track scalar.key; let i = $index) {\n                        <span class=\"break-word\">\n                          @if (i > 0 || row.identitySegments.length) {\u00B7}\n                          @if (scalar.field && row.type) {\n                            <a [href]=\"schemaBaseUrl + '/' + row.type + '#' + scalar.field\" target=\"_blank\">{{\n                              scalar.key\n                            }}</a\n                            >@if (scalar.value) {: {{ scalar.value }}}\n                          } @else {\n                            {{ scalar.key }}@if (scalar.value) {: {{ scalar.value }}}\n                          }\n                        </span>\n                      }\n                    } @else {\n                      <span class=\"has-text-grey\">entry {{ row.index + 1 }}</span>\n                    }\n                  </div>\n                </div>\n              </td>\n              <ng-container *ngTemplateOutlet=\"valueCells; context: { row }\" />\n              <ng-container *ngTemplateOutlet=\"modelCells; context: { row, open: row.isOpen }\" />\n            </tr>\n            <ng-container *ngTemplateOutlet=\"subRowsTemplate; context: { row, open: row.isOpen, nested: true }\" />\n          }\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n\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\">{{ status.value | capitalize }}</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]=\"onlyRequiredId\" />\n        <label class=\"is-size-7\" [attr.for]=\"onlyRequiredId\">\n          <span>Only show {{ filteredType() }} included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #valueCells let-row=\"row\">\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right\">\n      @if (row.term) {\n        <span class=\"is-nowrap\" [innerHtml]=\"row.term.units | compound\"></span>\n      }\n    </td>\n  }\n  <td class=\"has-border-right\">\n    @if (!isEmptyValue(row.originalValue)) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.originalValue }\" />\n    } @else {\n      -\n    }\n  </td>\n  <td class=\"has-border-right\">\n    @if (row.isRecalculated) {\n      <ng-container *ngTemplateOutlet=\"valueContent; context: { value: row.recalculatedValue }\" />\n    } @else if (row.key === 'backgroundData') {\n      <!-- a container grouping the input's background-emission models; it has no value of its own -->\n      -\n    } @else if (row.isFailed || row.models.length || isEmptyValue(row.originalValue)) {\n      not recalculated\n    } @else {\n      -\n    }\n  </td>\n  @if (isBlankNodes()) {\n    <td class=\"has-border-right is-nowrap\">\n      @if (row.isOriginal && row.isRecalculated) {\n        <he-blank-node-value-delta\n          [value]=\"row.recalculatedValue\"\n          [originalValue]=\"row.originalValue\"\n          [useCustomFunctions]=\"false\" />\n      } @else {\n        -\n      }\n    </td>\n  }\n</ng-template>\n\n<ng-template #subRowsTemplate let-row=\"row\" let-open=\"open\" let-nested=\"nested\">\n  @if (row.canOpen && open) {\n    @for (subRow of row.subRows; track trackByRow($index, subRow)) {\n      <tr class=\"is-sub-row\">\n        <td class=\"width-auto has-border-right\">\n          <div\n            class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\"\n            [class.is-pl-3]=\"!nested\"\n            [class.is-pl-5]=\"nested\">\n            <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n            @if (subRow.key === 'backgroundData') {\n              <span>Background Data</span>\n            } @else if (subRow.term) {\n              <span>{{ subRow.key | keyToLabel }}:</span>\n              <he-node-link class=\"is-inline-block\" [node]=\"subRow.term\">\n                <span class=\"break-word\" [innerHtml]=\"subRow.term?.name | compound\"></span>\n              </he-node-link>\n            } @else {\n              <span>Field:</span>\n              @if (subRow.type) {\n                <a [href]=\"schemaBaseUrl + '/' + subRow.type + '#' + subRow.key\" target=\"_blank\">{{ subRow.key }}</a>\n              } @else {\n                <span>{{ subRow.key }}</span>\n              }\n            }\n          </div>\n        </td>\n        <ng-container *ngTemplateOutlet=\"valueCells; context: { row: subRow }\" />\n        <ng-container *ngTemplateOutlet=\"modelCells; context: { row: subRow, open: true }\" />\n      </tr>\n    }\n  }\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 #modelCells let-row=\"row\" let-open=\"open\">\n  @if (row.canOpen && !open && row.models.length === 0) {\n    <td class=\"has-border-right\" [attr.colspan]=\"methodModelsCount()\">\n      <span>Expand to see logs (</span>\n      @if (row.allSucceeded) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1 has-text-success\" name=\"checkmark\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1 has-text-danger\" name=\"xmark\" />\n      }\n      <span>)</span>\n    </td>\n  } @else {\n    @for (i of methodModelsCount() | times; track modelIndex; let modelIndex = $index) {\n      <td class=\"has-border-right\">\n        @if (row.modelColumns[modelIndex]; as column) {\n          @if (isArray(column)) {\n            <!-- parallel models: stacked in the same column, each with its own status -->\n            @for (model of column; track model.methodId) {\n              <ng-container *ngTemplateOutlet=\"modelCell; context: { model, row }\" />\n            }\n          } @else {\n            <ng-container *ngTemplateOutlet=\"modelCell; context: { model: column, row }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  }\n</ng-template>\n\n<ng-template #modelCell let-model=\"model\" let-row=\"row\">\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, row })\">\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        @if (modelMethodTier(model); as methodTier) {\n          <span class=\"is-nowrap\">[{{ 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() : p.open({ model, row })\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\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-model=\"model\" let-row=\"row\">\n  <he-node-logs-models-details\n    [model]=\"model\"\n    [value]=\"row?.recalculatedValue\"\n    [node]=\"node()\"\n    [nodeKey]=\"nodeKey()\"\n    [hasContributions]=\"hasContributions()\" />\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-row=\"row\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"$any(row)\" />\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}:host .has-formula{cursor:help;border-bottom:1px dotted currentColor}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::ng-deep .table td>div{min-height:24px}::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 .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}\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 }] }], filterTermTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterTermTypes", required: false }] }], filterTermTypesLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterTermTypesLabel", required: false }] }], cycle: [{ type: i0.Input, args: [{ isSignal: true, alias: "cycle", required: false }] }], jlog: [{ type: i0.Input, args: [{ isSignal: true, alias: "jlog", required: false }] }], jlogParentKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "jlogParentKey", required: false }] }], jlogParentIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "jlogParentIndex", required: false }] }] } });
 
 const groupTerms = (terms) => terms.reduce((prev, curr) => ({ ...prev, [curr['@id']]: curr }), {});
@@ -10827,7 +11059,7 @@ class NodeLogsModelsComponent {
         return subValues.every(v => v.configModels.some(vv => [LogStatus.success, LogStatus.notRequired, LogStatus.dataProvided].includes(vv.status)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsModelsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", 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 }, cycle: { classPropertyName: "cycle", publicName: "cycle", isSignal: true, isRequired: false, transformFunction: null }, jlogParentKey: { classPropertyName: "jlogParentKey", publicName: "jlogParentKey", isSignal: true, isRequired: false, transformFunction: null }, jlogParentIndex: { classPropertyName: "jlogParentIndex", publicName: "jlogParentIndex", 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() && !loadingJLog() && !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@if (loadingJLog()) {\n  <p class=\"has-text-centered py-3\">\n    <he-svg-icon name=\"loading\" animation=\"spin\" size=\"40\" />\n  </p>\n} @else if (useJLog()) {\n  <he-node-jlog-models\n    [node]=\"node()\"\n    [nodeKey]=\"$any(nodeKey())\"\n    [originalValues]=\"$any(originalValues())\"\n    [recalculatedValues]=\"$any(recalculatedValues())\"\n    [filterTermTypes]=\"filterTermTypes()\"\n    [filterTermTypesLabel]=\"filterTermTypesLabel()\"\n    [cycle]=\"cycle()\"\n    [jlog]=\"jlog()\"\n    [jlogParentKey]=\"jlogParentKey()\"\n    [jlogParentIndex]=\"jlogParentIndex()\" />\n} @else {\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          @let configModels = $any(blankNode).configModels;\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 class=\"is-nowrap\" [innerHtml]=\"$any(blankNode).term.units | compound\"></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 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.isRecalculated) {\n                @if (blankNode.allParallel) {\n                  @for (model of 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 (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 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\">{{ status.value | capitalize }}</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]=\"onlyRequiredId\" />\n          <label class=\"is-size-7\" [attr.for]=\"onlyRequiredId\">\n            <span>Only show {{ filteredType() }} included in the default HESTIA system boundary</span>\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n}\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 class=\"is-nowrap\" [innerHtml]=\"$any(blankNode).term.units | compound\"></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({ model }) : 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-model=\"model\">\n  @if (hasContributions()) {\n    @if (showContributionsLogs()) {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(false)\">\n          Hide contributions details\n        </button>\n      </div>\n      <he-node-logs-models-contributions [node]=\"node()\" [nodeKey]=\"nodeKey()\" [model]=\"model\" />\n    } @else {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(true)\">\n          Show contributions details\n        </button>\n      </div>\n      <he-node-logs-models-logs [logs]=\"model.logs\" />\n    }\n  } @else {\n    <he-node-logs-models-logs [logs]=\"model.logs\" />\n  }\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 td>div{min-height:24px}::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: NodeLogsModelsContributionsComponent, selector: "he-node-logs-models-contributions", inputs: ["node", "nodeKey", "model"] }, { 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: "component", type: NodeJLogModelsComponent, selector: "he-node-jlog-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "filterTermTypes", "filterTermTypesLabel", "cycle", "jlog", "jlogParentKey", "jlogParentIndex"] }, { 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" }, { kind: "pipe", type: CapitalizePipe, name: "capitalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", 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 }, cycle: { classPropertyName: "cycle", publicName: "cycle", isSignal: true, isRequired: false, transformFunction: null }, jlogParentKey: { classPropertyName: "jlogParentKey", publicName: "jlogParentKey", isSignal: true, isRequired: false, transformFunction: null }, jlogParentIndex: { classPropertyName: "jlogParentIndex", publicName: "jlogParentIndex", 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() && !loadingJLog() && !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@if (loadingJLog()) {\n  <p class=\"has-text-centered py-3\">\n    <he-svg-icon name=\"loading\" animation=\"spin\" size=\"40\" />\n  </p>\n} @else if (useJLog()) {\n  <he-node-jlog-models\n    [node]=\"node()\"\n    [nodeKey]=\"$any(nodeKey())\"\n    [originalValues]=\"$any(originalValues())\"\n    [recalculatedValues]=\"$any(recalculatedValues())\"\n    [filterTermTypes]=\"filterTermTypes()\"\n    [filterTermTypesLabel]=\"filterTermTypesLabel()\"\n    [cycle]=\"cycle()\"\n    [jlog]=\"jlog()\"\n    [jlogParentKey]=\"jlogParentKey()\"\n    [jlogParentIndex]=\"jlogParentIndex()\" />\n} @else {\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          @let configModels = $any(blankNode).configModels;\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 class=\"is-nowrap\" [innerHtml]=\"$any(blankNode).term.units | compound\"></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 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.isRecalculated) {\n                @if (blankNode.allParallel) {\n                  @for (model of 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 (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 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\">{{ status.value | capitalize }}</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]=\"onlyRequiredId\" />\n          <label class=\"is-size-7\" [attr.for]=\"onlyRequiredId\">\n            <span>Only show {{ filteredType() }} included in the default HESTIA system boundary</span>\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n}\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 class=\"is-nowrap\" [innerHtml]=\"$any(blankNode).term.units | compound\"></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({ model }) : 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-model=\"model\">\n  @if (hasContributions()) {\n    @if (showContributionsLogs()) {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(false)\">\n          Hide contributions details\n        </button>\n      </div>\n      <he-node-logs-models-contributions [node]=\"node()\" [nodeKey]=\"nodeKey()\" [model]=\"model\" />\n    } @else {\n      <div class=\"has-text-right is-mb-1\">\n        <button class=\"button is-white is-small is-outlined\" (click)=\"showContributionsLogs.set(true)\">\n          Show contributions details\n        </button>\n      </div>\n      <he-node-logs-models-logs [logs]=\"model.logs\" />\n    }\n  } @else {\n    <he-node-logs-models-logs [logs]=\"model.logs\" />\n  }\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 td>div{min-height:24px}::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", "renderRaw"] }, { kind: "component", type: NodeLogsModelsLogsStatusComponent, selector: "he-node-logs-models-logs-status", inputs: ["nodeType", "model", "data"] }, { kind: "component", type: NodeLogsModelsContributionsComponent, selector: "he-node-logs-models-contributions", inputs: ["node", "nodeKey", "model"] }, { 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: "component", type: NodeJLogModelsComponent, selector: "he-node-jlog-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "filterTermTypes", "filterTermTypesLabel", "cycle", "jlog", "jlogParentKey", "jlogParentIndex"] }, { 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" }, { kind: "pipe", type: CapitalizePipe, name: "capitalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsModelsComponent, decorators: [{
             type: Component$1,
@@ -16354,5 +16586,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ChartExportButtonComponent, ChartTooltipComponent, ClickOutsideDirective, ClipboardComponent, CollapsibleBoxComponent, CollapsibleBoxStyle, ColorPalette, CompoundDirective, CompoundPipe, ContributionChartComponent, ControlValueAccessor, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsCategoryService, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesMetadataComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DistributionChartComponent, DrawerContainerComponent, DurationPipe, EllipsisPipe, EngineModelsLinkComponent, EngineModelsLookupInfoComponent, EngineModelsStageComponent, EngineModelsStageDeepComponent, EngineModelsStageDeepService, EngineModelsVersionInfoComponent, 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, MaxPipe, MeanPipe, MedianPipe, MendeleySearchResult, MinPipe, MobileShellComponent, NavigationMenuComponent, NoExtPipe, NodeAggregatedComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeCsvExportConfirmComponent, NodeCsvPreviewComponent, NodeCsvSelectHeadersComponent, NodeIconComponent, NodeJLogModelsComponent, NodeJsonldComponent, NodeJsonldSchemaComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeLogsTimeComponent, NodeMissingLookupFactorsComponent, NodeQualityScore, NodeRecommendationsComponent, NodeSelectComponent, NodeValueDetailsComponent, PipelineStagesProgressComponent, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RelatedNodeResult, RemoveMarkdownPipe, RepeatPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, ShelfDialogComponent, ShellComponent, SiteNodesKeyGroup, SitesManagementChartComponent, SitesMapsComponent, SitesNodesComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, SumPipe, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, ThousandsPipe, TimesPipe, ToastComponent, UncapitalizePipe, addPolygonToFeature, afterBarDrawPlugin, allCountriesQuery, allGroups, allOptions, availableProperties, axisHoverPlugin, backgroundHoverPlugin, baseApiUrl, baseUrl, bottom, buildSummary, bytesSize, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, capitalize, changelogUrl, clustererImage, code, colorToRgba, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, convertToSvg, coordinatesToPoint, copyObject, countGroupVisibleNodes, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, dataVersionHeader, dataVersionHeaderKey, defaultFeature, defaultLabel, defaultSuggestionType, defaultSvgIconSize, defaultTicksFont, definitionToSchemaType, distinctUntilChangedDeep, downloadFile, downloadPng, downloadSvg, ellipsis, engineGitBaseUrl, engineGitUrl, errorText, evaluateSuccess, exportAsSVG, exportFormats, externalLink, externalNodeLink, fillColor, fillStyle, filterBlankNode$1 as filterBlankNode, filterParams, findConfigModels, findMatchingModel, findModels, findNodeModel, findOrchestratorModel, findProperty, findPropertyById, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatDate, formatError, formatPropertyError, formatter, getColor, getDatesBetween, gitBranch, gitHome, gitlabRawUrl, glossaryBaseUrl, glossaryLink, groupChanged, groupJLogByField, groupJLogByTerm, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, groupsLogsByFields, guideModelUrl, guideNamespace, handleAPIError, handleGuideEvent, hasError, hasValidationError, hasWarning, hexToRgba, iconSizes, icons, ignoreKeys$2 as ignoreKeys, increaseScaleLimits, initialFilterState, injectResizeEvent$, inputGroupsTermTypes, isAddPropertyEnabled, isChrome, isDateBetween, isEqual, isExternal, isKeyClosedVisible, isKeyHidden, isMaxStage, isMethodModelAllowed, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isTermTypeAllowed, isValidKey, jLogModelCount, keyToDataPath, levels, listColor, listColorContinuous, listColorWithAlpha, loadMapApi, loadSvgSprite, locationQuery, logToCsv$2 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, modelCount, modelKeyParams, modelParams, models, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, noValue, nodeAvailableProperties, nodeById, nodeColours$1 as nodeColours, nodeDataState, nodeDataStates, nodeId, nodeIds, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeSecondaryColours, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeTypeIcon, nodeTypeIconSchema, nodeUrl, nodeUrlParams, nodeVersion, nodesByState, nodesByType, numberGte, optionsFromGroup, parentKey, parentProperty, parseColor, parseData, parseDataPath, parseLines, 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, simplifyContributions, singleProperty, siteTooBig, siteTypeToColor, siteTypeToIcon, sortProperties, sortedDates, strokeColor, strokeStyle, subValueKeys, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toSnakeCase, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueLink, valueToString, valueTypeToDefault, valueValue, waitFor, wildcardQuery };
+export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ChartExportButtonComponent, ChartTooltipComponent, ClickOutsideDirective, ClipboardComponent, CollapsibleBoxComponent, CollapsibleBoxStyle, ColorPalette, CompoundDirective, CompoundPipe, ContributionChartComponent, ControlValueAccessor, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsCategoryService, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesMetadataComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DistributionChartComponent, DrawerContainerComponent, DurationPipe, EllipsisPipe, EngineModelsLinkComponent, EngineModelsLookupInfoComponent, EngineModelsStageComponent, EngineModelsStageDeepComponent, EngineModelsStageDeepService, EngineModelsVersionInfoComponent, 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, KatexDirective, KeyToLabelPipe, Level, LineChartComponent, LinkKeyValueComponent, LogStatus, LongPressDirective, MAX_RESULTS, MapsDrawingComponent, MapsDrawingConfirmComponent, MaxPipe, MeanPipe, MedianPipe, MendeleySearchResult, MinPipe, MobileShellComponent, NavigationMenuComponent, NoExtPipe, NodeAggregatedComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeCsvExportConfirmComponent, NodeCsvPreviewComponent, NodeCsvSelectHeadersComponent, NodeIconComponent, NodeJLogModelsComponent, NodeJsonldComponent, NodeJsonldSchemaComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeLogsTimeComponent, NodeMissingLookupFactorsComponent, NodeQualityScore, NodeRecommendationsComponent, NodeSelectComponent, NodeValueDetailsComponent, PipelineStagesProgressComponent, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RelatedNodeResult, RemoveMarkdownPipe, RepeatPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, ShelfDialogComponent, ShellComponent, SiteNodesKeyGroup, SitesManagementChartComponent, SitesMapsComponent, SitesNodesComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, SumPipe, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, ThousandsPipe, TimesPipe, ToastComponent, UncapitalizePipe, addPolygonToFeature, afterBarDrawPlugin, allCountriesQuery, allGroups, allOptions, availableProperties, axisHoverPlugin, backgroundHoverPlugin, baseApiUrl, baseUrl, bottom, buildSummary, bytesSize, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, capitalize, changelogUrl, clustererImage, code, colorToRgba, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, convertToSvg, coordinatesToPoint, copyObject, countGroupVisibleNodes, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, dataVersionHeader, dataVersionHeaderKey, defaultFeature, defaultLabel, defaultSuggestionType, defaultSvgIconSize, defaultTicksFont, definitionToSchemaType, distinctUntilChangedDeep, downloadFile, downloadPng, downloadSvg, ellipsis, engineGitBaseUrl, engineGitUrl, errorText, evaluateSuccess, exportAsSVG, exportFormats, externalLink, externalNodeLink, fillColor, fillStyle, filterBlankNode$1 as filterBlankNode, filterParams, findConfigModels, findMatchingModel, findModels, findNodeModel, findOrchestratorModel, findProperty, findPropertyById, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatDate, formatError, formatPropertyError, formatter, getColor, getDatesBetween, gitBranch, gitHome, gitlabRawUrl, glossaryBaseUrl, glossaryLink, groupChanged, groupJLogByField, groupJLogByTerm, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, groupsLogsByFields, guideModelUrl, guideNamespace, handleAPIError, handleGuideEvent, hasError, hasValidationError, hasWarning, hexToRgba, iconSizes, icons, ignoreKeys$2 as ignoreKeys, increaseScaleLimits, initialFilterState, injectResizeEvent$, inputGroupsTermTypes, isAddPropertyEnabled, isChrome, isDateBetween, isEqual, isExternal, isKeyClosedVisible, isKeyHidden, isMaxStage, isMethodModelAllowed, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isTermTypeAllowed, isValidKey, jLogModelCount, keyToDataPath, levels, listColor, listColorContinuous, listColorWithAlpha, loadMapApi, loadSvgSprite, locationQuery, logToCsv$2 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, modelCount, modelKeyParams, modelParams, models, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, noValue, nodeAvailableProperties, nodeById, nodeColours$1 as nodeColours, nodeDataState, nodeDataStates, nodeId, nodeIds, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeSecondaryColours, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeTypeIcon, nodeTypeIconSchema, nodeUrl, nodeUrlParams, nodeVersion, nodesByState, nodesByType, numberGte, optionsFromGroup, parentKey, parentProperty, parseColor, parseData, parseDataPath, parseLines, 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, simplifyContributions, singleProperty, siteTooBig, siteTypeToColor, siteTypeToIcon, sortProperties, sortedDates, strokeColor, strokeStyle, subValueKeys, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toSnakeCase, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueLink, valueToString, valueTypeToDefault, valueValue, waitFor, wildcardQuery };
 //# sourceMappingURL=hestia-earth-ui-components.mjs.map