@hestia-earth/ui-components 0.43.8 → 0.43.10

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

@@ -19,6 +19,7 @@ import { propertyValue as propertyValue$1, emptyValue } from '@hestia-earth/util
 import defaultModelId from '@hestia-earth/glossary/resources/defaultModelId.json';
 import modelGroups from '@hestia-earth/glossary/resources/modelGroups.json';
 import inHestiaDefaultSystemBoundary from '@hestia-earth/glossary/resources/inHestiaDefaultSystemBoundary.json';
+import plantationIds from '@hestia-earth/glossary/resources/isPlantation.json';
 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, getFormulas, renderFormula, getMaxStage } from '@hestia-earth/engine-models';
@@ -52,6 +53,7 @@ import { MarkdownComponent } from 'ngx-markdown';
 import { KatexDirective } from '@hestia-earth/ui-components/katex';
 export * from '@hestia-earth/ui-components/katex';
 import arrayTreatment from '@hestia-earth/glossary/resources/arrayTreatment.json';
+import { getFormulas as getFormulas$1 } from '@hestia-earth/aggregation-engine';
 import * as semver from 'semver';
 import { parse } from 'papaparse';
 import omit from 'lodash.omit';
@@ -912,6 +914,13 @@ const isInSystemBoundary = (id) => {
     const value = inHestiaDefaultSystemBoundary[id];
     return !value || value === 'true';
 };
+// the resource is the list of ids the lookup is true for; built into a Set once, as the glossary does
+const plantations = new Set(plantationIds);
+/**
+ * Whether the crop is grown as a plantation - a permanent crop producing over several years, rather
+ * than one planted and harvested within a Cycle.
+ */
+const isPlantation = (id) => plantations.has(id);
 
 const maxAreaSize = 5000;
 const siteTooBig = ({ area }) => area && area / 100 > maxAreaSize;
@@ -8378,10 +8387,14 @@ const hasPreviousModelSuccess = (models, index = 0) => filterConfigModels(models
 const dataWithConfigModelLogs = (logs, termId) => (data) => {
     const subLogKey = data.blankNode ? subValueLogKey(data) : null;
     const log = (subLogKey ? logs[subLogKey] : null) || logs;
-    const termsLog = termId in log && data.key === 'input'
-        ? log[termId].models.reduce((p, c) => {
+    // `log[termId]` only lists `models` when the entry came from a model run: a log that is not a
+    // recalculation (an aggregated Cycle's, which describes the aggregation) has no models to extend
+    const termModels = (termId in log && log[termId]?.models) || [];
+    const termsLog = termModels.length && data.key === 'input'
+        ? termModels.reduce((p, c) => {
             // extend requirements if none found
-            p[c].requirements = p[c]?.requirements || log[c]?.requirements;
+            if (p[c])
+                p[c].requirements = p[c].requirements || log[c]?.requirements;
             return p;
         }, log[termId])
         : log;
@@ -9094,7 +9107,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 }]
         }] });
 
-const isMissing = (value) => value === undefined || value === null || value === '';
+// documentation writes inline symbols as TeX between single `$`, e.g. "the weight of $i$"
+const INLINE_MATH_RE = /\$([^$]+)\$/g;
+/**
+ * Split documentation text into its plain runs and the inline math between them, so a description
+ * shows its symbols as symbols rather than the raw `$w_i$` source it is written with.
+ */
+const toTextParts = (value) => {
+    if (!value)
+        return [];
+    const parts = [];
+    let last = 0;
+    INLINE_MATH_RE.lastIndex = 0;
+    for (let match; (match = INLINE_MATH_RE.exec(value));) {
+        if (match.index > last)
+            parts.push({ text: value.slice(last, match.index) });
+        parts.push({ math: match[1] });
+        last = INLINE_MATH_RE.lastIndex;
+    }
+    if (last < value.length)
+        parts.push({ text: value.slice(last) });
+    return parts;
+};
+
+/**
+ * Displays a set of formulas with the variables documented under them, and a switch between the
+ * symbolic and the substituted view.
+ *
+ * Presentation only: the caller decides which formulas to show and how their symbols resolve, which
+ * differs entirely between a recalculation (a model's jlog entry, with sub-formulas and
+ * contributions) and an aggregation (the quantities the aggregation records for a data item).
+ */
+class FormulaBlockComponent {
+    constructor() {
+        /**
+         * The formulas to display, already rendered by the caller.
+         */
+        this.formulas = input([], ...(ngDevMode ? [{ debugName: "formulas" }] : []));
+        /**
+         * Whether any symbol resolves. When nothing does, the substituted view would be identical to the
+         * symbolic one, so the switch is disabled rather than silently doing nothing.
+         */
+        this.hasSubstitutions = input(false, ...(ngDevMode ? [{ debugName: "hasSubstitutions" }] : []));
+        /**
+         * Shown when the switch is disabled, to say why there is nothing to substitute.
+         */
+        this.emptyTitle = input('No logged values to substitute', ...(ngDevMode ? [{ debugName: "emptyTitle" }] : []));
+        /**
+         * The label above the formulas. Defaults to "Formula(s)"; set it when several blocks sit together
+         * and the reader needs to know what each one covers.
+         */
+        this.heading = input('', ...(ngDevMode ? [{ debugName: "heading" }] : []));
+        /**
+         * A line under the heading saying what the block covers, e.g. when it applies.
+         */
+        this.note = input('', ...(ngDevMode ? [{ debugName: "note" }] : []));
+        /**
+         * Whether this block carries the raw/substituted switch. Turn it off on all but the first of
+         * several blocks: they share one state, so repeating the switch only repeats the same control.
+         */
+        this.showToggle = input(true, ...(ngDevMode ? [{ debugName: "showToggle" }] : []));
+        /**
+         * Whether the substituted view is shown. Two-way, so the caller can render accordingly.
+         */
+        this.substituted = model(false, ...(ngDevMode ? [{ debugName: "substituted" }] : []));
+        // unique per instance so a label only toggles its own checkbox - several can co-exist on a page
+        this.toggleId = uuid('formulaSubstituted-');
+        /**
+         * The formulas with their documentation text split into plain runs and inline math, and the
+         * section header dropped where it repeats the formula above - so a run of formulas from one
+         * section reads as one section rather than as the same heading over and over.
+         */
+        this.items = computed(() => this.formulas().map((formula, index) => ({
+            ...formula,
+            section: formula.section === this.formulas()[index - 1]?.section ? undefined : formula.section,
+            contextParts: toTextParts(formula.context),
+            variables: formula.variables.map(variable => ({
+                ...variable,
+                descriptionParts: toTextParts(variable.description)
+            }))
+        })), ...(ngDevMode ? [{ debugName: "items" }] : []));
+    }
+    toggle() {
+        this.substituted.set(!this.substituted());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FormulaBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: FormulaBlockComponent, isStandalone: true, selector: "he-formula-block", inputs: { formulas: { classPropertyName: "formulas", publicName: "formulas", isSignal: true, isRequired: false, transformFunction: null }, hasSubstitutions: { classPropertyName: "hasSubstitutions", publicName: "hasSubstitutions", isSignal: true, isRequired: false, transformFunction: null }, emptyTitle: { classPropertyName: "emptyTitle", publicName: "emptyTitle", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, note: { classPropertyName: "note", publicName: "note", isSignal: true, isRequired: false, transformFunction: null }, showToggle: { classPropertyName: "showToggle", publicName: "showToggle", isSignal: true, isRequired: false, transformFunction: null }, substituted: { classPropertyName: "substituted", publicName: "substituted", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { substituted: "substitutedChange" }, ngImport: i0, template: "@if (items().length) {\n  <div class=\"formula-block is-mb-2\">\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\">\n        {{ heading() || 'Formula' + (items().length > 1 ? 's' : '') }}\n      </span>\n      @if (showToggle()) {\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() ? '' : emptyTitle()\">\n            <span>{{ substituted() ? 'Substituted' : 'Raw' }}</span>\n          </label>\n        </div>\n      }\n    </div>\n\n    @if (note()) {\n      <p class=\"is-size-8 is-mb-1 | formula-note\">{{ note() }}</p>\n    }\n\n    @for (item of items(); track $index) {\n      @if (item.section) {\n        <p class=\"is-size-8 is-uppercase has-text-weight-semibold is-mt-2 | formula-section\">{{ item.section }}</p>\n      }\n\n      @if (item.contextParts.length) {\n        <p class=\"is-size-7 is-mt-1 | formula-context\">\n          <ng-container *ngTemplateOutlet=\"textParts; context: { parts: item.contextParts }\" />\n        </p>\n      }\n\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.descriptionParts.length) {\n                    <span>:</span>\n                  }\n                </span>\n                @if (variable.descriptionParts.length) {\n                  <span class=\"is-italic | formula-variable-desc\">\n                    <ng-container *ngTemplateOutlet=\"textParts; context: { parts: variable.descriptionParts }\" />\n                  </span>\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\n<!-- documentation text: the symbols it names render as math, the rest as markdown -->\n<ng-template #textParts let-parts=\"parts\">\n  @for (part of parts; track $index) {\n    @if (part.math) {\n      <span class=\"formula-inline-math\" [heKatex]=\"part.math\" [heKatexInline]=\"true\"></span>\n    } @else {\n      <markdown class=\"is-inline-block\" [data]=\"part.text\" />\n    }\n  }\n</ng-template>\n", styles: [".formula-block{border-bottom:1px solid rgba(255,255,255,.2)}.formula-section{opacity:.7;letter-spacing:.03em}.formula-note{opacity:.7}.formula-context{opacity:.9}.formula-variables{padding-inline-start:1rem}.formula-variable-symbol{flex-shrink:0}.formula-variable-symbol ::ng-deep .katex{font-size:1em}.formula-variable-desc{opacity:.85}.formula-context ::ng-deep markdown,.formula-context ::ng-deep markdown *,.formula-variable-desc ::ng-deep markdown,.formula-variable-desc ::ng-deep markdown *{display:inline;margin:0;white-space:pre-wrap}.formula-context .formula-inline-math ::ng-deep .katex,.formula-variable-desc .formula-inline-math ::ng-deep .katex{font-size:1em}.formula{overflow-x:auto;overflow-y:hidden}.formula ::ng-deep .katex-display{margin:.35rem 0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: FormulaBlockComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-formula-block', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, KatexDirective, MarkdownComponent], template: "@if (items().length) {\n  <div class=\"formula-block is-mb-2\">\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\">\n        {{ heading() || 'Formula' + (items().length > 1 ? 's' : '') }}\n      </span>\n      @if (showToggle()) {\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() ? '' : emptyTitle()\">\n            <span>{{ substituted() ? 'Substituted' : 'Raw' }}</span>\n          </label>\n        </div>\n      }\n    </div>\n\n    @if (note()) {\n      <p class=\"is-size-8 is-mb-1 | formula-note\">{{ note() }}</p>\n    }\n\n    @for (item of items(); track $index) {\n      @if (item.section) {\n        <p class=\"is-size-8 is-uppercase has-text-weight-semibold is-mt-2 | formula-section\">{{ item.section }}</p>\n      }\n\n      @if (item.contextParts.length) {\n        <p class=\"is-size-7 is-mt-1 | formula-context\">\n          <ng-container *ngTemplateOutlet=\"textParts; context: { parts: item.contextParts }\" />\n        </p>\n      }\n\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.descriptionParts.length) {\n                    <span>:</span>\n                  }\n                </span>\n                @if (variable.descriptionParts.length) {\n                  <span class=\"is-italic | formula-variable-desc\">\n                    <ng-container *ngTemplateOutlet=\"textParts; context: { parts: variable.descriptionParts }\" />\n                  </span>\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\n<!-- documentation text: the symbols it names render as math, the rest as markdown -->\n<ng-template #textParts let-parts=\"parts\">\n  @for (part of parts; track $index) {\n    @if (part.math) {\n      <span class=\"formula-inline-math\" [heKatex]=\"part.math\" [heKatexInline]=\"true\"></span>\n    } @else {\n      <markdown class=\"is-inline-block\" [data]=\"part.text\" />\n    }\n  }\n</ng-template>\n", styles: [".formula-block{border-bottom:1px solid rgba(255,255,255,.2)}.formula-section{opacity:.7;letter-spacing:.03em}.formula-note{opacity:.7}.formula-context{opacity:.9}.formula-variables{padding-inline-start:1rem}.formula-variable-symbol{flex-shrink:0}.formula-variable-symbol ::ng-deep .katex{font-size:1em}.formula-variable-desc{opacity:.85}.formula-context ::ng-deep markdown,.formula-context ::ng-deep markdown *,.formula-variable-desc ::ng-deep markdown,.formula-variable-desc ::ng-deep markdown *{display:inline;margin:0;white-space:pre-wrap}.formula-context .formula-inline-math ::ng-deep .katex,.formula-variable-desc .formula-inline-math ::ng-deep .katex{font-size:1em}.formula{overflow-x:auto;overflow-y:hidden}.formula ::ng-deep .katex-display{margin:.35rem 0}\n"] }]
+        }], propDecorators: { formulas: [{ type: i0.Input, args: [{ isSignal: true, alias: "formulas", required: false }] }], hasSubstitutions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSubstitutions", required: false }] }], emptyTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyTitle", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], note: [{ type: i0.Input, args: [{ isSignal: true, alias: "note", required: false }] }], showToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToggle", required: false }] }], substituted: [{ type: i0.Input, args: [{ isSignal: true, alias: "substituted", required: false }] }, { type: i0.Output, args: ["substitutedChange"] }] } });
+
+const isMissing$1 = (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';
@@ -9140,7 +9245,7 @@ const isInput = (binding, resultSymbol, intermediateKeys) => binding.symbol !==
     !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]);
+const isMissingInput = (binding, resultSymbol, values, intermediateKeys) => isInput(binding, resultSymbol, intermediateKeys) && isMissing$1(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
@@ -9169,9 +9274,7 @@ class NodeLogsModelsFormulaComponent {
         this.node = input(...(ngDevMode ? [undefined, { debugName: "node" }] : []));
         this.nodeService = inject(HeNodeService);
         // 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.substituted = model(false, ...(ngDevMode ? [{ debugName: "substituted" }] : []));
         this.formulas = computed(() => getModelFormulas(this.model()), ...(ngDevMode ? [{ debugName: "formulas" }] : []));
         // whether any formula sums over per-contributor products (bound to the reserved `contributions` table)
         this.hasContributionBinding = computed(() => this.formulas().some(formula => formula.bindings.some(binding => binding.key === contributionsKey)), ...(ngDevMode ? [{ debugName: "hasContributionBinding" }] : []));
@@ -9196,7 +9299,7 @@ class NodeLogsModelsFormulaComponent {
         this.values = computed(() => {
             const values = logValues(this.logs());
             // the result (`value`) is usually the model's returned value rather than a logged field
-            const withResult = isMissing(values.value) && !isMissing(this.value()) ? { ...values, value: this.value() } : values;
+            const withResult = isMissing$1(values.value) && !isMissing$1(this.value()) ? { ...values, value: this.value() } : values;
             // feed a contribution-based `\sum` from the stored contributions (nothing to merge for other formulas)
             const rows = this.contributionRows();
             return rows.length ? { ...withResult, [contributionsKey]: rows } : withResult;
@@ -9220,7 +9323,7 @@ class NodeLogsModelsFormulaComponent {
             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]));
+                return formula.bindings.some(binding => binding.key && !isMissing$1(formulaValues[binding.key]));
             });
         }, ...(ngDevMode ? [{ debugName: "hasSubstitutions" }] : []));
         // each formula paired with the variable list shown below it: every symbol with its documentation and
@@ -9246,16 +9349,13 @@ class NodeLogsModelsFormulaComponent {
             : 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 }, node: { classPropertyName: "node", publicName: "node", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.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 }, node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, substituted: { classPropertyName: "substituted", publicName: "substituted", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { substituted: "substitutedChange" }, ngImport: i0, template: "<he-formula-block\n  [formulas]=\"renderedFormulas()\"\n  [hasSubstitutions]=\"hasSubstitutions()\"\n  [(substituted)]=\"substituted\" />\n", dependencies: [{ kind: "component", type: FormulaBlockComponent, selector: "he-formula-block", inputs: ["formulas", "hasSubstitutions", "emptyTitle", "heading", "note", "showToggle", "substituted"], outputs: ["substitutedChange"] }], 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 }] }], node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }] } });
+            args: [{ selector: 'he-node-logs-models-formula', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormulaBlockComponent], template: "<he-formula-block\n  [formulas]=\"renderedFormulas()\"\n  [hasSubstitutions]=\"hasSubstitutions()\"\n  [(substituted)]=\"substituted\" />\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 }] }], node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], substituted: [{ type: i0.Input, args: [{ isSignal: true, alias: "substituted", required: false }] }, { type: i0.Output, args: ["substitutedChange"] }] } });
 
 class NodeLogsModelsDetailsComponent {
     constructor() {
@@ -9299,7 +9399,7 @@ class NodeLogsModelsDetailsComponent {
         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\n            [model]=\"model().model\"\n            [logs]=\"model().logs\"\n            [value]=\"value()\"\n            [node]=\"node()\" />\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", "node"] }, { 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 }); }
+    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\n            [model]=\"model().model\"\n            [logs]=\"model().logs\"\n            [value]=\"value()\"\n            [node]=\"node()\" />\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", "node", "substituted"], outputs: ["substitutedChange"] }, { 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,
@@ -9312,6 +9412,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                     ], 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\n            [model]=\"model().model\"\n            [logs]=\"model().logs\"\n            [value]=\"value()\"\n            [node]=\"node()\" />\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 }] }] } });
 
+/**
+ * What tells one blank node apart from the others sharing its term, e.g. "inputs: Wheat, grain" or
+ * "depths: 0-30". Shown on the sub-rows of a term group, both in the recalculation logs and in the
+ * aggregation logs - the two views label their rows identically, so they share this.
+ */
+class BlankNodeIdentityComponent {
+    constructor() {
+        /**
+         * The identity fields whose value is a Term, shown as labelled term links.
+         */
+        this.segments = input([], ...(ngDevMode ? [{ debugName: "segments" }] : []));
+        /**
+         * The scalar identity fields, each as a `key: value` whose field name links to its schema docs.
+         */
+        this.scalars = input([], ...(ngDevMode ? [{ debugName: "scalars" }] : []));
+        /**
+         * The type of the blank node (e.g. `Measurement`), which the scalar field names link to.
+         */
+        this.type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : []));
+        /**
+         * Shown when nothing distinguishes the blank node from its siblings (e.g. "entry 2").
+         */
+        this.fallback = input('', ...(ngDevMode ? [{ debugName: "fallback" }] : []));
+        this.schemaBaseUrl = schemaBaseUrl;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BlankNodeIdentityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BlankNodeIdentityComponent, isStandalone: true, selector: "he-blank-node-identity", inputs: { segments: { classPropertyName: "segments", publicName: "segments", isSignal: true, isRequired: false, transformFunction: null }, scalars: { classPropertyName: "scalars", publicName: "scalars", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, fallback: { classPropertyName: "fallback", publicName: "fallback", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "is-flex is-align-items-center is-flex-wrap-wrap is-gap-4" }, ngImport: i0, template: "@if (segments().length || scalars().length) {\n  @for (segment of segments(); track segment.field; let s = $index) {\n    @if (s > 0) {\n      <span>\u00B7</span>\n    }\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 scalars(); track scalar.key; let i = $index) {\n    <span class=\"break-word\">\n      @if (i > 0 || segments().length) {\n        \u00B7\n      }\n      @if (scalar.field && type()) {\n        <a [href]=\"schemaBaseUrl + '/' + type() + '#' + scalar.field\" target=\"_blank\">\n          {{ scalar.key }}\n        </a>\n        @if (scalar.value) {\n          : {{ scalar.value }}\n        }\n      } @else {\n        {{ scalar.key }}\n        @if (scalar.value) {\n          : {{ scalar.value }}\n        }\n      }\n    </span>\n  }\n} @else if (fallback()) {\n  <span class=\"has-text-grey\">{{ fallback() }}</span>\n}\n", dependencies: [{ kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BlankNodeIdentityComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-blank-node-identity', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'is-flex is-align-items-center is-flex-wrap-wrap is-gap-4' }, imports: [CompoundPipe, KeyToLabelPipe, NodeLinkComponent], template: "@if (segments().length || scalars().length) {\n  @for (segment of segments(); track segment.field; let s = $index) {\n    @if (s > 0) {\n      <span>\u00B7</span>\n    }\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 scalars(); track scalar.key; let i = $index) {\n    <span class=\"break-word\">\n      @if (i > 0 || segments().length) {\n        \u00B7\n      }\n      @if (scalar.field && type()) {\n        <a [href]=\"schemaBaseUrl + '/' + type() + '#' + scalar.field\" target=\"_blank\">\n          {{ scalar.key }}\n        </a>\n        @if (scalar.value) {\n          : {{ scalar.value }}\n        }\n      } @else {\n        {{ scalar.key }}\n        @if (scalar.value) {\n          : {{ scalar.value }}\n        }\n      }\n    </span>\n  }\n} @else if (fallback()) {\n  <span class=\"has-text-grey\">{{ fallback() }}</span>\n}\n" }]
+        }], propDecorators: { segments: [{ type: i0.Input, args: [{ isSignal: true, alias: "segments", required: false }] }], scalars: [{ type: i0.Input, args: [{ isSignal: true, alias: "scalars", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], fallback: [{ type: i0.Input, args: [{ isSignal: true, alias: "fallback", 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
@@ -9588,6 +9721,7 @@ const identityDisplay = (identity, value) => {
 };
 // the raw blank node value used to derive the fallback identity (logs/`failed` rows have no value)
 const rowRawValue = (row) => row.recalculated[0] || row.original[0] || {};
+const identityRow = (row) => ({ identity: row.identity, raw: rowRawValue(row) });
 // top-level fields skipped when looking for a fallback identity: the group key (`term`), JSON-LD
 // metadata (`@type`/`@id`), change-tracking (`added`/`updated`/`removed` and their `Version` siblings),
 // the nested `logs`, and the measured `value` (shown in the value column, never a distinguishing label)
@@ -9620,8 +9754,7 @@ const fieldFingerprint = (value) => isTermObject(value)
 // as the fallback "key: value" label (instead of a bare "entry N")
 const differingRawFields = (rows) => {
     const seen = {};
-    rows.forEach(row => {
-        const value = rowRawValue(row);
+    rows.forEach(({ raw: value }) => {
         Object.keys(value)
             .filter(isFallbackKey)
             .forEach(key => {
@@ -9631,16 +9764,13 @@ const differingRawFields = (rows) => {
     });
     return Object.keys(seen).filter(key => seen[key].size > 1);
 };
-const fallbackIdentity = (row, keys) => {
-    const value = rowRawValue(row);
-    return Object.fromEntries(keys.filter(key => isPresent(value[key])).map(key => [key, value[key]]));
-};
+const fallbackIdentity = ({ raw: value }, keys) => Object.fromEntries(keys.filter(key => isPresent(value[key])).map(key => [key, value[key]]));
 // fields that attribute a blank node to a Cycle sub-context (a transformation or an animal). When a
 // group has rows split between "with" and "without" one of these, the rows that have none belong to
 // the Cycle itself - shown as a plain "Cycle" label (mirrors the legacy "cycle" subValue)
 const cycleOwnerFields = ['transformation', 'animal'];
-const isCycleOwnedRow = (row) => cycleOwnerFields.every(key => !isPresent(rowRawValue(row)[key]));
-const hasCycleOwnerSibling = (rows) => rows.some(row => cycleOwnerFields.some(key => isPresent(rowRawValue(row)[key])));
+const isCycleOwnedRow = ({ raw }) => cycleOwnerFields.every(key => !isPresent(raw[key]));
+const hasCycleOwnerSibling = (rows) => rows.some(({ raw }) => cycleOwnerFields.some(key => isPresent(raw[key])));
 const isNonEmptyIdentity = ({ segments, scalars }) => segments.length > 0 || scalars.length > 0;
 const emptyIdentity = { segments: [], scalars: [] };
 // pick the first non-empty identity for a row, in order of preference:
@@ -9649,7 +9779,7 @@ const emptyIdentity = { segments: [], scalars: [] };
 //   3. a "Cycle" label when siblings have `transformation`/`animal` and this row has neither
 //      (mirrors the legacy "cycle" subValue).
 const resolveRowIdentity = (row, fallbackKeys, keepNoisy, cycleOwned) => {
-    const value = rowRawValue(row);
+    const value = row.raw;
     const candidates = [
         identityDisplay(keepNoisy ? row.identity : identityWithout(row.identity, isNoisyIdentityField), value),
         identityDisplay(fallbackIdentity(row, fallbackKeys), value),
@@ -9657,14 +9787,24 @@ const resolveRowIdentity = (row, fallbackKeys, keepNoisy, cycleOwned) => {
     ];
     return candidates.find(isNonEmptyIdentity) ?? emptyIdentity;
 };
+/**
+ * Label every blank node of a term group: what distinguishes it from the others sharing that term.
+ *
+ * The decisions that need the whole group (are the noisy method fields redundant? which raw fields
+ * actually differ? is a sibling owned by a transformation/animal?) are taken once, here.
+ */
+const labelIdentityRows = (rows) => {
+    const keepNoisy = !noisyFieldsRedundant(rows);
+    const fallbackKeys = rows.length > 1 ? differingRawFields(rows) : [];
+    const cycleOwned = hasCycleOwnerSibling(rows);
+    return rows.map(row => resolveRowIdentity(row, fallbackKeys, keepNoisy, cycleOwned));
+};
 const withRowLabels = (group) => {
-    const keepNoisy = !noisyFieldsRedundant(group.rows);
-    const fallbackKeys = group.rows.length > 1 ? differingRawFields(group.rows) : [];
-    const cycleOwned = hasCycleOwnerSibling(group.rows);
+    const labels = labelIdentityRows(group.rows.map(identityRow));
     return {
         ...group,
-        rows: group.rows.map(row => {
-            const { segments, scalars } = resolveRowIdentity(row, fallbackKeys, keepNoisy, cycleOwned);
+        rows: group.rows.map((row, index) => {
+            const { segments, scalars } = labels[index];
             return {
                 ...row,
                 identitySegments: segments,
@@ -10440,6 +10580,55 @@ const groupJLogByField = (jlog, nodeKey, originalValues, recalculatedValues, nod
         });
     });
 };
+/**
+ * Group blank nodes by term, labelling those that share one - the grouping the recalculation logs
+ * show, for a view that has no `.jlog` to read (the aggregation logs).
+ *
+ * The labels come from the schema `uniquenessFields`, so two entries for the same term read as e.g.
+ * "depths: 0-30" or "inputs: Wheat, grain" exactly as they do in the recalculation logs.
+ *
+ * @param values The blank nodes of one node key (e.g. a cycle's `inputs`).
+ * @param nodeType The type of the node holding them (e.g. `Cycle`), for the parent uniqueness fields.
+ * @param nodeKey The node field they were read from (e.g. `inputs`).
+ */
+const groupBlankNodesByTermIdentity = (values, nodeType, nodeKey) => {
+    const entries = (values || [])
+        .map((value, index) => ({ value, index, term: value?.term }))
+        .filter(({ term }) => !!term?.['@id']);
+    const type = entries[0]?.value?.['@type'] || entries[0]?.value?.type;
+    const spec = identitySpec(type, nodeType, nodeKey);
+    const groups = entries.reduce((groups, { value, index, term }) => {
+        const termId = term['@id'];
+        const group = groups.find(group => group.termId === termId);
+        // the aggregated blank node is both what the fallback label is derived from, and what is shown
+        const row = { index, value, raw: value, identity: blankNodeIdentity(value, spec) };
+        if (group) {
+            group.rows.push(row);
+            return groups;
+        }
+        return [...groups, { term, termId, type, rows: [row] }];
+    }, []);
+    return orderBy(groups.map(group => {
+        const labels = labelIdentityRows(group.rows);
+        const blankNodes = group.rows.map(({ value }) => value);
+        const value = reduceValues(blankNodes, group.termId, group.type);
+        return {
+            ...group,
+            canOpen: group.rows.length > 1,
+            // combined the same way the recalculation logs combine a group's rows: the term's array
+            // treatment (sum/mean/...), or a depth-weighted average for Site measurements
+            value,
+            valueFormula: valueFormula(blankNodes, group.termId, value, group.type),
+            rows: group.rows.map(({ index, value }, rowIndex) => ({
+                index,
+                value,
+                segments: labels[rowIndex].segments,
+                scalars: labels[rowIndex].scalars,
+                label: identityScalarsLabel(labels[rowIndex].scalars)
+            }))
+        };
+    }), [group => group.term?.name || group.termId], ['asc']);
+};
 // the number of "Model N" columns a row needs (a parallel group counts as one column)
 const rowColumnCount = (row) => row.modelColumns.length;
 /**
@@ -10612,7 +10801,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) {\n                          <span>\u00B7</span>\n                        }\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) {\n                            \u00B7\n                          }\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) {\n                              : {{ scalar.value }}\n                            }\n                          } @else {\n                            {{ scalar.key }}\n                            @if (scalar.value) {\n                              : {{ scalar.value }}\n                            }\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 }); }
+    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                  @if (row.isFailed) {\n                    <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-gap-4\">\n                      <span class=\"has-text-danger\">failed</span>\n                    </div>\n                  } @else {\n                    <he-blank-node-identity\n                      [segments]=\"row.identitySegments\"\n                      [scalars]=\"row.identityScalars\"\n                      [type]=\"row.type\"\n                      [fallback]=\"'entry ' + (row.index + 1)\" />\n                  }\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 .has-formula{cursor:help;border-bottom:1px dotted currentColor}: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 .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: BlankNodeIdentityComponent, selector: "he-blank-node-identity", inputs: ["segments", "scalars", "type", "fallback"] }, { 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,
@@ -10634,8 +10823,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         HESvgIconComponent,
                         NodeLogsModelsLogsStatusComponent,
                         NodeLogsModelsDetailsComponent,
+                        BlankNodeIdentityComponent,
                         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) {\n                          <span>\u00B7</span>\n                        }\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) {\n                            \u00B7\n                          }\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) {\n                              : {{ scalar.value }}\n                            }\n                          } @else {\n                            {{ scalar.key }}\n                            @if (scalar.value) {\n                              : {{ scalar.value }}\n                            }\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"] }]
+                    ], 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                  @if (row.isFailed) {\n                    <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-gap-4\">\n                      <span class=\"has-text-danger\">failed</span>\n                    </div>\n                  } @else {\n                    <he-blank-node-identity\n                      [segments]=\"row.identitySegments\"\n                      [scalars]=\"row.identityScalars\"\n                      [type]=\"row.type\"\n                      [fallback]=\"'entry ' + (row.index + 1)\" />\n                  }\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 .has-formula{cursor:help;border-bottom:1px dotted currentColor}: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 .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 }), {});
@@ -11375,6 +11565,323 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                     ], template: "@if (showInline()) {\n  @for (key of keys; track key) {\n    <he-link-key-value\n      [node]=\"node()\"\n      [nodeType]=\"nodeType()\"\n      [dataState]=\"dataState()\"\n      [dataKey]=\"dataKey()\"\n      [key]=\"key\" />\n  }\n  @for (key of additionalKeys; track key) {\n    <he-link-key-value\n      [node]=\"node()\"\n      [nodeType]=\"nodeType()\"\n      [dataState]=\"dataState()\"\n      [dataKey]=\"dataKey()\"\n      [key]=\"key\" />\n  }\n\n  <ng-container *ngTemplateOutlet=\"showModels\" />\n\n  @if (node().distribution?.length) {\n    <p>\n      <a class=\"is-dark\" [href]=\"schemaBaseUrl + '/' + node['@type'] + '#distribution'\" target=\"_blank\">\n        <b>distribution</b>\n      </a>\n      <span class=\"pr-2\">:</span>\n      <ng-container *ngTemplateOutlet=\"distributionContent; context: { node: node() }\" />\n    </p>\n  }\n} @else {\n  <he-link-key-value\n    [node]=\"node()\"\n    [nodeType]=\"nodeType()\"\n    [dataState]=\"dataState()\"\n    [dataKey]=\"dataKey()\"\n    key=\"term\" />\n\n  <ng-container *ngTemplateOutlet=\"showModels\" />\n\n  <div class=\"columns is-p-0 is-my-0 is-overflow-visible\">\n    <div class=\"column is-p-0 is-my-0\"></div>\n    <div class=\"column is-p-0 is-my-0 is-narrow is-overflow-visible\">\n      <div ngbDropdown class=\"is-overflow-visible\" autoClose=\"outside\" placement=\"bottom-end\">\n        <button\n          ngbDropdownToggle\n          class=\"button is-small is-ghost has-text-white\"\n          type=\"button\"\n          aria-controls=\"config-menu\">\n          <span>Customise fields</span>\n          <span class=\"icon is-small\">\n            <he-svg-icon name=\"settings\" aria-hidden=\"true\" />\n          </span>\n        </button>\n\n        <div ngbDropdownMenu id=\"config-menu\">\n          <div\n            class=\"dropdown-content is-overflow-y-auto\"\n            (click)=\"$event.stopPropagation()\"\n            cdkDropList\n            (cdkDropListDropped)=\"dropTableKey($event)\">\n            @for (key of tableKeys(); track key.key; let keyIndex = $index) {\n              <div class=\"dropdown-item cdk-drag-item\" cdkDrag>\n                <div class=\"field is-relative\">\n                  <input\n                    type=\"checkbox\"\n                    class=\"selector\"\n                    [id]=\"key.key\"\n                    [name]=\"key.key\"\n                    [checked]=\"key.selected\"\n                    (change)=\"onTableKeyChange(key, keyIndex, $event.target.checked)\" />\n                  <label class=\"is-pl-2\" [for]=\"key.key\">{{ key.key }}</label>\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"table-container is-mt-2\">\n    <table class=\"table is-dark is-narrow is-striped\">\n      <thead>\n        @for (key of visibleTableKeys(); track key) {\n          <th>\n            <a class=\"is-dark\" [href]=\"schemaBaseUrl + '/' + type() + '#' + key.split('.')[0]\" target=\"_blank\">\n              <b>{{ key.includes('.') ? key.split('.')[1] : key }}</b>\n            </a>\n          </th>\n        }\n      </thead>\n      <tbody>\n        @for (node of nodes(); track node) {\n          <tr>\n            @for (key of visibleTableKeys(); track key) {\n              <td>\n                @if (key === 'distribution') {\n                  <ng-container *ngTemplateOutlet=\"distributionContent; context: { node }\" />\n                } @else {\n                  <he-link-key-value\n                    [node]=\"node\"\n                    [nodeType]=\"nodeType()\"\n                    [dataState]=\"dataState()\"\n                    [dataKey]=\"dataKey()\"\n                    [key]=\"key\"\n                    [defaultValue]=\"defaultValue(key)\" />\n                }\n              </td>\n            }\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n}\n\n<ng-template #distributionContent let-node=\"node\">\n  @if (node.distribution?.length) {\n    @if (showDistribution() === node) {\n      <a class=\"has-text-white\" (click)=\"showDistribution.set(undefined)\">Hide</a>\n    } @else {\n      <a class=\"has-text-white\" (click)=\"showDistribution.set(node)\">Show</a>\n    }\n  } @else {\n    <span>N/A</span>\n  }\n</ng-template>\n\n@if (chartDistribution()) {\n  <div class=\"has-background-white is-mt-2 is-p-2 is-rounded | chart-container\">\n    <he-distribution-chart\n      [distribution]=\"chartDistribution()\"\n      [value]=\"chartValue()\"\n      [label]=\"chartLabel()\"\n      [nbBins]=\"10\"\n      [maxPercentile]=\"0.99\" />\n  </div>\n}\n\n<ng-template #showModels>\n  @if (models().length) {\n    <p>\n      <span class=\"is-inline-block\">\n        <b>possible models used</b>\n      </span>\n      <span class=\"pr-2\">:</span>\n      @for (model of models(); track model; let lastModel = $last) {\n        <a class=\"is-dark\" [href]=\"model.link\">{{ model.name }}</a>\n        @if (!lastModel) {\n          <span class=\"is-pr-1 is-inline-block\">;</span>\n        }\n      }\n    </p>\n  }\n</ng-template>\n", styles: ["table{background-color:transparent}table::ng-deep he-link-key-value>a:first-child,table::ng-deep he-link-key-value>a:first-child+span{display:none}.dropdown-content{max-height:300px}.cdk-drag-preview{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f;list-style:none}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.cdk-drag-item{cursor:move}.chart-container{border-radius:3px}.chart-container he-distribution-chart{height:250px;min-width:400px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], nodeType: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeType", required: true }] }], dataState: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataState", required: true }] }], dataKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataKey", required: true }] }], aggregated: [{ type: i0.Input, args: [{ isSignal: true, alias: "aggregated", required: false }] }] } });
 
+// The page every aggregation follows, whatever the product.
+const GENERAL_PAGE = 'general-process';
+// The product-specific page, by the primary product's `termType`. A term type with no page of its
+// own (e.g. `animalProduct`) shows the general rules alone rather than borrowing another product's.
+const PRODUCT_PAGES = {
+    crop: 'crop',
+    processedFood: 'processed-food'
+};
+// How each page's rules relate to the others, so a reader told "here are two sets of formulas" knows
+// which is which. Named after the guide pages they come from, which the row's guide button opens.
+const PAGE_HEADINGS = {
+    'general-process': { heading: 'General rules', applies: 'Applied to every aggregation, whatever the product.' },
+    crop: { heading: 'Crop aggregation', applies: 'Applied on top of the general rules, for crop products.' },
+    'processed-food': {
+        heading: 'Processed food aggregation',
+        applies: 'Applied on top of the general rules, for processed food.'
+    }
+};
+// A symbol worth listing under its formula: it carries documentation the reader needs. Constants
+// (e.g. `365`) are self-evident in the formula itself.
+const isDocumented = (binding) => !!binding.symbol && !!binding.description;
+// Formulas are selected by the fields they bind to rather than by their position in the document,
+// so re-ordering or re-wording the documentation cannot silently change what a row shows.
+const bindsTo = (formula, key) => formula.bindings.some(binding => binding.key === key);
+// The economic value share is a share of the Cycle's revenue, so it is only rescaled for products.
+const isEconomicValueShare = (formula) => bindsTo(formula, 'product_weight');
+// Zero-filling only applies where a term belongs to a completeness area: a blank value there means
+// "none", whereas elsewhere (a measurement, most practices) it means "not measured" and is skipped.
+const isCompletenessZeroFill = (formula) => bindsTo(formula, 'zero_filled_weight');
+// The production-share weight is what combines country aggregations into a World one, so it is only
+// part of how a World aggregation was produced - a country aggregation never applies it.
+const isWorldWeight = (formula) => bindsTo(formula, 'world_production');
+// The phase weighting splits a plantation's lifespan between its productive and non-productive
+// years, so it only ran where the product is a permanent crop.
+const isPlantationWeight = (formula) => bindsTo(formula, 'plantation_lifespan');
+// The blank node keys whose terms carry a completeness area.
+const COMPLETENESS_KEYS = ['products', 'emissions', 'inputs', 'practices'];
+const PRODUCTS_KEY = 'products';
+const isMissing = (value) => value === undefined || value === null || value === '';
+// a symbol that should carry a value: the result and the inputs, but never a fixed constant or a
+// quantity the aggregation deliberately does not store
+const isSubstitutable = (binding) => !!binding.key && binding.constant === undefined && !binding.display;
+class NodeAggregatedFormulasComponent {
+    constructor() {
+        /**
+         * The `termType` of the aggregation's primary product, which selects the product-specific page.
+         * Omit it to show the general rules only.
+         */
+        this.termType = input(...(ngDevMode ? [undefined, { debugName: "termType" }] : []));
+        /**
+         * The `@id` of the aggregation's primary product, which decides whether the plantation rules ran.
+         */
+        this.termId = input(...(ngDevMode ? [undefined, { debugName: "termId" }] : []));
+        /**
+         * The blank node key the formulas are shown for (`products`, `emissions`, ...). Omit it to show
+         * every rule; set it and only the rules that apply to that kind of data item are kept.
+         */
+        this.nodeKey = input(...(ngDevMode ? [undefined, { debugName: "nodeKey" }] : []));
+        /**
+         * The quantities the formulas bind to, for this data item. Supplied by the caller from the
+         * node's `.jlog` entries recorded by the aggregation (`model: "aggregation"`). Leave it empty
+         * and every symbol stays symbolic, which is a valid state: aggregation logs are opt-in
+         * (`LOG_JSON_ENABLED`) and absent for most aggregations.
+         */
+        this.values = input({}, ...(ngDevMode ? [{ debugName: "values" }] : []));
+        /**
+         * Whether the aggregation covers the World rather than one country. A World aggregation combines
+         * country aggregations by their share of world production; a country one never does, so that rule
+         * is not part of how its values were produced.
+         */
+        this.worldAggregation = input(false, ...(ngDevMode ? [{ debugName: "worldAggregation" }] : []));
+        // show the substituted formula rather than the symbolic one, when there is anything to substitute
+        this.substituted = model(false, ...(ngDevMode ? [{ debugName: "substituted" }] : []));
+        /**
+         * The pages whose formulas are shown: the general rules, then the product-specific ones.
+         */
+        this.pages = computed(() => {
+            const productPage = PRODUCT_PAGES[this.termType() ?? ''];
+            return [GENERAL_PAGE, ...(productPage ? [productPage] : [])];
+        }, ...(ngDevMode ? [{ debugName: "pages" }] : []));
+        // whether any symbol actually resolves; when none does, the substituted view would be identical
+        // to the symbolic one, so the toggle is disabled rather than silently doing nothing
+        this.hasSubstitutions = computed(() => {
+            const values = this.values();
+            return this.sections().some(section => section.formulas.some(formula => formula.bindings.some(binding => isSubstitutable(binding) && !isMissing(values[binding.key]))));
+        }, ...(ngDevMode ? [{ debugName: "hasSubstitutions" }] : []));
+        /**
+         * Each page with its formulas, rendered symbolically or with values substituted, and the
+         * variables documented under each. A variable with nothing to substitute is flagged, so the
+         * reader can tell a value that was not recorded from one that is genuinely absent.
+         */
+        this.sections = computed(() => this.pages()
+            .map(page => ({
+            page,
+            ...(PAGE_HEADINGS[page] ?? { heading: 'Formulas', applies: '' }),
+            formulas: getFormulas$1(page).filter((formula) => this.applies(formula))
+        }))
+            .filter(section => section.formulas.length > 0), ...(ngDevMode ? [{ debugName: "sections" }] : []));
+        this.renderedSections = computed(() => {
+            const values = this.values();
+            const showValues = this.substituted() && this.hasSubstitutions();
+            return this.sections().map(section => ({
+                ...section,
+                formulas: section.formulas.map(formula => {
+                    const rendered = renderFormula(formula, values);
+                    return {
+                        rendered: showValues ? rendered.substituted : rendered.symbolic,
+                        // what the formula is for and the sentence introducing it, both written in the guide page
+                        // this formula was extracted from - so the panel explains it in the documentation's words
+                        section: formula.section,
+                        context: formula.context,
+                        variables: formula.bindings.filter(isDocumented).map(binding => ({
+                            symbol: binding.symbol,
+                            description: binding.description,
+                            // only an input that should have resolved is flagged - a constant, or a quantity the
+                            // aggregation deliberately does not store, is never substitutable rather than missing
+                            missing: showValues && isSubstitutable(binding) && isMissing(values[binding.key])
+                        }))
+                    };
+                })
+            }));
+        }, ...(ngDevMode ? [{ debugName: "renderedSections" }] : []));
+    }
+    /**
+     * Whether the rule ran for this aggregation at all. Some stages depend on what was aggregated
+     * rather than on the data item shown: the production-share weighting only combines countries into
+     * a World aggregation, and the phase weighting only splits the lifespan of a plantation crop.
+     */
+    ranForAggregation(formula) {
+        if (isWorldWeight(formula))
+            return this.worldAggregation();
+        if (isPlantationWeight(formula))
+            return isPlantation(this.termId() ?? '');
+        return true;
+    }
+    /**
+     * Whether the rule applies to the kind of data item shown. With no `nodeKey` every rule is kept,
+     * which is the whole-aggregation view.
+     */
+    appliesToNodeKey(formula) {
+        const nodeKey = this.nodeKey();
+        if (!nodeKey)
+            return true;
+        if (isEconomicValueShare(formula))
+            return nodeKey === PRODUCTS_KEY;
+        if (isCompletenessZeroFill(formula))
+            return COMPLETENESS_KEYS.includes(nodeKey);
+        return true;
+    }
+    applies(formula) {
+        return this.ranForAggregation(formula) && this.appliesToNodeKey(formula);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeAggregatedFormulasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeAggregatedFormulasComponent, isStandalone: true, selector: "he-node-aggregated-formulas", inputs: { termType: { classPropertyName: "termType", publicName: "termType", isSignal: true, isRequired: false, transformFunction: null }, termId: { classPropertyName: "termId", publicName: "termId", isSignal: true, isRequired: false, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, worldAggregation: { classPropertyName: "worldAggregation", publicName: "worldAggregation", isSignal: true, isRequired: false, transformFunction: null }, substituted: { classPropertyName: "substituted", publicName: "substituted", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { substituted: "substitutedChange" }, ngImport: i0, template: "@if (renderedSections().length) {\n  <div class=\"aggregated-formulas\">\n    <p class=\"is-size-7 is-mb-2 | formula-intro\">\n      Aggregated values are calculated from the underlying Cycles, not measured. These are the rules that produced this\n      one, in the order they are applied.\n    </p>\n\n    <div class=\"aggregated-formulas-rules\">\n      @for (section of renderedSections(); track section.page; let first = $first) {\n        <he-formula-block\n          [formulas]=\"section.formulas\"\n          [heading]=\"section.heading\"\n          [note]=\"section.applies\"\n          [showToggle]=\"first\"\n          [hasSubstitutions]=\"hasSubstitutions()\"\n          [(substituted)]=\"substituted\"\n          emptyTitle=\"No recorded values to substitute\" />\n      }\n    </div>\n  </div>\n}\n", styles: [".formula-intro{opacity:.85}.aggregated-formulas-rules{max-height:50vh;overflow-y:auto;padding-right:.25rem}\n"], dependencies: [{ kind: "component", type: FormulaBlockComponent, selector: "he-formula-block", inputs: ["formulas", "hasSubstitutions", "emptyTitle", "heading", "note", "showToggle", "substituted"], outputs: ["substitutedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeAggregatedFormulasComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-node-aggregated-formulas', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormulaBlockComponent], template: "@if (renderedSections().length) {\n  <div class=\"aggregated-formulas\">\n    <p class=\"is-size-7 is-mb-2 | formula-intro\">\n      Aggregated values are calculated from the underlying Cycles, not measured. These are the rules that produced this\n      one, in the order they are applied.\n    </p>\n\n    <div class=\"aggregated-formulas-rules\">\n      @for (section of renderedSections(); track section.page; let first = $first) {\n        <he-formula-block\n          [formulas]=\"section.formulas\"\n          [heading]=\"section.heading\"\n          [note]=\"section.applies\"\n          [showToggle]=\"first\"\n          [hasSubstitutions]=\"hasSubstitutions()\"\n          [(substituted)]=\"substituted\"\n          emptyTitle=\"No recorded values to substitute\" />\n      }\n    </div>\n  </div>\n}\n", styles: [".formula-intro{opacity:.85}.aggregated-formulas-rules{max-height:50vh;overflow-y:auto;padding-right:.25rem}\n"] }]
+        }], propDecorators: { termType: [{ type: i0.Input, args: [{ isSignal: true, alias: "termType", required: false }] }], termId: [{ type: i0.Input, args: [{ isSignal: true, alias: "termId", required: false }] }], nodeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKey", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], worldAggregation: [{ type: i0.Input, args: [{ isSignal: true, alias: "worldAggregation", required: false }] }], substituted: [{ type: i0.Input, args: [{ isSignal: true, alias: "substituted", required: false }] }, { type: i0.Output, args: ["substitutedChange"] }] } });
+
+// Aggregation has a single "model" - unlike a recalculation, where each term may be produced by a
+// different one - so the column is a constant rather than something resolved per row.
+const MODEL_NAME = 'Aggregation';
+// The guide page the row's rules are documented on, by its page id - the id the guide resolves both
+// the overlay (`/guide/overlay/<id>`) and the page itself (`/guide/<id>`) by, not its path.
+// `general-process` covers every aggregation; the crop page adds the weighting used to combine
+// sub-aggregations and countries.
+const GUIDE_PAGES = {
+    crop: 'guide-aggregated-data-crop',
+    processedFood: 'guide-aggregated-data-processed-food'
+};
+const DEFAULT_GUIDE_PAGE = 'guide-aggregated-data-general-process';
+// A World aggregation combines country aggregations, so it follows one rule a country aggregation
+// never does. The aggregated Cycle carries its Site as a link, so fall back to the country segment
+// of its name ("<product> - <country> - <period>"), as the quality score does.
+const WORLD_COUNTRY_ID = 'region-world';
+const WORLD_COUNTRY_NAME = 'World';
+const isWorldAggregation = (node) => {
+    const country = node?.site?.country;
+    return country
+        ? country['@id'] === WORLD_COUNTRY_ID
+        : node?.name?.split(' - ')?.[1]?.trim() === WORLD_COUNTRY_NAME;
+};
+// the `.jlog` entries the aggregation records are tagged with its own model name
+const JLOG_MODEL = 'aggregation';
+const LOGS_KEY = 'logs';
+// the quantities of one `.jlog` entry, dropping the `model` marker that tags them
+const entryValues = (entry) => (entry?.[LOGS_KEY] ?? [])
+    .filter(log => log?.model === JLOG_MODEL)
+    .reduce((values, { model: _model, ...fields }) => ({ ...values, ...fields }), {});
+/**
+ * The quantities recorded for one blank node. A field of the blank node (e.g. a product's
+ * `economicValueShare`) is logged one level deeper, the way the models' `.jlog` nests it - merge
+ * those in so a formula resolves whichever of the two it describes, the blank node's own values
+ * winning any collision.
+ */
+const loggedValues = (entry) => {
+    const nested = Object.entries(entry ?? {})
+        .filter(([key]) => key !== LOGS_KEY)
+        .reduce((values, [, field]) => ({ ...values, ...entryValues(field) }), {});
+    return { ...nested, ...entryValues(entry) };
+};
+const groupObservations = (rows) => {
+    const counts = rows.map(({ observations }) => observations).filter(count => typeof count === 'number');
+    if (!counts.length)
+        return undefined;
+    const [min, max] = [Math.min(...counts), Math.max(...counts)];
+    return min === max ? `${min}` : `${min}-${max}`;
+};
+class NodeAggregationLogsComponent {
+    constructor() {
+        this.nodeLogsModelsService = inject(NodeLogsModelsService);
+        /**
+         * The aggregated node the data items are read from.
+         */
+        this.node = input(...(ngDevMode ? [undefined, { debugName: "node" }] : []));
+        /**
+         * The blank node key shown, e.g. `products` or `emissions`. It also selects which rules apply
+         * to each row: the economic value share is only rescaled for products, and zero-filling only
+         * applies where terms carry a completeness area.
+         */
+        this.nodeKey = input('', ...(ngDevMode ? [{ debugName: "nodeKey" }] : []));
+        /**
+         * The `termType` of the aggregation's primary product, which selects the product-specific rules.
+         */
+        this.termType = input(...(ngDevMode ? [undefined, { debugName: "termType" }] : []));
+        /**
+         * The `@id` of the aggregation's primary product, which decides whether the plantation rules ran.
+         */
+        this.termId = input(...(ngDevMode ? [undefined, { debugName: "termId" }] : []));
+        /**
+         * For a grouped sub-node view (e.g. an animal's inputs), the `.jlog` is nested under its parent:
+         * scope to `jlog[<parentKey>][<parentIndex>]`, as the recalculation logs do.
+         */
+        this.jlogParentKey = input(...(ngDevMode ? [undefined, { debugName: "jlogParentKey" }] : []));
+        this.jlogParentIndex = input(...(ngDevMode ? [undefined, { debugName: "jlogParentIndex" }] : []));
+        // the in-app guide overlay is only available where the guide is bundled; elsewhere the row
+        // links out to the same page instead, matching how the recalculation table shows its Docs link
+        this.guideEnabled = inject(GUIDE_ENABLED, { optional: true }) ?? false;
+        this.modelName = MODEL_NAME;
+        this.guidePage = computed(() => GUIDE_PAGES[this.termType() ?? ''] ?? DEFAULT_GUIDE_PAGE, ...(ngDevMode ? [{ debugName: "guidePage" }] : []));
+        this.guideHref = computed(() => guideModelUrl({ guidePath: this.guidePage() }), ...(ngDevMode ? [{ debugName: "guideHref" }] : []));
+        this.nodeType = computed(() => nodeType(this.node()), ...(ngDevMode ? [{ debugName: "nodeType" }] : []));
+        // whether the rules shown are those of a World aggregation rather than a country one
+        this.worldAggregation = computed(() => isWorldAggregation(this.node()), ...(ngDevMode ? [{ debugName: "worldAggregation" }] : []));
+        /**
+         * The node's `.jlog`, fetched like the recalculation logs fetch theirs: the aggregation records the
+         * quantities its formulas bind to in the same file, under the same `{<field>: {<index>: {logs: []}}}`
+         * shape. It is empty for most aggregations - the logs are opt-in (`LOG_JSON_ENABLED`) - and every
+         * rule then renders symbolically, which is a valid state rather than an error.
+         */
+        this.jlogResource = rxResource({
+            params: () => ({ node: this.node() }),
+            stream: ({ params: { node } }) => this.nodeLogsModelsService.getJLog$(node)
+        });
+        this.jlog = computed(() => this.jlogResource.value() ?? {}, ...(ngDevMode ? [{ debugName: "jlog" }] : []));
+        // the `.jlog` section the rows are read from - the whole jlog, or the parent-scoped sub-node entry
+        this.scopedJlog = computed(() => {
+            const key = this.jlogParentKey();
+            const index = this.jlogParentIndex();
+            return key && typeof index === 'number' && index >= 0 ? (this.jlog()?.[key]?.[index] ?? {}) : this.jlog();
+        }, ...(ngDevMode ? [{ debugName: "scopedJlog" }] : []));
+        // groups kept open, by term id: expanding is view state, so it survives the rows being rebuilt
+        this.openGroups = signal(new Set(), ...(ngDevMode ? [{ debugName: "openGroups" }] : []));
+        /**
+         * The aggregated data items, grouped by term exactly as the recalculation logs group them: several
+         * entries for one term (e.g. a measurement at two depths) collapse into one expandable group whose
+         * rows are labelled by what tells them apart.
+         */
+        this.groups = computed(() => {
+            const blankNodes = (this.node()?.[this.nodeKey()] ?? []);
+            const logs = this.scopedJlog()?.[this.nodeKey()] ?? {};
+            const open = this.openGroups();
+            return groupBlankNodesByTermIdentity(blankNodes, this.nodeType(), this.nodeKey()).map(group => {
+                const rows = group.rows.map(row => ({
+                    ...row,
+                    values: loggedValues(logs[row.index]),
+                    displayValue: propertyValue$1(row.value?.value, group.termId),
+                    observations: row.value?.observations
+                }));
+                return { ...group, rows, isOpen: open.has(group.termId), observations: groupObservations(rows) };
+            });
+        }, ...(ngDevMode ? [{ debugName: "groups" }] : []));
+    }
+    toggleGroup(group) {
+        this.openGroups.update(open => {
+            const next = new Set(open);
+            next.has(group.termId) ? next.delete(group.termId) : next.add(group.termId);
+            return next;
+        });
+    }
+    trackByGroup(_index, group) {
+        return group.termId;
+    }
+    trackByRow(_index, row) {
+        return `${row.index}-${row.label}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeAggregationLogsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeAggregationLogsComponent, isStandalone: true, selector: "he-node-aggregation-logs", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, termType: { classPropertyName: "termType", publicName: "termType", isSignal: true, isRequired: false, transformFunction: null }, termId: { classPropertyName: "termId", publicName: "termId", 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</div>\n\n<he-data-table class=\"is-mt-2 is-mb-1 is-bordered\" [small]=\"true\" maxHeight=\"320\">\n  <table class=\"table is-fullwidth is-narrow is-striped\">\n    <thead>\n      <tr>\n        <th class=\"width-auto has-border-right\"></th>\n        <th class=\"has-border-right\"><span>Units</span></th>\n        <th class=\"has-border-right\"><span>Aggregated</span></th>\n        <th class=\"has-border-right\">\n          <span title=\"The number of Cycles the value was aggregated from\">Observations</span>\n        </th>\n        <th class=\"has-border-right\"><span>Model</span></th>\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 aggregated data 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              <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            </div>\n          </td>\n\n          @if (single) {\n            <ng-container *ngTemplateOutlet=\"valueCells; context: { row: group.rows[0], term: group.term }\" />\n            <ng-container *ngTemplateOutlet=\"modelCell; context: { row: group.rows[0] }\" />\n          } @else {\n            <td class=\"has-border-right\">\n              <span class=\"is-nowrap\" [innerHtml]=\"group.term?.units | compound\"></span>\n            </td>\n            <td class=\"has-border-right is-nowrap\">\n              @if (group.valueFormula) {\n                <span\n                  class=\"has-formula\"\n                  [ngbPopover]=\"group.valueFormula\"\n                  popoverClass=\"is-narrow\"\n                  triggers=\"click\"\n                  container=\"body\">\n                  {{ group.value | precision: 3 | default: '-' }}\n                </span>\n              } @else {\n                {{ group.value | precision: 3 | default: '-' }}\n              }\n            </td>\n            <td class=\"has-border-right is-nowrap\">{{ group.observations | default: '-' }}</td>\n            <ng-container *ngTemplateOutlet=\"modelCell\" />\n          }\n        </tr>\n\n        @if (!single && group.isOpen) {\n          @for (row of group.rows; track trackByRow($index, row)) {\n            <tr class=\"is-sub-row\">\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                  <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n                  <he-blank-node-identity\n                    [segments]=\"row.segments\"\n                    [scalars]=\"row.scalars\"\n                    [type]=\"group.type\"\n                    [fallback]=\"'entry ' + (row.index + 1)\" />\n                </div>\n              </td>\n              <ng-container *ngTemplateOutlet=\"valueCells; context: { row, term: group.term }\" />\n              <ng-container *ngTemplateOutlet=\"modelCell; context: { row }\" />\n            </tr>\n          }\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n\n<ng-template #valueCells let-row=\"row\" let-term=\"term\">\n  <td class=\"has-border-right\">\n    <span class=\"is-nowrap\" [innerHtml]=\"term?.units | compound\"></span>\n  </td>\n  <td class=\"has-border-right is-nowrap\">\n    {{ row.displayValue | precision: 3 | default: '-' }}\n  </td>\n  <td class=\"has-border-right is-nowrap\">\n    {{ row.observations | default: '-' }}\n  </td>\n</ng-template>\n\n<!-- `row` is left out on a term group: the rules are the same for every entry it holds, so the guide\n  is shown there too, but the values to substitute belong to one entry - those stay on the sub-rows -->\n<ng-template #modelCell let-row=\"row\">\n  <td class=\"has-border-right\">\n    <div class=\"is-flex is-align-self-stretch is-align-items-center is-gap-8\">\n      <span class=\"is-flex-grow-1 is-nowrap\">{{ modelName }}</span>\n\n      <div class=\"is-flex is-gap-4 is-flex-shrink-0 is-align-items-center\">\n        @if (row) {\n          <span\n            class=\"is-nowrap is-clickable\"\n            [ngbPopover]=\"aggregationRules\"\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({ values: row.values })\">\n            <span class=\"has-text-link\">Logs</span>\n          </span>\n        } @else {\n          <span class=\"has-text-grey is-nowrap\">Expand for logs</span>\n        }\n\n        <div class=\"vertical-divider\"></div>\n\n        @if (guideEnabled) {\n          <he-guide-overlay [pageId]=\"guidePage()\" [width]=\"500\" />\n        } @else {\n          <a [href]=\"guideHref()\" target=\"_blank\" rel=\"noopener\" (click)=\"$event.stopPropagation()\">\n            <span>Docs</span>\n            <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n          </a>\n        }\n      </div>\n    </div>\n  </td>\n</ng-template>\n\n<ng-template #aggregationRules let-values=\"values\">\n  <he-node-aggregated-formulas\n    [termType]=\"termType()\"\n    [termId]=\"termId()\"\n    [nodeKey]=\"nodeKey()\"\n    [values]=\"values\"\n    [worldAggregation]=\"worldAggregation()\" />\n</ng-template>\n", styles: [":host{display:block}:host .vertical-divider{width:1px;height:20px;background:#dbe3ea}: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}::ng-deep .table th:last-child,::ng-deep .table td:last-child{min-width:12rem}\n"], dependencies: [{ 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: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { 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: BlankNodeIdentityComponent, selector: "he-blank-node-identity", inputs: ["segments", "scalars", "type", "fallback"] }, { kind: "component", type: GuideOverlayComponent, selector: "he-guide-overlay", inputs: ["pageId", "width", "height", "positions"], outputs: ["widthChange", "heightChange"] }, { kind: "component", type: NodeAggregatedFormulasComponent, selector: "he-node-aggregated-formulas", inputs: ["termType", "termId", "nodeKey", "values", "worldAggregation", "substituted"], outputs: ["substitutedChange"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeAggregationLogsComponent, decorators: [{
+            type: Component$1,
+            args: [{ selector: 'he-node-aggregation-logs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        NgTemplateOutlet,
+                        NgbPopover,
+                        CompoundPipe,
+                        DefaultPipe,
+                        PrecisionPipe,
+                        DataTableComponent,
+                        HESvgIconComponent,
+                        NodeLinkComponent,
+                        BlankNodeIdentityComponent,
+                        GuideOverlayComponent,
+                        NodeAggregatedFormulasComponent
+                    ], 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</div>\n\n<he-data-table class=\"is-mt-2 is-mb-1 is-bordered\" [small]=\"true\" maxHeight=\"320\">\n  <table class=\"table is-fullwidth is-narrow is-striped\">\n    <thead>\n      <tr>\n        <th class=\"width-auto has-border-right\"></th>\n        <th class=\"has-border-right\"><span>Units</span></th>\n        <th class=\"has-border-right\"><span>Aggregated</span></th>\n        <th class=\"has-border-right\">\n          <span title=\"The number of Cycles the value was aggregated from\">Observations</span>\n        </th>\n        <th class=\"has-border-right\"><span>Model</span></th>\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 aggregated data 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              <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            </div>\n          </td>\n\n          @if (single) {\n            <ng-container *ngTemplateOutlet=\"valueCells; context: { row: group.rows[0], term: group.term }\" />\n            <ng-container *ngTemplateOutlet=\"modelCell; context: { row: group.rows[0] }\" />\n          } @else {\n            <td class=\"has-border-right\">\n              <span class=\"is-nowrap\" [innerHtml]=\"group.term?.units | compound\"></span>\n            </td>\n            <td class=\"has-border-right is-nowrap\">\n              @if (group.valueFormula) {\n                <span\n                  class=\"has-formula\"\n                  [ngbPopover]=\"group.valueFormula\"\n                  popoverClass=\"is-narrow\"\n                  triggers=\"click\"\n                  container=\"body\">\n                  {{ group.value | precision: 3 | default: '-' }}\n                </span>\n              } @else {\n                {{ group.value | precision: 3 | default: '-' }}\n              }\n            </td>\n            <td class=\"has-border-right is-nowrap\">{{ group.observations | default: '-' }}</td>\n            <ng-container *ngTemplateOutlet=\"modelCell\" />\n          }\n        </tr>\n\n        @if (!single && group.isOpen) {\n          @for (row of group.rows; track trackByRow($index, row)) {\n            <tr class=\"is-sub-row\">\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                  <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n                  <he-blank-node-identity\n                    [segments]=\"row.segments\"\n                    [scalars]=\"row.scalars\"\n                    [type]=\"group.type\"\n                    [fallback]=\"'entry ' + (row.index + 1)\" />\n                </div>\n              </td>\n              <ng-container *ngTemplateOutlet=\"valueCells; context: { row, term: group.term }\" />\n              <ng-container *ngTemplateOutlet=\"modelCell; context: { row }\" />\n            </tr>\n          }\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n\n<ng-template #valueCells let-row=\"row\" let-term=\"term\">\n  <td class=\"has-border-right\">\n    <span class=\"is-nowrap\" [innerHtml]=\"term?.units | compound\"></span>\n  </td>\n  <td class=\"has-border-right is-nowrap\">\n    {{ row.displayValue | precision: 3 | default: '-' }}\n  </td>\n  <td class=\"has-border-right is-nowrap\">\n    {{ row.observations | default: '-' }}\n  </td>\n</ng-template>\n\n<!-- `row` is left out on a term group: the rules are the same for every entry it holds, so the guide\n  is shown there too, but the values to substitute belong to one entry - those stay on the sub-rows -->\n<ng-template #modelCell let-row=\"row\">\n  <td class=\"has-border-right\">\n    <div class=\"is-flex is-align-self-stretch is-align-items-center is-gap-8\">\n      <span class=\"is-flex-grow-1 is-nowrap\">{{ modelName }}</span>\n\n      <div class=\"is-flex is-gap-4 is-flex-shrink-0 is-align-items-center\">\n        @if (row) {\n          <span\n            class=\"is-nowrap is-clickable\"\n            [ngbPopover]=\"aggregationRules\"\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({ values: row.values })\">\n            <span class=\"has-text-link\">Logs</span>\n          </span>\n        } @else {\n          <span class=\"has-text-grey is-nowrap\">Expand for logs</span>\n        }\n\n        <div class=\"vertical-divider\"></div>\n\n        @if (guideEnabled) {\n          <he-guide-overlay [pageId]=\"guidePage()\" [width]=\"500\" />\n        } @else {\n          <a [href]=\"guideHref()\" target=\"_blank\" rel=\"noopener\" (click)=\"$event.stopPropagation()\">\n            <span>Docs</span>\n            <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n          </a>\n        }\n      </div>\n    </div>\n  </td>\n</ng-template>\n\n<ng-template #aggregationRules let-values=\"values\">\n  <he-node-aggregated-formulas\n    [termType]=\"termType()\"\n    [termId]=\"termId()\"\n    [nodeKey]=\"nodeKey()\"\n    [values]=\"values\"\n    [worldAggregation]=\"worldAggregation()\" />\n</ng-template>\n", styles: [":host{display:block}:host .vertical-divider{width:1px;height:20px;background:#dbe3ea}: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}::ng-deep .table th:last-child,::ng-deep .table td:last-child{min-width:12rem}\n"] }]
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], nodeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKey", required: false }] }], termType: [{ type: i0.Input, args: [{ isSignal: true, alias: "termType", required: false }] }], termId: [{ type: i0.Input, args: [{ isSignal: true, alias: "termId", 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 isValidDate = (date) => (date || '').trim().length === 10;
 const dateRange = (startDate, endDate) => {
     const start = formatDate(startDate, true);
@@ -11503,20 +12010,22 @@ var View$2;
     View["chart"] = "Chart";
     View["timeline"] = "Operations Timeline";
     View["logs"] = "Recalculations logs";
+    View["aggregationLogs"] = "Aggregation logs";
 })(View$2 || (View$2 = {}));
 const timelineTermType = [TermTermType.operation];
 const viewIcon$2 = {
+    [View$2.aggregationLogs]: 'aggregation',
     [View$2.chart]: 'chart',
     [View$2.logs]: 'calculator',
     [View$2.table]: 'table',
     [View$2.timeline]: 'filter-slider'
 };
 const nodeKeyViews$2 = {
-    [BlankNodesKey.animals]: [View$2.table, View$2.logs],
-    [BlankNodesKey.emissions]: [View$2.table, View$2.chart, View$2.logs],
-    [BlankNodesKey.inputs]: [View$2.table, View$2.logs],
-    [BlankNodesKey.products]: [View$2.table, View$2.logs],
-    [BlankNodesKey.practices]: [View$2.table, View$2.timeline, View$2.logs]
+    [BlankNodesKey.animals]: [View$2.table, View$2.logs, View$2.aggregationLogs],
+    [BlankNodesKey.emissions]: [View$2.table, View$2.chart, View$2.logs, View$2.aggregationLogs],
+    [BlankNodesKey.inputs]: [View$2.table, View$2.logs, View$2.aggregationLogs],
+    [BlankNodesKey.products]: [View$2.table, View$2.logs, View$2.aggregationLogs],
+    [BlankNodesKey.practices]: [View$2.table, View$2.timeline, View$2.logs, View$2.aggregationLogs]
 };
 const nodeKeyFilterTermTypes$1 = {
     [BlankNodesKey.emissions]: [TermTermType.emission]
@@ -11573,6 +12082,7 @@ class CyclesNodesComponent {
         this.View = View$2;
         this.viewIcon = viewIcon$2;
         this.showView = computed(() => ({
+            [View$2.aggregationLogs]: this.hasAggregatedNodes(),
             [View$2.chart]: [this.isEmission() && this.cycles().length > 1].some(Boolean),
             [View$2.logs]: !this.isOriginal() && this.hasRecalculatedNodes(),
             [View$2.table]: true,
@@ -11589,7 +12099,23 @@ class CyclesNodesComponent {
         this.cycles = computed(() => this.nodeKeyGroup()
             ? filterGroupNodesByTerm(this.nodeKeyGroup(), this.currentNodes(), this.selectedGroup())
             : this.currentNodes(), ...(ngDevMode ? [{ debugName: "cycles" }] : []));
-        this.showSelectCycle = computed(() => [View$2.timeline, View$2.logs].includes(this.selectedView()), ...(ngDevMode ? [{ debugName: "showSelectCycle" }] : []));
+        // the views that show a single cycle's rows, so the cycle being shown must be selectable
+        this.showSelectCycle = computed(() => [View$2.timeline, View$2.logs, View$2.aggregationLogs].includes(this.selectedView()), ...(ngDevMode ? [{ debugName: "showSelectCycle" }] : []));
+        /**
+         * The cycles the current view can show, each with its position in `cycles()`.
+         *
+         * The two logs views read a different file for the same cycle: the recalculation logs parse the
+         * model logs, which an aggregated cycle does not have (its log describes the aggregation), and the
+         * aggregation logs only mean anything for an aggregated one. So each view offers only the cycles
+         * it can actually read - showing a cycle the view cannot parse is not an empty table, it throws.
+         */
+        this.selectableCycles = computed(() => {
+            const view = this.selectedView();
+            const isSelectable = ({ aggregated }) => view === View$2.logs ? !aggregated : view === View$2.aggregationLogs ? !!aggregated : true;
+            return this.cycles()
+                .map((cycle, index) => ({ cycle, index }))
+                .filter(({ cycle }) => isSelectable(cycle));
+        }, ...(ngDevMode ? [{ debugName: "selectableCycles" }] : []));
         this.selectedIndex = signal(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : []));
         this.ogirinalSelectedCycle = computed(() => this.originalCycles()?.[this.selectedIndex()], ...(ngDevMode ? [{ debugName: "ogirinalSelectedCycle" }] : []));
         this.selectedCycle = computed(() => this.cycles()?.[this.selectedIndex()], ...(ngDevMode ? [{ debugName: "selectedCycle" }] : []));
@@ -11607,6 +12133,17 @@ class CyclesNodesComponent {
             : null, ...(ngDevMode ? [{ debugName: "selectedNode" }] : []));
         this.isOriginal = computed(() => this.dataState() === DataState.original, ...(ngDevMode ? [{ debugName: "isOriginal" }] : []));
         this.hasRecalculatedNodes = computed(() => this.cycles().some(({ aggregated }) => !aggregated), ...(ngDevMode ? [{ debugName: "hasRecalculatedNodes" }] : []));
+        // an aggregated Cycle has no "original" to compare against - its values were calculated by the
+        // aggregation, and the rules that produced them are what the Aggregation logs view shows
+        this.hasAggregatedNodes = computed(() => this.cycles().some(({ aggregated }) => !!aggregated), ...(ngDevMode ? [{ debugName: "hasAggregatedNodes" }] : []));
+        // the selected node is a Cycle or a grouped node (e.g. an Animal), and only a Cycle has products -
+        // without one the aggregation shows its general rules, which apply whatever the product is
+        this.primaryProduct = computed(() => {
+            const products = this.selectedCycle()?.products ?? [];
+            return products.find(({ primary }) => primary)?.term;
+        }, ...(ngDevMode ? [{ debugName: "primaryProduct" }] : []));
+        this.primaryProductTermType = computed(() => this.primaryProduct()?.termType ?? '', ...(ngDevMode ? [{ debugName: "primaryProductTermType" }] : []));
+        this.primaryProductTermId = computed(() => this.primaryProduct()?.['@id'] ?? '', ...(ngDevMode ? [{ debugName: "primaryProductTermId" }] : []));
         this.showSwitchToRecalculated = computed(() => this.isOriginal() && this.hasRecalculatedNodes(), ...(ngDevMode ? [{ debugName: "showSwitchToRecalculated" }] : []));
         this.timelineValues = computed(() => filterValuesTimeline(this.selectedCycle()?.[this.selectedNodeKey()] || []), ...(ngDevMode ? [{ debugName: "timelineValues" }] : []));
         this.enableTimeline = computed(() => this.timelineValues().length > 0, ...(ngDevMode ? [{ debugName: "enableTimeline" }] : []));
@@ -11666,6 +12203,14 @@ class CyclesNodesComponent {
                 this.selectedIndex.set(0);
             }
         });
+        effect(() => {
+            // switching to a logs view keeps whichever cycle was selected, which the view may not be able to
+            // read (a recalculated cycle under Aggregation logs, or the reverse): move to one it can
+            const selectable = this.selectableCycles();
+            if (selectable.length > 0 && !selectable.some(({ index }) => index === this.selectedIndex())) {
+                this.selectedIndex.set(selectable[0].index);
+            }
+        });
     }
     groupNodesByKey({ nodeKey }) {
         const nodesPerCycle = groupNodesByTerm(this.cycles(), nodeKey, filterBlankNode$1(this.filterTerm()), this.hideZeroValues(), this.hideIdenticalValues());
@@ -11695,7 +12240,7 @@ class CyclesNodesComponent {
         component.headerKeys.set(this.headerKeys());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CyclesNodesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CyclesNodesComponent, isStandalone: true, selector: "he-cycles-nodes", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, nodeKeys: { classPropertyName: "nodeKeys", publicName: "nodeKeys", isSignal: true, isRequired: true, transformFunction: null }, nodeKeyGroup: { classPropertyName: "nodeKeyGroup", publicName: "nodeKeyGroup", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isGroupNode()) {\n  <div class=\"tabs is-mb-1 | group-nodes-tabs\">\n    <ul>\n      @for (value of groupNodeValues(); track value) {\n        <li\n          [class.is-active]=\"selectedGroup() === value.value\"\n          [ngbTooltip]=\"value.term.name\"\n          placement=\"top\"\n          container=\"body\">\n          <a (click)=\"selectedGroup.set(value.value)\">\n            <span class=\"is-capitalized is-pr-1\">{{ nodeKeyGroup() | pluralize: 1 }}:</span>\n            <span>{{ value.value }}</span>\n          </a>\n        </li>\n      }\n    </ul>\n  </div>\n}\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (hasData()) {\n        <he-data-table class=\"is-mt-3 is-bordered\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-fullwidth is-narrow is-striped\">\n            <thead>\n              @if (dataKeys().length > 1) {\n                <tr class=\"has-text-weight-bold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @let blankNodes = data()[dataKey];\n                    @let blankNodesCount = countGroupVisibleNodes(blankNodes);\n                    @if (blankNodesCount > 0) {\n                      <th [attr.colspan]=\"blankNodesCount\" [class.has-border-right]=\"!dataKeyLast\">\n                        <span>{{ dataKey | keyToLabel }}</span>\n                      </th>\n                    }\n                  }\n                </tr>\n              }\n              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n                @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                  @let blankNodes = data()[dataKey];\n                  @for (node of blankNodes; track node.value.term.name; let nodeLast = $last) {\n                    @if (node.value.visible) {\n                      <th\n                        [attr.title]=\"node.value.term.name\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <he-node-link [node]=\"node.value.term\">\n                          <span\n                            [innerHtml]=\"\n                              node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\n                            \"></span>\n                        </he-node-link>\n                      </th>\n                    }\n                  }\n                }\n              </tr>\n              <tr class=\"is-italic has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                  <a [href]=\"schemaBaseUrl + '/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n                @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                  @let blankNodes = data()[dataKey];\n                  @for (node of blankNodes; track node.value.term.name; let nodeLast = $last) {\n                    @if (node.value.visible) {\n                      <th\n                        [attr.title]=\"node.value.term.units\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <span [innerHtml]=\"node.value.term.units | compound\"></span>\n                        <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"node.value.term\" />\n                      </th>\n                    }\n                  }\n                }\n              </tr>\n            </thead>\n            <tbody>\n              @for (cycle of cycles(); track nodeVersionKey(cycle); let cycleIndex = $index) {\n                <tr [class.is-suggested]=\"$any(cycle).suggested\">\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycleNode(cycle)\">\n                      <span class=\"has-text-ellipsis is-ellipsis-3\">\n                        @if ($any(cycle).suggested) {\n                          <he-svg-icon name=\"compare\" />\n                        } @else {\n                          <span>{{ cycleIndex + 1 }}.</span>\n                        }\n                        <span class=\"is-pl-1\">{{ defaultLabel(cycle) }}</span>\n                      </span>\n                    </he-node-link>\n                  </td>\n                  <td class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                    <he-cycles-functional-unit-measure [cycle]=\"cycle\" />\n                  </td>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @let blankNodes = data()[dataKey];\n                    @for (node of blankNodes; track node.value.term.name; let nodeLast = $last) {\n                      @if (node.value.visible) {\n                        @let cycleData = node.value.values[nodeVersionKey(cycle)];\n                        <td\n                          class=\"is-nowrap\"\n                          [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                          @if (cycleData) {\n                            <span\n                              class=\"trigger-popover\"\n                              [ngbPopover]=\"details\"\n                              autoClose=\"outside\"\n                              popoverClass=\"is-narrow is-overflow-visible\"\n                              placement=\"left bottom auto\"\n                              container=\"body\"\n                              [popoverContext]=\"{ data: cycleData, cycle, key: dataKey }\">\n                              <span pointer>\n                                {{ cycleData.propertyValue | precision: 3 | default: '-' }}\n                              </span>\n                              <he-blank-node-state\n                                class=\"ml-1\"\n                                [dataState]=\"dataState()\"\n                                [node]=\"cycleData.node\"\n                                key=\"value\" />\n                            </span>\n                          } @else {\n                            <span>-</span>\n                          }\n                        </td>\n                      }\n                    }\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </he-data-table>\n        <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-justify-content-space-between is-mt-2\">\n          <he-blank-node-state-notice\n            [dataState]=\"dataState()\"\n            [showDeleted]=\"firstNodeKey() === BlankNodesKey.emissions\" />\n          <div class=\"is-flex is-flex-wrap-wrap is-gap-8\">\n            @if (showHideZeroValues()) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideZeroValues'\"\n                  name=\"hideZeroValues\"\n                  [(ngModel)]=\"hideZeroValues\" />\n                <label [for]=\"componentId() + 'hideZeroValues'\">\n                  <span>\n                    Hide\n                    <b>0</b>\n                    values\n                  </span>\n                </label>\n              </div>\n            }\n            @if (cycles().length > 1) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideIdenticalValues'\"\n                  name=\"hideIdenticalValues\"\n                  [(ngModel)]=\"hideIdenticalValues\" />\n                <label [for]=\"componentId() + 'hideIdenticalValues'\">\n                  <span>Hide identical values</span>\n                </label>\n              </div>\n            }\n          </div>\n        </div>\n      } @else {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>No data available</span>\n          @if (filterTerm()) {\n            <span class=\"is-pl-1\">matching your search criteria</span>\n          }\n          <span>.</span>\n          @if (showSwitchToRecalculated()) {\n            <span>\n              Switch to\n              <code>recalculated</code>\n              version.\n            </span>\n          }\n        </div>\n      }\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\">\n            <ng-container *ngTemplateOutlet=\"selectView\" />\n          </he-cycles-emissions-chart>\n        }\n      }\n    }\n    @case (View.timeline) {\n      <he-cycles-nodes-timeline\n        [values]=\"timelineValues()\"\n        [minDate]=\"selectedCycle().startDate\"\n        [maxDate]=\"selectedCycle().endDate\">\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n      </he-cycles-nodes-timeline>\n    }\n    @case (View.logs) {\n      <!-- keep the cycle selector visible even when the selected cycle has no grouped node (e.g. a cycle\n           with no transformations under \"Transformation: Inputs\"), so the user can switch to one that has -->\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [cycle]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\n          [jlogParentKey]=\"nodeKeyGroup()\"\n          [jlogParentIndex]=\"jlogParentIndex()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\">\n          @if (nodeKeys().length > 1) {\n            <div class=\"tabs is-m-0\">\n              <ul>\n                @for (nodeKey of nodeKeys(); track nodeKey) {\n                  <li [class.is-active]=\"selectedNodeKey() === nodeKey\">\n                    <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n                  </li>\n                }\n              </ul>\n            </div>\n          }\n        </he-node-logs-models>\n      } @else if (isGroupNode()) {\n        <p class=\"is-p-3 has-text-grey\">\n          No recalculation logs for the selected {{ nodeKeyGroup() | pluralize: 1 }} in this cycle \u2014 select another\n          cycle above.\n        </p>\n      }\n    }\n  }\n}\n\n<ng-template #selectView>\n  <div class=\"is-flex is-gap-8 is-align-items-center is-justify-content-space-between\">\n    <div class=\"is-flex is-gap-8 is-align-items-center\">\n      @if (selectedView() === View.table) {\n        @if (hasData()) {\n          <button class=\"button is-small is-ghost is-p-2\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n        <he-search-extend\n          class=\"is-secondary\"\n          collapsedClass=\"is-p-2\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      } @else if (showSelectCycle()) {\n        <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      }\n    </div>\n\n    @if (views()?.length > 1) {\n      <div class=\"field has-addons button-segments\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <he-svg-icon\n                name=\"checkmark\"\n                aria-hidden=\"true\"\n                class=\"is-hidden-mobile\"\n                [class.is-hidden-tablet]=\"selectedView() !== view\" />\n              <he-svg-icon\n                [name]=\"viewIcon[view]\"\n                aria-hidden=\"true\"\n                [class.is-hidden-tablet]=\"selectedView() === view\" />\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #selectCycle>\n  @if (cycles().length > 1) {\n    <div class=\"field is-horizontal is-mb-0\">\n      <div class=\"field-label is-normal\">\n        <label class=\"label has-text-secondary is-nowrap\" for=\"selectCycle\">Cycle</label>\n      </div>\n      <div class=\"field-body\">\n        <div class=\"field\">\n          <div class=\"control is-expanded\">\n            <div class=\"select is-small is-fullwidth\">\n              <select (change)=\"selectIndex($event)\" if=\"selectCycle\">\n                @for (value of cycles(); track nodeVersionKey(value); let cycleIndex = $index) {\n                  <option [value]=\"cycleIndex\">{{ cycleIndex + 1 }}. {{ defaultLabel(value) }}</option>\n                }\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"\n    [aggregated]=\"node.aggregated\" />\n</ng-template>\n", styles: [":host{display:block}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:106px;width:106px}\n"], dependencies: [{ 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: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class", "collapsedClass"], outputs: ["valueChange", "searchText"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "component", type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { kind: "component", type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state", "linkClass"] }, { kind: "component", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { kind: "component", type: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: ["cycles"] }, { kind: "component", type: CyclesNodesTimelineComponent, selector: "he-cycles-nodes-timeline", inputs: ["values", "maxDate", "minDate"] }, { kind: "component", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage", "cycle", "jlogParentKey", "jlogParentIndex"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey", "aggregated"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CyclesNodesComponent, isStandalone: true, selector: "he-cycles-nodes", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, nodeKeys: { classPropertyName: "nodeKeys", publicName: "nodeKeys", isSignal: true, isRequired: true, transformFunction: null }, nodeKeyGroup: { classPropertyName: "nodeKeyGroup", publicName: "nodeKeyGroup", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isGroupNode()) {\n  <div class=\"tabs is-mb-1 | group-nodes-tabs\">\n    <ul>\n      @for (value of groupNodeValues(); track value) {\n        <li\n          [class.is-active]=\"selectedGroup() === value.value\"\n          [ngbTooltip]=\"value.term.name\"\n          placement=\"top\"\n          container=\"body\">\n          <a (click)=\"selectedGroup.set(value.value)\">\n            <span class=\"is-capitalized is-pr-1\">{{ nodeKeyGroup() | pluralize: 1 }}:</span>\n            <span>{{ value.value }}</span>\n          </a>\n        </li>\n      }\n    </ul>\n  </div>\n}\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (hasData()) {\n        <he-data-table class=\"is-mt-3 is-bordered\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-fullwidth is-narrow is-striped\">\n            <thead>\n              @if (dataKeys().length > 1) {\n                <tr class=\"has-text-weight-bold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @let blankNodes = data()[dataKey];\n                    @let blankNodesCount = countGroupVisibleNodes(blankNodes);\n                    @if (blankNodesCount > 0) {\n                      <th [attr.colspan]=\"blankNodesCount\" [class.has-border-right]=\"!dataKeyLast\">\n                        <span>{{ dataKey | keyToLabel }}</span>\n                      </th>\n                    }\n                  }\n                </tr>\n              }\n              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n                @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                  @let blankNodes = data()[dataKey];\n                  @for (node of blankNodes; track node.value.term.name; let nodeLast = $last) {\n                    @if (node.value.visible) {\n                      <th\n                        [attr.title]=\"node.value.term.name\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <he-node-link [node]=\"node.value.term\">\n                          <span\n                            [innerHtml]=\"\n                              node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\n                            \"></span>\n                        </he-node-link>\n                      </th>\n                    }\n                  }\n                }\n              </tr>\n              <tr class=\"is-italic has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                  <a [href]=\"schemaBaseUrl + '/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n                @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                  @let blankNodes = data()[dataKey];\n                  @for (node of blankNodes; track node.value.term.name; let nodeLast = $last) {\n                    @if (node.value.visible) {\n                      <th\n                        [attr.title]=\"node.value.term.units\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <span [innerHtml]=\"node.value.term.units | compound\"></span>\n                        <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"node.value.term\" />\n                      </th>\n                    }\n                  }\n                }\n              </tr>\n            </thead>\n            <tbody>\n              @for (cycle of cycles(); track nodeVersionKey(cycle); let cycleIndex = $index) {\n                <tr [class.is-suggested]=\"$any(cycle).suggested\">\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycleNode(cycle)\">\n                      <span class=\"has-text-ellipsis is-ellipsis-3\">\n                        @if ($any(cycle).suggested) {\n                          <he-svg-icon name=\"compare\" />\n                        } @else {\n                          <span>{{ cycleIndex + 1 }}.</span>\n                        }\n                        <span class=\"is-pl-1\">{{ defaultLabel(cycle) }}</span>\n                      </span>\n                    </he-node-link>\n                  </td>\n                  <td class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                    <he-cycles-functional-unit-measure [cycle]=\"cycle\" />\n                  </td>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @let blankNodes = data()[dataKey];\n                    @for (node of blankNodes; track node.value.term.name; let nodeLast = $last) {\n                      @if (node.value.visible) {\n                        @let cycleData = node.value.values[nodeVersionKey(cycle)];\n                        <td\n                          class=\"is-nowrap\"\n                          [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                          @if (cycleData) {\n                            <span\n                              class=\"trigger-popover\"\n                              [ngbPopover]=\"details\"\n                              autoClose=\"outside\"\n                              popoverClass=\"is-narrow is-overflow-visible\"\n                              placement=\"left bottom auto\"\n                              container=\"body\"\n                              [popoverContext]=\"{ data: cycleData, cycle, key: dataKey }\">\n                              <span pointer>\n                                {{ cycleData.propertyValue | precision: 3 | default: '-' }}\n                              </span>\n                              <he-blank-node-state\n                                class=\"ml-1\"\n                                [dataState]=\"dataState()\"\n                                [node]=\"cycleData.node\"\n                                key=\"value\" />\n                            </span>\n                          } @else {\n                            <span>-</span>\n                          }\n                        </td>\n                      }\n                    }\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </he-data-table>\n        <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-justify-content-space-between is-mt-2\">\n          <he-blank-node-state-notice\n            [dataState]=\"dataState()\"\n            [showDeleted]=\"firstNodeKey() === BlankNodesKey.emissions\" />\n          <div class=\"is-flex is-flex-wrap-wrap is-gap-8\">\n            @if (showHideZeroValues()) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideZeroValues'\"\n                  name=\"hideZeroValues\"\n                  [(ngModel)]=\"hideZeroValues\" />\n                <label [for]=\"componentId() + 'hideZeroValues'\">\n                  <span>\n                    Hide\n                    <b>0</b>\n                    values\n                  </span>\n                </label>\n              </div>\n            }\n            @if (cycles().length > 1) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideIdenticalValues'\"\n                  name=\"hideIdenticalValues\"\n                  [(ngModel)]=\"hideIdenticalValues\" />\n                <label [for]=\"componentId() + 'hideIdenticalValues'\">\n                  <span>Hide identical values</span>\n                </label>\n              </div>\n            }\n          </div>\n        </div>\n      } @else {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>No data available</span>\n          @if (filterTerm()) {\n            <span class=\"is-pl-1\">matching your search criteria</span>\n          }\n          <span>.</span>\n          @if (showSwitchToRecalculated()) {\n            <span>\n              Switch to\n              <code>recalculated</code>\n              version.\n            </span>\n          }\n        </div>\n      }\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\">\n            <ng-container *ngTemplateOutlet=\"selectView\" />\n          </he-cycles-emissions-chart>\n        }\n      }\n    }\n    @case (View.aggregationLogs) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (selectedNode()) {\n        <he-node-aggregation-logs\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [termType]=\"primaryProductTermType()\"\n          [termId]=\"primaryProductTermId()\"\n          [jlogParentKey]=\"nodeKeyGroup()\"\n          [jlogParentIndex]=\"jlogParentIndex()\">\n          @if (nodeKeys().length > 1) {\n            <div class=\"tabs is-m-0\">\n              <ul>\n                @for (nodeKey of nodeKeys(); track nodeKey) {\n                  <li [class.is-active]=\"selectedNodeKey() === nodeKey\">\n                    <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n                  </li>\n                }\n              </ul>\n            </div>\n          }\n        </he-node-aggregation-logs>\n      }\n    }\n    @case (View.timeline) {\n      <he-cycles-nodes-timeline\n        [values]=\"timelineValues()\"\n        [minDate]=\"selectedCycle().startDate\"\n        [maxDate]=\"selectedCycle().endDate\">\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n      </he-cycles-nodes-timeline>\n    }\n    @case (View.logs) {\n      <!-- keep the cycle selector visible even when the selected cycle has no grouped node (e.g. a cycle\n           with no transformations under \"Transformation: Inputs\"), so the user can switch to one that has -->\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [cycle]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\n          [jlogParentKey]=\"nodeKeyGroup()\"\n          [jlogParentIndex]=\"jlogParentIndex()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\">\n          @if (nodeKeys().length > 1) {\n            <div class=\"tabs is-m-0\">\n              <ul>\n                @for (nodeKey of nodeKeys(); track nodeKey) {\n                  <li [class.is-active]=\"selectedNodeKey() === nodeKey\">\n                    <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n                  </li>\n                }\n              </ul>\n            </div>\n          }\n        </he-node-logs-models>\n      } @else if (isGroupNode()) {\n        <p class=\"is-p-3 has-text-grey\">\n          No recalculation logs for the selected {{ nodeKeyGroup() | pluralize: 1 }} in this cycle \u2014 select another\n          cycle above.\n        </p>\n      }\n    }\n  }\n}\n\n<ng-template #selectView>\n  <div class=\"is-flex is-gap-8 is-align-items-center is-justify-content-space-between\">\n    <div class=\"is-flex is-gap-8 is-align-items-center\">\n      @if (selectedView() === View.table) {\n        @if (hasData()) {\n          <button class=\"button is-small is-ghost is-p-2\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n        <he-search-extend\n          class=\"is-secondary\"\n          collapsedClass=\"is-p-2\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      } @else if (showSelectCycle()) {\n        <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      }\n    </div>\n\n    @if (views()?.length > 1) {\n      <div class=\"field has-addons button-segments\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <he-svg-icon\n                name=\"checkmark\"\n                aria-hidden=\"true\"\n                class=\"is-hidden-mobile\"\n                [class.is-hidden-tablet]=\"selectedView() !== view\" />\n              <he-svg-icon\n                [name]=\"viewIcon[view]\"\n                aria-hidden=\"true\"\n                [class.is-hidden-tablet]=\"selectedView() === view\" />\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #selectCycle>\n  @if (selectableCycles().length > 1) {\n    <div class=\"field is-horizontal is-mb-0\">\n      <div class=\"field-label is-normal\">\n        <label class=\"label has-text-secondary is-nowrap\" for=\"selectCycle\">Cycle</label>\n      </div>\n      <div class=\"field-body\">\n        <div class=\"field\">\n          <div class=\"control is-expanded\">\n            <div class=\"select is-small is-fullwidth\">\n              <select [value]=\"selectedIndex()\" (change)=\"selectIndex($event)\" if=\"selectCycle\">\n                @for (entry of selectableCycles(); track nodeVersionKey(entry.cycle)) {\n                  <option [value]=\"entry.index\">{{ entry.index + 1 }}. {{ defaultLabel(entry.cycle) }}</option>\n                }\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"\n    [aggregated]=\"node.aggregated\" />\n</ng-template>\n", styles: [":host{display:block}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:106px;width:106px}\n"], dependencies: [{ 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: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class", "collapsedClass"], outputs: ["valueChange", "searchText"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "component", type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { kind: "component", type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state", "linkClass"] }, { kind: "component", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { kind: "component", type: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: ["cycles"] }, { kind: "component", type: CyclesNodesTimelineComponent, selector: "he-cycles-nodes-timeline", inputs: ["values", "maxDate", "minDate"] }, { kind: "component", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage", "cycle", "jlogParentKey", "jlogParentIndex"] }, { kind: "component", type: NodeAggregationLogsComponent, selector: "he-node-aggregation-logs", inputs: ["node", "nodeKey", "termType", "termId", "jlogParentKey", "jlogParentIndex"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey", "aggregated"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CyclesNodesComponent, decorators: [{
             type: Component$1,
@@ -11714,6 +12259,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         CyclesEmissionsChartComponent,
                         CyclesNodesTimelineComponent,
                         NodeLogsModelsComponent,
+                        NodeAggregationLogsComponent,
                         NodeValueDetailsComponent,
                         FormsModule,
                         CompoundPipe,
@@ -11722,7 +12268,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         KeyToLabelPipe,
                         PrecisionPipe,
                         PluralizePipe
-                    ], template: "@if (isGroupNode()) {\n  <div class=\"tabs is-mb-1 | group-nodes-tabs\">\n    <ul>\n      @for (value of groupNodeValues(); track value) {\n        <li\n          [class.is-active]=\"selectedGroup() === value.value\"\n          [ngbTooltip]=\"value.term.name\"\n          placement=\"top\"\n          container=\"body\">\n          <a (click)=\"selectedGroup.set(value.value)\">\n            <span class=\"is-capitalized is-pr-1\">{{ nodeKeyGroup() | pluralize: 1 }}:</span>\n            <span>{{ value.value }}</span>\n          </a>\n        </li>\n      }\n    </ul>\n  </div>\n}\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (hasData()) {\n        <he-data-table class=\"is-mt-3 is-bordered\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-fullwidth is-narrow is-striped\">\n            <thead>\n              @if (dataKeys().length > 1) {\n                <tr class=\"has-text-weight-bold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @let blankNodes = data()[dataKey];\n                    @let blankNodesCount = countGroupVisibleNodes(blankNodes);\n                    @if (blankNodesCount > 0) {\n                      <th [attr.colspan]=\"blankNodesCount\" [class.has-border-right]=\"!dataKeyLast\">\n                        <span>{{ dataKey | keyToLabel }}</span>\n                      </th>\n                    }\n                  }\n                </tr>\n              }\n              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n                @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                  @let blankNodes = data()[dataKey];\n                  @for (node of blankNodes; track node.value.term.name; let nodeLast = $last) {\n                    @if (node.value.visible) {\n                      <th\n                        [attr.title]=\"node.value.term.name\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <he-node-link [node]=\"node.value.term\">\n                          <span\n                            [innerHtml]=\"\n                              node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\n                            \"></span>\n                        </he-node-link>\n                      </th>\n                    }\n                  }\n                }\n              </tr>\n              <tr class=\"is-italic has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                  <a [href]=\"schemaBaseUrl + '/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n                @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                  @let blankNodes = data()[dataKey];\n                  @for (node of blankNodes; track node.value.term.name; let nodeLast = $last) {\n                    @if (node.value.visible) {\n                      <th\n                        [attr.title]=\"node.value.term.units\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <span [innerHtml]=\"node.value.term.units | compound\"></span>\n                        <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"node.value.term\" />\n                      </th>\n                    }\n                  }\n                }\n              </tr>\n            </thead>\n            <tbody>\n              @for (cycle of cycles(); track nodeVersionKey(cycle); let cycleIndex = $index) {\n                <tr [class.is-suggested]=\"$any(cycle).suggested\">\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycleNode(cycle)\">\n                      <span class=\"has-text-ellipsis is-ellipsis-3\">\n                        @if ($any(cycle).suggested) {\n                          <he-svg-icon name=\"compare\" />\n                        } @else {\n                          <span>{{ cycleIndex + 1 }}.</span>\n                        }\n                        <span class=\"is-pl-1\">{{ defaultLabel(cycle) }}</span>\n                      </span>\n                    </he-node-link>\n                  </td>\n                  <td class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                    <he-cycles-functional-unit-measure [cycle]=\"cycle\" />\n                  </td>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @let blankNodes = data()[dataKey];\n                    @for (node of blankNodes; track node.value.term.name; let nodeLast = $last) {\n                      @if (node.value.visible) {\n                        @let cycleData = node.value.values[nodeVersionKey(cycle)];\n                        <td\n                          class=\"is-nowrap\"\n                          [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                          @if (cycleData) {\n                            <span\n                              class=\"trigger-popover\"\n                              [ngbPopover]=\"details\"\n                              autoClose=\"outside\"\n                              popoverClass=\"is-narrow is-overflow-visible\"\n                              placement=\"left bottom auto\"\n                              container=\"body\"\n                              [popoverContext]=\"{ data: cycleData, cycle, key: dataKey }\">\n                              <span pointer>\n                                {{ cycleData.propertyValue | precision: 3 | default: '-' }}\n                              </span>\n                              <he-blank-node-state\n                                class=\"ml-1\"\n                                [dataState]=\"dataState()\"\n                                [node]=\"cycleData.node\"\n                                key=\"value\" />\n                            </span>\n                          } @else {\n                            <span>-</span>\n                          }\n                        </td>\n                      }\n                    }\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </he-data-table>\n        <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-justify-content-space-between is-mt-2\">\n          <he-blank-node-state-notice\n            [dataState]=\"dataState()\"\n            [showDeleted]=\"firstNodeKey() === BlankNodesKey.emissions\" />\n          <div class=\"is-flex is-flex-wrap-wrap is-gap-8\">\n            @if (showHideZeroValues()) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideZeroValues'\"\n                  name=\"hideZeroValues\"\n                  [(ngModel)]=\"hideZeroValues\" />\n                <label [for]=\"componentId() + 'hideZeroValues'\">\n                  <span>\n                    Hide\n                    <b>0</b>\n                    values\n                  </span>\n                </label>\n              </div>\n            }\n            @if (cycles().length > 1) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideIdenticalValues'\"\n                  name=\"hideIdenticalValues\"\n                  [(ngModel)]=\"hideIdenticalValues\" />\n                <label [for]=\"componentId() + 'hideIdenticalValues'\">\n                  <span>Hide identical values</span>\n                </label>\n              </div>\n            }\n          </div>\n        </div>\n      } @else {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>No data available</span>\n          @if (filterTerm()) {\n            <span class=\"is-pl-1\">matching your search criteria</span>\n          }\n          <span>.</span>\n          @if (showSwitchToRecalculated()) {\n            <span>\n              Switch to\n              <code>recalculated</code>\n              version.\n            </span>\n          }\n        </div>\n      }\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\">\n            <ng-container *ngTemplateOutlet=\"selectView\" />\n          </he-cycles-emissions-chart>\n        }\n      }\n    }\n    @case (View.timeline) {\n      <he-cycles-nodes-timeline\n        [values]=\"timelineValues()\"\n        [minDate]=\"selectedCycle().startDate\"\n        [maxDate]=\"selectedCycle().endDate\">\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n      </he-cycles-nodes-timeline>\n    }\n    @case (View.logs) {\n      <!-- keep the cycle selector visible even when the selected cycle has no grouped node (e.g. a cycle\n           with no transformations under \"Transformation: Inputs\"), so the user can switch to one that has -->\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [cycle]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\n          [jlogParentKey]=\"nodeKeyGroup()\"\n          [jlogParentIndex]=\"jlogParentIndex()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\">\n          @if (nodeKeys().length > 1) {\n            <div class=\"tabs is-m-0\">\n              <ul>\n                @for (nodeKey of nodeKeys(); track nodeKey) {\n                  <li [class.is-active]=\"selectedNodeKey() === nodeKey\">\n                    <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n                  </li>\n                }\n              </ul>\n            </div>\n          }\n        </he-node-logs-models>\n      } @else if (isGroupNode()) {\n        <p class=\"is-p-3 has-text-grey\">\n          No recalculation logs for the selected {{ nodeKeyGroup() | pluralize: 1 }} in this cycle \u2014 select another\n          cycle above.\n        </p>\n      }\n    }\n  }\n}\n\n<ng-template #selectView>\n  <div class=\"is-flex is-gap-8 is-align-items-center is-justify-content-space-between\">\n    <div class=\"is-flex is-gap-8 is-align-items-center\">\n      @if (selectedView() === View.table) {\n        @if (hasData()) {\n          <button class=\"button is-small is-ghost is-p-2\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n        <he-search-extend\n          class=\"is-secondary\"\n          collapsedClass=\"is-p-2\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      } @else if (showSelectCycle()) {\n        <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      }\n    </div>\n\n    @if (views()?.length > 1) {\n      <div class=\"field has-addons button-segments\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <he-svg-icon\n                name=\"checkmark\"\n                aria-hidden=\"true\"\n                class=\"is-hidden-mobile\"\n                [class.is-hidden-tablet]=\"selectedView() !== view\" />\n              <he-svg-icon\n                [name]=\"viewIcon[view]\"\n                aria-hidden=\"true\"\n                [class.is-hidden-tablet]=\"selectedView() === view\" />\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #selectCycle>\n  @if (cycles().length > 1) {\n    <div class=\"field is-horizontal is-mb-0\">\n      <div class=\"field-label is-normal\">\n        <label class=\"label has-text-secondary is-nowrap\" for=\"selectCycle\">Cycle</label>\n      </div>\n      <div class=\"field-body\">\n        <div class=\"field\">\n          <div class=\"control is-expanded\">\n            <div class=\"select is-small is-fullwidth\">\n              <select (change)=\"selectIndex($event)\" if=\"selectCycle\">\n                @for (value of cycles(); track nodeVersionKey(value); let cycleIndex = $index) {\n                  <option [value]=\"cycleIndex\">{{ cycleIndex + 1 }}. {{ defaultLabel(value) }}</option>\n                }\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"\n    [aggregated]=\"node.aggregated\" />\n</ng-template>\n", styles: [":host{display:block}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:106px;width:106px}\n"] }]
+                    ], template: "@if (isGroupNode()) {\n  <div class=\"tabs is-mb-1 | group-nodes-tabs\">\n    <ul>\n      @for (value of groupNodeValues(); track value) {\n        <li\n          [class.is-active]=\"selectedGroup() === value.value\"\n          [ngbTooltip]=\"value.term.name\"\n          placement=\"top\"\n          container=\"body\">\n          <a (click)=\"selectedGroup.set(value.value)\">\n            <span class=\"is-capitalized is-pr-1\">{{ nodeKeyGroup() | pluralize: 1 }}:</span>\n            <span>{{ value.value }}</span>\n          </a>\n        </li>\n      }\n    </ul>\n  </div>\n}\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (hasData()) {\n        <he-data-table class=\"is-mt-3 is-bordered\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-fullwidth is-narrow is-striped\">\n            <thead>\n              @if (dataKeys().length > 1) {\n                <tr class=\"has-text-weight-bold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @let blankNodes = data()[dataKey];\n                    @let blankNodesCount = countGroupVisibleNodes(blankNodes);\n                    @if (blankNodesCount > 0) {\n                      <th [attr.colspan]=\"blankNodesCount\" [class.has-border-right]=\"!dataKeyLast\">\n                        <span>{{ dataKey | keyToLabel }}</span>\n                      </th>\n                    }\n                  }\n                </tr>\n              }\n              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n                @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                  @let blankNodes = data()[dataKey];\n                  @for (node of blankNodes; track node.value.term.name; let nodeLast = $last) {\n                    @if (node.value.visible) {\n                      <th\n                        [attr.title]=\"node.value.term.name\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <he-node-link [node]=\"node.value.term\">\n                          <span\n                            [innerHtml]=\"\n                              node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\n                            \"></span>\n                        </he-node-link>\n                      </th>\n                    }\n                  }\n                }\n              </tr>\n              <tr class=\"is-italic has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                  <a [href]=\"schemaBaseUrl + '/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n                @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                  @let blankNodes = data()[dataKey];\n                  @for (node of blankNodes; track node.value.term.name; let nodeLast = $last) {\n                    @if (node.value.visible) {\n                      <th\n                        [attr.title]=\"node.value.term.units\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <span [innerHtml]=\"node.value.term.units | compound\"></span>\n                        <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"node.value.term\" />\n                      </th>\n                    }\n                  }\n                }\n              </tr>\n            </thead>\n            <tbody>\n              @for (cycle of cycles(); track nodeVersionKey(cycle); let cycleIndex = $index) {\n                <tr [class.is-suggested]=\"$any(cycle).suggested\">\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycleNode(cycle)\">\n                      <span class=\"has-text-ellipsis is-ellipsis-3\">\n                        @if ($any(cycle).suggested) {\n                          <he-svg-icon name=\"compare\" />\n                        } @else {\n                          <span>{{ cycleIndex + 1 }}.</span>\n                        }\n                        <span class=\"is-pl-1\">{{ defaultLabel(cycle) }}</span>\n                      </span>\n                    </he-node-link>\n                  </td>\n                  <td class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                    <he-cycles-functional-unit-measure [cycle]=\"cycle\" />\n                  </td>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @let blankNodes = data()[dataKey];\n                    @for (node of blankNodes; track node.value.term.name; let nodeLast = $last) {\n                      @if (node.value.visible) {\n                        @let cycleData = node.value.values[nodeVersionKey(cycle)];\n                        <td\n                          class=\"is-nowrap\"\n                          [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                          @if (cycleData) {\n                            <span\n                              class=\"trigger-popover\"\n                              [ngbPopover]=\"details\"\n                              autoClose=\"outside\"\n                              popoverClass=\"is-narrow is-overflow-visible\"\n                              placement=\"left bottom auto\"\n                              container=\"body\"\n                              [popoverContext]=\"{ data: cycleData, cycle, key: dataKey }\">\n                              <span pointer>\n                                {{ cycleData.propertyValue | precision: 3 | default: '-' }}\n                              </span>\n                              <he-blank-node-state\n                                class=\"ml-1\"\n                                [dataState]=\"dataState()\"\n                                [node]=\"cycleData.node\"\n                                key=\"value\" />\n                            </span>\n                          } @else {\n                            <span>-</span>\n                          }\n                        </td>\n                      }\n                    }\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </he-data-table>\n        <div class=\"is-flex is-align-items-center is-flex-wrap-wrap is-justify-content-space-between is-mt-2\">\n          <he-blank-node-state-notice\n            [dataState]=\"dataState()\"\n            [showDeleted]=\"firstNodeKey() === BlankNodesKey.emissions\" />\n          <div class=\"is-flex is-flex-wrap-wrap is-gap-8\">\n            @if (showHideZeroValues()) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideZeroValues'\"\n                  name=\"hideZeroValues\"\n                  [(ngModel)]=\"hideZeroValues\" />\n                <label [for]=\"componentId() + 'hideZeroValues'\">\n                  <span>\n                    Hide\n                    <b>0</b>\n                    values\n                  </span>\n                </label>\n              </div>\n            }\n            @if (cycles().length > 1) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideIdenticalValues'\"\n                  name=\"hideIdenticalValues\"\n                  [(ngModel)]=\"hideIdenticalValues\" />\n                <label [for]=\"componentId() + 'hideIdenticalValues'\">\n                  <span>Hide identical values</span>\n                </label>\n              </div>\n            }\n          </div>\n        </div>\n      } @else {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>No data available</span>\n          @if (filterTerm()) {\n            <span class=\"is-pl-1\">matching your search criteria</span>\n          }\n          <span>.</span>\n          @if (showSwitchToRecalculated()) {\n            <span>\n              Switch to\n              <code>recalculated</code>\n              version.\n            </span>\n          }\n        </div>\n      }\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\">\n            <ng-container *ngTemplateOutlet=\"selectView\" />\n          </he-cycles-emissions-chart>\n        }\n      }\n    }\n    @case (View.aggregationLogs) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (selectedNode()) {\n        <he-node-aggregation-logs\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [termType]=\"primaryProductTermType()\"\n          [termId]=\"primaryProductTermId()\"\n          [jlogParentKey]=\"nodeKeyGroup()\"\n          [jlogParentIndex]=\"jlogParentIndex()\">\n          @if (nodeKeys().length > 1) {\n            <div class=\"tabs is-m-0\">\n              <ul>\n                @for (nodeKey of nodeKeys(); track nodeKey) {\n                  <li [class.is-active]=\"selectedNodeKey() === nodeKey\">\n                    <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n                  </li>\n                }\n              </ul>\n            </div>\n          }\n        </he-node-aggregation-logs>\n      }\n    }\n    @case (View.timeline) {\n      <he-cycles-nodes-timeline\n        [values]=\"timelineValues()\"\n        [minDate]=\"selectedCycle().startDate\"\n        [maxDate]=\"selectedCycle().endDate\">\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n      </he-cycles-nodes-timeline>\n    }\n    @case (View.logs) {\n      <!-- keep the cycle selector visible even when the selected cycle has no grouped node (e.g. a cycle\n           with no transformations under \"Transformation: Inputs\"), so the user can switch to one that has -->\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [cycle]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\n          [jlogParentKey]=\"nodeKeyGroup()\"\n          [jlogParentIndex]=\"jlogParentIndex()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\">\n          @if (nodeKeys().length > 1) {\n            <div class=\"tabs is-m-0\">\n              <ul>\n                @for (nodeKey of nodeKeys(); track nodeKey) {\n                  <li [class.is-active]=\"selectedNodeKey() === nodeKey\">\n                    <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n                  </li>\n                }\n              </ul>\n            </div>\n          }\n        </he-node-logs-models>\n      } @else if (isGroupNode()) {\n        <p class=\"is-p-3 has-text-grey\">\n          No recalculation logs for the selected {{ nodeKeyGroup() | pluralize: 1 }} in this cycle \u2014 select another\n          cycle above.\n        </p>\n      }\n    }\n  }\n}\n\n<ng-template #selectView>\n  <div class=\"is-flex is-gap-8 is-align-items-center is-justify-content-space-between\">\n    <div class=\"is-flex is-gap-8 is-align-items-center\">\n      @if (selectedView() === View.table) {\n        @if (hasData()) {\n          <button class=\"button is-small is-ghost is-p-2\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n        <he-search-extend\n          class=\"is-secondary\"\n          collapsedClass=\"is-p-2\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      } @else if (showSelectCycle()) {\n        <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      }\n    </div>\n\n    @if (views()?.length > 1) {\n      <div class=\"field has-addons button-segments\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <he-svg-icon\n                name=\"checkmark\"\n                aria-hidden=\"true\"\n                class=\"is-hidden-mobile\"\n                [class.is-hidden-tablet]=\"selectedView() !== view\" />\n              <he-svg-icon\n                [name]=\"viewIcon[view]\"\n                aria-hidden=\"true\"\n                [class.is-hidden-tablet]=\"selectedView() === view\" />\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #selectCycle>\n  @if (selectableCycles().length > 1) {\n    <div class=\"field is-horizontal is-mb-0\">\n      <div class=\"field-label is-normal\">\n        <label class=\"label has-text-secondary is-nowrap\" for=\"selectCycle\">Cycle</label>\n      </div>\n      <div class=\"field-body\">\n        <div class=\"field\">\n          <div class=\"control is-expanded\">\n            <div class=\"select is-small is-fullwidth\">\n              <select [value]=\"selectedIndex()\" (change)=\"selectIndex($event)\" if=\"selectCycle\">\n                @for (entry of selectableCycles(); track nodeVersionKey(entry.cycle)) {\n                  <option [value]=\"entry.index\">{{ entry.index + 1 }}. {{ defaultLabel(entry.cycle) }}</option>\n                }\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"\n    [aggregated]=\"node.aggregated\" />\n</ng-template>\n", styles: [":host{display:block}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:106px;width:106px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { dataState: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataState", required: false }] }], nodeKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKeys", required: true }] }], nodeKeyGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKeyGroup", required: false }] }] } });
 
 class CyclesResultComponent {
@@ -14668,6 +15214,17 @@ const restoreChildren = (node) => {
     node._children = null;
     return node;
 };
+// children currently laid out, falling back to the collapsed ones while a node is closing
+const childrenOf = (node) => (node?.children || node?._children || []);
+// Stagger the children so they animate one after the other: in order when they appear, in reverse
+// when they disappear. A child that is not in the list anymore has no known position: it is not
+// delayed, which also keeps the delay finite (a `NaN` delay would never run, nor ever be removed).
+const enterStagger = (parent, child) => Math.max(childrenOf(parent).indexOf(child), 0) * 10;
+const exitStagger = (parent, child) => {
+    const children = childrenOf(parent);
+    const index = children.indexOf(child);
+    return index < 0 ? 0 : (children.length - index - 1) * 10;
+};
 const wrap = (selection, maxWidth = nodeContentWidth) => {
     selection.each(function (d) {
         const t = select(this);
@@ -14955,10 +15512,8 @@ const mergedLinks = (selection, { togglingGroup, switchingSelection }) => select
     .transition()
     .duration(linkDuration)
     .delay(d => {
-    const groupClosing = togglingGroup && !d.target.parent?.children?.find(n => n.data.group)?._groupOpen;
-    return groupClosing
-        ? groupDelay
-        : (switchingSelection ? nodeDuration : 0) + d.source.children?.indexOf(d.target) * 10;
+    const groupClosing = togglingGroup && !childrenOf(d.target.parent).find(n => n.data.group)?._groupOpen;
+    return groupClosing ? groupDelay : (switchingSelection ? nodeDuration : 0) + enterStagger(d.source, d.target);
 })
     .attr('opacity', 1)
     .attr('d', d => {
@@ -15203,7 +15758,8 @@ class HierarchyChartComponent {
         });
         this.svg.transition().duration(300).attr('viewBox', [-margin.left, this.yMin, totalWidth, newHeight].join(' '));
         this.node = this.node
-            .data(nodes, d => `${d.parent?.parent?.parent?.data.id}-${d.parent?.parent?.data.id}-${d.parent?.data.id}-${d.data.id}`)
+            // the root is a dummy node: it is never rendered, and has no parent to animate against
+            .data(nodes.filter(d => d.data.type !== ChartNodeType.root), d => `${d.parent?.parent?.parent?.data.id}-${d.parent?.parent?.data.id}-${d.parent?.data.id}-${d.data.id}`)
             .join(enter => enter
             .append('g')
             .call(enterNodes)
@@ -15214,10 +15770,7 @@ class HierarchyChartComponent {
                 .style('pointer-events', 'none')
                 .transition()
                 .duration(nodeDuration / 2)
-                .delay(d => {
-                const children = d.parent?.children || d.parent?._children;
-                return (children?.length - children?.indexOf(d) - 1) * 10;
-            })
+                .delay(d => exitStagger(d.parent, d))
                 .ease(easeElasticIn.amplitude(0.5).period(1))
                 .attr('transform', d => 'translate(' + (togglingGroup ? d.y : d.y - nodeWidth / 2) + ',' + d.x + ')')
                 .attr('opacity', 0)
@@ -15229,8 +15782,8 @@ class HierarchyChartComponent {
             .call(mergedNodes, { tooltipOperator: this.tooltipOperator() })
             .transition()
             .delay(d => {
-            const groupClosing = togglingGroup && !d.parent?.children?.find(n => n.data.group)?._groupOpen;
-            return groupClosing ? groupDelay : (switchingSelection ? nodeDuration : 0) + d.parent?.children.indexOf(d) * 10;
+            const groupClosing = togglingGroup && !childrenOf(d.parent).find(n => n.data.group)?._groupOpen;
+            return groupClosing ? groupDelay : (switchingSelection ? nodeDuration : 0) + enterStagger(d.parent, d);
         })
             .duration(nodeDuration)
             .ease(easeElasticOut.amplitude(0.5).period(1))
@@ -15248,10 +15801,7 @@ class HierarchyChartComponent {
             .attr('stroke', '#b5b5b5'), update => update, exit => exit
             .transition()
             .duration(linkDuration / 2)
-            .delay(d => {
-            const children = d.source.parent?.children || d.source.parent?._children;
-            return (children?.length - children?.indexOf(d.target) - 1) * 10;
-        })
+            .delay(d => exitStagger(d.source, d.target))
             .attr('opacity', 0)
             .remove())
             .call(mergedLinks, { togglingGroup, switchingSelection });
@@ -15269,7 +15819,8 @@ class HierarchyChartComponent {
     handleNodeClick(_event, d) {
         d._open = !d._open;
         const switchingSelection = '_greyed' in d && d._greyed;
-        d.parent.children.forEach(child => {
+        // the node can still be clicked while it animates out, by which time its parent is collapsed
+        childrenOf(d.parent).forEach(child => {
             child._greyed = false;
             if (child !== d) {
                 child._open = false;
@@ -16675,5 +17226,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, FilesDragDropDirective, FilesDropZoneComponent, FilesErrorSummaryComponent, FilesFormComponent, FilesFormEditableComponent, FilesUploadErrorsComponent, FilterAccordionComponent, GUIDE_ENABLED, GetPipe, GlossaryMigrationFormat, GuideOverlayComponent, 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, 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, groupDataByCategory, groupJLogByField, groupJLogByTerm, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, groupsLogsByFields, guideModelUrl, guideNamespace, handleAPIError, handleGuideEvent, hasError, hasValidationError, hasWarning, hexToRgba, 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, 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, nodeDataVersion, nodeId, nodeIdWithoutDataVersion, nodeIds, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeRequestId, nodeSecondaryColours, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeTypeIcon, nodeTypeIconSchema, nodeUrl, nodeUrlParams, nodeVersion, nodeVersionKey, 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, sumValues, 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, FilesDragDropDirective, FilesDropZoneComponent, FilesErrorSummaryComponent, FilesFormComponent, FilesFormEditableComponent, FilesUploadErrorsComponent, FilterAccordionComponent, FormulaBlockComponent, GUIDE_ENABLED, GetPipe, GlossaryMigrationFormat, GuideOverlayComponent, 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, NodeAggregatedFormulasComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeAggregationLogsComponent, 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, 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, groupBlankNodesByTermIdentity, groupChanged, groupDataByCategory, groupJLogByField, groupJLogByTerm, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, groupsLogsByFields, guideModelUrl, guideNamespace, handleAPIError, handleGuideEvent, hasError, hasValidationError, hasWarning, hexToRgba, 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, 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, nodeDataVersion, nodeId, nodeIdWithoutDataVersion, nodeIds, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeRequestId, nodeSecondaryColours, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeTypeIcon, nodeTypeIconSchema, nodeUrl, nodeUrlParams, nodeVersion, nodeVersionKey, 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, sumValues, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toSnakeCase, toTextParts, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueLink, valueToString, valueTypeToDefault, valueValue, waitFor, wildcardQuery };
 //# sourceMappingURL=hestia-earth-ui-components.mjs.map