@hestia-earth/ui-components 0.43.15 → 0.43.17

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, ElementRef, PLATFORM_ID, output, Directive, DestroyRef, input, computed, ChangeDetectionStrategy, Component as Component$1, Pipe, viewChild, HostListener, model, ViewEncapsulation, signal, afterNextRender, effect, HostBinding, contentChild, untracked, viewChildren, forwardRef, LOCALE_ID } from '@angular/core';
+import { Injectable, InjectionToken, inject, ElementRef, PLATFORM_ID, output, Directive, DestroyRef, input, computed, ChangeDetectionStrategy, Component as Component$1, Pipe, viewChild, HostListener, model, ViewEncapsulation, signal, afterNextRender, effect, HostBinding, contentChild, untracked, linkedSignal, viewChildren, forwardRef, LOCALE_ID } from '@angular/core';
 import { toObservable, toSignal, outputFromObservable, takeUntilDestroyed, rxResource } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR, UntypedFormBuilder, Validators, ReactiveFormsModule, FormControl } from '@angular/forms';
@@ -21,6 +21,8 @@ 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 backgroundEmissionTermsByModel from '@hestia-earth/glossary/resources/backgroundEmissionTermsByModel.json';
+import sumIs100Group from '@hestia-earth/glossary/resources/sumIs100Group.json';
+import sumMax100Group from '@hestia-earth/glossary/resources/sumMax100Group.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';
@@ -935,6 +937,14 @@ const backgroundEmissionModels = Object.entries(backgroundEmissionTermsByModel).
  * `model-links.json` links those per Term.
  */
 const getBackgroundEmissionModels = (id) => backgroundEmissionModels[id] ?? [];
+// both resources map a Term to the group it is rescaled within, and no Term is in both
+const sumGroups = [sumIs100Group, sumMax100Group];
+/**
+ * The group the Term's value is rescaled within, e.g. `land-cover` or `crop-residue`.
+ *
+ * The aggregation reads whichever of the two lookups the Term carries, so both answer here.
+ */
+const getSumGroup = (id) => sumGroups.map(lookup => lookup[id]).find(group => !!group);
 
 const maxAreaSize = 5000;
 const siteTooBig = ({ area }) => area && area / 100 > maxAreaSize;
@@ -1131,6 +1141,19 @@ const groupNodesByTerm = (nodes = [], key, includeNode = (_node) => true, hideZe
         .filter(Boolean));
 };
 const countGroupVisibleNodes = (blankNodes) => blankNodes.filter(v => v.value.visible).length;
+/**
+ * The rule `groupNodesByTerm` applies to blank nodes, for the tables comparing a plain key instead:
+ * a value missing on one node is never identical, so a key only some of them carry stays visible -
+ * comparing two versions of a node, a key appearing or disappearing is itself the change to see.
+ */
+const isIdenticalNodeValue = (nodes, value) => {
+    const values = nodes.map(value).filter(v => !isUndefined(v));
+    // `stringMapper` rounds a number to 3 significant figures and prints a string as it is, so
+    // comparing the same way is comparing what is on screen. `isNumber` would be wrong here: it
+    // accepts a numeric string, and rounding a year to 3 figures makes 2025 and 2026 both 2030
+    const comparable = values.map(v => (typeof v === 'number' ? toPrecision(v) : v));
+    return values.length === nodes.length && unique(comparable).length === 1;
+};
 const valueLink = (value) => isExpandable(value) && value['@id'] ? [baseUrl(), value['@type'].toLowerCase(), value['@id']].join('/') : null;
 const valueLinkRef = (value, href) => href ? `<a class="is-dark" href="${href}">${value.name || value['@id']}</a>` : null;
 const valueValue = (value) => Array.isArray(value) ? value.map(valueValue).join(', ') : toPrecision(value);
@@ -8213,8 +8236,8 @@ var LogStatus;
     LogStatus["dataProvided"] = "not run (user provided data retained)";
     LogStatus["notRequired"] = "not relevant";
 })(LogStatus || (LogStatus = {}));
-const hasLogs = (logs) => !!logs?.requirements || !!logs?.logs || logs?.missingLookups?.length > 0;
-const hasLogDetails = (status, logs) => [LogStatus.success, LogStatus.error, LogStatus.dataProvided].includes(status) && hasLogs(logs);
+const hasLogs$1 = (logs) => !!logs?.requirements || !!logs?.logs || logs?.missingLookups?.length > 0;
+const hasLogDetails = (status, logs) => [LogStatus.success, LogStatus.error, LogStatus.dataProvided].includes(status) && hasLogs$1(logs);
 const isRecalculatedByModel = (data, model) => 'recalculated' in data && data.recalculated?.some(value => blankNodeModelId$1(value) === model.methodId);
 const logStatus = (data, logs, model, hasPreviousSuccess = false) => {
     const termLogs = logs?.[model.methodId];
@@ -11471,6 +11494,7 @@ class CyclesCompletenessComponent {
     constructor() {
         this.modalService = inject(NgbModal);
         this.nodeStoreService = inject(HeNodeStoreService);
+        this.componentId = computed(() => uuid(), ...(ngDevMode ? [{ debugName: "componentId" }] : []));
         this.dataState = input(DataState.original, ...(ngDevMode ? [{ debugName: "dataState" }] : []));
         this.schemaBaseUrl = schemaBaseUrl();
         this.defaultLabel = defaultLabel;
@@ -11504,7 +11528,21 @@ class CyclesCompletenessComponent {
             : null, ...(ngDevMode ? [{ debugName: "selectedNode" }] : []));
         this.hasData = computed(() => this.cycles().length, ...(ngDevMode ? [{ debugName: "hasData" }] : []));
         this.isOriginal = computed(() => this.dataState() === DataState.original, ...(ngDevMode ? [{ debugName: "isOriginal" }] : []));
-        this.completenessKeys = computed(() => Object.keys(getCompleteness(this.selectedCycle())).filter(isValidKey).sort(), ...(ngDevMode ? [{ debugName: "completenessKeys" }] : []));
+        // a page comparing several nodes can switch every table into differences-only at once; the
+        // checkbox stays each table's own from there, so turning it off here leaves the others alone
+        this.hideIdenticalValues = input(false, ...(ngDevMode ? [{ debugName: "hideIdenticalValues" }] : []));
+        this.hideIdenticalSelected = linkedSignal(() => this.hideIdenticalValues(), ...(ngDevMode ? [{ debugName: "hideIdenticalSelected" }] : []));
+        // a single node makes every value trivially identical, which would empty the table - so the
+        // filter only applies once there is something to compare, as the toggle is only offered then
+        this.hideIdentical = computed(() => this.hideIdenticalSelected() && this.cycles().length > 1, ...(ngDevMode ? [{ debugName: "hideIdentical" }] : []));
+        this.completenessKeys = computed(() => {
+            const cycles = this.cycles();
+            const hideIdentical = this.hideIdentical();
+            return Object.keys(getCompleteness(this.selectedCycle()))
+                .filter(isValidKey)
+                .filter(key => !(hideIdentical && isIdenticalNodeValue(cycles, cycle => !!getCompleteness(cycle)[key])))
+                .sort();
+        }, ...(ngDevMode ? [{ debugName: "completenessKeys" }] : []));
         effect(() => {
             // make sure logs does not remain displayed when switching back to original view
             if (this.isOriginal() && this.selectedView() === View$4.logs) {
@@ -11524,20 +11562,21 @@ class CyclesCompletenessComponent {
         component.headerKeys.set(headerKeys$1);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CyclesCompletenessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CyclesCompletenessComponent, isStandalone: true, selector: "he-cycles-completeness", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (selectedView()) {\n  @case (View.table) {\n    @if (hasData()) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\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            <tr class=\"has-text-weight-semibold\">\n              <th class=\"width-auto has-border-right\"></th>\n              @for (completeness of completenessKeys(); track completeness) {\n                <th [attr.title]=\"completeness\">\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + completeness\" target=\"_blank\">\n                    {{ keyToLabel(completeness) }}\n                  </a>\n                </th>\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]=\"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                @for (key of completenessKeys(); track key) {\n                  <td class=\"is-nowrap\">\n                    <span>\n                      {{ getCompleteness(cycle)[key] ? 'Complete' : 'Incomplete' }}\n                    </span>\n                    <he-blank-node-state\n                      class=\"ml-1\"\n                      [dataState]=\"dataState()\"\n                      [node]=\"getCompleteness(cycle)\"\n                      [key]=\"key\" />\n                  </td>\n                }\n              </tr>\n            }\n          </tbody>\n        </table>\n      </he-data-table>\n      <he-blank-node-state-notice class=\"is-mt-2\" [dataState]=\"dataState()\" />\n    } @else {\n      <div class=\"panel-block\">\n        <span>No completeness data</span>\n      </div>\n    }\n  }\n  @case (View.logs) {\n    <ng-container *ngTemplateOutlet=\"selectView\" />\n\n    @if (selectedNode()) {\n      <he-node-logs-models\n        class=\"is-mt-2\"\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"nodeKey\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\" />\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n      } @else if (selectedView() === View.logs) {\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)\" id=\"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", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: 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: 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: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage", "cycle", "jlogParentKey", "jlogParentIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CyclesCompletenessComponent, isStandalone: true, selector: "he-cycles-completeness", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, hideIdenticalValues: { classPropertyName: "hideIdenticalValues", publicName: "hideIdenticalValues", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (selectedView()) {\n  @case (View.table) {\n    @if (hasData()) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (completenessKeys().length || !hideIdentical()) {\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              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                @for (completeness of completenessKeys(); track completeness) {\n                  <th [attr.title]=\"completeness\">\n                    <a [href]=\"schemaBaseUrl + '/Completeness#' + completeness\" target=\"_blank\">\n                      {{ keyToLabel(completeness) }}\n                    </a>\n                  </th>\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]=\"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                  @for (key of completenessKeys(); track key) {\n                    <td class=\"is-nowrap\">\n                      <span>\n                        {{ getCompleteness(cycle)[key] ? 'Complete' : 'Incomplete' }}\n                      </span>\n                      <he-blank-node-state\n                        class=\"ml-1\"\n                        [dataState]=\"dataState()\"\n                        [node]=\"getCompleteness(cycle)\"\n                        [key]=\"key\" />\n                    </td>\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </he-data-table>\n      } @else {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>No differences between the nodes compared.</span>\n        </div>\n      }\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 [dataState]=\"dataState()\" />\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)]=\"hideIdenticalSelected\" />\n            <label [for]=\"componentId() + 'hideIdenticalValues'\">\n              <span>Hide identical values</span>\n            </label>\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"panel-block\">\n        <span>No completeness data</span>\n      </div>\n    }\n  }\n  @case (View.logs) {\n    <ng-container *ngTemplateOutlet=\"selectView\" />\n\n    @if (selectedNode()) {\n      <he-node-logs-models\n        class=\"is-mt-2\"\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"nodeKey\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\" />\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n      } @else if (selectedView() === View.logs) {\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)\" id=\"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", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { 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: 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: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage", "cycle", "jlogParentKey", "jlogParentIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CyclesCompletenessComponent, decorators: [{
             type: Component$1,
             args: [{ selector: 'he-cycles-completeness', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgTemplateOutlet,
+                        FormsModule,
                         HESvgIconComponent,
                         DataTableComponent,
                         NodeLinkComponent,
                         BlankNodeStateComponent,
                         BlankNodeStateNoticeComponent,
                         NodeLogsModelsComponent
-                    ], template: "@switch (selectedView()) {\n  @case (View.table) {\n    @if (hasData()) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\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            <tr class=\"has-text-weight-semibold\">\n              <th class=\"width-auto has-border-right\"></th>\n              @for (completeness of completenessKeys(); track completeness) {\n                <th [attr.title]=\"completeness\">\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + completeness\" target=\"_blank\">\n                    {{ keyToLabel(completeness) }}\n                  </a>\n                </th>\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]=\"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                @for (key of completenessKeys(); track key) {\n                  <td class=\"is-nowrap\">\n                    <span>\n                      {{ getCompleteness(cycle)[key] ? 'Complete' : 'Incomplete' }}\n                    </span>\n                    <he-blank-node-state\n                      class=\"ml-1\"\n                      [dataState]=\"dataState()\"\n                      [node]=\"getCompleteness(cycle)\"\n                      [key]=\"key\" />\n                  </td>\n                }\n              </tr>\n            }\n          </tbody>\n        </table>\n      </he-data-table>\n      <he-blank-node-state-notice class=\"is-mt-2\" [dataState]=\"dataState()\" />\n    } @else {\n      <div class=\"panel-block\">\n        <span>No completeness data</span>\n      </div>\n    }\n  }\n  @case (View.logs) {\n    <ng-container *ngTemplateOutlet=\"selectView\" />\n\n    @if (selectedNode()) {\n      <he-node-logs-models\n        class=\"is-mt-2\"\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"nodeKey\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\" />\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n      } @else if (selectedView() === View.logs) {\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)\" id=\"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" }]
-        }], ctorParameters: () => [], propDecorators: { dataState: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataState", required: false }] }] } });
+                    ], template: "@switch (selectedView()) {\n  @case (View.table) {\n    @if (hasData()) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (completenessKeys().length || !hideIdentical()) {\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              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                @for (completeness of completenessKeys(); track completeness) {\n                  <th [attr.title]=\"completeness\">\n                    <a [href]=\"schemaBaseUrl + '/Completeness#' + completeness\" target=\"_blank\">\n                      {{ keyToLabel(completeness) }}\n                    </a>\n                  </th>\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]=\"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                  @for (key of completenessKeys(); track key) {\n                    <td class=\"is-nowrap\">\n                      <span>\n                        {{ getCompleteness(cycle)[key] ? 'Complete' : 'Incomplete' }}\n                      </span>\n                      <he-blank-node-state\n                        class=\"ml-1\"\n                        [dataState]=\"dataState()\"\n                        [node]=\"getCompleteness(cycle)\"\n                        [key]=\"key\" />\n                    </td>\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </he-data-table>\n      } @else {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>No differences between the nodes compared.</span>\n        </div>\n      }\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 [dataState]=\"dataState()\" />\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)]=\"hideIdenticalSelected\" />\n            <label [for]=\"componentId() + 'hideIdenticalValues'\">\n              <span>Hide identical values</span>\n            </label>\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"panel-block\">\n        <span>No completeness data</span>\n      </div>\n    }\n  }\n  @case (View.logs) {\n    <ng-container *ngTemplateOutlet=\"selectView\" />\n\n    @if (selectedNode()) {\n      <he-node-logs-models\n        class=\"is-mt-2\"\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"nodeKey\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\" />\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n      } @else if (selectedView() === View.logs) {\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)\" id=\"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" }]
+        }], ctorParameters: () => [], propDecorators: { dataState: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataState", required: false }] }], hideIdenticalValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideIdenticalValues", required: false }] }] } });
 
 const cycleValue = (cycle, values) => (values[nodeVersionKey(cycle)]?.nodes[0] || { value: [0] }).value;
 const cycleName = (cycle, index) => `${index + 1}. ${defaultLabel(cycle)}`;
@@ -11612,7 +11651,11 @@ const keys = [
     'otherSitesUnusedDuration',
     'siteArea',
     'otherSitesArea',
-    'harvestedArea'
+    'harvestedArea',
+    // only an aggregation carries these, and `keys()` drops what no node has
+    'numberOfCycles',
+    'aggregatedQualityScore',
+    'aggregatedQualityScoreMax'
 ];
 const getCycleKeys = (cycle) => Object.fromEntries(keys.map(key => [key, cycle[key]]));
 const headerKeys = ['cycle.id', 'cycle.@id', ...keys.map(key => `cycle.${key}`)];
@@ -11620,6 +11663,7 @@ class CyclesMetadataComponent {
     constructor() {
         this.modalService = inject(NgbModal);
         this.nodeStoreService = inject(HeNodeStoreService);
+        this.componentId = computed(() => uuid(), ...(ngDevMode ? [{ debugName: "componentId" }] : []));
         this.dataState = input(DataState.original, ...(ngDevMode ? [{ debugName: "dataState" }] : []));
         this.schemaBaseUrl = schemaBaseUrl();
         this.defaultLabel = defaultLabel;
@@ -11648,7 +11692,19 @@ class CyclesMetadataComponent {
         this.selectedCycle = computed(() => this.cycles()?.[this.selectedIndex()], ...(ngDevMode ? [{ debugName: "selectedCycle" }] : []));
         this.selectedOriginalValues = computed(() => getCycleKeys(this.ogirinalSelectedCycle()), ...(ngDevMode ? [{ debugName: "selectedOriginalValues" }] : []));
         this.selectedRecalculatedValues = computed(() => getCycleKeys(this.selectedCycle()), ...(ngDevMode ? [{ debugName: "selectedRecalculatedValues" }] : []));
-        this.keys = computed(() => keys.filter(key => this.cycles().some(cycle => Object.keys(cycle).includes(key))), ...(ngDevMode ? [{ debugName: "keys" }] : []));
+        // a page comparing several nodes can switch every table into differences-only at once; the
+        // checkbox stays each table's own from there, so turning it off here leaves the others alone
+        this.hideIdenticalValues = input(false, ...(ngDevMode ? [{ debugName: "hideIdenticalValues" }] : []));
+        this.hideIdenticalSelected = linkedSignal(() => this.hideIdenticalValues(), ...(ngDevMode ? [{ debugName: "hideIdenticalSelected" }] : []));
+        // a single node makes every value trivially identical, which would empty the table - so the
+        // filter only applies once there is something to compare, as the toggle is only offered then
+        this.hideIdentical = computed(() => this.hideIdenticalSelected() && this.cycles().length > 1, ...(ngDevMode ? [{ debugName: "hideIdentical" }] : []));
+        this.keys = computed(() => {
+            const cycles = this.cycles();
+            const hideIdentical = this.hideIdentical();
+            return keys.filter(key => cycles.some(cycle => Object.keys(cycle).includes(key)) &&
+                !(hideIdentical && isIdenticalNodeValue(cycles, cycle => cycle[key])));
+        }, ...(ngDevMode ? [{ debugName: "keys" }] : []));
     }
     selectIndex({ target: { value } }) {
         this.selectedIndex.set(+value);
@@ -11662,20 +11718,21 @@ class CyclesMetadataComponent {
         component.headerKeys.set(headerKeys);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CyclesMetadataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CyclesMetadataComponent, isStandalone: true, selector: "he-cycles-metadata", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (selectedView()) {\n  @case (View.table) {\n    @if (hasData()) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\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            <tr class=\"has-text-weight-semibold\">\n              <th class=\"width-auto has-border-right\"></th>\n              @for (key of keys(); track key) {\n                <th [attr.title]=\"key\">\n                  <a [href]=\"schemaBaseUrl + '/Cycle#' + key\" target=\"_blank\">\n                    {{ keyToLabel(key) }}\n                  </a>\n                </th>\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]=\"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                @for (key of keys(); track key) {\n                  <td class=\"is-nowrap\">\n                    @if (isUndefined(cycle[key])) {\n                      <span>-</span>\n                    } @else {\n                      <span>{{ toString(cycle[key]) }}</span>\n                    }\n                    <he-blank-node-state class=\"ml-1\" [dataState]=\"dataState()\" [node]=\"cycle\" [key]=\"key\" />\n                  </td>\n                }\n              </tr>\n            }\n          </tbody>\n        </table>\n      </he-data-table>\n      <he-blank-node-state-notice class=\"is-mt-2\" [dataState]=\"dataState()\" />\n    } @else {\n      <div class=\"panel-block\">\n        <span>No data.</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.logs) {\n    <ng-container *ngTemplateOutlet=\"selectView\" />\n\n    @if (selectedCycle()) {\n      <he-node-logs-models\n        class=\"is-mt-2\"\n        [node]=\"selectedCycle()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\" />\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\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", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: 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: 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: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage", "cycle", "jlogParentKey", "jlogParentIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CyclesMetadataComponent, isStandalone: true, selector: "he-cycles-metadata", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, hideIdenticalValues: { classPropertyName: "hideIdenticalValues", publicName: "hideIdenticalValues", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@switch (selectedView()) {\n  @case (View.table) {\n    @if (hasData()) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (keys().length || !hideIdentical()) {\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              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                @for (key of keys(); track key) {\n                  <th [attr.title]=\"key\">\n                    <a [href]=\"schemaBaseUrl + '/Cycle#' + key\" target=\"_blank\">\n                      {{ keyToLabel(key) }}\n                    </a>\n                  </th>\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]=\"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                  @for (key of keys(); track key) {\n                    <td class=\"is-nowrap\">\n                      @if (isUndefined(cycle[key])) {\n                        <span>-</span>\n                      } @else {\n                        <span>{{ toString(cycle[key]) }}</span>\n                      }\n                      <he-blank-node-state class=\"ml-1\" [dataState]=\"dataState()\" [node]=\"cycle\" [key]=\"key\" />\n                    </td>\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </he-data-table>\n      } @else {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>No differences between the nodes compared.</span>\n        </div>\n      }\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 [dataState]=\"dataState()\" />\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)]=\"hideIdenticalSelected\" />\n            <label [for]=\"componentId() + 'hideIdenticalValues'\">\n              <span>Hide identical values</span>\n            </label>\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"panel-block\">\n        <span>No data.</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.logs) {\n    <ng-container *ngTemplateOutlet=\"selectView\" />\n\n    @if (selectedCycle()) {\n      <he-node-logs-models\n        class=\"is-mt-2\"\n        [node]=\"selectedCycle()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\" />\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\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", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { 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: 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: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage", "cycle", "jlogParentKey", "jlogParentIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CyclesMetadataComponent, decorators: [{
             type: Component$1,
             args: [{ selector: 'he-cycles-metadata', imports: [
                         NgTemplateOutlet,
+                        FormsModule,
                         HESvgIconComponent,
                         DataTableComponent,
                         NodeLinkComponent,
                         BlankNodeStateComponent,
                         BlankNodeStateNoticeComponent,
                         NodeLogsModelsComponent
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (selectedView()) {\n  @case (View.table) {\n    @if (hasData()) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\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            <tr class=\"has-text-weight-semibold\">\n              <th class=\"width-auto has-border-right\"></th>\n              @for (key of keys(); track key) {\n                <th [attr.title]=\"key\">\n                  <a [href]=\"schemaBaseUrl + '/Cycle#' + key\" target=\"_blank\">\n                    {{ keyToLabel(key) }}\n                  </a>\n                </th>\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]=\"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                @for (key of keys(); track key) {\n                  <td class=\"is-nowrap\">\n                    @if (isUndefined(cycle[key])) {\n                      <span>-</span>\n                    } @else {\n                      <span>{{ toString(cycle[key]) }}</span>\n                    }\n                    <he-blank-node-state class=\"ml-1\" [dataState]=\"dataState()\" [node]=\"cycle\" [key]=\"key\" />\n                  </td>\n                }\n              </tr>\n            }\n          </tbody>\n        </table>\n      </he-data-table>\n      <he-blank-node-state-notice class=\"is-mt-2\" [dataState]=\"dataState()\" />\n    } @else {\n      <div class=\"panel-block\">\n        <span>No data.</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.logs) {\n    <ng-container *ngTemplateOutlet=\"selectView\" />\n\n    @if (selectedCycle()) {\n      <he-node-logs-models\n        class=\"is-mt-2\"\n        [node]=\"selectedCycle()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\" />\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\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" }]
-        }], propDecorators: { dataState: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataState", required: false }] }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@switch (selectedView()) {\n  @case (View.table) {\n    @if (hasData()) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      @if (keys().length || !hideIdentical()) {\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              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                @for (key of keys(); track key) {\n                  <th [attr.title]=\"key\">\n                    <a [href]=\"schemaBaseUrl + '/Cycle#' + key\" target=\"_blank\">\n                      {{ keyToLabel(key) }}\n                    </a>\n                  </th>\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]=\"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                  @for (key of keys(); track key) {\n                    <td class=\"is-nowrap\">\n                      @if (isUndefined(cycle[key])) {\n                        <span>-</span>\n                      } @else {\n                        <span>{{ toString(cycle[key]) }}</span>\n                      }\n                      <he-blank-node-state class=\"ml-1\" [dataState]=\"dataState()\" [node]=\"cycle\" [key]=\"key\" />\n                    </td>\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </he-data-table>\n      } @else {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>No differences between the nodes compared.</span>\n        </div>\n      }\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 [dataState]=\"dataState()\" />\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)]=\"hideIdenticalSelected\" />\n            <label [for]=\"componentId() + 'hideIdenticalValues'\">\n              <span>Hide identical values</span>\n            </label>\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"panel-block\">\n        <span>No data.</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.logs) {\n    <ng-container *ngTemplateOutlet=\"selectView\" />\n\n    @if (selectedCycle()) {\n      <he-node-logs-models\n        class=\"is-mt-2\"\n        [node]=\"selectedCycle()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\" />\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\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" }]
+        }], propDecorators: { dataState: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataState", required: false }] }], hideIdenticalValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideIdenticalValues", required: false }] }] } });
 
 // TODO: compute from the list of unique properties
 const additionalKeys = [
@@ -11850,6 +11907,18 @@ const WEIGHT_SYMBOLS = ['\\hat{w}_i'];
 const formulaGroup = (formula) => formula.bindings.some(({ key, symbol }) => WEIGHT_KEYS.includes(key ?? '') || WEIGHT_SYMBOLS.includes(symbol ?? ''))
     ? 'weights'
     : 'value';
+// The documentation writes each mean twice, and only one of them ran for a given value: the one
+// counting contributors binds a `<table>_count`, the one weighting them reads a table's `weight`
+// column - which is what keeps the economic value share rescale, also a division by a total
+// weight, out of the pair.
+const COUNT_KEYS = ['weights_count', 'reporting_count', 'zero_filled_count'];
+const WEIGHT_COLUMN = 'weight';
+const isSimpleMean = (formula) => formula.bindings.some(({ key }) => COUNT_KEYS.includes(key ?? ''));
+const isWeightedMean = (formula) => formula.bindings.some(({ column }) => column === WEIGHT_COLUMN);
+const isMeanThatRan = (formula, weighted) => weighted ? !isSimpleMean(formula) : !isWeightedMean(formula);
+// dividing a shared weight between the Cycles that share it, which is only a step where the
+// contributors carry weights at all
+const isWeightNormalisation = (formula) => formula.bindings.some(({ symbol }) => WEIGHT_SYMBOLS.includes(symbol ?? ''));
 /**
  * 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.
@@ -11969,6 +12038,51 @@ const contributorsTable = (values, formulas) => {
     }));
     return { columns, rows, count: tableCount(values, key) };
 };
+// the completeness area a term belongs to, as the aggregation recorded it. A term covered by
+// several areas records them joined, and all of them must be complete
+const COMPLETENESS_KEY = 'completeness_key';
+const COMPLETENESS_JOIN = '-';
+// the glossaries whose terms are zero-filled from the glossary defaults rather than from a group:
+// a Cycle that does not report `Organic` is not organic, rather than silent about it
+const DEFAULT_ZERO_TERM_TYPES = [TermTermType.system, TermTermType.standardsLabels];
+const completenessAreas = (values) => {
+    const key = values[COMPLETENESS_KEY];
+    return typeof key === 'string' && key ? key.split(COMPLETENESS_JOIN) : [];
+};
+/**
+ * Whether the aggregation recorded anything for this data item. Without it, "no completeness area"
+ * cannot be told apart from "the aggregation logged nothing", so only the rules a Term answers on
+ * its own are stated.
+ */
+const hasLogs = (values) => !isMissing(values['value']);
+const completenessRule = (areas) => ({
+    included: `Only Cycles with ${areas.map(area => `completeness.${area}`).join(' and ')} = TRUE.`,
+    blank: `A Cycle complete for ${areas.join(' and ')} that does not report this term counts as 0.`
+});
+const groupRule = (group) => ({
+    included: `Only Cycles where the terms of the ${group} group sum to 100.`,
+    blank: 'A term of that group a Cycle does not report counts as 0.'
+});
+const ZERO_FILLED_RULE = {
+    included: 'Every Cycle is included.',
+    blank: 'A Cycle that does not report this term counts as 0.'
+};
+const SKIPPED_RULE = {
+    included: 'Only Cycles that report this term.',
+    blank: 'A Cycle that does not report it is skipped, rather than counted as 0.'
+};
+// the rules a Term answers on its own, so they hold for an aggregation that logged nothing: the
+// group its value is rescaled within, then the glossaries zero-filled from their defaults
+const termRule = (term) => {
+    const group = getSumGroup(term?.['@id'] ?? '');
+    const zeroFilled = DEFAULT_ZERO_TERM_TYPES.includes(term?.termType ?? '');
+    return group ? groupRule(group) : zeroFilled ? ZERO_FILLED_RULE : undefined;
+};
+const inclusionRule = (term, values) => {
+    const areas = completenessAreas(values);
+    const fallback = hasLogs(values) ? SKIPPED_RULE : undefined;
+    return areas.length ? completenessRule(areas) : (termRule(term) ?? fallback);
+};
 
 // The page every aggregation follows, whatever the product.
 const GENERAL_PAGE = 'general-process';
@@ -12029,6 +12143,11 @@ class NodeAggregatedFormulasComponent {
          * 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 Term of the data item shown, which decides how a Cycle reporting no value for it was
+         * counted: some are zero-filled, others skipped.
+         */
+        this.term = input(...(ngDevMode ? [undefined, { debugName: "term" }] : []));
         /**
          * 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
@@ -12057,6 +12176,15 @@ class NodeAggregatedFormulasComponent {
             const productPage = PRODUCT_PAGES[this.termType() ?? ''];
             return [GENERAL_PAGE, ...(productPage ? [productPage] : [])];
         }, ...(ngDevMode ? [{ debugName: "pages" }] : []));
+        /**
+         * Whether the values were combined by a weighting structure rather than counted equally, which
+         * decides which of the two means is shown. Only `crop` aggregations are split into sub-systems, so
+         * every other product type combines its Cycles unweighted however it was built.
+         */
+        this.weighted = computed(() => this.worldAggregation() ||
+            isPlantation(this.termId() ?? '') ||
+            (this.termType() === TermTermType.crop && !this.subAggregation()), ...(ngDevMode ? [{ debugName: "weighted" }] : []));
+        this.inclusion = computed(() => inclusionRule(this.term(), this.values()), ...(ngDevMode ? [{ debugName: "inclusion" }] : []));
         // 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(() => {
@@ -12130,7 +12258,8 @@ class NodeAggregatedFormulasComponent {
         const stages = [
             { applies: isWorldWeight, ran: () => this.worldAggregation() },
             { applies: isSubSystemWeight, ran: () => this.subAggregation() },
-            { applies: isPlantationWeight, ran: () => isPlantation(this.termId() ?? '') }
+            { applies: isPlantationWeight, ran: () => isPlantation(this.termId() ?? '') },
+            { applies: isWeightNormalisation, ran: () => this.weighted() }
         ];
         return stages.find(({ applies }) => applies(formula))?.ran() ?? true;
     }
@@ -12149,10 +12278,12 @@ class NodeAggregatedFormulasComponent {
         return true;
     }
     applies(formula) {
-        return this.ranForAggregation(formula) && this.appliesToNodeKey(formula);
+        return (this.ranForAggregation(formula) &&
+            this.appliesToNodeKey(formula) &&
+            isMeanThatRan(formula, this.weighted()));
     }
     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 }, subAggregation: { classPropertyName: "subAggregation", publicName: "subAggregation", 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 {{ contributor().group }}, not measured. These are the rules\n      that produced this one, in the order they are applied.\n    </p>\n\n    <div class=\"is-pt-2 is-pr-1 is-overflow-y-auto | aggregated-formulas-rules\">\n      @for (section of renderedSections(); track section.id; let first = $first) {\n        <he-formula-block\n          [formulas]=\"section.formulas\"\n          [heading]=\"section.heading\"\n          [collapsible]=\"true\"\n          [showToggle]=\"first\"\n          [hasSubstitutions]=\"hasSubstitutions()\"\n          [(substituted)]=\"substituted\"\n          emptyTitle=\"No recorded values to substitute\" />\n\n        <!-- the contributors sit between the two calculations: what went in, above how a weight is derived -->\n        @if (section.id === 'value' && contributors(); as table) {\n          <he-collapsible-block [heading]=\"contributor().heading\">\n            @if (table.rows.length) {\n              <table class=\"table is-narrow is-size-7 w-100 | contributors-table\">\n                <thead>\n                  <tr>\n                    <th>{{ contributor().row }}</th>\n                    @for (column of table.columns; track column.symbol) {\n                      <th class=\"has-text-right\">\n                        <span [heKatex]=\"column.symbol\" [heKatexInline]=\"true\"></span>\n                      </th>\n                    }\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (row of table.rows; track row.id) {\n                    <tr>\n                      <td [attr.title]=\"row.id\">\n                        <he-node-link [node]=\"row.node\" linkClass=\"has-text-white\">\n                          <span class=\"break-word\">{{ row.label }}</span>\n                        </he-node-link>\n                      </td>\n                      @for (value of row.values; track $index) {\n                        <td class=\"has-text-right is-nowrap\">{{ value | precision: 4 | default: '-' }}</td>\n                      }\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            } @else {\n              <p class=\"is-size-7\">\n                Combined from {{ table.count }} {{ contributor().group }}, too many for the aggregation to record one by\n                one.\n              </p>\n            }\n          </he-collapsible-block>\n        }\n      }\n    </div>\n  </div>\n}\n", styles: [".formula-intro{opacity:.85}.contributors-table{background-color:transparent;color:inherit}.contributors-table th,.contributors-table td{border-color:#fff3;color:inherit;padding:.15rem .5rem .15rem 0;vertical-align:top}.contributors-table th{opacity:.7}.contributors-table ::ng-deep .katex{font-size:1em}.aggregated-formulas-rules{max-height:50vh}\n"], dependencies: [{ kind: "directive", type: KatexDirective, selector: "[heKatex]", inputs: ["heKatex", "heKatexInline"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: FormulaBlockComponent, selector: "he-formula-block", inputs: ["formulas", "hasSubstitutions", "emptyTitle", "heading", "note", "showToggle", "collapsible", "open", "substituted"], outputs: ["openChange", "substitutedChange"] }, { kind: "component", type: CollapsibleBlockComponent, selector: "he-collapsible-block", inputs: ["heading", "collapsible", "open"], outputs: ["openChange"] }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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 }, term: { classPropertyName: "term", publicName: "term", 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 }, subAggregation: { classPropertyName: "subAggregation", publicName: "subAggregation", 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 {{ contributor().group }}, not measured. These are the rules\n      that produced this one, in the order they are applied.\n    </p>\n\n    <div class=\"is-pt-2 is-pr-1 is-overflow-y-auto | aggregated-formulas-rules\">\n      <!-- what went in, before the rules that combine it: the formulas cannot show this -->\n      @if (inclusion(); as rule) {\n        <he-collapsible-block heading=\"Which Cycles are included\">\n          <p class=\"is-size-7\">{{ rule.included }}</p>\n          <p class=\"is-size-7\">{{ rule.blank }}</p>\n        </he-collapsible-block>\n      }\n\n      @for (section of renderedSections(); track section.id; let first = $first) {\n        <he-formula-block\n          [formulas]=\"section.formulas\"\n          [heading]=\"section.heading\"\n          [collapsible]=\"true\"\n          [showToggle]=\"first\"\n          [hasSubstitutions]=\"hasSubstitutions()\"\n          [(substituted)]=\"substituted\"\n          emptyTitle=\"No recorded values to substitute\" />\n\n        <!-- the contributors sit between the two calculations: what went in, above how a weight is derived -->\n        @if (section.id === 'value' && contributors(); as table) {\n          <he-collapsible-block [heading]=\"contributor().heading\">\n            @if (table.rows.length) {\n              <table class=\"table is-narrow is-size-7 w-100 | contributors-table\">\n                <thead>\n                  <tr>\n                    <th>{{ contributor().row }}</th>\n                    @for (column of table.columns; track column.symbol) {\n                      <th class=\"has-text-right\">\n                        <span [heKatex]=\"column.symbol\" [heKatexInline]=\"true\"></span>\n                      </th>\n                    }\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (row of table.rows; track row.id) {\n                    <tr>\n                      <td [attr.title]=\"row.id\">\n                        <he-node-link [node]=\"row.node\" linkClass=\"has-text-white\">\n                          <span class=\"break-word\">{{ row.label }}</span>\n                        </he-node-link>\n                      </td>\n                      @for (value of row.values; track $index) {\n                        <td class=\"has-text-right is-nowrap\">{{ value | precision: 4 | default: '-' }}</td>\n                      }\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            } @else {\n              <p class=\"is-size-7\">\n                Combined from {{ table.count }} {{ contributor().group }}, too many for the aggregation to record one by\n                one.\n              </p>\n            }\n          </he-collapsible-block>\n        }\n      }\n    </div>\n  </div>\n}\n", styles: [".formula-intro{opacity:.85}.contributors-table{background-color:transparent;color:inherit}.contributors-table th,.contributors-table td{border-color:#fff3;color:inherit;padding:.15rem .5rem .15rem 0;vertical-align:top}.contributors-table th{opacity:.7}.contributors-table ::ng-deep .katex{font-size:1em}.aggregated-formulas-rules{max-height:50vh}\n"], dependencies: [{ kind: "directive", type: KatexDirective, selector: "[heKatex]", inputs: ["heKatex", "heKatexInline"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: FormulaBlockComponent, selector: "he-formula-block", inputs: ["formulas", "hasSubstitutions", "emptyTitle", "heading", "note", "showToggle", "collapsible", "open", "substituted"], outputs: ["openChange", "substitutedChange"] }, { kind: "component", type: CollapsibleBlockComponent, selector: "he-collapsible-block", inputs: ["heading", "collapsible", "open"], outputs: ["openChange"] }, { 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: NodeAggregatedFormulasComponent, decorators: [{
             type: Component$1,
@@ -12163,8 +12294,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         NodeLinkComponent,
                         FormulaBlockComponent,
                         CollapsibleBlockComponent
-                    ], 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 {{ contributor().group }}, not measured. These are the rules\n      that produced this one, in the order they are applied.\n    </p>\n\n    <div class=\"is-pt-2 is-pr-1 is-overflow-y-auto | aggregated-formulas-rules\">\n      @for (section of renderedSections(); track section.id; let first = $first) {\n        <he-formula-block\n          [formulas]=\"section.formulas\"\n          [heading]=\"section.heading\"\n          [collapsible]=\"true\"\n          [showToggle]=\"first\"\n          [hasSubstitutions]=\"hasSubstitutions()\"\n          [(substituted)]=\"substituted\"\n          emptyTitle=\"No recorded values to substitute\" />\n\n        <!-- the contributors sit between the two calculations: what went in, above how a weight is derived -->\n        @if (section.id === 'value' && contributors(); as table) {\n          <he-collapsible-block [heading]=\"contributor().heading\">\n            @if (table.rows.length) {\n              <table class=\"table is-narrow is-size-7 w-100 | contributors-table\">\n                <thead>\n                  <tr>\n                    <th>{{ contributor().row }}</th>\n                    @for (column of table.columns; track column.symbol) {\n                      <th class=\"has-text-right\">\n                        <span [heKatex]=\"column.symbol\" [heKatexInline]=\"true\"></span>\n                      </th>\n                    }\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (row of table.rows; track row.id) {\n                    <tr>\n                      <td [attr.title]=\"row.id\">\n                        <he-node-link [node]=\"row.node\" linkClass=\"has-text-white\">\n                          <span class=\"break-word\">{{ row.label }}</span>\n                        </he-node-link>\n                      </td>\n                      @for (value of row.values; track $index) {\n                        <td class=\"has-text-right is-nowrap\">{{ value | precision: 4 | default: '-' }}</td>\n                      }\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            } @else {\n              <p class=\"is-size-7\">\n                Combined from {{ table.count }} {{ contributor().group }}, too many for the aggregation to record one by\n                one.\n              </p>\n            }\n          </he-collapsible-block>\n        }\n      }\n    </div>\n  </div>\n}\n", styles: [".formula-intro{opacity:.85}.contributors-table{background-color:transparent;color:inherit}.contributors-table th,.contributors-table td{border-color:#fff3;color:inherit;padding:.15rem .5rem .15rem 0;vertical-align:top}.contributors-table th{opacity:.7}.contributors-table ::ng-deep .katex{font-size:1em}.aggregated-formulas-rules{max-height:50vh}\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 }] }], subAggregation: [{ type: i0.Input, args: [{ isSignal: true, alias: "subAggregation", required: false }] }], substituted: [{ type: i0.Input, args: [{ isSignal: true, alias: "substituted", required: false }] }, { type: i0.Output, args: ["substitutedChange"] }] } });
+                    ], 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 {{ contributor().group }}, not measured. These are the rules\n      that produced this one, in the order they are applied.\n    </p>\n\n    <div class=\"is-pt-2 is-pr-1 is-overflow-y-auto | aggregated-formulas-rules\">\n      <!-- what went in, before the rules that combine it: the formulas cannot show this -->\n      @if (inclusion(); as rule) {\n        <he-collapsible-block heading=\"Which Cycles are included\">\n          <p class=\"is-size-7\">{{ rule.included }}</p>\n          <p class=\"is-size-7\">{{ rule.blank }}</p>\n        </he-collapsible-block>\n      }\n\n      @for (section of renderedSections(); track section.id; let first = $first) {\n        <he-formula-block\n          [formulas]=\"section.formulas\"\n          [heading]=\"section.heading\"\n          [collapsible]=\"true\"\n          [showToggle]=\"first\"\n          [hasSubstitutions]=\"hasSubstitutions()\"\n          [(substituted)]=\"substituted\"\n          emptyTitle=\"No recorded values to substitute\" />\n\n        <!-- the contributors sit between the two calculations: what went in, above how a weight is derived -->\n        @if (section.id === 'value' && contributors(); as table) {\n          <he-collapsible-block [heading]=\"contributor().heading\">\n            @if (table.rows.length) {\n              <table class=\"table is-narrow is-size-7 w-100 | contributors-table\">\n                <thead>\n                  <tr>\n                    <th>{{ contributor().row }}</th>\n                    @for (column of table.columns; track column.symbol) {\n                      <th class=\"has-text-right\">\n                        <span [heKatex]=\"column.symbol\" [heKatexInline]=\"true\"></span>\n                      </th>\n                    }\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (row of table.rows; track row.id) {\n                    <tr>\n                      <td [attr.title]=\"row.id\">\n                        <he-node-link [node]=\"row.node\" linkClass=\"has-text-white\">\n                          <span class=\"break-word\">{{ row.label }}</span>\n                        </he-node-link>\n                      </td>\n                      @for (value of row.values; track $index) {\n                        <td class=\"has-text-right is-nowrap\">{{ value | precision: 4 | default: '-' }}</td>\n                      }\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            } @else {\n              <p class=\"is-size-7\">\n                Combined from {{ table.count }} {{ contributor().group }}, too many for the aggregation to record one by\n                one.\n              </p>\n            }\n          </he-collapsible-block>\n        }\n      }\n    </div>\n  </div>\n}\n", styles: [".formula-intro{opacity:.85}.contributors-table{background-color:transparent;color:inherit}.contributors-table th,.contributors-table td{border-color:#fff3;color:inherit;padding:.15rem .5rem .15rem 0;vertical-align:top}.contributors-table th{opacity:.7}.contributors-table ::ng-deep .katex{font-size:1em}.aggregated-formulas-rules{max-height:50vh}\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 }] }], term: [{ type: i0.Input, args: [{ isSignal: true, alias: "term", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], worldAggregation: [{ type: i0.Input, args: [{ isSignal: true, alias: "worldAggregation", required: false }] }], subAggregation: [{ type: i0.Input, args: [{ isSignal: true, alias: "subAggregation", required: false }] }], substituted: [{ type: i0.Input, args: [{ isSignal: true, alias: "substituted", required: false }] }, { type: i0.Output, args: ["substitutedChange"] }] } });
 
 // the `.jlog` entries the aggregation records are tagged with its own model name
 const JLOG_MODEL = 'aggregation';
@@ -12234,17 +12365,27 @@ const nodeValues = (jlog) => {
         ? Object.fromEntries(Object.entries(values).filter(([key]) => key !== 'weight'))
         : values;
 };
+// A sub-aggregation is named for the sub-system it covers - `<product>-<country>-<organic |
+// conventional>-<irrigated | non-irrigated>-<period>-<run date>` - which the Cycle they are combined
+// into leaves out. Both segments are required: a product named "organic..." would otherwise match.
+const ORGANIC_SEGMENTS = ['organic', 'conventional'];
+const IRRIGATION_SEGMENT = 'irrigated';
+const isSubAggregationId = (id) => {
+    const segments = (id ?? '').split('-');
+    return segments.some(segment => ORGANIC_SEGMENTS.includes(segment)) && segments.includes(IRRIGATION_SEGMENT);
+};
 /**
  * Whether the sub-system stage is one of the stages that produced this Cycle's values, which its
  * own node-level entry says. Everywhere else its symbols hold one value per sub-system rather than
  * the single one the formula binds, so it describes another Cycle rather than this one.
  *
- * With nothing logged at all the stage is left to render symbolically, as every other rule does,
- * rather than hidden on a guess.
+ * With nothing logged at all - which is every aggregation that did not opt into the logs - the id
+ * answers instead: it names the sub-system a sub-aggregation covers, and the aggregation logs are
+ * opt-in, so guessing "sub-aggregation" there would show the wrong mean on every public page.
  */
-const isSubAggregation = (jlog) => {
+const isSubAggregation = (jlog, id) => {
     const values = nodeValues(jlog);
-    return isEmpty(values) || SUB_SYSTEM_KEY in values;
+    return isEmpty(values) ? isSubAggregationId(id) : SUB_SYSTEM_KEY in values;
 };
 // the ids of a packed contributors table, in the order they were recorded
 const tableIds = (packed) => typeof packed === 'string'
@@ -12369,7 +12510,7 @@ class NodeAggregationLogsComponent {
         // aggregation records once at the top of the `.jlog`
         this.nodeValues = computed(() => nodeValues(this.scopedJlog()), ...(ngDevMode ? [{ debugName: "nodeValues" }] : []));
         // whether the sub-system weighting is one of the stages that produced these values
-        this.subAggregation = computed(() => isSubAggregation(this.scopedJlog()), ...(ngDevMode ? [{ debugName: "subAggregation" }] : []));
+        this.subAggregation = computed(() => isSubAggregation(this.scopedJlog(), this.node()?.['@id']), ...(ngDevMode ? [{ debugName: "subAggregation" }] : []));
         /**
          * The `.jlog` of every sub-aggregation this Cycle was combined from, for the country shares the
          * aggregation only records on them. Best effort: a reader without access to a sub-aggregation
@@ -12399,6 +12540,7 @@ class NodeAggregationLogsComponent {
             return groupBlankNodesByTermIdentity(blankNodes, this.nodeType(), this.nodeKey()).map(group => {
                 const rows = group.rows.map(row => ({
                     ...row,
+                    term: group.term,
                     values: { ...shared, ...loggedValues(logs[row.index]) },
                     displayValue: propertyValue$1(row.value?.value, group.termId),
                     observations: row.value?.observations
@@ -12421,7 +12563,7 @@ class NodeAggregationLogsComponent {
         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    [subAggregation]=\"subAggregation()\" />\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", "subAggregation", "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 }); }
+    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, term: row.term })\">\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\" let-term=\"term\">\n  <he-node-aggregated-formulas\n    [termType]=\"termType()\"\n    [termId]=\"termId()\"\n    [nodeKey]=\"nodeKey()\"\n    [term]=\"term\"\n    [values]=\"values\"\n    [worldAggregation]=\"worldAggregation()\"\n    [subAggregation]=\"subAggregation()\" />\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", "term", "values", "worldAggregation", "subAggregation", "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,
@@ -12437,7 +12579,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         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    [subAggregation]=\"subAggregation()\" />\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"] }]
+                    ], 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, term: row.term })\">\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\" let-term=\"term\">\n  <he-node-aggregated-formulas\n    [termType]=\"termType()\"\n    [termId]=\"termId()\"\n    [nodeKey]=\"nodeKey()\"\n    [term]=\"term\"\n    [values]=\"values\"\n    [worldAggregation]=\"worldAggregation()\"\n    [subAggregation]=\"subAggregation()\" />\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;
@@ -12728,12 +12870,19 @@ class CyclesNodesComponent {
             : Object.fromEntries(this.nodeKeys().map(nodeKey => [nodeKey, this.groupNodesByKey({ nodeKey })])), ...(ngDevMode ? [{ debugName: "data" }] : []));
         this.dataKeys = computed(() => Object.keys(this.data()), ...(ngDevMode ? [{ debugName: "dataKeys" }] : []));
         this.hasData = computed(() => Object.values(this.data()).flat().length > 0, ...(ngDevMode ? [{ debugName: "hasData" }] : []));
+        this.hasVisibleData = computed(() => countGroupVisibleNodes(Object.values(this.data()).flat()) > 0, ...(ngDevMode ? [{ debugName: "hasVisibleData" }] : []));
         this.filterTermTypes = computed(() => nodeKeyFilterTermTypes$1[this.selectedNodeKey()], ...(ngDevMode ? [{ debugName: "filterTermTypes" }] : []));
         this.filterTerm = signal('', ...(ngDevMode ? [{ debugName: "filterTerm" }] : []));
         this.csvFilename = computed(() => `${this.nodeKeys().join('-')}.csv`, ...(ngDevMode ? [{ debugName: "csvFilename" }] : []));
         this.showHideZeroValues = computed(() => [BlankNodesKey.practices, BlankNodesKey.emissions].includes(this.selectedNodeKey()), ...(ngDevMode ? [{ debugName: "showHideZeroValues" }] : []));
         this.hideZeroValues = signal(false, ...(ngDevMode ? [{ debugName: "hideZeroValues" }] : []));
-        this.hideIdenticalValues = signal(false, ...(ngDevMode ? [{ debugName: "hideIdenticalValues" }] : []));
+        // a page comparing several nodes can switch every table into differences-only at once; the
+        // checkbox stays each table's own from there, so turning it off here leaves the others alone
+        this.hideIdenticalValues = input(false, ...(ngDevMode ? [{ debugName: "hideIdenticalValues" }] : []));
+        this.hideIdenticalSelected = linkedSignal(() => this.hideIdenticalValues(), ...(ngDevMode ? [{ debugName: "hideIdenticalSelected" }] : []));
+        // a single node makes every value trivially identical, which would empty the table - so the
+        // filter only applies once there is something to compare, as the toggle is only offered then
+        this.hideIdentical = computed(() => this.hideIdenticalSelected() && this.cycles().length > 1, ...(ngDevMode ? [{ debugName: "hideIdentical" }] : []));
         effect(() => {
             // make sure logs does not remain displayed
             if ((this.isOriginal() && this.selectedView() === View$2.logs) || !this.views().includes(this.selectedView())) {
@@ -12771,11 +12920,11 @@ class CyclesNodesComponent {
         });
     }
     groupNodesByKey({ nodeKey }) {
-        const nodesPerCycle = groupNodesByTerm(this.cycles(), nodeKey, filterBlankNode$1(this.filterTerm()), this.hideZeroValues(), this.hideIdenticalValues());
+        const nodesPerCycle = groupNodesByTerm(this.cycles(), nodeKey, filterBlankNode$1(this.filterTerm()), this.hideZeroValues(), this.hideIdentical());
         return orderBy(grouppedKeys(nodesPerCycle), ['key'], ['asc']);
     }
     groupEmissions() {
-        const emissionsPerCycle = groupNodesByTerm(this.cycles(), BlankNodesKey.emissions, filterBlankNode$1(this.filterTerm()), this.hideZeroValues(), this.hideIdenticalValues());
+        const emissionsPerCycle = groupNodesByTerm(this.cycles(), BlankNodesKey.emissions, filterBlankNode$1(this.filterTerm()), this.hideZeroValues(), this.hideIdentical());
         const values = orderBy(grouppedKeys(emissionsPerCycle), ['key'], ['asc']);
         const methodTiers = orderBy(unique(values.map(({ value }) => value.methodTier)).map(methodTier => ({
             methodTier,
@@ -12798,7 +12947,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.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 }); }
+    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 }, hideIdenticalValues: { classPropertyName: "hideIdenticalValues", publicName: "hideIdenticalValues", 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        @if (hasVisibleData() || !hideIdentical()) {\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        } @else {\n          <div class=\"is-pt-3 has-text-centered\">\n            <span>No differences between the nodes compared.</span>\n          </div>\n        }\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)]=\"hideIdenticalSelected\" />\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,
@@ -12826,8 +12975,8 @@ 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.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 }] }] } });
+                    ], 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        @if (hasVisibleData() || !hideIdentical()) {\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        } @else {\n          <div class=\"is-pt-3 has-text-centered\">\n            <span>No differences between the nodes compared.</span>\n          </div>\n        }\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)]=\"hideIdenticalSelected\" />\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 }] }], hideIdenticalValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideIdenticalValues", required: false }] }] } });
 
 class CyclesResultComponent {
     constructor() {
@@ -17079,11 +17228,11 @@ class ImpactAssessmentsProductsComponent {
     groupIndicators() {
         // TODO: when there are no indicators for the default model, the table appears empty
         // should default back to the first model in this case
-        const indicatorPerImpactAssessment = groupNodesByTerm(this.impactAssessments(), this.nodeKey(), filterNode(this.shouldFilterByMethodModel(), this._selectedMethodModel(), this.filterTerm()), false, this.hideIdenticalValues());
+        const indicatorPerImpactAssessment = groupNodesByTerm(this.impactAssessments(), this.nodeKey(), filterNode(this.shouldFilterByMethodModel(), this._selectedMethodModel(), this.filterTerm()), false, this.hideIdentical());
         return orderBy(grouppedKeys(indicatorPerImpactAssessment), ['value.methodTierOrder', 'key'], ['asc', 'asc']).filter(({ value }) => termAllowed(value?.term, this.filterTermTypes()));
     }
     groupEmissions() {
-        const emissionsPerImpactAssessment = groupNodesByTerm(this.impactAssessments(), this.nodeKey(), filterNode(this.shouldFilterByMethodModel(), this._selectedMethodModel(), this.filterTerm()), false, this.hideIdenticalValues());
+        const emissionsPerImpactAssessment = groupNodesByTerm(this.impactAssessments(), this.nodeKey(), filterNode(this.shouldFilterByMethodModel(), this._selectedMethodModel(), this.filterTerm()), false, this.hideIdentical());
         const values = orderBy(grouppedKeys(emissionsPerImpactAssessment), ['key'], ['asc']);
         const methodTiers = orderBy(unique(values.map(({ value }) => value.methodTier)).map(methodTier => ({
             methodTier,
@@ -17163,13 +17312,20 @@ class ImpactAssessmentsProductsComponent {
         this.dataKeys = computed(() => Object.keys(this.data()), ...(ngDevMode ? [{ debugName: "dataKeys" }] : []));
         // as we filter by methodModel, we might have an empty table for the default models but not for other models
         this.hasData = computed(() => this.enableFilterMethodModel() ? this.methodModels().length : Object.values(this.data()).flat().length > 0, ...(ngDevMode ? [{ debugName: "hasData" }] : []));
+        this.hasVisibleData = computed(() => countGroupVisibleNodes(Object.values(this.data()).flat()) > 0, ...(ngDevMode ? [{ debugName: "hasVisibleData" }] : []));
         this.noDataMessage = computed(() => this.dataState() === DataState.recalculated
             ? // all impacts have been calculated, but no data available
                 this.impactAssessments().every(isMaxStage)
                     ? 'We cannot calculate these data, most likely because we are missing the quantity produced or because we are missing data to allocate environmental impact data between co-products.'
                     : 'Calculations in progress.'
             : undefined, ...(ngDevMode ? [{ debugName: "noDataMessage" }] : []));
-        this.hideIdenticalValues = signal(false, ...(ngDevMode ? [{ debugName: "hideIdenticalValues" }] : []));
+        // a page comparing several nodes can switch every table into differences-only at once; the
+        // checkbox stays each table's own from there, so turning it off here leaves the others alone
+        this.hideIdenticalValues = input(false, ...(ngDevMode ? [{ debugName: "hideIdenticalValues" }] : []));
+        this.hideIdenticalSelected = linkedSignal(() => this.hideIdenticalValues(), ...(ngDevMode ? [{ debugName: "hideIdenticalSelected" }] : []));
+        // a single node makes every value trivially identical, which would empty the table - so the
+        // filter only applies once there is something to compare, as the toggle is only offered then
+        this.hideIdentical = computed(() => this.hideIdenticalSelected() && this.impactAssessments().length > 1, ...(ngDevMode ? [{ debugName: "hideIdentical" }] : []));
         this.methodModels = computed(() => uniqBy(this.impactAssessments()
             .flatMap(impact => (impact[this.nodeKey()] || []).map(v => v.methodModel))
             .filter(Boolean), '@id').sort((a, b) => a.name.localeCompare(b.name)), ...(ngDevMode ? [{ debugName: "methodModels" }] : []));
@@ -17206,7 +17362,7 @@ class ImpactAssessmentsProductsComponent {
         component.headerKeys.set(this.headerKeys());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ImpactAssessmentsProductsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ImpactAssessmentsProductsComponent, isStandalone: true, selector: "he-impact-assessments-products", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, enableFilterMethodModel: { classPropertyName: "enableFilterMethodModel", publicName: "enableFilterMethodModel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      <div class=\"is-hidden-tablet is-mt-3\">\n        <ng-container *ngTemplateOutlet=\"filterModel\" />\n      </div>\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\"></th>\n                  <th></th>\n                  <th></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                        @if (dataKey) {\n                          <span>{{ dataKey | keyToLabel }}</span>\n                        }\n                      </th>\n                    }\n                  }\n                </tr>\n              }\n              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right is-py-0\">\n                  <div class=\"is-hidden-mobile\">\n                    <ng-container *ngTemplateOutlet=\"filterModel\" />\n                  </div>\n                </th>\n                <th class=\"has-border-right\"></th>\n                <th class=\"has-border-right\"></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\">\n                  <a [href]=\"schemaBaseUrl + '/ImpactAssessment#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n                <th class=\"has-border-right\">\n                  <a [href]=\"schemaBaseUrl + '/ImpactAssessment#product'\" target=\"_blank\">Product</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 (\n                impactAssessment of impactAssessments();\n                track nodeVersionKey(impactAssessment);\n                let impactIndex = $index\n              ) {\n                @let product = productTerm(impactAssessment);\n                <tr [class.is-suggested]=\"$any(impactAssessment).suggested\">\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                    <he-node-link [node]=\"impactAssessment\">\n                      <span class=\"has-text-ellipsis is-ellipsis-3\">\n                        @if ($any(impactAssessment).suggested) {\n                          <he-svg-icon name=\"compare\" />\n                        } @else {\n                          <span>{{ impactIndex + 1 }}.</span>\n                        }\n                        <span class=\"is-pl-1\">{{ impactName(impactAssessment) }}</span>\n                      </span>\n                    </he-node-link>\n                  </td>\n                  <td class=\"has-border-right\" [attr.title]=\"product?.units\">\n                    <span>1 {{ product?.units }}</span>\n                  </td>\n                  <td class=\"has-border-right\" [attr.title]=\"product?.name\">\n                    @if (product) {\n                      <he-node-link [node]=\"product\">\n                        <span>{{ product.name | ellipsis: 30 }}</span>\n                      </he-node-link>\n                    }\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 impactData = node.value.values[nodeVersionKey(impactAssessment)];\n                        <td\n                          class=\"is-nowrap\"\n                          [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                          @if (impactData) {\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]=\"{\n                                data: impactData,\n                                impactAssessment\n                              }\">\n                              <span pointer>\n                                {{ impactData.propertyValue | precision: 3 | default: '-' }}\n                              </span>\n                              <he-blank-node-state\n                                class=\"ml-1\"\n                                [dataState]=\"dataState()\"\n                                [node]=\"impactData.node\"\n                                key=\"value\"\n                                [state]=\"impactAssessment.aggregated ? 'aggregated' : undefined\" />\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 [dataState]=\"dataState()\" />\n          @if (impactAssessments().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      } @else if (noDataMessage()) {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>{{ noDataMessage() }}</span>\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      <he-impact-assessments-indicators-chart [key]=\"nodeKey()\" [filterTermTypes]=\"filterTermTypes()\">\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n      </he-impact-assessments-indicators-chart>\n    }\n    @case (View.breakdown) {\n      @if (selectedNode()) {\n        <he-impact-assessments-indicator-breakdown-chart\n          [impactAssessment]=\"selectedNode()\"\n          [indicators]=\"selectedRecalculatedValues()\">\n          <ng-container *ngTemplateOutlet=\"selectView\" />\n        </he-impact-assessments-indicator-breakdown-chart>\n      }\n    }\n    @case (View.logs) {\n      @if (selectedNode()) {\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [cycle]=\"selectedCycle()\"\n          [nodeKey]=\"nodeKey()\"\n          [filterTermTypes]=\"filterTermTypes()\"\n          [filterTermTypesLabel]=\"filterTermTypesLabel()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [noDataMessage]=\"noDataMessage()\" />\n      }\n    }\n  }\n}\n\n<ng-template #filterModel>\n  @if (enableFilterMethodModel()) {\n    <div class=\"select is-small is-fullwidth\">\n      <select (change)=\"updateSelectedMethodModel($event.target.value)\">\n        <option [ngValue]=\"undefined\">Filter Model</option>\n        @for (term of methodModels(); track term) {\n          <option [ngValue]=\"term\">{{ term.name }}</option>\n        }\n      </select>\n    </div>\n  }\n</ng-template>\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 (showSelectImpact()) {\n        <ng-container *ngTemplateOutlet=\"selectImpact\" />\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 #selectImpact>\n  @if (impactAssessments().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=\"selectImpactAssessment\">Impact Assessment</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=\"selectImpactAssessment\">\n                @for (value of impactAssessments(); track nodeVersionKey(value); let i = $index) {\n                  <option [value]=\"i\">{{ i + 1 }}. {{ impactName(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=\"impactAssessment\" let-data=\"data\">\n  <p>\n    <b>\n      @if (data.cycle) {\n        <span>{{ cycleLabel(node.cycle) }}</span>\n      }\n      @if (!data.cycle) {\n        <span>{{ data.name }}</span>\n      }\n    </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]=\"nodeKey()\"\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:102px;width:102px}he-data-table ::ng-deep .table thead tr th:nth-child(3),he-data-table ::ng-deep .table tbody tr td:nth-child(3){min-width:110px}\n"], dependencies: [{ kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "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: 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: ImpactAssessmentsIndicatorsChartComponent, selector: "he-impact-assessments-indicators-chart", inputs: ["key", "filterTermTypes"] }, { kind: "component", type: ImpactAssessmentsIndicatorBreakdownChartComponent, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: ["impactAssessment", "indicators"] }, { 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: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ImpactAssessmentsProductsComponent, isStandalone: true, selector: "he-impact-assessments-products", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, enableFilterMethodModel: { classPropertyName: "enableFilterMethodModel", publicName: "enableFilterMethodModel", isSignal: true, isRequired: false, transformFunction: null }, hideIdenticalValues: { classPropertyName: "hideIdenticalValues", publicName: "hideIdenticalValues", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      <div class=\"is-hidden-tablet is-mt-3\">\n        <ng-container *ngTemplateOutlet=\"filterModel\" />\n      </div>\n\n      @if (hasData()) {\n        @if (hasVisibleData() || !hideIdentical()) {\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\"></th>\n                    <th></th>\n                    <th></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                          @if (dataKey) {\n                            <span>{{ dataKey | keyToLabel }}</span>\n                          }\n                        </th>\n                      }\n                    }\n                  </tr>\n                }\n                <tr class=\"has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right is-py-0\">\n                    <div class=\"is-hidden-mobile\">\n                      <ng-container *ngTemplateOutlet=\"filterModel\" />\n                    </div>\n                  </th>\n                  <th class=\"has-border-right\"></th>\n                  <th class=\"has-border-right\"></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\">\n                    <a [href]=\"schemaBaseUrl + '/ImpactAssessment#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                  </th>\n                  <th class=\"has-border-right\">\n                    <a [href]=\"schemaBaseUrl + '/ImpactAssessment#product'\" target=\"_blank\">Product</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 (\n                  impactAssessment of impactAssessments();\n                  track nodeVersionKey(impactAssessment);\n                  let impactIndex = $index\n                ) {\n                  @let product = productTerm(impactAssessment);\n                  <tr [class.is-suggested]=\"$any(impactAssessment).suggested\">\n                    <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                      <he-node-link [node]=\"impactAssessment\">\n                        <span class=\"has-text-ellipsis is-ellipsis-3\">\n                          @if ($any(impactAssessment).suggested) {\n                            <he-svg-icon name=\"compare\" />\n                          } @else {\n                            <span>{{ impactIndex + 1 }}.</span>\n                          }\n                          <span class=\"is-pl-1\">{{ impactName(impactAssessment) }}</span>\n                        </span>\n                      </he-node-link>\n                    </td>\n                    <td class=\"has-border-right\" [attr.title]=\"product?.units\">\n                      <span>1 {{ product?.units }}</span>\n                    </td>\n                    <td class=\"has-border-right\" [attr.title]=\"product?.name\">\n                      @if (product) {\n                        <he-node-link [node]=\"product\">\n                          <span>{{ product.name | ellipsis: 30 }}</span>\n                        </he-node-link>\n                      }\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 impactData = node.value.values[nodeVersionKey(impactAssessment)];\n                          <td\n                            class=\"is-nowrap\"\n                            [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                            @if (impactData) {\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]=\"{\n                                  data: impactData,\n                                  impactAssessment\n                                }\">\n                                <span pointer>\n                                  {{ impactData.propertyValue | precision: 3 | default: '-' }}\n                                </span>\n                                <he-blank-node-state\n                                  class=\"ml-1\"\n                                  [dataState]=\"dataState()\"\n                                  [node]=\"impactData.node\"\n                                  key=\"value\"\n                                  [state]=\"impactAssessment.aggregated ? 'aggregated' : undefined\" />\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        } @else {\n          <div class=\"is-pt-3 has-text-centered\">\n            <span>No differences between the nodes compared.</span>\n          </div>\n        }\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 [dataState]=\"dataState()\" />\n          @if (impactAssessments().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)]=\"hideIdenticalSelected\" />\n              <label [for]=\"componentId() + 'hideIdenticalValues'\">\n                <span>Hide identical values</span>\n              </label>\n            </div>\n          }\n        </div>\n      } @else if (noDataMessage()) {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>{{ noDataMessage() }}</span>\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      <he-impact-assessments-indicators-chart [key]=\"nodeKey()\" [filterTermTypes]=\"filterTermTypes()\">\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n      </he-impact-assessments-indicators-chart>\n    }\n    @case (View.breakdown) {\n      @if (selectedNode()) {\n        <he-impact-assessments-indicator-breakdown-chart\n          [impactAssessment]=\"selectedNode()\"\n          [indicators]=\"selectedRecalculatedValues()\">\n          <ng-container *ngTemplateOutlet=\"selectView\" />\n        </he-impact-assessments-indicator-breakdown-chart>\n      }\n    }\n    @case (View.logs) {\n      @if (selectedNode()) {\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [cycle]=\"selectedCycle()\"\n          [nodeKey]=\"nodeKey()\"\n          [filterTermTypes]=\"filterTermTypes()\"\n          [filterTermTypesLabel]=\"filterTermTypesLabel()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [noDataMessage]=\"noDataMessage()\" />\n      }\n    }\n  }\n}\n\n<ng-template #filterModel>\n  @if (enableFilterMethodModel()) {\n    <div class=\"select is-small is-fullwidth\">\n      <select (change)=\"updateSelectedMethodModel($event.target.value)\">\n        <option [ngValue]=\"undefined\">Filter Model</option>\n        @for (term of methodModels(); track term) {\n          <option [ngValue]=\"term\">{{ term.name }}</option>\n        }\n      </select>\n    </div>\n  }\n</ng-template>\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 (showSelectImpact()) {\n        <ng-container *ngTemplateOutlet=\"selectImpact\" />\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 #selectImpact>\n  @if (impactAssessments().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=\"selectImpactAssessment\">Impact Assessment</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=\"selectImpactAssessment\">\n                @for (value of impactAssessments(); track nodeVersionKey(value); let i = $index) {\n                  <option [value]=\"i\">{{ i + 1 }}. {{ impactName(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=\"impactAssessment\" let-data=\"data\">\n  <p>\n    <b>\n      @if (data.cycle) {\n        <span>{{ cycleLabel(node.cycle) }}</span>\n      }\n      @if (!data.cycle) {\n        <span>{{ data.name }}</span>\n      }\n    </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]=\"nodeKey()\"\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:102px;width:102px}he-data-table ::ng-deep .table thead tr th:nth-child(3),he-data-table ::ng-deep .table tbody tr td:nth-child(3){min-width:110px}\n"], dependencies: [{ kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "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: 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: ImpactAssessmentsIndicatorsChartComponent, selector: "he-impact-assessments-indicators-chart", inputs: ["key", "filterTermTypes"] }, { kind: "component", type: ImpactAssessmentsIndicatorBreakdownChartComponent, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: ["impactAssessment", "indicators"] }, { 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: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ImpactAssessmentsProductsComponent, decorators: [{
             type: Component$1,
@@ -17230,8 +17386,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         EllipsisPipe,
                         PrecisionPipe,
                         KeyToLabelPipe
-                    ], template: "@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      <div class=\"is-hidden-tablet is-mt-3\">\n        <ng-container *ngTemplateOutlet=\"filterModel\" />\n      </div>\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\"></th>\n                  <th></th>\n                  <th></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                        @if (dataKey) {\n                          <span>{{ dataKey | keyToLabel }}</span>\n                        }\n                      </th>\n                    }\n                  }\n                </tr>\n              }\n              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right is-py-0\">\n                  <div class=\"is-hidden-mobile\">\n                    <ng-container *ngTemplateOutlet=\"filterModel\" />\n                  </div>\n                </th>\n                <th class=\"has-border-right\"></th>\n                <th class=\"has-border-right\"></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\">\n                  <a [href]=\"schemaBaseUrl + '/ImpactAssessment#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n                <th class=\"has-border-right\">\n                  <a [href]=\"schemaBaseUrl + '/ImpactAssessment#product'\" target=\"_blank\">Product</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 (\n                impactAssessment of impactAssessments();\n                track nodeVersionKey(impactAssessment);\n                let impactIndex = $index\n              ) {\n                @let product = productTerm(impactAssessment);\n                <tr [class.is-suggested]=\"$any(impactAssessment).suggested\">\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                    <he-node-link [node]=\"impactAssessment\">\n                      <span class=\"has-text-ellipsis is-ellipsis-3\">\n                        @if ($any(impactAssessment).suggested) {\n                          <he-svg-icon name=\"compare\" />\n                        } @else {\n                          <span>{{ impactIndex + 1 }}.</span>\n                        }\n                        <span class=\"is-pl-1\">{{ impactName(impactAssessment) }}</span>\n                      </span>\n                    </he-node-link>\n                  </td>\n                  <td class=\"has-border-right\" [attr.title]=\"product?.units\">\n                    <span>1 {{ product?.units }}</span>\n                  </td>\n                  <td class=\"has-border-right\" [attr.title]=\"product?.name\">\n                    @if (product) {\n                      <he-node-link [node]=\"product\">\n                        <span>{{ product.name | ellipsis: 30 }}</span>\n                      </he-node-link>\n                    }\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 impactData = node.value.values[nodeVersionKey(impactAssessment)];\n                        <td\n                          class=\"is-nowrap\"\n                          [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                          @if (impactData) {\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]=\"{\n                                data: impactData,\n                                impactAssessment\n                              }\">\n                              <span pointer>\n                                {{ impactData.propertyValue | precision: 3 | default: '-' }}\n                              </span>\n                              <he-blank-node-state\n                                class=\"ml-1\"\n                                [dataState]=\"dataState()\"\n                                [node]=\"impactData.node\"\n                                key=\"value\"\n                                [state]=\"impactAssessment.aggregated ? 'aggregated' : undefined\" />\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 [dataState]=\"dataState()\" />\n          @if (impactAssessments().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      } @else if (noDataMessage()) {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>{{ noDataMessage() }}</span>\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      <he-impact-assessments-indicators-chart [key]=\"nodeKey()\" [filterTermTypes]=\"filterTermTypes()\">\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n      </he-impact-assessments-indicators-chart>\n    }\n    @case (View.breakdown) {\n      @if (selectedNode()) {\n        <he-impact-assessments-indicator-breakdown-chart\n          [impactAssessment]=\"selectedNode()\"\n          [indicators]=\"selectedRecalculatedValues()\">\n          <ng-container *ngTemplateOutlet=\"selectView\" />\n        </he-impact-assessments-indicator-breakdown-chart>\n      }\n    }\n    @case (View.logs) {\n      @if (selectedNode()) {\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [cycle]=\"selectedCycle()\"\n          [nodeKey]=\"nodeKey()\"\n          [filterTermTypes]=\"filterTermTypes()\"\n          [filterTermTypesLabel]=\"filterTermTypesLabel()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [noDataMessage]=\"noDataMessage()\" />\n      }\n    }\n  }\n}\n\n<ng-template #filterModel>\n  @if (enableFilterMethodModel()) {\n    <div class=\"select is-small is-fullwidth\">\n      <select (change)=\"updateSelectedMethodModel($event.target.value)\">\n        <option [ngValue]=\"undefined\">Filter Model</option>\n        @for (term of methodModels(); track term) {\n          <option [ngValue]=\"term\">{{ term.name }}</option>\n        }\n      </select>\n    </div>\n  }\n</ng-template>\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 (showSelectImpact()) {\n        <ng-container *ngTemplateOutlet=\"selectImpact\" />\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 #selectImpact>\n  @if (impactAssessments().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=\"selectImpactAssessment\">Impact Assessment</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=\"selectImpactAssessment\">\n                @for (value of impactAssessments(); track nodeVersionKey(value); let i = $index) {\n                  <option [value]=\"i\">{{ i + 1 }}. {{ impactName(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=\"impactAssessment\" let-data=\"data\">\n  <p>\n    <b>\n      @if (data.cycle) {\n        <span>{{ cycleLabel(node.cycle) }}</span>\n      }\n      @if (!data.cycle) {\n        <span>{{ data.name }}</span>\n      }\n    </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]=\"nodeKey()\"\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:102px;width:102px}he-data-table ::ng-deep .table thead tr th:nth-child(3),he-data-table ::ng-deep .table tbody tr td:nth-child(3){min-width:110px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { dataState: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataState", required: false }] }], nodeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKey", required: false }] }], filterTermTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterTermTypes", required: false }] }], enableFilterMethodModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableFilterMethodModel", required: false }] }] } });
+                    ], template: "@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <ng-container *ngTemplateOutlet=\"selectView\" />\n\n      <div class=\"is-hidden-tablet is-mt-3\">\n        <ng-container *ngTemplateOutlet=\"filterModel\" />\n      </div>\n\n      @if (hasData()) {\n        @if (hasVisibleData() || !hideIdentical()) {\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\"></th>\n                    <th></th>\n                    <th></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                          @if (dataKey) {\n                            <span>{{ dataKey | keyToLabel }}</span>\n                          }\n                        </th>\n                      }\n                    }\n                  </tr>\n                }\n                <tr class=\"has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right is-py-0\">\n                    <div class=\"is-hidden-mobile\">\n                      <ng-container *ngTemplateOutlet=\"filterModel\" />\n                    </div>\n                  </th>\n                  <th class=\"has-border-right\"></th>\n                  <th class=\"has-border-right\"></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\">\n                    <a [href]=\"schemaBaseUrl + '/ImpactAssessment#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                  </th>\n                  <th class=\"has-border-right\">\n                    <a [href]=\"schemaBaseUrl + '/ImpactAssessment#product'\" target=\"_blank\">Product</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 (\n                  impactAssessment of impactAssessments();\n                  track nodeVersionKey(impactAssessment);\n                  let impactIndex = $index\n                ) {\n                  @let product = productTerm(impactAssessment);\n                  <tr [class.is-suggested]=\"$any(impactAssessment).suggested\">\n                    <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                      <he-node-link [node]=\"impactAssessment\">\n                        <span class=\"has-text-ellipsis is-ellipsis-3\">\n                          @if ($any(impactAssessment).suggested) {\n                            <he-svg-icon name=\"compare\" />\n                          } @else {\n                            <span>{{ impactIndex + 1 }}.</span>\n                          }\n                          <span class=\"is-pl-1\">{{ impactName(impactAssessment) }}</span>\n                        </span>\n                      </he-node-link>\n                    </td>\n                    <td class=\"has-border-right\" [attr.title]=\"product?.units\">\n                      <span>1 {{ product?.units }}</span>\n                    </td>\n                    <td class=\"has-border-right\" [attr.title]=\"product?.name\">\n                      @if (product) {\n                        <he-node-link [node]=\"product\">\n                          <span>{{ product.name | ellipsis: 30 }}</span>\n                        </he-node-link>\n                      }\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 impactData = node.value.values[nodeVersionKey(impactAssessment)];\n                          <td\n                            class=\"is-nowrap\"\n                            [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                            @if (impactData) {\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]=\"{\n                                  data: impactData,\n                                  impactAssessment\n                                }\">\n                                <span pointer>\n                                  {{ impactData.propertyValue | precision: 3 | default: '-' }}\n                                </span>\n                                <he-blank-node-state\n                                  class=\"ml-1\"\n                                  [dataState]=\"dataState()\"\n                                  [node]=\"impactData.node\"\n                                  key=\"value\"\n                                  [state]=\"impactAssessment.aggregated ? 'aggregated' : undefined\" />\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        } @else {\n          <div class=\"is-pt-3 has-text-centered\">\n            <span>No differences between the nodes compared.</span>\n          </div>\n        }\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 [dataState]=\"dataState()\" />\n          @if (impactAssessments().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)]=\"hideIdenticalSelected\" />\n              <label [for]=\"componentId() + 'hideIdenticalValues'\">\n                <span>Hide identical values</span>\n              </label>\n            </div>\n          }\n        </div>\n      } @else if (noDataMessage()) {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>{{ noDataMessage() }}</span>\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      <he-impact-assessments-indicators-chart [key]=\"nodeKey()\" [filterTermTypes]=\"filterTermTypes()\">\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n      </he-impact-assessments-indicators-chart>\n    }\n    @case (View.breakdown) {\n      @if (selectedNode()) {\n        <he-impact-assessments-indicator-breakdown-chart\n          [impactAssessment]=\"selectedNode()\"\n          [indicators]=\"selectedRecalculatedValues()\">\n          <ng-container *ngTemplateOutlet=\"selectView\" />\n        </he-impact-assessments-indicator-breakdown-chart>\n      }\n    }\n    @case (View.logs) {\n      @if (selectedNode()) {\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [cycle]=\"selectedCycle()\"\n          [nodeKey]=\"nodeKey()\"\n          [filterTermTypes]=\"filterTermTypes()\"\n          [filterTermTypesLabel]=\"filterTermTypesLabel()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [noDataMessage]=\"noDataMessage()\" />\n      }\n    }\n  }\n}\n\n<ng-template #filterModel>\n  @if (enableFilterMethodModel()) {\n    <div class=\"select is-small is-fullwidth\">\n      <select (change)=\"updateSelectedMethodModel($event.target.value)\">\n        <option [ngValue]=\"undefined\">Filter Model</option>\n        @for (term of methodModels(); track term) {\n          <option [ngValue]=\"term\">{{ term.name }}</option>\n        }\n      </select>\n    </div>\n  }\n</ng-template>\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 (showSelectImpact()) {\n        <ng-container *ngTemplateOutlet=\"selectImpact\" />\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 #selectImpact>\n  @if (impactAssessments().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=\"selectImpactAssessment\">Impact Assessment</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=\"selectImpactAssessment\">\n                @for (value of impactAssessments(); track nodeVersionKey(value); let i = $index) {\n                  <option [value]=\"i\">{{ i + 1 }}. {{ impactName(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=\"impactAssessment\" let-data=\"data\">\n  <p>\n    <b>\n      @if (data.cycle) {\n        <span>{{ cycleLabel(node.cycle) }}</span>\n      }\n      @if (!data.cycle) {\n        <span>{{ data.name }}</span>\n      }\n    </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]=\"nodeKey()\"\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:102px;width:102px}he-data-table ::ng-deep .table thead tr th:nth-child(3),he-data-table ::ng-deep .table tbody tr td:nth-child(3){min-width:110px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { dataState: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataState", required: false }] }], nodeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKey", required: false }] }], filterTermTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterTermTypes", required: false }] }], enableFilterMethodModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableFilterMethodModel", required: false }] }], hideIdenticalValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideIdenticalValues", required: false }] }] } });
 
 const hasValidationError = (errors = [], level) => {
     const allErrors = errors.flat(2);
@@ -17767,13 +17923,20 @@ class SitesNodesComponent {
         this.showSwitchToRecalculated = computed(() => this.isOriginal() && this.hasRecalculatedNodes(), ...(ngDevMode ? [{ debugName: "showSwitchToRecalculated" }] : []));
         this.showAreaTooBig = computed(() => this.isMeasurement() && !this.isOriginal() && this.sites().some(siteTooBig), ...(ngDevMode ? [{ debugName: "showAreaTooBig" }] : []));
         this.hasData = computed(() => this.data().length > 0, ...(ngDevMode ? [{ debugName: "hasData" }] : []));
+        this.hasVisibleData = computed(() => countGroupVisibleNodes(this.data()) > 0, ...(ngDevMode ? [{ debugName: "hasVisibleData" }] : []));
         this.filterTermTypes = computed(() => nodeKeyFilterTermTypes[this.nodeKey()], ...(ngDevMode ? [{ debugName: "filterTermTypes" }] : []));
         this.filterTerm = signal('', ...(ngDevMode ? [{ debugName: "filterTerm" }] : []));
         this.hideZeroValues = signal(false, ...(ngDevMode ? [{ debugName: "hideZeroValues" }] : []));
-        this.hideIdenticalValues = signal(false, ...(ngDevMode ? [{ debugName: "hideIdenticalValues" }] : []));
+        // a page comparing several nodes can switch every table into differences-only at once; the
+        // checkbox stays each table's own from there, so turning it off here leaves the others alone
+        this.hideIdenticalValues = input(false, ...(ngDevMode ? [{ debugName: "hideIdenticalValues" }] : []));
+        this.hideIdenticalSelected = linkedSignal(() => this.hideIdenticalValues(), ...(ngDevMode ? [{ debugName: "hideIdenticalSelected" }] : []));
+        // a single node makes every value trivially identical, which would empty the table - so the
+        // filter only applies once there is something to compare, as the toggle is only offered then
+        this.hideIdentical = computed(() => this.hideIdenticalSelected() && this.sites().length > 1, ...(ngDevMode ? [{ debugName: "hideIdentical" }] : []));
         this.csvFilename = computed(() => `${this.nodeKey()}.csv`, ...(ngDevMode ? [{ debugName: "csvFilename" }] : []));
         this.data = computed(() => {
-            const dataPerSite = groupNodesByTerm(this.sites(), this.nodeKey(), filterBlankNode$1(this.filterTerm()), this.hideZeroValues(), this.hideIdenticalValues());
+            const dataPerSite = groupNodesByTerm(this.sites(), this.nodeKey(), filterBlankNode$1(this.filterTerm()), this.hideZeroValues(), this.hideIdentical());
             return orderBy(grouppedKeys(dataPerSite), ['key'], ['asc']);
         }, ...(ngDevMode ? [{ debugName: "data" }] : []));
         effect(() => {
@@ -17800,7 +17963,7 @@ class SitesNodesComponent {
         component.headerKeys.set(this.headerKeys());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SitesNodesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SitesNodesComponent, isStandalone: true, selector: "he-sites-nodes", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, enableChart: { classPropertyName: "enableChart", publicName: "enableChart", isSignal: true, isRequired: false, 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 [class.is-active]=\"selectedGroup() === value\">\n          <a (click)=\"selectedGroup.set(value)\">\n            <span class=\"is-capitalized is-pr-1\">{{ nodeKeyGroup() | pluralize: 1 }}:</span>\n            <span>{{ groupNodeDisplayNames()[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              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                @for (node of data(); track node.value.term.name) {\n                  @if (node.value.visible) {\n                    <th [attr.title]=\"node.value.term.name\">\n                      <he-node-link [node]=\"node.value.term\">\n                        <span\n                          [innerHtml]=\"node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\"></span>\n                      </he-node-link>\n                    </th>\n                  }\n                }\n              </tr>\n              <tr class=\"is-italic has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                @for (node of data(); track node.value.term.name) {\n                  @if (node.value.visible) {\n                    <th [attr.title]=\"node.value.term.units\">\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              </tr>\n            </thead>\n            <tbody>\n              @for (site of sites(); track nodeVersionKey(site); let siteIndex = $index) {\n                <tr [class.is-suggested]=\"$any(site).suggested\">\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                    <he-node-link [node]=\"site\">\n                      <span class=\"has-text-ellipsis is-ellipsis-3\">\n                        @if ($any(site).suggested) {\n                          <he-svg-icon name=\"compare\" />\n                        } @else {\n                          <span>{{ siteIndex + 1 }}.</span>\n                        }\n                        <span class=\"is-pl-1\">{{ defaultLabel(site) }}</span>\n                      </span>\n                    </he-node-link>\n                  </td>\n                  @for (node of data(); track node.value.term.name) {\n                    @if (node.value.visible) {\n                      @let siteData = node.value.values[nodeVersionKey(site)];\n                      <td class=\"is-nowrap\">\n                        @if (siteData) {\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: siteData, site }\">\n                            <span pointer>\n                              {{ siteData.propertyValue | precision: 3 | default: '-' }}\n                            </span>\n                            <he-blank-node-state\n                              class=\"ml-1\"\n                              [dataState]=\"dataState()\"\n                              [node]=\"siteData.node\"\n                              key=\"value\" />\n                          </span>\n                        }\n                        @if (isMeasurement() && !siteData) {\n                          <span>\n                            <span>-</span>\n                            @if (siteTooBig(site)) {\n                              <sup class=\"pl-1\">(1)</sup>\n                            }\n                          </span>\n                        }\n                      </td>\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 [dataState]=\"dataState()\" />\n          <div class=\"is-flex is-flex-wrap-wrap is-gap-8\">\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            @if (sites().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        @if (showAreaTooBig()) {\n          <p class=\"is-size-7 is-italic\">\n            (1) This region is >{{ maxAreaSize }}km2 and is too large to reliably gap fill Measurements.\n          </p>\n        }\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      @if (nodeKey() === BlankNodesKey.management) {\n        @if (selectedNode()) {\n          <he-sites-management-chart [site]=\"selectedNode()\" [cycles]=\"cycles()\">\n            <ng-container *ngTemplateOutlet=\"selectView\" />\n          </he-sites-management-chart>\n        }\n      }\n    }\n    @case (View.logs) {\n      @if (selectedNode()) {\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"nodeKey()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\"\n          [filterTermTypesLabel]=\"nodeKey() | capitalize\" />\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\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 (showSelectSite()) {\n        <ng-container *ngTemplateOutlet=\"selectSite\" />\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 #selectSite>\n  @if (sites().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\" for=\"selectSite\">Site</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=\"selectSite\">\n                @for (value of sites(); track nodeVersionKey(value); let siteIndex = $index) {\n                  <option [value]=\"siteIndex\">{{ siteIndex + 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 #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\">\n  <p>\n    <b>{{ node.name }}</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]=\"nodeKey()\"\n    [aggregated]=\"node.aggregated\" />\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: 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: "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: 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: "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: "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: "component", type: SitesManagementChartComponent, selector: "he-sites-management-chart", inputs: ["site", "cycles"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: CapitalizePipe, name: "capitalize" }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SitesNodesComponent, isStandalone: true, selector: "he-sites-nodes", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, enableChart: { classPropertyName: "enableChart", publicName: "enableChart", isSignal: true, isRequired: false, transformFunction: null }, nodeKeyGroup: { classPropertyName: "nodeKeyGroup", publicName: "nodeKeyGroup", isSignal: true, isRequired: false, transformFunction: null }, hideIdenticalValues: { classPropertyName: "hideIdenticalValues", publicName: "hideIdenticalValues", 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 [class.is-active]=\"selectedGroup() === value\">\n          <a (click)=\"selectedGroup.set(value)\">\n            <span class=\"is-capitalized is-pr-1\">{{ nodeKeyGroup() | pluralize: 1 }}:</span>\n            <span>{{ groupNodeDisplayNames()[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        @if (hasVisibleData() || !hideIdentical()) {\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                <tr class=\"has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  @for (node of data(); track node.value.term.name) {\n                    @if (node.value.visible) {\n                      <th [attr.title]=\"node.value.term.name\">\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                </tr>\n                <tr class=\"is-italic has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  @for (node of data(); track node.value.term.name) {\n                    @if (node.value.visible) {\n                      <th [attr.title]=\"node.value.term.units\">\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                </tr>\n              </thead>\n              <tbody>\n                @for (site of sites(); track nodeVersionKey(site); let siteIndex = $index) {\n                  <tr [class.is-suggested]=\"$any(site).suggested\">\n                    <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                      <he-node-link [node]=\"site\">\n                        <span class=\"has-text-ellipsis is-ellipsis-3\">\n                          @if ($any(site).suggested) {\n                            <he-svg-icon name=\"compare\" />\n                          } @else {\n                            <span>{{ siteIndex + 1 }}.</span>\n                          }\n                          <span class=\"is-pl-1\">{{ defaultLabel(site) }}</span>\n                        </span>\n                      </he-node-link>\n                    </td>\n                    @for (node of data(); track node.value.term.name) {\n                      @if (node.value.visible) {\n                        @let siteData = node.value.values[nodeVersionKey(site)];\n                        <td class=\"is-nowrap\">\n                          @if (siteData) {\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: siteData, site }\">\n                              <span pointer>\n                                {{ siteData.propertyValue | precision: 3 | default: '-' }}\n                              </span>\n                              <he-blank-node-state\n                                class=\"ml-1\"\n                                [dataState]=\"dataState()\"\n                                [node]=\"siteData.node\"\n                                key=\"value\" />\n                            </span>\n                          }\n                          @if (isMeasurement() && !siteData) {\n                            <span>\n                              <span>-</span>\n                              @if (siteTooBig(site)) {\n                                <sup class=\"pl-1\">(1)</sup>\n                              }\n                            </span>\n                          }\n                        </td>\n                      }\n                    }\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n        } @else {\n          <div class=\"is-pt-3 has-text-centered\">\n            <span>No differences between the nodes compared.</span>\n          </div>\n        }\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 [dataState]=\"dataState()\" />\n          <div class=\"is-flex is-flex-wrap-wrap is-gap-8\">\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            @if (sites().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)]=\"hideIdenticalSelected\" />\n                <label [for]=\"componentId() + 'hideIdenticalValues'\">\n                  <span>Hide identical values</span>\n                </label>\n              </div>\n            }\n          </div>\n        </div>\n        @if (showAreaTooBig()) {\n          <p class=\"is-size-7 is-italic\">\n            (1) This region is >{{ maxAreaSize }}km2 and is too large to reliably gap fill Measurements.\n          </p>\n        }\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      @if (nodeKey() === BlankNodesKey.management) {\n        @if (selectedNode()) {\n          <he-sites-management-chart [site]=\"selectedNode()\" [cycles]=\"cycles()\">\n            <ng-container *ngTemplateOutlet=\"selectView\" />\n          </he-sites-management-chart>\n        }\n      }\n    }\n    @case (View.logs) {\n      @if (selectedNode()) {\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"nodeKey()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\"\n          [filterTermTypesLabel]=\"nodeKey() | capitalize\" />\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\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 (showSelectSite()) {\n        <ng-container *ngTemplateOutlet=\"selectSite\" />\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 #selectSite>\n  @if (sites().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\" for=\"selectSite\">Site</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=\"selectSite\">\n                @for (value of sites(); track nodeVersionKey(value); let siteIndex = $index) {\n                  <option [value]=\"siteIndex\">{{ siteIndex + 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 #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\">\n  <p>\n    <b>{{ node.name }}</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]=\"nodeKey()\"\n    [aggregated]=\"node.aggregated\" />\n</ng-template>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: 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: "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: 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: "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: "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: "component", type: SitesManagementChartComponent, selector: "he-sites-management-chart", inputs: ["site", "cycles"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: CapitalizePipe, name: "capitalize" }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SitesNodesComponent, decorators: [{
             type: Component$1,
@@ -17824,8 +17987,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         CapitalizePipe,
                         PluralizePipe,
                         SitesManagementChartComponent
-                    ], template: "@if (isGroupNode()) {\n  <div class=\"tabs is-mb-1 | group-nodes-tabs\">\n    <ul>\n      @for (value of groupNodeValues(); track value) {\n        <li [class.is-active]=\"selectedGroup() === value\">\n          <a (click)=\"selectedGroup.set(value)\">\n            <span class=\"is-capitalized is-pr-1\">{{ nodeKeyGroup() | pluralize: 1 }}:</span>\n            <span>{{ groupNodeDisplayNames()[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              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                @for (node of data(); track node.value.term.name) {\n                  @if (node.value.visible) {\n                    <th [attr.title]=\"node.value.term.name\">\n                      <he-node-link [node]=\"node.value.term\">\n                        <span\n                          [innerHtml]=\"node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\"></span>\n                      </he-node-link>\n                    </th>\n                  }\n                }\n              </tr>\n              <tr class=\"is-italic has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                @for (node of data(); track node.value.term.name) {\n                  @if (node.value.visible) {\n                    <th [attr.title]=\"node.value.term.units\">\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              </tr>\n            </thead>\n            <tbody>\n              @for (site of sites(); track nodeVersionKey(site); let siteIndex = $index) {\n                <tr [class.is-suggested]=\"$any(site).suggested\">\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                    <he-node-link [node]=\"site\">\n                      <span class=\"has-text-ellipsis is-ellipsis-3\">\n                        @if ($any(site).suggested) {\n                          <he-svg-icon name=\"compare\" />\n                        } @else {\n                          <span>{{ siteIndex + 1 }}.</span>\n                        }\n                        <span class=\"is-pl-1\">{{ defaultLabel(site) }}</span>\n                      </span>\n                    </he-node-link>\n                  </td>\n                  @for (node of data(); track node.value.term.name) {\n                    @if (node.value.visible) {\n                      @let siteData = node.value.values[nodeVersionKey(site)];\n                      <td class=\"is-nowrap\">\n                        @if (siteData) {\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: siteData, site }\">\n                            <span pointer>\n                              {{ siteData.propertyValue | precision: 3 | default: '-' }}\n                            </span>\n                            <he-blank-node-state\n                              class=\"ml-1\"\n                              [dataState]=\"dataState()\"\n                              [node]=\"siteData.node\"\n                              key=\"value\" />\n                          </span>\n                        }\n                        @if (isMeasurement() && !siteData) {\n                          <span>\n                            <span>-</span>\n                            @if (siteTooBig(site)) {\n                              <sup class=\"pl-1\">(1)</sup>\n                            }\n                          </span>\n                        }\n                      </td>\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 [dataState]=\"dataState()\" />\n          <div class=\"is-flex is-flex-wrap-wrap is-gap-8\">\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            @if (sites().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        @if (showAreaTooBig()) {\n          <p class=\"is-size-7 is-italic\">\n            (1) This region is >{{ maxAreaSize }}km2 and is too large to reliably gap fill Measurements.\n          </p>\n        }\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      @if (nodeKey() === BlankNodesKey.management) {\n        @if (selectedNode()) {\n          <he-sites-management-chart [site]=\"selectedNode()\" [cycles]=\"cycles()\">\n            <ng-container *ngTemplateOutlet=\"selectView\" />\n          </he-sites-management-chart>\n        }\n      }\n    }\n    @case (View.logs) {\n      @if (selectedNode()) {\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"nodeKey()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\"\n          [filterTermTypesLabel]=\"nodeKey() | capitalize\" />\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\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 (showSelectSite()) {\n        <ng-container *ngTemplateOutlet=\"selectSite\" />\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 #selectSite>\n  @if (sites().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\" for=\"selectSite\">Site</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=\"selectSite\">\n                @for (value of sites(); track nodeVersionKey(value); let siteIndex = $index) {\n                  <option [value]=\"siteIndex\">{{ siteIndex + 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 #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\">\n  <p>\n    <b>{{ node.name }}</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]=\"nodeKey()\"\n    [aggregated]=\"node.aggregated\" />\n</ng-template>\n", styles: [":host{display:block}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { dataState: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataState", required: false }] }], nodeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKey", required: false }] }], enableChart: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableChart", required: false }] }], nodeKeyGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKeyGroup", required: false }] }] } });
+                    ], template: "@if (isGroupNode()) {\n  <div class=\"tabs is-mb-1 | group-nodes-tabs\">\n    <ul>\n      @for (value of groupNodeValues(); track value) {\n        <li [class.is-active]=\"selectedGroup() === value\">\n          <a (click)=\"selectedGroup.set(value)\">\n            <span class=\"is-capitalized is-pr-1\">{{ nodeKeyGroup() | pluralize: 1 }}:</span>\n            <span>{{ groupNodeDisplayNames()[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        @if (hasVisibleData() || !hideIdentical()) {\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                <tr class=\"has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  @for (node of data(); track node.value.term.name) {\n                    @if (node.value.visible) {\n                      <th [attr.title]=\"node.value.term.name\">\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                </tr>\n                <tr class=\"is-italic has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  @for (node of data(); track node.value.term.name) {\n                    @if (node.value.visible) {\n                      <th [attr.title]=\"node.value.term.units\">\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                </tr>\n              </thead>\n              <tbody>\n                @for (site of sites(); track nodeVersionKey(site); let siteIndex = $index) {\n                  <tr [class.is-suggested]=\"$any(site).suggested\">\n                    <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                      <he-node-link [node]=\"site\">\n                        <span class=\"has-text-ellipsis is-ellipsis-3\">\n                          @if ($any(site).suggested) {\n                            <he-svg-icon name=\"compare\" />\n                          } @else {\n                            <span>{{ siteIndex + 1 }}.</span>\n                          }\n                          <span class=\"is-pl-1\">{{ defaultLabel(site) }}</span>\n                        </span>\n                      </he-node-link>\n                    </td>\n                    @for (node of data(); track node.value.term.name) {\n                      @if (node.value.visible) {\n                        @let siteData = node.value.values[nodeVersionKey(site)];\n                        <td class=\"is-nowrap\">\n                          @if (siteData) {\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: siteData, site }\">\n                              <span pointer>\n                                {{ siteData.propertyValue | precision: 3 | default: '-' }}\n                              </span>\n                              <he-blank-node-state\n                                class=\"ml-1\"\n                                [dataState]=\"dataState()\"\n                                [node]=\"siteData.node\"\n                                key=\"value\" />\n                            </span>\n                          }\n                          @if (isMeasurement() && !siteData) {\n                            <span>\n                              <span>-</span>\n                              @if (siteTooBig(site)) {\n                                <sup class=\"pl-1\">(1)</sup>\n                              }\n                            </span>\n                          }\n                        </td>\n                      }\n                    }\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n        } @else {\n          <div class=\"is-pt-3 has-text-centered\">\n            <span>No differences between the nodes compared.</span>\n          </div>\n        }\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 [dataState]=\"dataState()\" />\n          <div class=\"is-flex is-flex-wrap-wrap is-gap-8\">\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            @if (sites().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)]=\"hideIdenticalSelected\" />\n                <label [for]=\"componentId() + 'hideIdenticalValues'\">\n                  <span>Hide identical values</span>\n                </label>\n              </div>\n            }\n          </div>\n        </div>\n        @if (showAreaTooBig()) {\n          <p class=\"is-size-7 is-italic\">\n            (1) This region is >{{ maxAreaSize }}km2 and is too large to reliably gap fill Measurements.\n          </p>\n        }\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      @if (nodeKey() === BlankNodesKey.management) {\n        @if (selectedNode()) {\n          <he-sites-management-chart [site]=\"selectedNode()\" [cycles]=\"cycles()\">\n            <ng-container *ngTemplateOutlet=\"selectView\" />\n          </he-sites-management-chart>\n        }\n      }\n    }\n    @case (View.logs) {\n      @if (selectedNode()) {\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"nodeKey()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\"\n          [filterTermTypesLabel]=\"nodeKey() | capitalize\" />\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\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 (showSelectSite()) {\n        <ng-container *ngTemplateOutlet=\"selectSite\" />\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 #selectSite>\n  @if (sites().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\" for=\"selectSite\">Site</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=\"selectSite\">\n                @for (value of sites(); track nodeVersionKey(value); let siteIndex = $index) {\n                  <option [value]=\"siteIndex\">{{ siteIndex + 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 #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\">\n  <p>\n    <b>{{ node.name }}</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]=\"nodeKey()\"\n    [aggregated]=\"node.aggregated\" />\n</ng-template>\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { dataState: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataState", required: false }] }], nodeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKey", required: false }] }], enableChart: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableChart", required: false }] }], nodeKeyGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKeyGroup", required: false }] }], hideIdenticalValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideIdenticalValues", required: false }] }] } });
 
 class TermsPropertyContentComponent {
     constructor() {
@@ -17887,5 +18050,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, CollapsibleBlockComponent, 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, backgroundModelParams, 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, findBackgroundModel, findConfigModels, findMatchingModel, findModels, findNodeModel, findOrchestratorModel, findProperty, findPropertyById, findTermModels, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatDate, formatError, formatPropertyError, formatter, getColor, getDatesBetween, gitBranch, gitHome, 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 };
+export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ChartExportButtonComponent, ChartTooltipComponent, ClickOutsideDirective, ClipboardComponent, CollapsibleBlockComponent, 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, backgroundModelParams, 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, findBackgroundModel, findConfigModels, findMatchingModel, findModels, findNodeModel, findOrchestratorModel, findProperty, findPropertyById, findTermModels, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatDate, formatError, formatPropertyError, formatter, getColor, getDatesBetween, gitBranch, gitHome, 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, isIdenticalNodeValue, 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