npm - @hestia-earth/ui-components - Versions diffs - 0.40.1 → 0.40.2 - Mend

@hestia-earth/ui-components 0.40.1 → 0.40.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/fesm2022/hestia-earth-ui-components.mjs +140 -63
package/fesm2022/hestia-earth-ui-components.mjs.map +1 -1
package/package.json +1 -1
package/types/hestia-earth-ui-components.d.ts +45 -12

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

@@ -1,21 +1,22 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, computed, HostBinding, Component as Component$1, model, output, signal, effect, ChangeDetectionStrategy, ElementRef, untracked, Directive, viewChild, Pipe, DestroyRef, HostListener, ViewEncapsulation, contentChild, viewChildren, forwardRef } from '@angular/core';
+import { Injectable, InjectionToken, inject, input, computed, HostBinding, Component as Component$1, model, output, signal, effect, ChangeDetectionStrategy, ElementRef, untracked, Directive, viewChild, Pipe, DestroyRef, HostListener, ViewEncapsulation, contentChild, viewChildren, forwardRef, LOCALE_ID } from '@angular/core';
 import { toSignal, toObservable, outputFromObservable, takeUntilDestroyed, rxResource } from '@angular/core/rxjs-interop';
 import * as i1 from '@angular/forms';
 import { UntypedFormBuilder, Validators, FormsModule, ReactiveFormsModule, NG_VALUE_ACCESSOR, FormControl } from '@angular/forms';
-import { NgTemplateOutlet, NgClass, DecimalPipe, KeyValuePipe, DOCUMENT, PlatformLocation, NgStyle, UpperCasePipe, JsonPipe, DatePipe, AsyncPipe } from '@angular/common';
+import { NgTemplateOutlet, NgClass, DecimalPipe, KeyValuePipe, DOCUMENT, PlatformLocation, NgStyle, UpperCasePipe, JsonPipe, DatePipe, AsyncPipe, formatDate as formatDate$1 } from '@angular/common';
 import * as i1$1 from '@ng-bootstrap/ng-bootstrap';
 import { NgbActiveModal, NgbHighlight, NgbTooltip, NgbDropdown, NgbDropdownMenu, NgbDropdownToggle, NgbDropdownItem, NgbTypeahead, NgbPopover, NgbModal, NgbTooltipModule, NgbDropdownModule, NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap';
 import { catchError, of, map, debounceTime, distinctUntilChanged, tap, switchMap, zip, fromEvent, startWith, ReplaySubject, mergeMap, shareReplay, delay, timer, take, first, Subject, combineLatest, filter, pipe, merge as merge$1, skip, EMPTY, throttleTime, animationFrameScheduler, skipUntil, lastValueFrom, forkJoin, from, reduce, firstValueFrom, mergeAll, toArray, distinct, groupBy } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
 import get from 'lodash.get';
 import { SCHEMA_VERSION, SchemaType, NodeType, TermTermType, productTermTermType, nestedSearchableKeys, SiteSiteType, EmissionMethodTier, isExpandable, sortKeysByType, isTypeNode, BlankNodesKey, impactAssessmentTermTermType, measurementTermTermType, emissionTermTermType, inputTermTermType, CycleFunctionalUnit, NonBlankNodesKey, jsonldPath, isTypeValid, isTypeBlankNode, typeToSchemaType, managementTermTermType } from '@hestia-earth/schema';
-import { isUndefined, isEmpty, toPrecision, ellipsis as ellipsis$1, sum, toComma, isNumber, getPercentileValue, unique, monthsBefore, keyToLabel, isEqual as isEqual$2, max, toDashCase, diffInDays } from '@hestia-earth/utils';
+import { isUndefined, isEmpty, toPrecision, ellipsis as ellipsis$1, sum, toComma, isNumber, getPercentileValue, unique, monthsBefore, keyToLabel, isEqual as isEqual$2, max, toDashCase, diffInDays, min } from '@hestia-earth/utils';
 import Gradient from 'javascript-color-gradient';
 import { ShadeGenerator } from 'shade-generator/dist/shadeGenerator';
 import { Chart, BarController, LineController, CategoryScale, LinearScale, PointElement, BarElement, LineElement, Title, Tooltip, Legend, TimeScale } from 'chart.js';
 import C2S from 'canvas-to-svg';
 import 'chartjs-adapter-date-fns';
+import annotationPlugin from 'chartjs-plugin-annotation';
 import merge from 'lodash.merge';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { select, selectAll } from 'd3-selection';
@@ -1134,7 +1135,7 @@ const downloadSvg = (svgElement) => {
 };
 const registerChart = (items = []) => () => {
-    Chart.register(BarController, LineController, CategoryScale, LinearScale, PointElement, BarElement, LineElement, Title, Tooltip, Legend, TimeScale, ...items);
+    Chart.register(BarController, LineController, CategoryScale, LinearScale, PointElement, BarElement, LineElement, Title, Tooltip, Legend, TimeScale, annotationPlugin, ...items);
 };
 class ChartConfigurationDirective {
@@ -2256,6 +2257,20 @@ const siteTypeToIcon = {
     [SiteSiteType['river or stream']]: 'river',
     [SiteSiteType['sea or ocean']]: 'ocean'
 };
+const siteTypeToColor = {
+    [SiteSiteType.forest]: '#498f78',
+    [SiteSiteType['other natural vegetation']]: '#8a5402',
+    [SiteSiteType.cropland]: '#fecc34',
+    [SiteSiteType['glass or high accessible cover']]: '#dbe3ea',
+    [SiteSiteType['permanent pasture']]: '#9ab04c',
+    [SiteSiteType['animal housing']]: '#cca76d',
+    [SiteSiteType.pond]: '#9db6d2',
+    [SiteSiteType['river or stream']]: '#d5f3d8',
+    [SiteSiteType.lake]: '#1a0dab',
+    [SiteSiteType['sea or ocean']]: '#32bac2',
+    [SiteSiteType['agri-food processor']]: '#193957',
+    [SiteSiteType['food retailer']]: '#8b50A7'
+};
 /* eslint-disable-next-line complexity */
 const formatDate = (date, isStart = false) => date?.length === 4
@@ -3331,18 +3346,19 @@ class NavigationMenuComponent {
             // if the primary link has children, it should not be active unless exact
             (level === 1 && link.links?.length ? { exact: true } : this.routerLinkMatchOptions()));
     }
-    close() {
+    selectLink($event, link) {
         // delay closing to show selection
         setTimeout(() => this.closed.emit(), 200);
+        return toggleLink($event, link);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NavigationMenuComponent, isStandalone: true, selector: "he-navigation-menu", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, routerLinkMatchOptions: { classPropertyName: "routerLinkMatchOptions", publicName: "routerLinkMatchOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { classAttribute: "no-print navigation-menu" }, ngImport: i0, template: "<aside\n  class=\"is-flex is-flex-direction-column is-gap-12 is-overflow-hidden is-py-desktop-3 | menu\"\n  [class.sticky]=\"sticky()\">\n  <ng-content select=\"[header]\" />\n\n  <div class=\"is-flex is-flex-direction-column is-gap-4\">\n    @for (link of links(); track trackByLink(link)) {\n      <ng-container *ngTemplateOutlet=\"linkItem; context: { link, parentLinks: [], level: 1 }\" />\n    }\n  </div>\n\n  <ng-content select=\"[footer]\" />\n</aside>\n\n<ng-template #linkExpandIcon let-link>\n  @if (isCollapsible(link)) {\n    <he-svg-icon\n      [name]=\"link.expanded ? 'chevron-down' : 'chevron-right'\"\n      class=\"is-inline-block is-clickable\"\n      size=\"20\"\n      (click)=\"toggleLink($event, link)\" />\n  }\n</ng-template>\n\n<ng-template #linkContent let-link=\"link\" let-level=\"level\">\n  @if (level === 1) {\n    @if (link.icon) {\n      <he-svg-icon [name]=\"link.icon\" size=\"20\" class=\"is-inline-block has-text-secondary\" />\n    } @else if (hasPrimaryIcons()) {\n      <span class=\"primary-missing-icon\">&nbsp;</span>\n    }\n  }\n  <span class=\"is-flex is-flex-grow-1 is-align-self-center\" [innerHTML]=\"link.title\"></span>\n  <ng-container *ngTemplateOutlet=\"linkExpandIcon; context: { $implicit: link }\" />\n</ng-template>\n\n<ng-template #linkItemChildren let-link=\"link\" let-parentLinks=\"parentLinks\" let-level=\"level\">\n  @let childParents = concatLinks(link, parentLinks);\n  @if (isCollapsible(link)) {\n    <div\n      class=\"is-flex is-flex-direction-column is-align-items-stretch | he-menu-child-items\"\n      [class.is-hidden]=\"!link.expanded\">\n      @for (childLink of link.links; track trackByLink(childLink)) {\n        <ng-container\n          *ngTemplateOutlet=\"linkItem; context: { link: childLink, parentLinks: childParents, level: level + 1 }\" />\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #linkItem let-link=\"link\" let-parentLinks=\"parentLinks\" let-level=\"level\">\n  <div\n    class=\"is-flex is-align-items-center is-gap-4 | he-menu-item\"\n    [attr.data-menu-level]=\"level\"\n    (click)=\"toggleLink($event, link)\"\n    [class.with-border-color]=\"!!link.borderColor\">\n    @if (link.borderColor) {\n      <div class=\"he-menu-border\" [style.background-color]=\"link.borderColor\"></div>\n    }\n    <a\n      class=\"is-flex is-flex-grow-1 is-align-self-stretch is-align-items-center is-gap-8 has-text-secondary | he-menu-label\"\n      [class.he-menu-item-selectable]=\"!!link?.url\"\n      (click)=\"link.url ? close() : null\"\n      [routerLink]=\"link.url\"\n      [queryParams]=\"link.queryParams\"\n      [fragment]=\"link.fragment\"\n      routerLinkActive=\"link-active\"\n      [routerLinkActiveOptions]=\"linkActiveOptions(link, level)\"\n      (isActiveChange)=\"$event && linksActiveChange(link, parentLinks)\">\n      <ng-container *ngTemplateOutlet=\"linkContent; context: { link, level }\" />\n    </a>\n  </div>\n  <ng-container *ngTemplateOutlet=\"linkItemChildren; context: { link, parentLinks, level }\" />\n</ng-template>\n", styles: [".navigation-menu{width:100%;display:block}.navigation-menu .menu{font-size:.875rem;line-height:16px;color:#193957;font-weight:400;width:100%!important;max-width:100%!important}@media screen and (min-width:1024px){.navigation-menu .menu{width:14rem!important;min-width:14rem!important;max-width:14rem!important;border-style:solid;border-color:#ffc000;border-width:1px 0}}.navigation-menu .menu.fixed-top{transform:translate3d(0,6.75rem,0)}.navigation-menu .menu.sticky{position:sticky;top:6.75rem}.navigation-menu a{text-decoration:none!important}.navigation-menu a:focus,.navigation-menu a:active{outline:0!important}.navigation-menu .cursor-default{cursor:default!important}.navigation-menu .primary-missing-icon{height:20px;width:20px;min-width:20px}.navigation-menu .he-menu-item{padding:1px 0}.navigation-menu .he-menu-item .he-menu-label{height:28px;border-radius:3px;padding:4px}.navigation-menu .he-menu-item .he-menu-border{width:8px;height:28px}.navigation-menu .he-menu-item[data-menu-level=\"1\"] span{font-weight:700}.navigation-menu .he-menu-item[data-menu-level=\"1\"]+.he-menu-child-items{padding-left:14px}.navigation-menu .he-menu-item[data-menu-level=\"2\"]{padding-left:14px;border-left:1px solid #ffc000}.navigation-menu .he-menu-item[data-menu-level=\"2\"]+.he-menu-child-items{padding-left:28px}.navigation-menu .he-menu-item-selectable:not(.link-active):hover{background-color:#fefaef}.navigation-menu .he-menu-item.with-border-color .he-menu-label{border-radius:0}.navigation-menu .he-menu-item.with-border-color[data-menu-level=\"1\"]+.he-menu-child-items{padding-left:26px}.navigation-menu .he-menu-child-items{padding-left:14px}.navigation-menu .link-active{background-color:#ffe8a3;color:#193957!important}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NavigationMenuComponent, isStandalone: true, selector: "he-navigation-menu", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, routerLinkMatchOptions: { classPropertyName: "routerLinkMatchOptions", publicName: "routerLinkMatchOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { classAttribute: "no-print navigation-menu" }, ngImport: i0, template: "<aside\n  class=\"is-flex is-flex-direction-column is-gap-12 is-overflow-hidden is-py-desktop-3 | menu\"\n  [class.sticky]=\"sticky()\">\n  <ng-content select=\"[header]\" />\n\n  <div class=\"is-flex is-flex-direction-column is-gap-4\">\n    @for (link of links(); track trackByLink(link)) {\n      <ng-container *ngTemplateOutlet=\"linkItem; context: { link, parentLinks: [], level: 1 }\" />\n    }\n  </div>\n\n  <ng-content select=\"[footer]\" />\n</aside>\n\n<ng-template #linkExpandIcon let-link>\n  @if (isCollapsible(link)) {\n    <he-svg-icon\n      [name]=\"link.expanded ? 'chevron-down' : 'chevron-right'\"\n      class=\"is-inline-block is-clickable\"\n      size=\"20\"\n      (click)=\"toggleLink($event, link)\" />\n  }\n</ng-template>\n\n<ng-template #linkContent let-link=\"link\" let-level=\"level\">\n  @if (level === 1) {\n    @if (link.icon) {\n      <he-svg-icon [name]=\"link.icon\" size=\"20\" class=\"is-inline-block has-text-secondary\" />\n    } @else if (hasPrimaryIcons()) {\n      <span class=\"primary-missing-icon\">&nbsp;</span>\n    }\n  }\n  <span class=\"is-flex is-flex-grow-1 is-align-self-center\" [innerHTML]=\"link.title\"></span>\n  <ng-container *ngTemplateOutlet=\"linkExpandIcon; context: { $implicit: link }\" />\n</ng-template>\n\n<ng-template #linkItemChildren let-link=\"link\" let-parentLinks=\"parentLinks\" let-level=\"level\">\n  @let childParents = concatLinks(link, parentLinks);\n  @if (isCollapsible(link)) {\n    <div\n      class=\"is-flex is-flex-direction-column is-align-items-stretch | he-menu-child-items\"\n      [class.is-hidden]=\"!link.expanded\">\n      @for (childLink of link.links; track trackByLink(childLink)) {\n        <ng-container\n          *ngTemplateOutlet=\"linkItem; context: { link: childLink, parentLinks: childParents, level: level + 1 }\" />\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #linkItem let-link=\"link\" let-parentLinks=\"parentLinks\" let-level=\"level\">\n  <div\n    class=\"is-flex is-align-items-center is-gap-4 | he-menu-item\"\n    [attr.data-menu-level]=\"level\"\n    (click)=\"toggleLink($event, link)\"\n    [class.with-border-color]=\"!!link.borderColor\">\n    @if (link.borderColor) {\n      <div class=\"he-menu-border\" [style.background-color]=\"link.borderColor\"></div>\n    }\n    <a\n      class=\"is-flex is-flex-grow-1 is-align-self-stretch is-align-items-center is-gap-8 has-text-secondary | he-menu-label\"\n      [class.he-menu-item-selectable]=\"!!link?.url\"\n      (click)=\"link.url ? selectLink($event, link) : true\"\n      [routerLink]=\"link.url\"\n      [queryParams]=\"link.queryParams\"\n      [fragment]=\"link.fragment\"\n      routerLinkActive=\"link-active\"\n      [routerLinkActiveOptions]=\"linkActiveOptions(link, level)\"\n      (isActiveChange)=\"$event && linksActiveChange(link, parentLinks)\">\n      <ng-container *ngTemplateOutlet=\"linkContent; context: { link, level }\" />\n    </a>\n  </div>\n  <ng-container *ngTemplateOutlet=\"linkItemChildren; context: { link, parentLinks, level }\" />\n</ng-template>\n", styles: [".navigation-menu{width:100%;display:block}.navigation-menu .menu{font-size:.875rem;line-height:16px;color:#193957;font-weight:400;width:100%!important;max-width:100%!important}@media screen and (min-width:1024px){.navigation-menu .menu{width:14rem!important;min-width:14rem!important;max-width:14rem!important;border-style:solid;border-color:#ffc000;border-width:1px 0}}.navigation-menu .menu.fixed-top{transform:translate3d(0,6.75rem,0)}.navigation-menu .menu.sticky{position:sticky;top:6.75rem}.navigation-menu a{text-decoration:none!important}.navigation-menu a:focus,.navigation-menu a:active{outline:0!important}.navigation-menu .cursor-default{cursor:default!important}.navigation-menu .primary-missing-icon{height:20px;width:20px;min-width:20px}.navigation-menu .he-menu-item{padding:1px 0}.navigation-menu .he-menu-item .he-menu-label{height:28px;border-radius:3px;padding:4px}.navigation-menu .he-menu-item .he-menu-border{width:8px;height:28px}.navigation-menu .he-menu-item[data-menu-level=\"1\"] span{font-weight:700}.navigation-menu .he-menu-item[data-menu-level=\"1\"]+.he-menu-child-items{padding-left:14px}.navigation-menu .he-menu-item[data-menu-level=\"2\"]{padding-left:14px;border-left:1px solid #ffc000}.navigation-menu .he-menu-item[data-menu-level=\"2\"]+.he-menu-child-items{padding-left:28px}.navigation-menu .he-menu-item-selectable:not(.link-active):hover{background-color:#fefaef}.navigation-menu .he-menu-item.with-border-color .he-menu-label{border-radius:0}.navigation-menu .he-menu-item.with-border-color[data-menu-level=\"1\"]+.he-menu-child-items{padding-left:26px}.navigation-menu .he-menu-child-items{padding-left:14px}.navigation-menu .link-active{background-color:#ffe8a3;color:#193957!important}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavigationMenuComponent, decorators: [{
             type: Component$1,
             args: [{ selector: 'he-navigation-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet, RouterLinkActive, RouterLink, HESvgIconComponent], host: {
                         class: 'no-print navigation-menu'
-                    }, template: "<aside\n  class=\"is-flex is-flex-direction-column is-gap-12 is-overflow-hidden is-py-desktop-3 | menu\"\n  [class.sticky]=\"sticky()\">\n  <ng-content select=\"[header]\" />\n\n  <div class=\"is-flex is-flex-direction-column is-gap-4\">\n    @for (link of links(); track trackByLink(link)) {\n      <ng-container *ngTemplateOutlet=\"linkItem; context: { link, parentLinks: [], level: 1 }\" />\n    }\n  </div>\n\n  <ng-content select=\"[footer]\" />\n</aside>\n\n<ng-template #linkExpandIcon let-link>\n  @if (isCollapsible(link)) {\n    <he-svg-icon\n      [name]=\"link.expanded ? 'chevron-down' : 'chevron-right'\"\n      class=\"is-inline-block is-clickable\"\n      size=\"20\"\n      (click)=\"toggleLink($event, link)\" />\n  }\n</ng-template>\n\n<ng-template #linkContent let-link=\"link\" let-level=\"level\">\n  @if (level === 1) {\n    @if (link.icon) {\n      <he-svg-icon [name]=\"link.icon\" size=\"20\" class=\"is-inline-block has-text-secondary\" />\n    } @else if (hasPrimaryIcons()) {\n      <span class=\"primary-missing-icon\">&nbsp;</span>\n    }\n  }\n  <span class=\"is-flex is-flex-grow-1 is-align-self-center\" [innerHTML]=\"link.title\"></span>\n  <ng-container *ngTemplateOutlet=\"linkExpandIcon; context: { $implicit: link }\" />\n</ng-template>\n\n<ng-template #linkItemChildren let-link=\"link\" let-parentLinks=\"parentLinks\" let-level=\"level\">\n  @let childParents = concatLinks(link, parentLinks);\n  @if (isCollapsible(link)) {\n    <div\n      class=\"is-flex is-flex-direction-column is-align-items-stretch | he-menu-child-items\"\n      [class.is-hidden]=\"!link.expanded\">\n      @for (childLink of link.links; track trackByLink(childLink)) {\n        <ng-container\n          *ngTemplateOutlet=\"linkItem; context: { link: childLink, parentLinks: childParents, level: level + 1 }\" />\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #linkItem let-link=\"link\" let-parentLinks=\"parentLinks\" let-level=\"level\">\n  <div\n    class=\"is-flex is-align-items-center is-gap-4 | he-menu-item\"\n    [attr.data-menu-level]=\"level\"\n    (click)=\"toggleLink($event, link)\"\n    [class.with-border-color]=\"!!link.borderColor\">\n    @if (link.borderColor) {\n      <div class=\"he-menu-border\" [style.background-color]=\"link.borderColor\"></div>\n    }\n    <a\n      class=\"is-flex is-flex-grow-1 is-align-self-stretch is-align-items-center is-gap-8 has-text-secondary | he-menu-label\"\n      [class.he-menu-item-selectable]=\"!!link?.url\"\n      (click)=\"link.url ? close() : null\"\n      [routerLink]=\"link.url\"\n      [queryParams]=\"link.queryParams\"\n      [fragment]=\"link.fragment\"\n      routerLinkActive=\"link-active\"\n      [routerLinkActiveOptions]=\"linkActiveOptions(link, level)\"\n      (isActiveChange)=\"$event && linksActiveChange(link, parentLinks)\">\n      <ng-container *ngTemplateOutlet=\"linkContent; context: { link, level }\" />\n    </a>\n  </div>\n  <ng-container *ngTemplateOutlet=\"linkItemChildren; context: { link, parentLinks, level }\" />\n</ng-template>\n", styles: [".navigation-menu{width:100%;display:block}.navigation-menu .menu{font-size:.875rem;line-height:16px;color:#193957;font-weight:400;width:100%!important;max-width:100%!important}@media screen and (min-width:1024px){.navigation-menu .menu{width:14rem!important;min-width:14rem!important;max-width:14rem!important;border-style:solid;border-color:#ffc000;border-width:1px 0}}.navigation-menu .menu.fixed-top{transform:translate3d(0,6.75rem,0)}.navigation-menu .menu.sticky{position:sticky;top:6.75rem}.navigation-menu a{text-decoration:none!important}.navigation-menu a:focus,.navigation-menu a:active{outline:0!important}.navigation-menu .cursor-default{cursor:default!important}.navigation-menu .primary-missing-icon{height:20px;width:20px;min-width:20px}.navigation-menu .he-menu-item{padding:1px 0}.navigation-menu .he-menu-item .he-menu-label{height:28px;border-radius:3px;padding:4px}.navigation-menu .he-menu-item .he-menu-border{width:8px;height:28px}.navigation-menu .he-menu-item[data-menu-level=\"1\"] span{font-weight:700}.navigation-menu .he-menu-item[data-menu-level=\"1\"]+.he-menu-child-items{padding-left:14px}.navigation-menu .he-menu-item[data-menu-level=\"2\"]{padding-left:14px;border-left:1px solid #ffc000}.navigation-menu .he-menu-item[data-menu-level=\"2\"]+.he-menu-child-items{padding-left:28px}.navigation-menu .he-menu-item-selectable:not(.link-active):hover{background-color:#fefaef}.navigation-menu .he-menu-item.with-border-color .he-menu-label{border-radius:0}.navigation-menu .he-menu-item.with-border-color[data-menu-level=\"1\"]+.he-menu-child-items{padding-left:26px}.navigation-menu .he-menu-child-items{padding-left:14px}.navigation-menu .link-active{background-color:#ffe8a3;color:#193957!important}\n"] }]
+                    }, template: "<aside\n  class=\"is-flex is-flex-direction-column is-gap-12 is-overflow-hidden is-py-desktop-3 | menu\"\n  [class.sticky]=\"sticky()\">\n  <ng-content select=\"[header]\" />\n\n  <div class=\"is-flex is-flex-direction-column is-gap-4\">\n    @for (link of links(); track trackByLink(link)) {\n      <ng-container *ngTemplateOutlet=\"linkItem; context: { link, parentLinks: [], level: 1 }\" />\n    }\n  </div>\n\n  <ng-content select=\"[footer]\" />\n</aside>\n\n<ng-template #linkExpandIcon let-link>\n  @if (isCollapsible(link)) {\n    <he-svg-icon\n      [name]=\"link.expanded ? 'chevron-down' : 'chevron-right'\"\n      class=\"is-inline-block is-clickable\"\n      size=\"20\"\n      (click)=\"toggleLink($event, link)\" />\n  }\n</ng-template>\n\n<ng-template #linkContent let-link=\"link\" let-level=\"level\">\n  @if (level === 1) {\n    @if (link.icon) {\n      <he-svg-icon [name]=\"link.icon\" size=\"20\" class=\"is-inline-block has-text-secondary\" />\n    } @else if (hasPrimaryIcons()) {\n      <span class=\"primary-missing-icon\">&nbsp;</span>\n    }\n  }\n  <span class=\"is-flex is-flex-grow-1 is-align-self-center\" [innerHTML]=\"link.title\"></span>\n  <ng-container *ngTemplateOutlet=\"linkExpandIcon; context: { $implicit: link }\" />\n</ng-template>\n\n<ng-template #linkItemChildren let-link=\"link\" let-parentLinks=\"parentLinks\" let-level=\"level\">\n  @let childParents = concatLinks(link, parentLinks);\n  @if (isCollapsible(link)) {\n    <div\n      class=\"is-flex is-flex-direction-column is-align-items-stretch | he-menu-child-items\"\n      [class.is-hidden]=\"!link.expanded\">\n      @for (childLink of link.links; track trackByLink(childLink)) {\n        <ng-container\n          *ngTemplateOutlet=\"linkItem; context: { link: childLink, parentLinks: childParents, level: level + 1 }\" />\n      }\n    </div>\n  }\n</ng-template>\n\n<ng-template #linkItem let-link=\"link\" let-parentLinks=\"parentLinks\" let-level=\"level\">\n  <div\n    class=\"is-flex is-align-items-center is-gap-4 | he-menu-item\"\n    [attr.data-menu-level]=\"level\"\n    (click)=\"toggleLink($event, link)\"\n    [class.with-border-color]=\"!!link.borderColor\">\n    @if (link.borderColor) {\n      <div class=\"he-menu-border\" [style.background-color]=\"link.borderColor\"></div>\n    }\n    <a\n      class=\"is-flex is-flex-grow-1 is-align-self-stretch is-align-items-center is-gap-8 has-text-secondary | he-menu-label\"\n      [class.he-menu-item-selectable]=\"!!link?.url\"\n      (click)=\"link.url ? selectLink($event, link) : true\"\n      [routerLink]=\"link.url\"\n      [queryParams]=\"link.queryParams\"\n      [fragment]=\"link.fragment\"\n      routerLinkActive=\"link-active\"\n      [routerLinkActiveOptions]=\"linkActiveOptions(link, level)\"\n      (isActiveChange)=\"$event && linksActiveChange(link, parentLinks)\">\n      <ng-container *ngTemplateOutlet=\"linkContent; context: { link, level }\" />\n    </a>\n  </div>\n  <ng-container *ngTemplateOutlet=\"linkItemChildren; context: { link, parentLinks, level }\" />\n</ng-template>\n", styles: [".navigation-menu{width:100%;display:block}.navigation-menu .menu{font-size:.875rem;line-height:16px;color:#193957;font-weight:400;width:100%!important;max-width:100%!important}@media screen and (min-width:1024px){.navigation-menu .menu{width:14rem!important;min-width:14rem!important;max-width:14rem!important;border-style:solid;border-color:#ffc000;border-width:1px 0}}.navigation-menu .menu.fixed-top{transform:translate3d(0,6.75rem,0)}.navigation-menu .menu.sticky{position:sticky;top:6.75rem}.navigation-menu a{text-decoration:none!important}.navigation-menu a:focus,.navigation-menu a:active{outline:0!important}.navigation-menu .cursor-default{cursor:default!important}.navigation-menu .primary-missing-icon{height:20px;width:20px;min-width:20px}.navigation-menu .he-menu-item{padding:1px 0}.navigation-menu .he-menu-item .he-menu-label{height:28px;border-radius:3px;padding:4px}.navigation-menu .he-menu-item .he-menu-border{width:8px;height:28px}.navigation-menu .he-menu-item[data-menu-level=\"1\"] span{font-weight:700}.navigation-menu .he-menu-item[data-menu-level=\"1\"]+.he-menu-child-items{padding-left:14px}.navigation-menu .he-menu-item[data-menu-level=\"2\"]{padding-left:14px;border-left:1px solid #ffc000}.navigation-menu .he-menu-item[data-menu-level=\"2\"]+.he-menu-child-items{padding-left:28px}.navigation-menu .he-menu-item-selectable:not(.link-active):hover{background-color:#fefaef}.navigation-menu .he-menu-item.with-border-color .he-menu-label{border-radius:0}.navigation-menu .he-menu-item.with-border-color[data-menu-level=\"1\"]+.he-menu-child-items{padding-left:26px}.navigation-menu .he-menu-child-items{padding-left:14px}.navigation-menu .link-active{background-color:#ffe8a3;color:#193957!important}\n"] }]
         }], propDecorators: { links: [{ type: i0.Input, args: [{ isSignal: true, alias: "links", required: false }] }], sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], routerLinkMatchOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLinkMatchOptions", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
 const storageKey$2 = 'he-drawer-container';
@@ -7013,14 +7029,16 @@ const groupLogSubValue = (group, log, key) => {
     }
     return group;
 };
-const groupLogsByModel = (data = '', groupByAnimal = false) => data
+const groupLogsByModel = (data = '', groupBySubValue = false, groupByAnimal = false) => data
     .trim()
     .split('\n')
     .map(parseMessage)
     .filter(v => [hasValue(v?.model), ['term', 'key', 'animalId'].some(k => hasValue(v?.[k]))].every(Boolean))
     .reduce((group, log) => {
     const subValue = subValueKeys.find(v => !!log[v] && log[v] != noValue);
-    return subValue && !log.cycle ? groupLogSubValue(group, log, subValue) : groupLog(group, log, groupByAnimal);
+    return subValue && groupBySubValue && !log.cycle
+        ? groupLogSubValue(group, log, subValue)
+        : groupLog(group, log, groupByAnimal);
 }, {});
 const asArray = (values) => (Array.isArray(values) ? values : []);
 const computeTerms = (originalValues, recalculatedValues, terms, filterTermTypes, extraTerms = []) => orderBy(uniqBy([
@@ -7159,13 +7177,11 @@ const logSubValue = (logs, key, prop, showUnits = false) => {
                 key: prop,
                 id,
                 showUnits
-                // recalculatedValue: inputValue(logs[key]?.logs?.[id])
             }))
             : {
                 key: prop,
                 id: log,
                 showUnits
-                // recalculatedValue: inputValue(logs[key]?.logs?.[log])
             }
         : undefined;
 };
@@ -7192,11 +7208,11 @@ const logEmissionTransformations = (emissions) => emissions
     showUnits: true,
     configModels: ['cycle/transformation']
 }));
-const logEmissionInputs = (node, allLogs, termId, emissions) => {
+const logEmissionInputs = (cycle, allLogs, termId, emissions) => {
     // only log for background emissions
     const data = emissions.filter(({ methodTier, term }) => term['@id'] === termId && methodTier === EmissionMethodTier.background);
     const configModels = unique(data.flatMap(emission => emission.methodModel?.['@id']).filter(Boolean));
-    const inputs = node.inputs ?? [];
+    const inputs = cycle.inputs ?? [];
     return data.length
         ? (inputs?.map(input => ({
             blankNode: true,
@@ -7246,7 +7262,7 @@ const cycleSubValue = ({ termId, configModels, isRequired, subValues, original,
         }
         : null;
 };
-const logSubValues = (node, allLogs, termLogs, original, recalculated, { type, termId }) =>
+const logSubValues = (allLogs, termLogs, original, recalculated, { type, termId }, cycle) =>
 // preserve order, as the last one will set the run status
 mergeSubValues([
     ...logProperties(original),
@@ -7260,10 +7276,12 @@ mergeSubValues([
         configModels: (termLogs[id].models || []).filter(v => hasLog(termLogs[id][v]))
     })),
     ...(type === SchemaType.Emission ? logEmissionTransformations(recalculated) : []),
-    ...(type === SchemaType.Emission ? logEmissionInputs(node, allLogs, termId, recalculated) : []),
+    ...([SchemaType.Emission].includes(type) && cycle
+        ? logEmissionInputs(cycle, allLogs, termId, recalculated)
+        : []),
     ...(type === SchemaType.Input ? logBackgroundEmissions(termLogs) : []),
     // include animals without models, so they can be used for grouping
-    ...(type === SchemaType.Emission ? logAnimals(node) : []),
+    ...([SchemaType.Emission, SchemaType.Indicator].includes(type) && cycle ? logAnimals(cycle) : []),
     // include inputs (Emissions) and properties
     ...Object.keys(termLogs).flatMap(key => [type !== SchemaType.Input && logSubValue(termLogs, key, 'input', true), logSubValue(termLogs, key, 'property')]
         .flat()
@@ -7297,11 +7315,11 @@ const mapSubValue = (allLogs, termLogs, original, recalculated, { nodeType, type
             : dataWithConfigModelLogs(termLogs, termId)(subValue)
         : null;
 };
-const filterByAnimalId = (node, subValue) => ['animals' in node, subValue.key === 'animal'].every(Boolean)
-    ? node.animals?.find(animal => animal.animalId === subValue.id)?.term?.['@id']
+const filterByAnimalId = (cycle, subValue) => [cycle?.animals?.length, subValue.key === 'animal'].every(Boolean)
+    ? cycle.animals?.find(animal => animal.animalId === subValue.id)?.term?.['@id']
     : undefined;
-const compileSubValues = (node, allLogs, termLogs, original, recalculated, configModelsData, termsGrouping = {}) => {
-    const subValues = orderBy(logSubValues(node, allLogs, termLogs, original, recalculated, configModelsData), ['id'], ['asc']);
+const compileSubValues = (allLogs, termLogs, original, recalculated, configModelsData, termsGrouping = {}, cycle) => {
+    const subValues = orderBy(logSubValues(allLogs, termLogs, original, recalculated, configModelsData, cycle), ['id'], ['asc']);
     const skipGroupSubValues = [
         [NodeType.ImpactAssessment].includes(configModelsData.nodeType),
         configModelsData.termType !== TermTermType.resourceUse
@@ -7321,7 +7339,7 @@ const compileSubValues = (node, allLogs, termLogs, original, recalculated, confi
             : {}),
         ...(value.subValues?.length
             ? {
-                subValues: value.subValues.map(subValue => mapSubValue(allLogs, termLogs, original, recalculated, configModelsData, subValue, filterByAnimalId(node, value)))
+                subValues: value.subValues.map(subValue => mapSubValue(allLogs, termLogs, original, recalculated, configModelsData, subValue, filterByAnimalId(cycle, value)))
             }
             : {})
     }));
@@ -7492,7 +7510,7 @@ const valueByMethodId = (values, methodId, termId) => propertyValue$1(values.fin
 const groupParallelValues = (values, models, termId) => Array.isArray(models)
     ? Object.fromEntries(models.map(model => [model.methodId, valueByMethodId(values, model.methodId, termId)]))
     : {};
-const groupLogsByTerm = (node, logs, config, allOriginalValues, allRecalculatedValues, nodeKey, termsGrouping = {}) => {
+const groupLogsByTerm = (node, logs, config, allOriginalValues, allRecalculatedValues, nodeKey, termsGrouping = {}, cycle) => {
     const nodeType$1 = nodeType(node);
     const originalValues = filterDeleted(allOriginalValues || []);
     const recalculatedValues = filterDeleted(allRecalculatedValues || []).filter(hasRecalculatedKeys);
@@ -7529,7 +7547,7 @@ const groupLogsByTerm = (node, logs, config, allOriginalValues, allRecalculatedV
         ]);
         const configModels = groupParallelModels(config, termId, nodeKey, models.map(configModelWithDocs(configModelsData)));
         const keys = logKeys(termLogs, original, recalculated, configModelsData);
-        const subValues = compileSubValues(node, logs, termLogs, original, recalculated, configModelsData, termsGrouping).filter(v => !!v.key);
+        const subValues = compileSubValues(logs, termLogs, original, recalculated, configModelsData, termsGrouping, nodeType$1 === NodeType.Cycle ? node : cycle).filter(v => !!v.key);
         const isRequired = !Object.values(termLogs)
             .filter(v => typeof v === 'object' && !Array.isArray(v) && !v.isKey)
             .every(v => v.runRequired === false);
@@ -7954,6 +7972,7 @@ class NodeLogsModelsComponent {
         this.filterTermTypesLabel = input('', ...(ngDevMode ? [{ debugName: "filterTermTypesLabel" }] : []));
         this.logsKey = input('', ...(ngDevMode ? [{ debugName: "logsKey" }] : []));
         this.noDataMessage = input('', ...(ngDevMode ? [{ debugName: "noDataMessage" }] : []));
+        this.cycle = input(...(ngDevMode ? [undefined, { debugName: "cycle" }] : []));
         this.isEmpty = isEmpty;
         this.schemaBaseUrl = schemaBaseUrl();
         this.isExternal = isExternal();
@@ -7995,8 +8014,8 @@ class NodeLogsModelsComponent {
         this.config = computed(() => this.configResource.value(), ...(ngDevMode ? [{ debugName: "config" }] : []));
         this.inputGroupsResource = rxResource({
             params: () => ({
-                ids: unique(this.node().inputs
-                    ?.filter((value) => inputGroupsTermTypes.includes(value?.term?.termType))
+                ids: unique(this.cycle()
+                    ?.inputs?.filter((value) => inputGroupsTermTypes.includes(value?.term?.termType))
                     ?.map(v => v.term['@id'])
                     ?.filter(Boolean) ?? [])
             }),
@@ -8006,17 +8025,13 @@ class NodeLogsModelsComponent {
                 return prev;
             }, {}))
         });
-        this.animalGroups = computed(() => 'animals' in this.node()
-            ? this.node().animals
-                ?.flatMap(animal => animal.inputs?.map(input => ({ id: input.term['@id'], group: animal.animalId })))
-                .reduce((prev, curr) => {
-                prev[curr.id] = prev[curr.id] || [];
-                prev[curr.id].push(curr.group);
-                return prev;
-            }, {})
-            : {}, ...(ngDevMode ? [{ debugName: "animalGroups" }] : []));
+        this.animalGroups = computed(() => (this.cycle()?.animals?.flatMap(animal => animal.inputs?.map(input => ({ id: input.term['@id'], group: animal.animalId }))) ?? []).reduce((prev, curr) => {
+            prev[curr.id] = prev[curr.id] || [];
+            prev[curr.id].push(curr.group);
+            return prev;
+        }, {}), ...(ngDevMode ? [{ debugName: "animalGroups" }] : []));
         this.termsGrouping = computed(() => Object.assign({}, this.inputGroupsResource.value() ?? {}, this.animalGroups() ?? {}), ...(ngDevMode ? [{ debugName: "termsGrouping" }] : []));
-        this.groupedLogs = computed(() => this.allLogs() ? groupLogsByModel(this.allLogs(), !!this.logsKey()) : {}, ...(ngDevMode ? [{ debugName: "groupedLogs" }] : []));
+        this.groupedLogs = computed(() => this.allLogs() ? groupLogsByModel(this.allLogs(), this.nodeType() === NodeType.Cycle, !!this.logsKey()) : {}, ...(ngDevMode ? [{ debugName: "groupedLogs" }] : []));
         this.logs = computed(() => (this.logsKey() ? this.groupedLogs()?.[this.logsKey()] : this.groupedLogs()) || {}, ...(ngDevMode ? [{ debugName: "logs" }] : []));
         this.isBlankNodes = computed(() => Array.isArray(this.originalValues()) || Array.isArray(this.recalculatedValues()), ...(ngDevMode ? [{ debugName: "isBlankNodes" }] : []));
         this.extraTermsFromLogsResource = rxResource({
@@ -8061,7 +8076,7 @@ class NodeLogsModelsComponent {
             ? []
             : this.isBlankNodes()
                 ? this.allTerms()
-                    .map(groupLogsByTerm(this.node(), this.logs(), this.config(), this.originalValues(), this.recalculatedValues(), this.nodeKey(), this.termsGrouping()))
+                    .map(groupLogsByTerm(this.node(), this.logs(), this.config(), this.originalValues(), this.recalculatedValues(), this.nodeKey(), this.termsGrouping(), this.cycle()))
                     .filter(shouldShowBlankNode)
                 : this.schemaType()
                     ? computeKeys(this.originalValues(), this.recalculatedValues()).map(groupdLogsByKey(this.node(), this.nodeKey(), this.logs(), this.originalValues(), this.recalculatedValues()))
@@ -8157,7 +8172,7 @@ class NodeLogsModelsComponent {
         return subValues.every(v => v.configModels.some(vv => vv.status === LogStatus.success));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsModelsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeLogsModelsComponent, isStandalone: true, selector: "he-node-logs-models", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, originalValues: { classPropertyName: "originalValues", publicName: "originalValues", isSignal: true, isRequired: false, transformFunction: null }, recalculatedValues: { classPropertyName: "recalculatedValues", publicName: "recalculatedValues", isSignal: true, isRequired: false, transformFunction: null }, terms: { classPropertyName: "terms", publicName: "terms", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypesLabel: { classPropertyName: "filterTermTypesLabel", publicName: "filterTermTypesLabel", isSignal: true, isRequired: false, transformFunction: null }, logsKey: { classPropertyName: "logsKey", publicName: "logsKey", isSignal: true, isRequired: false, transformFunction: null }, noDataMessage: { classPropertyName: "noDataMessage", publicName: "noDataMessage", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"is-flex is-gap-8 is-justify-content-space-between is-align-items-center is-my-2\">\n  <div>\n    <ng-content />\n  </div>\n\n  @if (!isExternal && !loading() && logsUrl() && hasLogs()) {\n    <a class=\"is-size-7\" [href]=\"logsUrl()\" target=\"_blank\">\n      <span>Open Full Logs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</div>\n\n@if (!isExternal && !loading() && !hasLogs()) {\n  <p class=\"is-my-2\">\n    <he-svg-icon class=\"has-text-warning\" name=\"exclamation-triangle\" />\n    <span class=\"is-size-7 has-text-warning is-pl-1\">No logs found. Recalculation logs will be incomplete.</span>\n  </p>\n}\n\n<he-data-table class=\"is-mt-2 is-mb-1 is-bordered\" [small]=\"true\" maxHeight=\"320\">\n  <table class=\"table is-fullwidth is-narrow is-striped\">\n    <thead>\n      <tr>\n        <th class=\"width-auto has-border-right\">\n          @if (enableFilterByTerm()) {\n            <div class=\"field is-pb-1\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input\n                  class=\"input search-input is-small\"\n                  [ngModel]=\"term()\"\n                  name=\"term\"\n                  placeholder=\"Select entry by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [resultFormatter]=\"termFormatter\"\n                  [inputFormatter]=\"termFormatter\"\n                  [focusFirst]=\"true\"\n                  (focus)=\"typeaheadFocus($event)\"\n                  (selectItem)=\"term.set($event.item)\"\n                  container=\"body\"\n                  popupClass=\"is-small\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set(undefined)\">\n                  <he-svg-icon name=\"xmark\" />\n                </a>\n              </div>\n            </div>\n          }\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>\n                <span class=\"is-pr-1\">Units</span>\n                @if (functionalUnit()) {\n                  <span>(per&nbsp;</span>\n                  <span>{{ functionalUnit() }}</span>\n                  <span>)</span>\n                }\n              </span>\n            </div>\n          </th>\n        }\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Original</span>\n          </div>\n        </th>\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Recalculated</span>\n          </div>\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Difference</span>\n            </div>\n          </th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Model {{ i + 1 }}</span>\n            </div>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (loading()) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <div class=\"has-text-center py-3\">\n              <he-svg-icon name=\"loading\" animation=\"spin\" size=\"40\" />\n            </div>\n          </td>\n        </tr>\n      } @else if (blankNodes().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <p class=\"is-p-1\">\n              @if (noDataMessage()) {\n                <span>{{ noDataMessage() }}</span>\n              } @else {\n                <ng-container *ngTemplateOutlet=\"noResultsDefaultMessage\" />\n              }\n            </p>\n          </td>\n        </tr>\n      }\n      @for (blankNode of blankNodes(); track trackByBlankNode($index, blankNode)) {\n        <tr [class.has-sub-rows]=\"blankNode.canOpen\" [class.is-open]=\"blankNode.isOpen\">\n          <td\n            class=\"width-auto has-border-right is-nowrap\"\n            [attr.title]=\"$any(blankNode).term?.name || $any(blankNode).key\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: blankNode }\" />\n              @if ($any(blankNode).term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"$any(blankNode).term\">\n                  <span\n                    class=\"break-word\"\n                    [innerHtml]=\"$any(blankNode).term.name | compound: $any(blankNode).term.termType\"></span>\n                </he-node-link>\n              } @else if ($any(blankNode).key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right\">\n              @if ($any(blankNode).term) {\n                <span\n                  class=\"is-nowrap\"\n                  [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n              }\n            </td>\n          }\n          <td class=\"has-border-right\">\n            <ng-template #originalValueContent>\n              <span>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n              </span>\n            </ng-template>\n\n            @if (blankNode.allParallel) {\n              @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                <div>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      valueContent;\n                      context: { value: $any(blankNode).originalValueByMethodId[model.methodId] }\n                    \" />\n                </div>\n              }\n            } @else {\n              <span\n                [class.trigger-popover]=\"!!$any(blankNode).original?.[0]?.methodModel\"\n                [ngbPopover]=\"blankNodeOriginalValueDetails\"\n                autoClose=\"outside\"\n                popoverClass=\"is-narrow\"\n                placement=\"bottom left right auto\"\n                container=\"body\"\n                [disablePopover]=\"!$any(blankNode).original?.[0]?.methodModel\"\n                [popoverContext]=\"{ blankNode }\">\n                <span pointer>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n                </span>\n              </span>\n            }\n          </td>\n          <td class=\"has-border-right\">\n            @if (!blankNode.isOriginal || blankNode.isRecalculated) {\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        valueContent;\n                        context: { value: $any(blankNode).recalculatedValueByMethodId[model.methodId] }\n                      \" />\n                  </div>\n                }\n              } @else {\n                <span>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: blankNode.recalculatedValue }\" />\n                </span>\n              }\n            } @else if ($any(blankNode).configModels?.length) {\n              not recalculated\n            } @else {\n              -\n            }\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right is-nowrap\">\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    @if (\n                      $any(blankNode).originalValueByMethodId[model.methodId] !== null &&\n                      $any(blankNode).recalculatedValueByMethodId[model.methodId] !== null\n                    ) {\n                      <he-blank-node-value-delta\n                        [value]=\"$any(blankNode).recalculatedValueByMethodId[model.methodId]\"\n                        [originalValue]=\"$any(blankNode).originalValueByMethodId[model.methodId]\"\n                        [useCustomFunctions]=\"false\" />\n                    } @else {\n                      -\n                    }\n                  </div>\n                }\n              } @else {\n                @if ($any(blankNode).original.length && blankNode.isRecalculated) {\n                  <he-blank-node-value-delta\n                    [value]=\"blankNode.recalculatedValue\"\n                    [originalValue]=\"$any(blankNode).originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              }\n            </td>\n          }\n          <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\" />\n        </tr>\n        @for (subValue of $any(blankNode).keys; track trackBySubValue(subValue)) {\n          @if (blankNode.isOpen) {\n            <tr [class.has-sub-rows]=\"$any(blankNode).subValues?.length\" [class.is-sub-row]=\"blankNode.canOpen\">\n              <td class=\"width-auto has-border-right is-nowrap\">\n                <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n                @if (blankNode.type) {\n                  <a\n                    class=\"is-inline-block is-pre-wrap\"\n                    [href]=\"schemaBaseUrl + '/' + blankNode.type + '#' + subValue.key\"\n                    target=\"_blank\"\n                    [title]=\"subValue.key\">\n                    <span>{{ subValue.key }}</span>\n                  </a>\n                }\n                @if (!blankNode.type) {\n                  <span class=\"is-inline-block is-align-top\">{{ subValue.key }}</span>\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\"></td>\n              }\n              <td class=\"has-border-right\">\n                @if (subValue.originalValue !== null) {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n                  </span>\n                } @else {\n                  -\n                }\n              </td>\n              <td class=\"has-border-right\">\n                @if (subValue.isRecalculated || subValue.key === 'impactAssessment') {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  not recalculated\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\">-</td>\n              }\n              <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n            </tr>\n          }\n        }\n        @for (subValue of $any(blankNode).subValues; track trackBySubValue(subValue)) {\n          <ng-container *ngTemplateOutlet=\"subValueRow; context: { blankNode, parent: blankNode, subValue }\" />\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n<div class=\"is-size-7\">\n  <div class=\"is-flex is-py-2 is-px-3 is-gap-16 | status-legend\">\n    <div\n      class=\"is-flex is-justify-content-center is-align-items-center is-align-content-center is-flex-wrap-wrap is-gap-8\">\n      @for (status of LogStatus | keyvalue; track status.value) {\n        @if (logIcon[status.value]) {\n          <span class=\"is-flex is-align-items-center is-gap-8\">\n            <he-svg-icon [name]=\"logIcon[status.value]\" size=\"20\" class=\"has-text-{{ logColor[status.value] }}\" />\n            <span class=\"is-size-7 is-capitalized\">{{ status.value }}</span>\n          </span>\n        }\n      }\n    </div>\n\n    @if (filteredType()) {\n      <div class=\"field is-relative\">\n        <input\n          type=\"checkbox\"\n          class=\"switch is-small is-rounded is-secondary\"\n          [(ngModel)]=\"onlyRequired\"\n          [disabled]=\"!!term()\"\n          id=\"onlyRequired\" />\n        <label class=\"is-size-7\" for=\"onlyRequired\">\n          <span>Show only {{ filteredType() }} terms included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #noResultsDefaultMessage>\n  <span>No original data was provided and no gap filling occurred</span>\n  @if (term() && !isInSystemBoundary(term()['@id'])) {\n    <span class=\"is-pl-1\">as</span>\n    <i class=\"is-px-1\">{{ term().name }}</i>\n    <span>is not in the HESTIA system boundary</span>\n  }\n  <span>.</span>\n</ng-template>\n\n<ng-template #valueContent let-value=\"value\">\n  @if (isNumber(value)) {\n    {{ value | precision: 3 | default: '-' }}\n  } @else {\n    {{ value | default: '-' }}\n  }\n</ng-template>\n\n<ng-template #collapseButton let-blankNode>\n  @if (blankNode.canOpen) {\n    <a class=\"open-node\" (click)=\"toggleBlankNode(blankNode)\">\n      <he-svg-icon [name]=\"blankNode.isOpen ? 'chevron-down' : 'chevron-right'\" />\n    </a>\n  }\n</ng-template>\n\n<ng-template #subValueRow let-blankNode=\"blankNode\" let-parent=\"parent\" let-subValue=\"subValue\" let-rowClass=\"rowClass\">\n  @let term = subValue.term || termById(subValue.id);\n  @if (parent.isOpen) {\n    <tr [class.is-sub-row]=\"parent.canOpen\" [ngClass]=\"rowClass\">\n      <td class=\"width-auto has-border-right\">\n        <div class=\"is-flex is-align-items-flex-start is-gap-4 h-100\">\n          <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: subValue }\" />\n          <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n          <div class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\" [class.is-pl-3]=\"!subValue.canOpen\">\n            <span>\n              <span>{{ subValue.key | keyToLabel }}</span>\n              @if (subValue.id) {\n                <span class=\"is-inline-block\">:</span>\n              }\n            </span>\n            @if (subValue.id) {\n              @switch (subValue.key) {\n                @case ('backgroundData') {\n                  <span class=\"is-inline-block\">{{ term?.name }}</span>\n                }\n                @case ('animal') {\n                  <span class=\"is-inline-block\">{{ subValue.id }}</span>\n                }\n                @default {\n                  <he-node-link\n                    class=\"is-inline-block\"\n                    linkClass=\"is-inline-block\"\n                    [node]=\"term\"\n                    [attr.title]=\"term?.name\">\n                    <span class=\"break-word\" [innerHtml]=\"term?.name | compound\"></span>\n                  </he-node-link>\n                }\n              }\n            }\n          </div>\n        </div>\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">\n          @if (subValue.showUnits && $any(blankNode).term) {\n            <span\n              class=\"is-nowrap\"\n              [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n          }\n        </td>\n      }\n      <td class=\"has-border-right\">\n        @if (!isEmpty(subValue.originalValue)) {\n          <span>\n            <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n          </span>\n        } @else {\n          -\n        }\n      </td>\n      <td class=\"has-border-right\">\n        @if (subValue.isRecalculated) {\n          @if (subValue.multiGroups) {\n            <span\n              class=\"trigger-popover\"\n              ngbPopover=\"The total value across all inputs\"\n              autoClose=\"outside\"\n              popoverClass=\"is-narrow is-overflow-visible\"\n              placement=\"left bottom auto\"\n              container=\"body\">\n              <span pointer>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n              </span>\n            </span>\n          } @else {\n            <span>\n              <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n            </span>\n          }\n        } @else if (!isEmpty(subValue.originalValue)) {\n          not recalculated\n        } @else {\n          -\n        }\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">-</td>\n      }\n      <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n    </tr>\n  }\n  @if (subValue.subValues) {\n    @for (sub of subValue.subValues; track trackBySubValue(sub)) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          subValueRow;\n          context: { blankNode, parent: subValue, subValue: sub, rowClass: 'is-sub-sub-row' }\n        \" />\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeOriginalValueDetails let-blankNode=\"blankNode\">\n  <span class=\"is-pr-1\">The original value was reported using:</span>\n  <he-node-link\n    class=\"is-inline-block\"\n    linkClass=\"is-dark\"\n    [node]=\"$any(blankNode).original[0].methodModel\"\n    [showExternalLink]=\"true\">\n    <span>{{ $any(blankNode).original[0].methodModel.name }}</span>\n  </he-node-link>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  @let extraColumns = methodModelsCount() - 1;\n\n  <ng-template #notInSystemBoundary>\n    <td class=\"has-border-right\">\n      <span>Not in HESTIA system boundary</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  </ng-template>\n\n  @if (data.canOpen && !data.isOpen && !data.configModels?.length) {\n    <td class=\"has-border-right\">\n      <span>Expand to see logs (</span>\n      @let key = subValuesKey(data, 'sub-values');\n      @if (hasCompleteSuccess(data)) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"checkmark\" class=\"has-text-success\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"xmark\" class=\"has-text-danger\" />\n      }\n      <span>)</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  } @else {\n    @for (configModel of methodModelsCount() | times; track configModelIndex; let configModelIndex = $index) {\n      <td class=\"has-border-right blank-node-index-{{ configModelIndex }}\">\n        @if (getModelsAt(data, configModelIndex); as models) {\n          @if ($any(models) | isArray) {\n            <div>\n              @for (model of $any(models); track model.methodId) {\n                <p>\n                  <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model, data }\" />\n                </p>\n              }\n            </div>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model: models, data }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <div class=\"is-flex is-align-self-stretch is-justify-content-center is-align-items-center is-gap-8\">\n    <div class=\"is-flex is-gap-4 is-flex-grow-1 is-align-items-center\">\n      <span\n        class=\"pl-1 has-text-{{ logColor[model.status] }}\"\n        [class.trigger-popover]=\"hasLogs()\"\n        [ngbPopover]=\"logStatusDetails\"\n        [disablePopover]=\"!hasLogs()\"\n        autoClose=\"outside\"\n        popoverClass=\"is-narrow\"\n        triggers=\"manual\"\n        #p1=\"ngbPopover\"\n        placement=\"bottom left right auto\"\n        container=\"body\"\n        (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n        <he-svg-icon [name]=\"logIcon[model.status]\" />\n      </span>\n\n      <span class=\"is-flex is-flex-grow-1 is-gap-4\">\n        <span class=\"is-nowrap is-capitalized\">{{ methodName(model) }}</span>\n\n        @if (model.logs?.methodTier || model.model?.methodTier) {\n          <span class=\"is-nowrap\">[{{ model.logs?.methodTier || model.model?.methodTier }}]</span>\n        }\n      </span>\n    </div>\n\n    <div class=\"is-flex is-gap-4 is-flex-shrink-0 is-align-items-center\">\n      @if (model.showLogs) {\n        <span\n          class=\"is-nowrap is-clickable\"\n          [ngbPopover]=\"logDetails\"\n          autoClose=\"outside\"\n          popoverClass=\"is-narrow\"\n          triggers=\"manual\"\n          #p=\"ngbPopover\"\n          placement=\"bottom left right auto\"\n          container=\"body\"\n          (click)=\"p.isOpen() ? p.close() : model.showLogs ? p.open({ logs: model.logs }) : null\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\n      }\n\n      @if (model.model) {\n        @if (model.showLogs) {\n          <div class=\"vertical-divider\"></div>\n        }\n        <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\" />\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <he-node-logs-models-logs [logs]=\"logs\" />\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"\" />\n</ng-template>\n\n<ng-template #docsLink let-model>\n  @if (guideEnabled && model.guidePath) {\n    <he-guide-overlay [pageId]=\"model.guidePath\" [width]=\"500\" />\n  } @else {\n    <a [href]=\"model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n      <span>Docs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</ng-template>\n", styles: [":host{display:block}:host .vertical-divider{width:1px;height:20px;background:#dbe3ea}:host .status-legend{border:1px solid #dbe3ea;background:#f5f7f9}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::ng-deep .table .has-sub-rows.is-open>td:first-child:before,::ng-deep .table .is-sub-row>td:first-child:before{display:block;position:absolute;content:\" \";background-color:#4c719433;height:100%;width:1px;top:0;left:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row td:first-child{padding-left:12px}::ng-deep .table .is-sub-row .sub-sub-row-icon{display:none}::ng-deep .table .is-sub-row .open-node>he-svg-icon,::ng-deep .table .is-sub-row .sub-sub-row-icon{height:16px!important;width:16px!important}::ng-deep .table .is-sub-sub-row td:first-child{padding-left:24px}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon{display:inline-block}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon+div{padding-left:0!important}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType", "useCustomFunctions"] }, { kind: "directive", type: NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "selectOnExact", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: NodeLogsModelsLogsComponent, selector: "he-node-logs-models-logs", inputs: ["logs"] }, { kind: "component", type: NodeLogsModelsLogsStatusComponent, selector: "he-node-logs-models-logs-status", inputs: ["nodeType", "model", "data"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: GuideOverlayComponent, selector: "he-guide-overlay", inputs: ["pageId", "width", "height", "positions"], outputs: ["widthChange", "heightChange"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "pipe", type: IsArrayPipe, name: "isArray" }, { kind: "pipe", type: RepeatPipe, name: "repeat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NodeLogsModelsComponent, isStandalone: true, selector: "he-node-logs-models", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, originalValues: { classPropertyName: "originalValues", publicName: "originalValues", isSignal: true, isRequired: false, transformFunction: null }, recalculatedValues: { classPropertyName: "recalculatedValues", publicName: "recalculatedValues", isSignal: true, isRequired: false, transformFunction: null }, terms: { classPropertyName: "terms", publicName: "terms", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypesLabel: { classPropertyName: "filterTermTypesLabel", publicName: "filterTermTypesLabel", isSignal: true, isRequired: false, transformFunction: null }, logsKey: { classPropertyName: "logsKey", publicName: "logsKey", isSignal: true, isRequired: false, transformFunction: null }, noDataMessage: { classPropertyName: "noDataMessage", publicName: "noDataMessage", isSignal: true, isRequired: false, transformFunction: null }, cycle: { classPropertyName: "cycle", publicName: "cycle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"is-flex is-gap-8 is-justify-content-space-between is-align-items-center is-my-2\">\n  <div>\n    <ng-content />\n  </div>\n\n  @if (!isExternal && !loading() && logsUrl() && hasLogs()) {\n    <a class=\"is-size-7\" [href]=\"logsUrl()\" target=\"_blank\">\n      <span>Open Full Logs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</div>\n\n@if (!isExternal && !loading() && !hasLogs()) {\n  <p class=\"is-my-2\">\n    <he-svg-icon class=\"has-text-warning\" name=\"exclamation-triangle\" />\n    <span class=\"is-size-7 has-text-warning is-pl-1\">No logs found. Recalculation logs will be incomplete.</span>\n  </p>\n}\n\n<he-data-table class=\"is-mt-2 is-mb-1 is-bordered\" [small]=\"true\" maxHeight=\"320\">\n  <table class=\"table is-fullwidth is-narrow is-striped\">\n    <thead>\n      <tr>\n        <th class=\"width-auto has-border-right\">\n          @if (enableFilterByTerm()) {\n            <div class=\"field is-pb-1\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input\n                  class=\"input search-input is-small\"\n                  [ngModel]=\"term()\"\n                  name=\"term\"\n                  placeholder=\"Select entry by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [resultFormatter]=\"termFormatter\"\n                  [inputFormatter]=\"termFormatter\"\n                  [focusFirst]=\"true\"\n                  (focus)=\"typeaheadFocus($event)\"\n                  (selectItem)=\"term.set($event.item)\"\n                  container=\"body\"\n                  popupClass=\"is-small\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set(undefined)\">\n                  <he-svg-icon name=\"xmark\" />\n                </a>\n              </div>\n            </div>\n          }\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>\n                <span class=\"is-pr-1\">Units</span>\n                @if (functionalUnit()) {\n                  <span>(per&nbsp;</span>\n                  <span>{{ functionalUnit() }}</span>\n                  <span>)</span>\n                }\n              </span>\n            </div>\n          </th>\n        }\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Original</span>\n          </div>\n        </th>\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Recalculated</span>\n          </div>\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Difference</span>\n            </div>\n          </th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Model {{ i + 1 }}</span>\n            </div>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (loading()) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <div class=\"has-text-center py-3\">\n              <he-svg-icon name=\"loading\" animation=\"spin\" size=\"40\" />\n            </div>\n          </td>\n        </tr>\n      } @else if (blankNodes().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <p class=\"is-p-1\">\n              @if (noDataMessage()) {\n                <span>{{ noDataMessage() }}</span>\n              } @else {\n                <ng-container *ngTemplateOutlet=\"noResultsDefaultMessage\" />\n              }\n            </p>\n          </td>\n        </tr>\n      }\n      @for (blankNode of blankNodes(); track trackByBlankNode($index, blankNode)) {\n        <tr [class.has-sub-rows]=\"blankNode.canOpen\" [class.is-open]=\"blankNode.isOpen\">\n          <td\n            class=\"width-auto has-border-right is-nowrap\"\n            [attr.title]=\"$any(blankNode).term?.name || $any(blankNode).key\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: blankNode }\" />\n              @if ($any(blankNode).term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"$any(blankNode).term\">\n                  <span\n                    class=\"break-word\"\n                    [innerHtml]=\"$any(blankNode).term.name | compound: $any(blankNode).term.termType\"></span>\n                </he-node-link>\n              } @else if ($any(blankNode).key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right\">\n              @if ($any(blankNode).term) {\n                <span\n                  class=\"is-nowrap\"\n                  [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n              }\n            </td>\n          }\n          <td class=\"has-border-right\">\n            <ng-template #originalValueContent>\n              <span>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n              </span>\n            </ng-template>\n\n            @if (blankNode.allParallel) {\n              @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                <div>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      valueContent;\n                      context: { value: $any(blankNode).originalValueByMethodId[model.methodId] }\n                    \" />\n                </div>\n              }\n            } @else {\n              <span\n                [class.trigger-popover]=\"!!$any(blankNode).original?.[0]?.methodModel\"\n                [ngbPopover]=\"blankNodeOriginalValueDetails\"\n                autoClose=\"outside\"\n                popoverClass=\"is-narrow\"\n                placement=\"bottom left right auto\"\n                container=\"body\"\n                [disablePopover]=\"!$any(blankNode).original?.[0]?.methodModel\"\n                [popoverContext]=\"{ blankNode }\">\n                <span pointer>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n                </span>\n              </span>\n            }\n          </td>\n          <td class=\"has-border-right\">\n            @if (!blankNode.isOriginal || blankNode.isRecalculated) {\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        valueContent;\n                        context: { value: $any(blankNode).recalculatedValueByMethodId[model.methodId] }\n                      \" />\n                  </div>\n                }\n              } @else {\n                <span>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: blankNode.recalculatedValue }\" />\n                </span>\n              }\n            } @else if ($any(blankNode).configModels?.length) {\n              not recalculated\n            } @else {\n              -\n            }\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right is-nowrap\">\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    @if (\n                      $any(blankNode).originalValueByMethodId[model.methodId] !== null &&\n                      $any(blankNode).recalculatedValueByMethodId[model.methodId] !== null\n                    ) {\n                      <he-blank-node-value-delta\n                        [value]=\"$any(blankNode).recalculatedValueByMethodId[model.methodId]\"\n                        [originalValue]=\"$any(blankNode).originalValueByMethodId[model.methodId]\"\n                        [useCustomFunctions]=\"false\" />\n                    } @else {\n                      -\n                    }\n                  </div>\n                }\n              } @else {\n                @if ($any(blankNode).original.length && blankNode.isRecalculated) {\n                  <he-blank-node-value-delta\n                    [value]=\"blankNode.recalculatedValue\"\n                    [originalValue]=\"$any(blankNode).originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              }\n            </td>\n          }\n          <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\" />\n        </tr>\n        @for (subValue of $any(blankNode).keys; track trackBySubValue(subValue)) {\n          @if (blankNode.isOpen) {\n            <tr [class.has-sub-rows]=\"$any(blankNode).subValues?.length\" [class.is-sub-row]=\"blankNode.canOpen\">\n              <td class=\"width-auto has-border-right is-nowrap\">\n                <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n                @if (blankNode.type) {\n                  <a\n                    class=\"is-inline-block is-pre-wrap\"\n                    [href]=\"schemaBaseUrl + '/' + blankNode.type + '#' + subValue.key\"\n                    target=\"_blank\"\n                    [title]=\"subValue.key\">\n                    <span>{{ subValue.key }}</span>\n                  </a>\n                }\n                @if (!blankNode.type) {\n                  <span class=\"is-inline-block is-align-top\">{{ subValue.key }}</span>\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\"></td>\n              }\n              <td class=\"has-border-right\">\n                @if (subValue.originalValue !== null) {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n                  </span>\n                } @else {\n                  -\n                }\n              </td>\n              <td class=\"has-border-right\">\n                @if (subValue.isRecalculated || subValue.key === 'impactAssessment') {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  not recalculated\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\">-</td>\n              }\n              <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n            </tr>\n          }\n        }\n        @for (subValue of $any(blankNode).subValues; track trackBySubValue(subValue)) {\n          <ng-container *ngTemplateOutlet=\"subValueRow; context: { blankNode, parent: blankNode, subValue }\" />\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n<div class=\"is-size-7\">\n  <div class=\"is-flex is-py-2 is-px-3 is-gap-16 | status-legend\">\n    <div\n      class=\"is-flex is-justify-content-center is-align-items-center is-align-content-center is-flex-wrap-wrap is-gap-8\">\n      @for (status of LogStatus | keyvalue; track status.value) {\n        @if (logIcon[status.value]) {\n          <span class=\"is-flex is-align-items-center is-gap-8\">\n            <he-svg-icon [name]=\"logIcon[status.value]\" size=\"20\" class=\"has-text-{{ logColor[status.value] }}\" />\n            <span class=\"is-size-7 is-capitalized\">{{ status.value }}</span>\n          </span>\n        }\n      }\n    </div>\n\n    @if (filteredType()) {\n      <div class=\"field is-relative\">\n        <input\n          type=\"checkbox\"\n          class=\"switch is-small is-rounded is-secondary\"\n          [(ngModel)]=\"onlyRequired\"\n          [disabled]=\"!!term()\"\n          id=\"onlyRequired\" />\n        <label class=\"is-size-7\" for=\"onlyRequired\">\n          <span>Show only {{ filteredType() }} terms included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #noResultsDefaultMessage>\n  <span>No original data was provided and no gap filling occurred</span>\n  @if (term() && !isInSystemBoundary(term()['@id'])) {\n    <span class=\"is-pl-1\">as</span>\n    <i class=\"is-px-1\">{{ term().name }}</i>\n    <span>is not in the HESTIA system boundary</span>\n  }\n  <span>.</span>\n</ng-template>\n\n<ng-template #valueContent let-value=\"value\">\n  @if (isNumber(value)) {\n    {{ value | precision: 3 | default: '-' }}\n  } @else {\n    {{ value | default: '-' }}\n  }\n</ng-template>\n\n<ng-template #collapseButton let-blankNode>\n  @if (blankNode.canOpen) {\n    <a class=\"open-node\" (click)=\"toggleBlankNode(blankNode)\">\n      <he-svg-icon [name]=\"blankNode.isOpen ? 'chevron-down' : 'chevron-right'\" />\n    </a>\n  }\n</ng-template>\n\n<ng-template #subValueRow let-blankNode=\"blankNode\" let-parent=\"parent\" let-subValue=\"subValue\" let-rowClass=\"rowClass\">\n  @let term = subValue.term || termById(subValue.id);\n  @if (parent.isOpen) {\n    <tr [class.is-sub-row]=\"parent.canOpen\" [ngClass]=\"rowClass\">\n      <td class=\"width-auto has-border-right\">\n        <div class=\"is-flex is-align-items-flex-start is-gap-4 h-100\">\n          <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: subValue }\" />\n          <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n          <div class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\" [class.is-pl-3]=\"!subValue.canOpen\">\n            <span>\n              <span>{{ subValue.key | keyToLabel }}</span>\n              @if (subValue.id) {\n                <span class=\"is-inline-block\">:</span>\n              }\n            </span>\n            @if (subValue.id) {\n              @switch (subValue.key) {\n                @case ('backgroundData') {\n                  <span class=\"is-inline-block\">{{ term?.name }}</span>\n                }\n                @case ('animal') {\n                  <span class=\"is-inline-block\">{{ subValue.id }}</span>\n                }\n                @default {\n                  <he-node-link\n                    class=\"is-inline-block\"\n                    linkClass=\"is-inline-block\"\n                    [node]=\"term\"\n                    [attr.title]=\"term?.name\">\n                    <span class=\"break-word\" [innerHtml]=\"term?.name | compound\"></span>\n                  </he-node-link>\n                }\n              }\n            }\n          </div>\n        </div>\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">\n          @if (subValue.showUnits && $any(blankNode).term) {\n            <span\n              class=\"is-nowrap\"\n              [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n          }\n        </td>\n      }\n      <td class=\"has-border-right\">\n        @if (!isEmpty(subValue.originalValue)) {\n          <span>\n            <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n          </span>\n        } @else {\n          -\n        }\n      </td>\n      <td class=\"has-border-right\">\n        @if (subValue.isRecalculated) {\n          @if (subValue.multiGroups) {\n            <span\n              class=\"trigger-popover\"\n              ngbPopover=\"The total value across all inputs\"\n              autoClose=\"outside\"\n              popoverClass=\"is-narrow is-overflow-visible\"\n              placement=\"left bottom auto\"\n              container=\"body\">\n              <span pointer>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n              </span>\n            </span>\n          } @else {\n            <span>\n              <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n            </span>\n          }\n        } @else if (!isEmpty(subValue.originalValue)) {\n          not recalculated\n        } @else {\n          -\n        }\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">-</td>\n      }\n      <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n    </tr>\n  }\n  @if (subValue.subValues) {\n    @for (sub of subValue.subValues; track trackBySubValue(sub)) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          subValueRow;\n          context: { blankNode, parent: subValue, subValue: sub, rowClass: 'is-sub-sub-row' }\n        \" />\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeOriginalValueDetails let-blankNode=\"blankNode\">\n  <span class=\"is-pr-1\">The original value was reported using:</span>\n  <he-node-link\n    class=\"is-inline-block\"\n    linkClass=\"is-dark\"\n    [node]=\"$any(blankNode).original[0].methodModel\"\n    [showExternalLink]=\"true\">\n    <span>{{ $any(blankNode).original[0].methodModel.name }}</span>\n  </he-node-link>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  @let extraColumns = methodModelsCount() - 1;\n\n  <ng-template #notInSystemBoundary>\n    <td class=\"has-border-right\">\n      <span>Not in HESTIA system boundary</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  </ng-template>\n\n  @if (data.canOpen && !data.isOpen && !data.configModels?.length) {\n    <td class=\"has-border-right\">\n      <span>Expand to see logs (</span>\n      @let key = subValuesKey(data, 'sub-values');\n      @if (hasCompleteSuccess(data)) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"checkmark\" class=\"has-text-success\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"xmark\" class=\"has-text-danger\" />\n      }\n      <span>)</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  } @else {\n    @for (configModel of methodModelsCount() | times; track configModelIndex; let configModelIndex = $index) {\n      <td class=\"has-border-right blank-node-index-{{ configModelIndex }}\">\n        @if (getModelsAt(data, configModelIndex); as models) {\n          @if ($any(models) | isArray) {\n            <div>\n              @for (model of $any(models); track model.methodId) {\n                <p>\n                  <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model, data }\" />\n                </p>\n              }\n            </div>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model: models, data }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <div class=\"is-flex is-align-self-stretch is-justify-content-center is-align-items-center is-gap-8\">\n    <div class=\"is-flex is-gap-4 is-flex-grow-1 is-align-items-center\">\n      <span\n        class=\"pl-1 has-text-{{ logColor[model.status] }}\"\n        [class.trigger-popover]=\"hasLogs()\"\n        [ngbPopover]=\"logStatusDetails\"\n        [disablePopover]=\"!hasLogs()\"\n        autoClose=\"outside\"\n        popoverClass=\"is-narrow\"\n        triggers=\"manual\"\n        #p1=\"ngbPopover\"\n        placement=\"bottom left right auto\"\n        container=\"body\"\n        (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n        <he-svg-icon [name]=\"logIcon[model.status]\" />\n      </span>\n\n      <span class=\"is-flex is-flex-grow-1 is-gap-4\">\n        <span class=\"is-nowrap is-capitalized\">{{ methodName(model) }}</span>\n\n        @if (model.logs?.methodTier || model.model?.methodTier) {\n          <span class=\"is-nowrap\">[{{ model.logs?.methodTier || model.model?.methodTier }}]</span>\n        }\n      </span>\n    </div>\n\n    <div class=\"is-flex is-gap-4 is-flex-shrink-0 is-align-items-center\">\n      @if (model.showLogs) {\n        <span\n          class=\"is-nowrap is-clickable\"\n          [ngbPopover]=\"logDetails\"\n          autoClose=\"outside\"\n          popoverClass=\"is-narrow\"\n          triggers=\"manual\"\n          #p=\"ngbPopover\"\n          placement=\"bottom left right auto\"\n          container=\"body\"\n          (click)=\"p.isOpen() ? p.close() : model.showLogs ? p.open({ logs: model.logs }) : null\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\n      }\n\n      @if (model.model) {\n        @if (model.showLogs) {\n          <div class=\"vertical-divider\"></div>\n        }\n        <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\" />\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <he-node-logs-models-logs [logs]=\"logs\" />\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"\" />\n</ng-template>\n\n<ng-template #docsLink let-model>\n  @if (guideEnabled && model.guidePath) {\n    <he-guide-overlay [pageId]=\"model.guidePath\" [width]=\"500\" />\n  } @else {\n    <a [href]=\"model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n      <span>Docs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</ng-template>\n", styles: [":host{display:block}:host .vertical-divider{width:1px;height:20px;background:#dbe3ea}:host .status-legend{border:1px solid #dbe3ea;background:#f5f7f9}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::ng-deep .table .has-sub-rows.is-open>td:first-child:before,::ng-deep .table .is-sub-row>td:first-child:before{display:block;position:absolute;content:\" \";background-color:#4c719433;height:100%;width:1px;top:0;left:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row td:first-child{padding-left:12px}::ng-deep .table .is-sub-row .sub-sub-row-icon{display:none}::ng-deep .table .is-sub-row .open-node>he-svg-icon,::ng-deep .table .is-sub-row .sub-sub-row-icon{height:16px!important;width:16px!important}::ng-deep .table .is-sub-sub-row td:first-child{padding-left:24px}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon{display:inline-block}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon+div{padding-left:0!important}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType", "useCustomFunctions"] }, { kind: "directive", type: NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "selectOnExact", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: NodeLogsModelsLogsComponent, selector: "he-node-logs-models-logs", inputs: ["logs"] }, { kind: "component", type: NodeLogsModelsLogsStatusComponent, selector: "he-node-logs-models-logs-status", inputs: ["nodeType", "model", "data"] }, { kind: "component", type: HESvgIconComponent, selector: "he-svg-icon", inputs: ["name", "size", "animation"] }, { kind: "component", type: GuideOverlayComponent, selector: "he-guide-overlay", inputs: ["pageId", "width", "height", "positions"], outputs: ["widthChange", "heightChange"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "pipe", type: IsArrayPipe, name: "isArray" }, { kind: "pipe", type: RepeatPipe, name: "repeat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NodeLogsModelsComponent, decorators: [{
             type: Component$1,
@@ -8183,7 +8198,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         HESvgIconComponent,
                         GuideOverlayComponent
                     ], template: "<div class=\"is-flex is-gap-8 is-justify-content-space-between is-align-items-center is-my-2\">\n  <div>\n    <ng-content />\n  </div>\n\n  @if (!isExternal && !loading() && logsUrl() && hasLogs()) {\n    <a class=\"is-size-7\" [href]=\"logsUrl()\" target=\"_blank\">\n      <span>Open Full Logs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</div>\n\n@if (!isExternal && !loading() && !hasLogs()) {\n  <p class=\"is-my-2\">\n    <he-svg-icon class=\"has-text-warning\" name=\"exclamation-triangle\" />\n    <span class=\"is-size-7 has-text-warning is-pl-1\">No logs found. Recalculation logs will be incomplete.</span>\n  </p>\n}\n\n<he-data-table class=\"is-mt-2 is-mb-1 is-bordered\" [small]=\"true\" maxHeight=\"320\">\n  <table class=\"table is-fullwidth is-narrow is-striped\">\n    <thead>\n      <tr>\n        <th class=\"width-auto has-border-right\">\n          @if (enableFilterByTerm()) {\n            <div class=\"field is-pb-1\">\n              <div class=\"control is-expanded has-icons-right\">\n                <input\n                  class=\"input search-input is-small\"\n                  [ngModel]=\"term()\"\n                  name=\"term\"\n                  placeholder=\"Select entry by name\"\n                  [ngbTypeahead]=\"suggestTerm\"\n                  [resultFormatter]=\"termFormatter\"\n                  [inputFormatter]=\"termFormatter\"\n                  [focusFirst]=\"true\"\n                  (focus)=\"typeaheadFocus($event)\"\n                  (selectItem)=\"term.set($event.item)\"\n                  container=\"body\"\n                  popupClass=\"is-small\" />\n                <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set(undefined)\">\n                  <he-svg-icon name=\"xmark\" />\n                </a>\n              </div>\n            </div>\n          }\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>\n                <span class=\"is-pr-1\">Units</span>\n                @if (functionalUnit()) {\n                  <span>(per&nbsp;</span>\n                  <span>{{ functionalUnit() }}</span>\n                  <span>)</span>\n                }\n              </span>\n            </div>\n          </th>\n        }\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Original</span>\n          </div>\n        </th>\n        <th class=\"has-border-right\">\n          <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n            <span>Recalculated</span>\n          </div>\n        </th>\n        @if (isBlankNodes()) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Difference</span>\n            </div>\n          </th>\n        }\n        @for (c of methodModelsCount() | times; track i; let i = $index) {\n          <th class=\"has-border-right\">\n            <div class=\"is-flex is-flex-direction-column is-justify-content-center h-100\">\n              <span>Model {{ i + 1 }}</span>\n            </div>\n          </th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @if (loading()) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <div class=\"has-text-center py-3\">\n              <he-svg-icon name=\"loading\" animation=\"spin\" size=\"40\" />\n            </div>\n          </td>\n        </tr>\n      } @else if (blankNodes().length === 0) {\n        <tr>\n          <td class=\"has-border-right has-text-centered\" colspan=\"100\">\n            <p class=\"is-p-1\">\n              @if (noDataMessage()) {\n                <span>{{ noDataMessage() }}</span>\n              } @else {\n                <ng-container *ngTemplateOutlet=\"noResultsDefaultMessage\" />\n              }\n            </p>\n          </td>\n        </tr>\n      }\n      @for (blankNode of blankNodes(); track trackByBlankNode($index, blankNode)) {\n        <tr [class.has-sub-rows]=\"blankNode.canOpen\" [class.is-open]=\"blankNode.isOpen\">\n          <td\n            class=\"width-auto has-border-right is-nowrap\"\n            [attr.title]=\"$any(blankNode).term?.name || $any(blankNode).key\">\n            <div class=\"is-flex is-align-items-flex-start is-gap-4\">\n              <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: blankNode }\" />\n              @if ($any(blankNode).term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap is-pr-2\" [node]=\"$any(blankNode).term\">\n                  <span\n                    class=\"break-word\"\n                    [innerHtml]=\"$any(blankNode).term.name | compound: $any(blankNode).term.termType\"></span>\n                </he-node-link>\n              } @else if ($any(blankNode).key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                } @else {\n                  <a [href]=\"schemaBaseUrl + '/' + nodeType() + '#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                }\n              }\n            </div>\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right\">\n              @if ($any(blankNode).term) {\n                <span\n                  class=\"is-nowrap\"\n                  [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n              }\n            </td>\n          }\n          <td class=\"has-border-right\">\n            <ng-template #originalValueContent>\n              <span>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n              </span>\n            </ng-template>\n\n            @if (blankNode.allParallel) {\n              @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                <div>\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      valueContent;\n                      context: { value: $any(blankNode).originalValueByMethodId[model.methodId] }\n                    \" />\n                </div>\n              }\n            } @else {\n              <span\n                [class.trigger-popover]=\"!!$any(blankNode).original?.[0]?.methodModel\"\n                [ngbPopover]=\"blankNodeOriginalValueDetails\"\n                autoClose=\"outside\"\n                popoverClass=\"is-narrow\"\n                placement=\"bottom left right auto\"\n                container=\"body\"\n                [disablePopover]=\"!$any(blankNode).original?.[0]?.methodModel\"\n                [popoverContext]=\"{ blankNode }\">\n                <span pointer>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: $any(blankNode).originalValue }\" />\n                </span>\n              </span>\n            }\n          </td>\n          <td class=\"has-border-right\">\n            @if (!blankNode.isOriginal || blankNode.isRecalculated) {\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        valueContent;\n                        context: { value: $any(blankNode).recalculatedValueByMethodId[model.methodId] }\n                      \" />\n                  </div>\n                }\n              } @else {\n                <span>\n                  <ng-container *ngTemplateOutlet=\"valueContent; context: { value: blankNode.recalculatedValue }\" />\n                </span>\n              }\n            } @else if ($any(blankNode).configModels?.length) {\n              not recalculated\n            } @else {\n              -\n            }\n          </td>\n          @if (isBlankNodes()) {\n            <td class=\"has-border-right is-nowrap\">\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    @if (\n                      $any(blankNode).originalValueByMethodId[model.methodId] !== null &&\n                      $any(blankNode).recalculatedValueByMethodId[model.methodId] !== null\n                    ) {\n                      <he-blank-node-value-delta\n                        [value]=\"$any(blankNode).recalculatedValueByMethodId[model.methodId]\"\n                        [originalValue]=\"$any(blankNode).originalValueByMethodId[model.methodId]\"\n                        [useCustomFunctions]=\"false\" />\n                    } @else {\n                      -\n                    }\n                  </div>\n                }\n              } @else {\n                @if ($any(blankNode).original.length && blankNode.isRecalculated) {\n                  <he-blank-node-value-delta\n                    [value]=\"blankNode.recalculatedValue\"\n                    [originalValue]=\"$any(blankNode).originalValue\"\n                    [useCustomFunctions]=\"false\" />\n                } @else {\n                  -\n                }\n              }\n            </td>\n          }\n          <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\" />\n        </tr>\n        @for (subValue of $any(blankNode).keys; track trackBySubValue(subValue)) {\n          @if (blankNode.isOpen) {\n            <tr [class.has-sub-rows]=\"$any(blankNode).subValues?.length\" [class.is-sub-row]=\"blankNode.canOpen\">\n              <td class=\"width-auto has-border-right is-nowrap\">\n                <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n                @if (blankNode.type) {\n                  <a\n                    class=\"is-inline-block is-pre-wrap\"\n                    [href]=\"schemaBaseUrl + '/' + blankNode.type + '#' + subValue.key\"\n                    target=\"_blank\"\n                    [title]=\"subValue.key\">\n                    <span>{{ subValue.key }}</span>\n                  </a>\n                }\n                @if (!blankNode.type) {\n                  <span class=\"is-inline-block is-align-top\">{{ subValue.key }}</span>\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\"></td>\n              }\n              <td class=\"has-border-right\">\n                @if (subValue.originalValue !== null) {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n                  </span>\n                } @else {\n                  -\n                }\n              </td>\n              <td class=\"has-border-right\">\n                @if (subValue.isRecalculated || subValue.key === 'impactAssessment') {\n                  <span>\n                    <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n                  </span>\n                } @else {\n                  not recalculated\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td class=\"has-border-right\">-</td>\n              }\n              <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n            </tr>\n          }\n        }\n        @for (subValue of $any(blankNode).subValues; track trackBySubValue(subValue)) {\n          <ng-container *ngTemplateOutlet=\"subValueRow; context: { blankNode, parent: blankNode, subValue }\" />\n        }\n      }\n    </tbody>\n  </table>\n</he-data-table>\n<div class=\"is-size-7\">\n  <div class=\"is-flex is-py-2 is-px-3 is-gap-16 | status-legend\">\n    <div\n      class=\"is-flex is-justify-content-center is-align-items-center is-align-content-center is-flex-wrap-wrap is-gap-8\">\n      @for (status of LogStatus | keyvalue; track status.value) {\n        @if (logIcon[status.value]) {\n          <span class=\"is-flex is-align-items-center is-gap-8\">\n            <he-svg-icon [name]=\"logIcon[status.value]\" size=\"20\" class=\"has-text-{{ logColor[status.value] }}\" />\n            <span class=\"is-size-7 is-capitalized\">{{ status.value }}</span>\n          </span>\n        }\n      }\n    </div>\n\n    @if (filteredType()) {\n      <div class=\"field is-relative\">\n        <input\n          type=\"checkbox\"\n          class=\"switch is-small is-rounded is-secondary\"\n          [(ngModel)]=\"onlyRequired\"\n          [disabled]=\"!!term()\"\n          id=\"onlyRequired\" />\n        <label class=\"is-size-7\" for=\"onlyRequired\">\n          <span>Show only {{ filteredType() }} terms included in the default HESTIA system boundary</span>\n        </label>\n      </div>\n    }\n  </div>\n</div>\n\n<ng-template #noResultsDefaultMessage>\n  <span>No original data was provided and no gap filling occurred</span>\n  @if (term() && !isInSystemBoundary(term()['@id'])) {\n    <span class=\"is-pl-1\">as</span>\n    <i class=\"is-px-1\">{{ term().name }}</i>\n    <span>is not in the HESTIA system boundary</span>\n  }\n  <span>.</span>\n</ng-template>\n\n<ng-template #valueContent let-value=\"value\">\n  @if (isNumber(value)) {\n    {{ value | precision: 3 | default: '-' }}\n  } @else {\n    {{ value | default: '-' }}\n  }\n</ng-template>\n\n<ng-template #collapseButton let-blankNode>\n  @if (blankNode.canOpen) {\n    <a class=\"open-node\" (click)=\"toggleBlankNode(blankNode)\">\n      <he-svg-icon [name]=\"blankNode.isOpen ? 'chevron-down' : 'chevron-right'\" />\n    </a>\n  }\n</ng-template>\n\n<ng-template #subValueRow let-blankNode=\"blankNode\" let-parent=\"parent\" let-subValue=\"subValue\" let-rowClass=\"rowClass\">\n  @let term = subValue.term || termById(subValue.id);\n  @if (parent.isOpen) {\n    <tr [class.is-sub-row]=\"parent.canOpen\" [ngClass]=\"rowClass\">\n      <td class=\"width-auto has-border-right\">\n        <div class=\"is-flex is-align-items-flex-start is-gap-4 h-100\">\n          <ng-container *ngTemplateOutlet=\"collapseButton; context: { $implicit: subValue }\" />\n          <he-svg-icon class=\"sub-sub-row-icon\" name=\"chevron-double-right\" />\n          <div class=\"is-flex is-align-items-flex-start is-flex-wrap-wrap is-gap-4\" [class.is-pl-3]=\"!subValue.canOpen\">\n            <span>\n              <span>{{ subValue.key | keyToLabel }}</span>\n              @if (subValue.id) {\n                <span class=\"is-inline-block\">:</span>\n              }\n            </span>\n            @if (subValue.id) {\n              @switch (subValue.key) {\n                @case ('backgroundData') {\n                  <span class=\"is-inline-block\">{{ term?.name }}</span>\n                }\n                @case ('animal') {\n                  <span class=\"is-inline-block\">{{ subValue.id }}</span>\n                }\n                @default {\n                  <he-node-link\n                    class=\"is-inline-block\"\n                    linkClass=\"is-inline-block\"\n                    [node]=\"term\"\n                    [attr.title]=\"term?.name\">\n                    <span class=\"break-word\" [innerHtml]=\"term?.name | compound\"></span>\n                  </he-node-link>\n                }\n              }\n            }\n          </div>\n        </div>\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">\n          @if (subValue.showUnits && $any(blankNode).term) {\n            <span\n              class=\"is-nowrap\"\n              [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n          }\n        </td>\n      }\n      <td class=\"has-border-right\">\n        @if (!isEmpty(subValue.originalValue)) {\n          <span>\n            <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.originalValue }\" />\n          </span>\n        } @else {\n          -\n        }\n      </td>\n      <td class=\"has-border-right\">\n        @if (subValue.isRecalculated) {\n          @if (subValue.multiGroups) {\n            <span\n              class=\"trigger-popover\"\n              ngbPopover=\"The total value across all inputs\"\n              autoClose=\"outside\"\n              popoverClass=\"is-narrow is-overflow-visible\"\n              placement=\"left bottom auto\"\n              container=\"body\">\n              <span pointer>\n                <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n              </span>\n            </span>\n          } @else {\n            <span>\n              <ng-container *ngTemplateOutlet=\"valueContent; context: { value: subValue.recalculatedValue }\" />\n            </span>\n          }\n        } @else if (!isEmpty(subValue.originalValue)) {\n          not recalculated\n        } @else {\n          -\n        }\n      </td>\n      @if (isBlankNodes()) {\n        <td class=\"has-border-right\">-</td>\n      }\n      <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n    </tr>\n  }\n  @if (subValue.subValues) {\n    @for (sub of subValue.subValues; track trackBySubValue(sub)) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          subValueRow;\n          context: { blankNode, parent: subValue, subValue: sub, rowClass: 'is-sub-sub-row' }\n        \" />\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeOriginalValueDetails let-blankNode=\"blankNode\">\n  <span class=\"is-pr-1\">The original value was reported using:</span>\n  <he-node-link\n    class=\"is-inline-block\"\n    linkClass=\"is-dark\"\n    [node]=\"$any(blankNode).original[0].methodModel\"\n    [showExternalLink]=\"true\">\n    <span>{{ $any(blankNode).original[0].methodModel.name }}</span>\n  </he-node-link>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  @let extraColumns = methodModelsCount() - 1;\n\n  <ng-template #notInSystemBoundary>\n    <td class=\"has-border-right\">\n      <span>Not in HESTIA system boundary</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  </ng-template>\n\n  @if (data.canOpen && !data.isOpen && !data.configModels?.length) {\n    <td class=\"has-border-right\">\n      <span>Expand to see logs (</span>\n      @let key = subValuesKey(data, 'sub-values');\n      @if (hasCompleteSuccess(data)) {\n        <span>all succeeded</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"checkmark\" class=\"has-text-success\" />\n      } @else {\n        <span>some failed</span>\n        <he-svg-icon class=\"is-ml-1\" name=\"xmark\" class=\"has-text-danger\" />\n      }\n      <span>)</span>\n    </td>\n    @for (v of data | repeat: extraColumns; track repeatIndex; let repeatIndex = $index) {\n      <td class=\"has-border-right\"></td>\n    }\n  } @else {\n    @for (configModel of methodModelsCount() | times; track configModelIndex; let configModelIndex = $index) {\n      <td class=\"has-border-right blank-node-index-{{ configModelIndex }}\">\n        @if (getModelsAt(data, configModelIndex); as models) {\n          @if ($any(models) | isArray) {\n            <div>\n              @for (model of $any(models); track model.methodId) {\n                <p>\n                  <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model, data }\" />\n                </p>\n              }\n            </div>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model: models, data }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  }\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <div class=\"is-flex is-align-self-stretch is-justify-content-center is-align-items-center is-gap-8\">\n    <div class=\"is-flex is-gap-4 is-flex-grow-1 is-align-items-center\">\n      <span\n        class=\"pl-1 has-text-{{ logColor[model.status] }}\"\n        [class.trigger-popover]=\"hasLogs()\"\n        [ngbPopover]=\"logStatusDetails\"\n        [disablePopover]=\"!hasLogs()\"\n        autoClose=\"outside\"\n        popoverClass=\"is-narrow\"\n        triggers=\"manual\"\n        #p1=\"ngbPopover\"\n        placement=\"bottom left right auto\"\n        container=\"body\"\n        (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n        <he-svg-icon [name]=\"logIcon[model.status]\" />\n      </span>\n\n      <span class=\"is-flex is-flex-grow-1 is-gap-4\">\n        <span class=\"is-nowrap is-capitalized\">{{ methodName(model) }}</span>\n\n        @if (model.logs?.methodTier || model.model?.methodTier) {\n          <span class=\"is-nowrap\">[{{ model.logs?.methodTier || model.model?.methodTier }}]</span>\n        }\n      </span>\n    </div>\n\n    <div class=\"is-flex is-gap-4 is-flex-shrink-0 is-align-items-center\">\n      @if (model.showLogs) {\n        <span\n          class=\"is-nowrap is-clickable\"\n          [ngbPopover]=\"logDetails\"\n          autoClose=\"outside\"\n          popoverClass=\"is-narrow\"\n          triggers=\"manual\"\n          #p=\"ngbPopover\"\n          placement=\"bottom left right auto\"\n          container=\"body\"\n          (click)=\"p.isOpen() ? p.close() : model.showLogs ? p.open({ logs: model.logs }) : null\">\n          <span class=\"has-text-link\">Logs</span>\n        </span>\n      }\n\n      @if (model.model) {\n        @if (model.showLogs) {\n          <div class=\"vertical-divider\"></div>\n        }\n        <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\" />\n      }\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <he-node-logs-models-logs [logs]=\"logs\" />\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"\" />\n</ng-template>\n\n<ng-template #docsLink let-model>\n  @if (guideEnabled && model.guidePath) {\n    <he-guide-overlay [pageId]=\"model.guidePath\" [width]=\"500\" />\n  } @else {\n    <a [href]=\"model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n      <span>Docs</span>\n      <he-svg-icon name=\"external-link\" class=\"ml-2\" />\n    </a>\n  }\n</ng-template>\n", styles: [":host{display:block}:host .vertical-divider{width:1px;height:20px;background:#dbe3ea}:host .status-legend{border:1px solid #dbe3ea;background:#f5f7f9}::ng-deep .table{background-color:transparent}::ng-deep .table td.has-border-right{box-shadow:1px 0 #4c7194}::ng-deep .table .has-sub-rows.is-open>td:first-child:before,::ng-deep .table .is-sub-row>td:first-child:before{display:block;position:absolute;content:\" \";background-color:#4c719433;height:100%;width:1px;top:0;left:14px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .is-sub-row td:first-child{padding-left:12px}::ng-deep .table .is-sub-row .sub-sub-row-icon{display:none}::ng-deep .table .is-sub-row .open-node>he-svg-icon,::ng-deep .table .is-sub-row .sub-sub-row-icon{height:16px!important;width:16px!important}::ng-deep .table .is-sub-sub-row td:first-child{padding-left:24px}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon{display:inline-block}::ng-deep .table .is-sub-sub-row .sub-sub-row-icon+div{padding-left:0!important}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}\n"] }]
-        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], nodeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKey", required: false }] }], originalValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "originalValues", required: false }] }], recalculatedValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "recalculatedValues", required: false }] }], terms: [{ type: i0.Input, args: [{ isSignal: true, alias: "terms", required: false }] }], filterTermTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterTermTypes", required: false }] }], filterTermTypesLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterTermTypesLabel", required: false }] }], logsKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "logsKey", required: false }] }], noDataMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "noDataMessage", required: false }] }] } });
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], nodeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKey", required: false }] }], originalValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "originalValues", required: false }] }], recalculatedValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "recalculatedValues", required: false }] }], terms: [{ type: i0.Input, args: [{ isSignal: true, alias: "terms", required: false }] }], filterTermTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterTermTypes", required: false }] }], filterTermTypesLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterTermTypesLabel", required: false }] }], logsKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "logsKey", required: false }] }], noDataMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "noDataMessage", required: false }] }], cycle: [{ type: i0.Input, args: [{ isSignal: true, alias: "cycle", required: false }] }] } });
 var View$4;
 (function (View) {
@@ -8256,7 +8271,7 @@ 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-mb-1 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 trackById(i, cycle); let i = $index) {\n              <tr>\n                <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                  <he-node-link [node]=\"cycle\">\n                    <span>{{ i + 1 }}. {{ defaultLabel(cycle) }}</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 [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      }\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", 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"] }], 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 } }, 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-mb-1 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 trackById(i, cycle); let i = $index) {\n              <tr>\n                <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                  <he-node-link [node]=\"cycle\">\n                    <span>{{ i + 1 }}. {{ defaultLabel(cycle) }}</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 [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      }\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", 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CyclesCompletenessComponent, decorators: [{
             type: Component$1,
@@ -8394,7 +8409,7 @@ 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-mb-1 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 trackById(i, cycle); let i = $index) {\n              <tr>\n                <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                  <he-node-link [node]=\"cycle\">\n                    <span>{{ i + 1 }}. {{ defaultLabel(cycle) }}</span>\n                  </he-node-link>\n                </td>\n                @for (key of keys(); track key) {\n                  <td class=\"is-nowrap\">\n                    <span>\n                      {{ cycle[key] | default: '-' }}\n                    </span>\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 [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 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"] }, { kind: "pipe", type: DefaultPipe, name: "default" }], 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 } }, 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-mb-1 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 trackById(i, cycle); let i = $index) {\n              <tr>\n                <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                  <he-node-link [node]=\"cycle\">\n                    <span>{{ i + 1 }}. {{ defaultLabel(cycle) }}</span>\n                  </he-node-link>\n                </td>\n                @for (key of keys(); track key) {\n                  <td class=\"is-nowrap\">\n                    <span>\n                      {{ cycle[key] | default: '-' }}\n                    </span>\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 [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 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"] }, { kind: "pipe", type: DefaultPipe, name: "default" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CyclesMetadataComponent, decorators: [{
             type: Component$1,
@@ -8853,7 +8868,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 [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>{{ 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-mb-1 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                    @if (isGroupVisible(blankNodes)) {\n                      <th [attr.colspan]=\"blankNodes.length\" [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: node.value.term.termType\"></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 trackById(cycleIndex, cycle); let cycleIndex = $index) {\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycleNode(cycle)\">\n                      <span>{{ cycleIndex + 1 }}. {{ defaultLabel(cycle) }}</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[cycle['@id']];\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\">\n          <he-blank-node-state-notice\n            [dataState]=\"dataState()\"\n            [showDeleted]=\"firstNodeKey() === BlankNodesKey.emissions\" />\n          <div class=\"is-flex is-flex-wrap-wrap is-gap-8\">\n            @if (showHideZeroValues()) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideZeroValues'\"\n                  name=\"hideZeroValues\"\n                  [(ngModel)]=\"hideZeroValues\" />\n                <label [for]=\"componentId() + 'hideZeroValues'\">\n                  <span>\n                    Hide\n                    <b>0</b>\n                    values\n                  </span>\n                </label>\n              </div>\n            }\n            @if (cycles().length > 1) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideIdenticalValues'\"\n                  name=\"hideIdenticalValues\"\n                  [(ngModel)]=\"hideIdenticalValues\" />\n                <label [for]=\"componentId() + 'hideIdenticalValues'\">\n                  <span>Hide identical values</span>\n                </label>\n              </div>\n            }\n          </div>\n        </div>\n      } @else {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>No data available</span>\n          @if (filterTerm()) {\n            <span class=\"is-pl-1\">matching your search criteria</span>\n          }\n          <span>.</span>\n          @if (showSwitchToRecalculated()) {\n            <span>\n              Switch to\n              <code>recalculated</code>\n              version.\n            </span>\n          }\n        </div>\n      }\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\">\n            <ng-container *ngTemplateOutlet=\"selectView\" />\n          </he-cycles-emissions-chart>\n        }\n      }\n    }\n    @case (View.timeline) {\n      <he-cycles-nodes-timeline\n        [values]=\"timelineValues()\"\n        [minDate]=\"selectedCycle().startDate\"\n        [maxDate]=\"selectedCycle().endDate\">\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n      </he-cycles-nodes-timeline>\n    }\n    @case (View.logs) {\n      @if (selectedNode()) {\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\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      }\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        <he-search-extend\n          class=\"is-secondary\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      } @else if (showSelectCycle()) {\n        <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      }\n    </div>\n\n    @if (views()?.length > 1) {\n      <div class=\"field has-addons button-segments\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <he-svg-icon\n                name=\"checkmark\"\n                aria-hidden=\"true\"\n                class=\"is-hidden-mobile\"\n                [class.is-hidden-tablet]=\"selectedView() !== view\" />\n              <he-svg-icon\n                [name]=\"viewIcon[view]\"\n                aria-hidden=\"true\"\n                [class.is-hidden-tablet]=\"selectedView() === view\" />\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #selectCycle>\n  @if (cycles().length > 1) {\n    <div class=\"field is-horizontal is-mb-0\">\n      <div class=\"field-label is-normal\">\n        <label class=\"label has-text-secondary is-nowrap\" for=\"selectCycle\">Cycle</label>\n      </div>\n      <div class=\"field-body\">\n        <div class=\"field\">\n          <div class=\"control is-expanded\">\n            <div class=\"select is-small is-fullwidth\">\n              <select (change)=\"selectIndex($event)\" if=\"selectCycle\">\n                @for (value of cycles(); track value; let cycleIndex = $index) {\n                  <option [value]=\"cycleIndex\">{{ cycleIndex + 1 }}. {{ defaultLabel(value) }}</option>\n                }\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\" />\n</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}\n"], dependencies: [{ 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"], 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: "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: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: ["cycles"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: CyclesNodesComponent, isStandalone: true, selector: "he-cycles-nodes", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, nodeKeys: { classPropertyName: "nodeKeys", publicName: "nodeKeys", isSignal: true, isRequired: true, transformFunction: null }, nodeKeyGroup: { classPropertyName: "nodeKeyGroup", publicName: "nodeKeyGroup", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isGroupNode()) {\n  <div class=\"tabs is-mb-1 | group-nodes-tabs\">\n    <ul>\n      @for (value of groupNodeValues(); track value) {\n        <li [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>{{ 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-mb-1 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                    @if (isGroupVisible(blankNodes)) {\n                      <th [attr.colspan]=\"blankNodes.length\" [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: node.value.term.termType\"></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 trackById(cycleIndex, cycle); let cycleIndex = $index) {\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycleNode(cycle)\">\n                      <span>{{ cycleIndex + 1 }}. {{ defaultLabel(cycle) }}</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[cycle['@id']];\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\">\n          <he-blank-node-state-notice\n            [dataState]=\"dataState()\"\n            [showDeleted]=\"firstNodeKey() === BlankNodesKey.emissions\" />\n          <div class=\"is-flex is-flex-wrap-wrap is-gap-8\">\n            @if (showHideZeroValues()) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideZeroValues'\"\n                  name=\"hideZeroValues\"\n                  [(ngModel)]=\"hideZeroValues\" />\n                <label [for]=\"componentId() + 'hideZeroValues'\">\n                  <span>\n                    Hide\n                    <b>0</b>\n                    values\n                  </span>\n                </label>\n              </div>\n            }\n            @if (cycles().length > 1) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideIdenticalValues'\"\n                  name=\"hideIdenticalValues\"\n                  [(ngModel)]=\"hideIdenticalValues\" />\n                <label [for]=\"componentId() + 'hideIdenticalValues'\">\n                  <span>Hide identical values</span>\n                </label>\n              </div>\n            }\n          </div>\n        </div>\n      } @else {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>No data available</span>\n          @if (filterTerm()) {\n            <span class=\"is-pl-1\">matching your search criteria</span>\n          }\n          <span>.</span>\n          @if (showSwitchToRecalculated()) {\n            <span>\n              Switch to\n              <code>recalculated</code>\n              version.\n            </span>\n          }\n        </div>\n      }\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\">\n            <ng-container *ngTemplateOutlet=\"selectView\" />\n          </he-cycles-emissions-chart>\n        }\n      }\n    }\n    @case (View.timeline) {\n      <he-cycles-nodes-timeline\n        [values]=\"timelineValues()\"\n        [minDate]=\"selectedCycle().startDate\"\n        [maxDate]=\"selectedCycle().endDate\">\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n      </he-cycles-nodes-timeline>\n    }\n    @case (View.logs) {\n      @if (selectedNode()) {\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [cycle]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\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      }\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        <he-search-extend\n          class=\"is-secondary\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      } @else if (showSelectCycle()) {\n        <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      }\n    </div>\n\n    @if (views()?.length > 1) {\n      <div class=\"field has-addons button-segments\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <he-svg-icon\n                name=\"checkmark\"\n                aria-hidden=\"true\"\n                class=\"is-hidden-mobile\"\n                [class.is-hidden-tablet]=\"selectedView() !== view\" />\n              <he-svg-icon\n                [name]=\"viewIcon[view]\"\n                aria-hidden=\"true\"\n                [class.is-hidden-tablet]=\"selectedView() === view\" />\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #selectCycle>\n  @if (cycles().length > 1) {\n    <div class=\"field is-horizontal is-mb-0\">\n      <div class=\"field-label is-normal\">\n        <label class=\"label has-text-secondary is-nowrap\" for=\"selectCycle\">Cycle</label>\n      </div>\n      <div class=\"field-body\">\n        <div class=\"field\">\n          <div class=\"control is-expanded\">\n            <div class=\"select is-small is-fullwidth\">\n              <select (change)=\"selectIndex($event)\" if=\"selectCycle\">\n                @for (value of cycles(); track value; let cycleIndex = $index) {\n                  <option [value]=\"cycleIndex\">{{ cycleIndex + 1 }}. {{ defaultLabel(value) }}</option>\n                }\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\" />\n</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}\n"], dependencies: [{ 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"], 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: "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: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: ["cycles"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey"] }, { 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,
@@ -8879,7 +8894,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         KeyToLabelPipe,
                         PrecisionPipe,
                         PluralizePipe
-                    ], template: "@if (isGroupNode()) {\n  <div class=\"tabs is-mb-1 | group-nodes-tabs\">\n    <ul>\n      @for (value of groupNodeValues(); track value) {\n        <li [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>{{ 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-mb-1 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                    @if (isGroupVisible(blankNodes)) {\n                      <th [attr.colspan]=\"blankNodes.length\" [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: node.value.term.termType\"></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 trackById(cycleIndex, cycle); let cycleIndex = $index) {\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycleNode(cycle)\">\n                      <span>{{ cycleIndex + 1 }}. {{ defaultLabel(cycle) }}</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[cycle['@id']];\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\">\n          <he-blank-node-state-notice\n            [dataState]=\"dataState()\"\n            [showDeleted]=\"firstNodeKey() === BlankNodesKey.emissions\" />\n          <div class=\"is-flex is-flex-wrap-wrap is-gap-8\">\n            @if (showHideZeroValues()) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideZeroValues'\"\n                  name=\"hideZeroValues\"\n                  [(ngModel)]=\"hideZeroValues\" />\n                <label [for]=\"componentId() + 'hideZeroValues'\">\n                  <span>\n                    Hide\n                    <b>0</b>\n                    values\n                  </span>\n                </label>\n              </div>\n            }\n            @if (cycles().length > 1) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideIdenticalValues'\"\n                  name=\"hideIdenticalValues\"\n                  [(ngModel)]=\"hideIdenticalValues\" />\n                <label [for]=\"componentId() + 'hideIdenticalValues'\">\n                  <span>Hide identical values</span>\n                </label>\n              </div>\n            }\n          </div>\n        </div>\n      } @else {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>No data available</span>\n          @if (filterTerm()) {\n            <span class=\"is-pl-1\">matching your search criteria</span>\n          }\n          <span>.</span>\n          @if (showSwitchToRecalculated()) {\n            <span>\n              Switch to\n              <code>recalculated</code>\n              version.\n            </span>\n          }\n        </div>\n      }\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\">\n            <ng-container *ngTemplateOutlet=\"selectView\" />\n          </he-cycles-emissions-chart>\n        }\n      }\n    }\n    @case (View.timeline) {\n      <he-cycles-nodes-timeline\n        [values]=\"timelineValues()\"\n        [minDate]=\"selectedCycle().startDate\"\n        [maxDate]=\"selectedCycle().endDate\">\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n      </he-cycles-nodes-timeline>\n    }\n    @case (View.logs) {\n      @if (selectedNode()) {\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\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      }\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        <he-search-extend\n          class=\"is-secondary\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      } @else if (showSelectCycle()) {\n        <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      }\n    </div>\n\n    @if (views()?.length > 1) {\n      <div class=\"field has-addons button-segments\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <he-svg-icon\n                name=\"checkmark\"\n                aria-hidden=\"true\"\n                class=\"is-hidden-mobile\"\n                [class.is-hidden-tablet]=\"selectedView() !== view\" />\n              <he-svg-icon\n                [name]=\"viewIcon[view]\"\n                aria-hidden=\"true\"\n                [class.is-hidden-tablet]=\"selectedView() === view\" />\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #selectCycle>\n  @if (cycles().length > 1) {\n    <div class=\"field is-horizontal is-mb-0\">\n      <div class=\"field-label is-normal\">\n        <label class=\"label has-text-secondary is-nowrap\" for=\"selectCycle\">Cycle</label>\n      </div>\n      <div class=\"field-body\">\n        <div class=\"field\">\n          <div class=\"control is-expanded\">\n            <div class=\"select is-small is-fullwidth\">\n              <select (change)=\"selectIndex($event)\" if=\"selectCycle\">\n                @for (value of cycles(); track value; let cycleIndex = $index) {\n                  <option [value]=\"cycleIndex\">{{ cycleIndex + 1 }}. {{ defaultLabel(value) }}</option>\n                }\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\" />\n</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}\n"] }]
+                    ], template: "@if (isGroupNode()) {\n  <div class=\"tabs is-mb-1 | group-nodes-tabs\">\n    <ul>\n      @for (value of groupNodeValues(); track value) {\n        <li [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>{{ 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-mb-1 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                    @if (isGroupVisible(blankNodes)) {\n                      <th [attr.colspan]=\"blankNodes.length\" [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: node.value.term.termType\"></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 trackById(cycleIndex, cycle); let cycleIndex = $index) {\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycleNode(cycle)\">\n                      <span>{{ cycleIndex + 1 }}. {{ defaultLabel(cycle) }}</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[cycle['@id']];\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\">\n          <he-blank-node-state-notice\n            [dataState]=\"dataState()\"\n            [showDeleted]=\"firstNodeKey() === BlankNodesKey.emissions\" />\n          <div class=\"is-flex is-flex-wrap-wrap is-gap-8\">\n            @if (showHideZeroValues()) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideZeroValues'\"\n                  name=\"hideZeroValues\"\n                  [(ngModel)]=\"hideZeroValues\" />\n                <label [for]=\"componentId() + 'hideZeroValues'\">\n                  <span>\n                    Hide\n                    <b>0</b>\n                    values\n                  </span>\n                </label>\n              </div>\n            }\n            @if (cycles().length > 1) {\n              <div class=\"field is-relative is-mb-0\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded\"\n                  [id]=\"componentId() + 'hideIdenticalValues'\"\n                  name=\"hideIdenticalValues\"\n                  [(ngModel)]=\"hideIdenticalValues\" />\n                <label [for]=\"componentId() + 'hideIdenticalValues'\">\n                  <span>Hide identical values</span>\n                </label>\n              </div>\n            }\n          </div>\n        </div>\n      } @else {\n        <div class=\"is-pt-3 has-text-centered\">\n          <span>No data available</span>\n          @if (filterTerm()) {\n            <span class=\"is-pl-1\">matching your search criteria</span>\n          }\n          <span>.</span>\n          @if (showSwitchToRecalculated()) {\n            <span>\n              Switch to\n              <code>recalculated</code>\n              version.\n            </span>\n          }\n        </div>\n      }\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\">\n            <ng-container *ngTemplateOutlet=\"selectView\" />\n          </he-cycles-emissions-chart>\n        }\n      }\n    }\n    @case (View.timeline) {\n      <he-cycles-nodes-timeline\n        [values]=\"timelineValues()\"\n        [minDate]=\"selectedCycle().startDate\"\n        [maxDate]=\"selectedCycle().endDate\">\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n      </he-cycles-nodes-timeline>\n    }\n    @case (View.logs) {\n      @if (selectedNode()) {\n        <ng-container *ngTemplateOutlet=\"selectView\" />\n\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [cycle]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\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      }\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        <he-search-extend\n          class=\"is-secondary\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      } @else if (showSelectCycle()) {\n        <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      }\n    </div>\n\n    @if (views()?.length > 1) {\n      <div class=\"field has-addons button-segments\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <he-svg-icon\n                name=\"checkmark\"\n                aria-hidden=\"true\"\n                class=\"is-hidden-mobile\"\n                [class.is-hidden-tablet]=\"selectedView() !== view\" />\n              <he-svg-icon\n                [name]=\"viewIcon[view]\"\n                aria-hidden=\"true\"\n                [class.is-hidden-tablet]=\"selectedView() === view\" />\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n\n<ng-template #selectCycle>\n  @if (cycles().length > 1) {\n    <div class=\"field is-horizontal is-mb-0\">\n      <div class=\"field-label is-normal\">\n        <label class=\"label has-text-secondary is-nowrap\" for=\"selectCycle\">Cycle</label>\n      </div>\n      <div class=\"field-body\">\n        <div class=\"field\">\n          <div class=\"control is-expanded\">\n            <div class=\"select is-small is-fullwidth\">\n              <select (change)=\"selectIndex($event)\" if=\"selectCycle\">\n                @for (value of cycles(); track value; let cycleIndex = $index) {\n                  <option [value]=\"cycleIndex\">{{ cycleIndex + 1 }}. {{ defaultLabel(value) }}</option>\n                }\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\" />\n</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}\n"] }]
         }], ctorParameters: () => [], propDecorators: { dataState: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataState", required: false }] }], nodeKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKeys", required: true }] }], nodeKeyGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeKeyGroup", required: false }] }] } });
 class CyclesResultComponent {
@@ -10651,7 +10666,7 @@ const customErrorMessage = {
     Note: if the ${schemaLink('Cycle#startDate', 'Cycle startDate')} is not provided, the ${schemaLink('Cycle#cycleDuration', 'cycleDuration')} can be used to set the earliest date of overlap.`,
     'must be in the same format as endDate': () => `The date format does not match the format of ${code('endDate')}. You must use the same date format for both fields.`,
     'must be at least equal to the minimum value': ({ params: { min } }) => `Must be at least equal to ${min}`,
-    'must equal to endDate - startDate in days': ({ params: { expected } }) => `Must be equal to ${code('endDate')} - ${code('startDate')} in days (~${expected})`,
+    'must equal to endDate - startDate in days': ({ params: { expected } }) => `Must be equal to ${code('endDate')} - ${code('startDate')} in days (inclusive of the ${code('startDate')} and ${code('endDate')} days) (~${expected})`,
     'must equal to endDate - startDate in decimal years': ({ params: { expected } }) => `Must be equal to ${code('endDate')} - ${code('startDate')} in years (~${expected})`,
     'must be more than or equal to other crop residues': ({ params: { expected } }) => `Must be more than or equal to sum(${expected.join(' + ')})`,
     'should add missing inputs': ({ params: { expected } }) => `Should add missing inputs: ${listAsCode(expected)}`,
@@ -13468,6 +13483,9 @@ class ImpactAssessmentsProductsComponent {
                 dataState: DataState.recalculated
             }
             : null, ...(ngDevMode ? [{ debugName: "selectedNode" }] : []));
+        this.selectedCycle = computed(() => this.selectedImpactAssessment()
+            ? this.cycles().find(cycle => cycle['@id'] === this.selectedImpactAssessment()?.cycle?.['@id'])
+            : null, ...(ngDevMode ? [{ debugName: "selectedCycle" }] : []));
         this.showSelectImpact = computed(() => [View$1.breakdown, View$1.logs].includes(this.selectedView()), ...(ngDevMode ? [{ debugName: "showSelectImpact" }] : []));
         this.isOriginal = computed(() => this.dataState() === DataState.original, ...(ngDevMode ? [{ debugName: "isOriginal" }] : []));
         this.isNodeKeyAllowed = computed(() => nodeKeyViews$1[this.nodeKey()].includes(this.selectedView()), ...(ngDevMode ? [{ debugName: "isNodeKeyAllowed" }] : []));
@@ -13528,7 +13546,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-mb-1 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                    @if (isGroupVisible(blankNodes)) {\n                      <th [attr.colspan]=\"blankNodes.length\" [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: node.value.term.termType\"></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 trackById(impactIndex, impactAssessment);\n                let impactIndex = $index\n              ) {\n                @let product = productTerm(impactAssessment);\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                    <he-node-link [node]=\"impactAssessment\">\n                      <span>{{ impactIndex + 1 }}. {{ impactName(impactAssessment) }}</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[impactAssessment['@id']];\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\">\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          [nodeKey]=\"nodeKey()\"\n          [filterTermTypes]=\"filterTermTypes()\"\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n        <he-search-extend\n          class=\"is-secondary\"\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 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</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"], 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"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey"] }, { 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 } }, 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-mb-1 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                    @if (isGroupVisible(blankNodes)) {\n                      <th [attr.colspan]=\"blankNodes.length\" [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: node.value.term.termType\"></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 trackById(impactIndex, impactAssessment);\n                let impactIndex = $index\n              ) {\n                @let product = productTerm(impactAssessment);\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                    <he-node-link [node]=\"impactAssessment\">\n                      <span>{{ impactIndex + 1 }}. {{ impactName(impactAssessment) }}</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[impactAssessment['@id']];\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\">\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          [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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n        <he-search-extend\n          class=\"is-secondary\"\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 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</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"], 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"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey"] }, { 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,
@@ -13552,7 +13570,7 @@ 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-mb-1 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                    @if (isGroupVisible(blankNodes)) {\n                      <th [attr.colspan]=\"blankNodes.length\" [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: node.value.term.termType\"></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 trackById(impactIndex, impactAssessment);\n                let impactIndex = $index\n              ) {\n                @let product = productTerm(impactAssessment);\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                    <he-node-link [node]=\"impactAssessment\">\n                      <span>{{ impactIndex + 1 }}. {{ impactName(impactAssessment) }}</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[impactAssessment['@id']];\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\">\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          [nodeKey]=\"nodeKey()\"\n          [filterTermTypes]=\"filterTermTypes()\"\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n        <he-search-extend\n          class=\"is-secondary\"\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 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</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"] }]
+                    ], 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-mb-1 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                    @if (isGroupVisible(blankNodes)) {\n                      <th [attr.colspan]=\"blankNodes.length\" [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: node.value.term.termType\"></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 trackById(impactIndex, impactAssessment);\n                let impactIndex = $index\n              ) {\n                @let product = productTerm(impactAssessment);\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                    <he-node-link [node]=\"impactAssessment\">\n                      <span>{{ impactIndex + 1 }}. {{ impactName(impactAssessment) }}</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[impactAssessment['@id']];\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\">\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          [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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n        <he-search-extend\n          class=\"is-secondary\"\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 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</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 }] }] } });
 const hasValidationError = (errors = [], level) => {
@@ -13865,13 +13883,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                     ], template: "<div class=\"is-flex is-flex-direction-column is-gap-12 w-100\">\n  @if (showHeader()) {\n    <div class=\"is-flex is-flex-direction-column is-gap-12 is-justify-content-space-between is-align-items-flex-start\">\n      @if (title()) {\n        <div class=\"is-flex is-align-items-center\">\n          <span class=\"has-text-secondary has-text-weight-semibold\">{{ title() }}</span>\n          @if (tooltip()) {\n            <he-svg-icon\n              name=\"info-circle\"\n              class=\"is-ml-1 is-mb-1 has-text-grey-light is-clickable\"\n              [ngbTooltip]=\"tooltip()\"\n              placement=\"right\"\n              triggers=\"hover\"\n              size=\"16\"\n              container=\"body\" />\n          }\n        </div>\n      }\n\n      <ng-content select=\"[header-content]\" />\n\n      @if (showClearAll()) {\n        <span\n          class=\"is-size-7 has-text-weight-normal is-italic | clear-button\"\n          [class.is-clickable]=\"hasSelectedValues()\"\n          (click)=\"clearAll()\">\n          Clear all\n        </span>\n      }\n\n      @if (showGlobalSearch()) {\n        <div class=\"field is-mb-0 w-100\">\n          <div class=\"control is-expanded has-icons-right\">\n            <input\n              type=\"text\"\n              class=\"input is-secondary is-small search-input\"\n              [placeholder]=\"globalSearchPlaceholder()\"\n              [(ngModel)]=\"search\"\n              [disabled]=\"disabled()\"\n              (input)=\"onSearch($event.target.value, group())\" />\n            <a class=\"icon has-text-secondary is-small is-right\" [class.is-hidden]=\"!search()\" (click)=\"clearSearch()\">\n              <he-svg-icon name=\"xmark\" />\n            </a>\n            <a class=\"icon has-text-secondary is-small is-right\" [class.is-hidden]=\"search()\">\n              <he-svg-icon name=\"search\" />\n            </a>\n          </div>\n        </div>\n      }\n    </div>\n  }\n\n  <div class=\"has-border-top has-border-bottom\">\n    <ng-container\n      *ngTemplateOutlet=\"\n        itemsList;\n        context: { group: group(), parentSearch: search(), showNoResults: showGlobalSearch() }\n      \" />\n  </div>\n</div>\n\n<ng-template #itemsList let-group=\"group\" let-parentSearch=\"parentSearch\" let-showNoResults=\"showNoResults\">\n  @for (item of group | filterAccordionGroup: parentSearch; track item.trackId || item.label; let lastItem = $last) {\n    @if (item.type === 'group') {\n      @let groupState = panelStates[item.label];\n      @if (groupState) {\n        <div [class.has-border-bottom]=\"!lastItem\" [class.is-active]=\"groupState.expanded\">\n          <div\n            class=\"is-flex is-align-items-center is-clickable has-background-hover is-py-1 | accordion-row\"\n            (click)=\"groupState.expanded = !groupState.expanded\">\n            <ng-container *ngTemplateOutlet=\"groupOptionLabel; context: { item, groupState }\" />\n          </div>\n\n          @if (groupState.expanded) {\n            <div class=\"is-overflow-hidden\" [@slideDownUp]=\"groupState.expanded\">\n              @if (!showGlobalSearch() && getDirectOptionsCount(item) >= 5) {\n                <div class=\"field is-mb-0 pb-2 has-border-bottom\">\n                  <div class=\"control is-expanded has-icons-right pl-5\">\n                    <input\n                      type=\"text\"\n                      class=\"input is-secondary is-small search-input pl-2\"\n                      placeholder=\"Search {{ item.label }}\"\n                      [value]=\"groupState.searchTerm || ''\"\n                      [disabled]=\"isItemEffectivelyDisabled(item)\"\n                      (input)=\"groupState.searchTerm = $event.target.value; onSearch($event.target.value, item)\" />\n                    <a\n                      class=\"icon has-text-secondary is-small is-right\"\n                      [class.is-hidden]=\"!groupState.searchTerm\"\n                      (click)=\"groupState.searchTerm = ''\">\n                      <he-svg-icon name=\"xmark\" />\n                    </a>\n                    <a class=\"icon is-small has-text-secondary is-right\" [class.is-hidden]=\"groupState.searchTerm\">\n                      <he-svg-icon name=\"search\" />\n                    </a>\n                  </div>\n                </div>\n              }\n\n              <div class=\"pl-5\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    itemsList;\n                    context: {\n                      group: item,\n                      parentSearch: parentSearch || groupState.searchTerm,\n                      showNoResults: !showGlobalSearch()\n                    }\n                  \" />\n              </div>\n            </div>\n          }\n        </div>\n      }\n    } @else {\n      <div\n        class=\"is-flex is-justify-content-space-between is-py-1 | accordion-row\"\n        [class.has-border-bottom]=\"!lastItem\">\n        <ng-container *ngTemplateOutlet=\"optionLabel; context: { item }\" />\n      </div>\n    }\n  } @empty {\n    @if (parentSearch && showNoResults) {\n      <div class=\"px-6 py-4 has-text-grey is-size-7 has-text-centered is-italic\">\n        No results found for \"{{ parentSearch }}\"\n      </div>\n    }\n  }\n</ng-template>\n\n<ng-template #itemLabel let-item=\"item\" let-count=\"count\">\n  <span class=\"is-flex is-gap-4 is-flex-wrap-wrap is-flex-grow-1 is-size-7 has-text-grey-dark has-text-weight-medium\">\n    <span>{{ item.label }}</span>\n\n    @if (item.tooltip) {\n      <he-svg-icon\n        name=\"info-circle\"\n        class=\"has-text-grey-light\"\n        [ngbTooltip]=\"item.tooltip\"\n        placement=\"top\"\n        triggers=\"hover\"\n        size=\"16\"\n        container=\"body\" />\n    }\n\n    @if (isNumber(count)) {\n      <span class=\"has-text-grey-light is-size-7\">({{ count }})</span>\n    }\n  </span>\n</ng-template>\n\n<ng-template #groupOptionLabel let-item=\"item\" let-groupState=\"groupState\">\n  @let options = optionsFromGroup(item);\n\n  <label\n    class=\"checkbox is-flex is-justify-content-center is-align-items-center is-fullwidth\"\n    (click)=\"$event.stopPropagation()\">\n    <input\n      type=\"checkbox\"\n      class=\"mr-3 is-flex-shrink-0\"\n      [checked]=\"isGroupFullySelected(options)\"\n      [indeterminate]=\"isGroupPartiallySelected(options)\"\n      (change)=\"toggleGroup(options)\"\n      [disabled]=\"isItemEffectivelyDisabled(item)\" />\n  </label>\n\n  <ng-container *ngTemplateOutlet=\"itemLabel; context: { item, count: showGroupCount() ? item.count : undefined }\" />\n\n  <he-svg-icon\n    class=\"has-text-secondary transition-transform\"\n    [name]=\"groupState.expanded ? 'chevron-up' : 'chevron-down'\" />\n</ng-template>\n\n<ng-template #optionLabel let-item=\"item\" let-parentDisabled=\"parentDisabled\">\n  <label\n    class=\"checkbox is-flex is-justify-content-center is-align-items-center is-fullwidth\"\n    (click)=\"$event.stopPropagation()\">\n    <input\n      type=\"checkbox\"\n      class=\"mr-3 is-flex-shrink-0\"\n      [checked]=\"isOptionSelected(item.value)\"\n      (change)=\"toggleOption(item.value)\"\n      [disabled]=\"isItemEffectivelyDisabled(item, parentDisabled)\" />\n\n    <ng-container *ngTemplateOutlet=\"itemLabel; context: { item, count: item.count }\" />\n  </label>\n</ng-template>\n", styles: [".clear-button{color:#b5b5b5}.clear-button.is-clickable{color:#4c7194}.accordion-row{min-height:25px}.control{height:28px}.control.has-icons-left .icon,.control.has-icons-right .icon{height:28px!important}.search-input{height:28px;border:1px solid #dbe3ea;border-radius:3px;font-weight:400;line-height:17px;box-shadow:none!important}.has-background-hover-light:hover{background-color:#fafafa}.has-border-top{border-top:1px solid #dbe3ea}.has-border-bottom{border-bottom:1px solid #dbe3ea}.transition-transform{transition:transform .2s ease-out}input[type=checkbox]{height:14px;width:14px;border:1px solid #b5b5b5;border-radius:3px;appearance:none;-webkit-appearance:none;background-color:transparent;accent-color:transparent}input[type=checkbox]:disabled{background-color:#f5f5f5}input[type=checkbox]:checked{background-color:#4c7194;accent-color:#4c7194;appearance:auto;-webkit-appearance:auto}\n"] }]
         }], ctorParameters: () => [], propDecorators: { showHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "showHeader", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], showGlobalSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGlobalSearch", required: false }] }], globalSearchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "globalSearchPlaceholder", required: false }] }], showClearAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearAll", required: false }] }], preserveOptionsOnSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "preserveOptionsOnSelection", required: false }] }], maintainPanelStates: [{ type: i0.Input, args: [{ isSignal: true, alias: "maintainPanelStates", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], showGroupCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGroupCount", required: false }] }], selectionChanged: [{ type: i0.Output, args: ["selectionChanged"] }] } });
+const termTypeName = ({ termType, blankNodesGroup }) => [keyToLabel(termType), blankNodesGroup && blankNodesGroup !== 'null' ? blankNodesGroup : '']
+    .filter(Boolean)
+    .join(' - ');
+const termTypeId = ({ termType, blankNodesGroup }) => [termType, blankNodesGroup].filter(Boolean).join('-');
 const sortedPoints = (values) => Object.entries(values)
     .map(([x, y]) => ({ x: new Date(x).getTime(), y }))
     .sort((a, b) => a.x - b.x);
+const mapCyclesDate = (cycles, key) => cycles.map(cycle => (cycle[key] ? new Date(cycle[key]).getTime() : 0)).filter(v => v > 0);
+const mapCyclesDates = (cycles) => ['startDate', 'endDate']
+    .map(key => {
+    const dates = mapCyclesDate(cycles, key);
+    return { key, date: dates.length ? (key === 'startDate' ? min(dates) : max(dates)) : null };
+})
+    .filter(({ date }) => date !== null);
+const termColor = (term) => siteTypeToColor[term.name.toLowerCase()] ||
+    siteTypeToColor[term['@id']] ||
+    {
+        'Annual cropland': '#fdd866',
+        'Temporary cropland': '#1d586f',
+        'Permanent cropland': siteTypeToColor[SiteSiteType.cropland],
+        'Other land': siteTypeToColor[SiteSiteType['other natural vegetation']]
+    }[term.name];
 class SitesManagementChartComponent {
     constructor() {
         this.nodeService = inject(HeNodeService);
+        this.locale = inject(LOCALE_ID);
         this.site = input.required(...(ngDevMode ? [{ debugName: "site" }] : []));
+        this.cycles = input([], ...(ngDevMode ? [{ debugName: "cycles" }] : []));
+        this.tooltip = viewChild.required(ChartTooltipComponent);
         this.management = computed(() => this.site().management ?? [], ...(ngDevMode ? [{ debugName: "management" }] : []));
         this.propertyLookupsResource = rxResource({
             stream: () => this.nodeService.downloadRaw$(lookupUrl(TermTermType.property).replace('.csv', '.json'))
@@ -13889,28 +13929,31 @@ class SitesManagementChartComponent {
             termType,
             blankNodesGroup
         }))), ...(ngDevMode ? [{ debugName: "termTypes" }] : []));
-        this.termTypeButtons = computed(() => this.termTypes().map(({ termType, blankNodesGroup }) => ({
-            name: [keyToLabel(termType), blankNodesGroup && blankNodesGroup !== 'null' ? blankNodesGroup : '']
-                .filter(Boolean)
-                .join(' - '),
-            id: termType
+        this.termTypeButtons = computed(() => this.termTypes().map(termType => ({
+            name: termTypeName(termType),
+            id: termTypeId(termType)
         })), ...(ngDevMode ? [{ debugName: "termTypeButtons" }] : []));
         this.termTypeModel = signal('', ...(ngDevMode ? [{ debugName: "termTypeModel" }] : []));
-        this.selectedTermType = computed(() => this.termTypes().find(({ termType }) => termType === this.termTypeModel()), ...(ngDevMode ? [{ debugName: "selectedTermType" }] : []));
+        this.selectedTermType = computed(() => {
+            const [termType, blankNodesGroup] = this.termTypeModel().split('-');
+            return this.termTypes().find(value => value.termType === termType && value.blankNodesGroup === blankNodesGroup);
+        }, ...(ngDevMode ? [{ debugName: "selectedTermType" }] : []));
         this.selectedManagement = computed(() => this.managementPerTermType()?.[this.selectedTermType()?.termType]?.[this.selectedTermType()?.blankNodesGroup] ??
             [], ...(ngDevMode ? [{ debugName: "selectedManagement" }] : []));
         this.selectedManagementTerms = computed(() => unique(this.selectedManagement().map(v => v.term)), ...(ngDevMode ? [{ debugName: "selectedManagementTerms" }] : []));
         this.dates = computed(() => this.selectedManagement()
             .flatMap(({ startDate, endDate }) => [formatDate(startDate, true), formatDate(endDate, false)])
             .filter(Boolean), ...(ngDevMode ? [{ debugName: "dates" }] : []));
-        this.chartColors = computed(() => Object.fromEntries(this.selectedManagementTerms().map((term, index) => [term.name, getColor(index)])), ...(ngDevMode ? [{ debugName: "chartColors" }] : []));
+        this.cycleDates = computed(() => mapCyclesDates(this.cycles()), ...(ngDevMode ? [{ debugName: "cycleDates" }] : []));
+        this.chartTooltipFn = ({ key, date }) => `<span class="is-nowrap">${keyToLabel(key)}: ${formatDate$1(date, 'mediumDate', this.locale)}</span>`;
+        this.chartColors = computed(() => Object.fromEntries(this.selectedManagementTerms().map((term, index) => [term.name, termColor(term) || getColor(index)])), ...(ngDevMode ? [{ debugName: "chartColors" }] : []));
         // compute list of all dates used on the chart, sorted ascending.
         // need to add dates even when there are no data, otherwise the chart will stack wrongly
         // @ee https://github.com/chartjs/Chart.js/issues/5405
         this.chartDates = computed(() => uniqueDatesBetween(this.dates()), ...(ngDevMode ? [{ debugName: "chartDates" }] : []));
         this.chartValues = computed(() => this.selectedManagement().reduce((prev, { term, startDate, endDate, value }) => {
             prev[term.name] = this.chartDates().reduce((group, date) => {
-                const key = date.toISOString();
+                const key = new Date(date).toISOString();
                 group[key] = (group[key] || 0) + (isDateBetween(date, { start: startDate, end: endDate }) ? +value : 0);
                 return group;
             }, prev[term.name] || {});
@@ -13923,12 +13966,38 @@ class SitesManagementChartComponent {
                 backgroundColor: this.chartColors()[label],
                 borderColor: this.chartColors()[label],
                 barPercentage: 3,
-                barThickness: 'flex'
+                barThickness: 'flex',
+                order: 2
             }))
         }), ...(ngDevMode ? [{ debugName: "chartData" }] : []));
-        this.chartConfig = {
+        this.chartConfig = computed(() => ({
             type: 'bar',
             options: {
+                plugins: {
+                    annotation: {
+                        annotations: this.cycleDates().map(({ key, date }) => ({
+                            type: 'box',
+                            xMin: date,
+                            xMax: date,
+                            yMin: 'min',
+                            yMax: 'max',
+                            borderWidth: 2,
+                            borderDash: [6, 6],
+                            borderColor: 'red',
+                            backgroundColor: 'transparent',
+                            enter: (context, event) => {
+                                context.chart.canvas.style.cursor = 'pointer';
+                                this.tooltip().show({ key, date }, event.x, event.y);
+                                context.chart.update();
+                            },
+                            leave: context => {
+                                context.chart.canvas.style.cursor = 'default';
+                                this.tooltip().hide();
+                                context.chart.update();
+                            }
+                        }))
+                    }
+                },
                 scales: {
                     x: {
                         type: 'time',
@@ -13944,23 +14013,30 @@ class SitesManagementChartComponent {
                     }
                 }
             }
-        };
+        }), ...(ngDevMode ? [{ debugName: "chartConfig" }] : []));
         effect(() => {
             // make sure selected term exists
             const termTypes = this.termTypes();
             const selectedTermType = this.selectedTermType();
             if (!selectedTermType || !termTypes.includes(selectedTermType)) {
-                this.termTypeModel.set(termTypes[0].termType);
+                this.termTypeModel.set(termTypeId(termTypes[0]));
             }
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SitesManagementChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SitesManagementChartComponent, isStandalone: true, selector: "he-sites-management-chart", inputs: { site: { classPropertyName: "site", publicName: "site", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"is-flex is-gap-8 is-justify-content-space-between is-align-items-center is-mb-3\">\n  <he-chart-export-button [chart]=\"chart\" />\n\n  <ng-content />\n</div>\n\n@if (termTypes().length > 1) {\n  <he-horizontal-buttons-group\n    [buttons]=\"termTypeButtons()\"\n    [(ngModel)]=\"termTypeModel\"\n    styles=\"primary\"\n    class=\"is-hidden-mobile\" />\n\n  <div class=\"field is-hidden-tablet\">\n    <div class=\"control is-expanded\">\n      <div class=\"select is-small is-fullwidth\">\n        <select [(ngModel)]=\"termTypeModel\" if=\"termTypeModel\">\n          @for (button of termTypeButtons(); track button.id) {\n            <option [value]=\"button.id\">{{ button.name }}</option>\n          }\n        </select>\n      </div>\n    </div>\n  </div>\n}\n\n<div class=\"chart-area-border\">\n  <he-chart #chart=\"chart\" class=\"is-relative\" [data]=\"chartData()\" [config]=\"chartConfig\" [showExportButton]=\"false\" />\n</div>\n\n<div\n  class=\"is-flex is-justify-content-center is-align-items-center is-flex-wrap-wrap is-gap-16 is-mt-2 chart-area-border is-legend\">\n  @for (color of chartColors() | keyvalue; track color.key) {\n    <div class=\"is-flex is-align-items-center is-gap-8\">\n      <div class=\"legend-color\" [style.background-color]=\"color.value\"></div>\n      <span class=\"is-size-7\">{{ color.key }}</span>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;overflow:visible}he-chart ::ng-deep .chart-container{min-height:400px}he-horizontal-buttons-group ::ng-deep .tabs-list{border-bottom:none}.legend-container{background:#f5f7f9}.legend-color{width:20px;height:20px;border-radius:3px}\n"], dependencies: [{ 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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: ChartComponent, selector: "he-chart", inputs: ["data", "config", "showExportButton"], exportAs: ["chart"] }, { kind: "component", type: ChartExportButtonComponent, selector: "he-chart-export-button", inputs: ["chart", "config"] }, { kind: "component", type: HorizontalButtonsGroupComponent, selector: "he-horizontal-buttons-group", inputs: ["buttons", "defaultSelectedIndex", "removable", "styles"], outputs: ["itemRemoved"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SitesManagementChartComponent, isStandalone: true, selector: "he-sites-management-chart", inputs: { site: { classPropertyName: "site", publicName: "site", isSignal: true, isRequired: true, transformFunction: null }, cycles: { classPropertyName: "cycles", publicName: "cycles", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: ChartTooltipComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"is-flex is-gap-8 is-justify-content-space-between is-align-items-center is-mb-3\">\n  <he-chart-export-button [chart]=\"chart\" />\n\n  <ng-content />\n</div>\n\n@if (termTypes().length > 1) {\n  <he-horizontal-buttons-group\n    [buttons]=\"termTypeButtons()\"\n    [(ngModel)]=\"termTypeModel\"\n    styles=\"primary\"\n    class=\"is-hidden-mobile\" />\n\n  <div class=\"field is-hidden-tablet\">\n    <div class=\"control is-expanded\">\n      <div class=\"select is-small is-fullwidth\">\n        <select [(ngModel)]=\"termTypeModel\" if=\"termTypeModel\">\n          @for (button of termTypeButtons(); track button.id) {\n            <option [value]=\"button.id\">{{ button.name }}</option>\n          }\n        </select>\n      </div>\n    </div>\n  </div>\n}\n\n<div class=\"chart-area-border\">\n  <he-chart #chart=\"chart\" class=\"is-relative\" [data]=\"chartData()\" [config]=\"chartConfig()\" [showExportButton]=\"false\">\n    <he-chart-tooltip [tooltipFn]=\"chartTooltipFn\" />\n  </he-chart>\n</div>\n\n<div\n  class=\"is-flex is-justify-content-center is-align-items-center is-flex-wrap-wrap is-gap-16 is-mt-2 chart-area-border is-legend\">\n  @if (cycleDates().length) {\n    <div class=\"is-flex is-align-items-center is-gap-8\">\n      <div class=\"legend-color-dashed\"></div>\n      <span class=\"is-size-7\">Cycle start/end date</span>\n    </div>\n  }\n  @for (color of chartColors() | keyvalue; track color.key) {\n    <div class=\"is-flex is-align-items-center is-gap-8\">\n      <div class=\"legend-color\" [style.background-color]=\"color.value\"></div>\n      <span class=\"is-size-7\">{{ color.key }}</span>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;overflow:visible}he-chart ::ng-deep .chart-container{min-height:400px}he-horizontal-buttons-group ::ng-deep .tabs-list{border-bottom:none}.legend-container{background:#f5f7f9}.legend-color{width:20px;height:20px;border-radius:3px}.legend-color-dashed{width:0px;border-left:2px dashed red;height:20px}\n"], dependencies: [{ 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.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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: ChartComponent, selector: "he-chart", inputs: ["data", "config", "showExportButton"], exportAs: ["chart"] }, { kind: "component", type: ChartExportButtonComponent, selector: "he-chart-export-button", inputs: ["chart", "config"] }, { kind: "component", type: ChartTooltipComponent, selector: "he-chart-tooltip", inputs: ["tooltipFn"], exportAs: ["chartTooltip"] }, { kind: "component", type: HorizontalButtonsGroupComponent, selector: "he-horizontal-buttons-group", inputs: ["buttons", "defaultSelectedIndex", "removable", "styles"], outputs: ["itemRemoved"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SitesManagementChartComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-sites-management-chart', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, KeyValuePipe, ChartComponent, ChartExportButtonComponent, HorizontalButtonsGroupComponent], template: "<div class=\"is-flex is-gap-8 is-justify-content-space-between is-align-items-center is-mb-3\">\n  <he-chart-export-button [chart]=\"chart\" />\n\n  <ng-content />\n</div>\n\n@if (termTypes().length > 1) {\n  <he-horizontal-buttons-group\n    [buttons]=\"termTypeButtons()\"\n    [(ngModel)]=\"termTypeModel\"\n    styles=\"primary\"\n    class=\"is-hidden-mobile\" />\n\n  <div class=\"field is-hidden-tablet\">\n    <div class=\"control is-expanded\">\n      <div class=\"select is-small is-fullwidth\">\n        <select [(ngModel)]=\"termTypeModel\" if=\"termTypeModel\">\n          @for (button of termTypeButtons(); track button.id) {\n            <option [value]=\"button.id\">{{ button.name }}</option>\n          }\n        </select>\n      </div>\n    </div>\n  </div>\n}\n\n<div class=\"chart-area-border\">\n  <he-chart #chart=\"chart\" class=\"is-relative\" [data]=\"chartData()\" [config]=\"chartConfig\" [showExportButton]=\"false\" />\n</div>\n\n<div\n  class=\"is-flex is-justify-content-center is-align-items-center is-flex-wrap-wrap is-gap-16 is-mt-2 chart-area-border is-legend\">\n  @for (color of chartColors() | keyvalue; track color.key) {\n    <div class=\"is-flex is-align-items-center is-gap-8\">\n      <div class=\"legend-color\" [style.background-color]=\"color.value\"></div>\n      <span class=\"is-size-7\">{{ color.key }}</span>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;overflow:visible}he-chart ::ng-deep .chart-container{min-height:400px}he-horizontal-buttons-group ::ng-deep .tabs-list{border-bottom:none}.legend-container{background:#f5f7f9}.legend-color{width:20px;height:20px;border-radius:3px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { site: [{ type: i0.Input, args: [{ isSignal: true, alias: "site", required: true }] }] } });
+            args: [{ selector: 'he-sites-management-chart', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        FormsModule,
+                        KeyValuePipe,
+                        ChartComponent,
+                        ChartExportButtonComponent,
+                        ChartTooltipComponent,
+                        HorizontalButtonsGroupComponent
+                    ], template: "<div class=\"is-flex is-gap-8 is-justify-content-space-between is-align-items-center is-mb-3\">\n  <he-chart-export-button [chart]=\"chart\" />\n\n  <ng-content />\n</div>\n\n@if (termTypes().length > 1) {\n  <he-horizontal-buttons-group\n    [buttons]=\"termTypeButtons()\"\n    [(ngModel)]=\"termTypeModel\"\n    styles=\"primary\"\n    class=\"is-hidden-mobile\" />\n\n  <div class=\"field is-hidden-tablet\">\n    <div class=\"control is-expanded\">\n      <div class=\"select is-small is-fullwidth\">\n        <select [(ngModel)]=\"termTypeModel\" if=\"termTypeModel\">\n          @for (button of termTypeButtons(); track button.id) {\n            <option [value]=\"button.id\">{{ button.name }}</option>\n          }\n        </select>\n      </div>\n    </div>\n  </div>\n}\n\n<div class=\"chart-area-border\">\n  <he-chart #chart=\"chart\" class=\"is-relative\" [data]=\"chartData()\" [config]=\"chartConfig()\" [showExportButton]=\"false\">\n    <he-chart-tooltip [tooltipFn]=\"chartTooltipFn\" />\n  </he-chart>\n</div>\n\n<div\n  class=\"is-flex is-justify-content-center is-align-items-center is-flex-wrap-wrap is-gap-16 is-mt-2 chart-area-border is-legend\">\n  @if (cycleDates().length) {\n    <div class=\"is-flex is-align-items-center is-gap-8\">\n      <div class=\"legend-color-dashed\"></div>\n      <span class=\"is-size-7\">Cycle start/end date</span>\n    </div>\n  }\n  @for (color of chartColors() | keyvalue; track color.key) {\n    <div class=\"is-flex is-align-items-center is-gap-8\">\n      <div class=\"legend-color\" [style.background-color]=\"color.value\"></div>\n      <span class=\"is-size-7\">{{ color.key }}</span>\n    </div>\n  }\n</div>\n", styles: [":host{display:block;overflow:visible}he-chart ::ng-deep .chart-container{min-height:400px}he-horizontal-buttons-group ::ng-deep .tabs-list{border-bottom:none}.legend-container{background:#f5f7f9}.legend-color{width:20px;height:20px;border-radius:3px}.legend-color-dashed{width:0px;border-left:2px dashed red;height:20px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { site: [{ type: i0.Input, args: [{ isSignal: true, alias: "site", required: true }] }], cycles: [{ type: i0.Input, args: [{ isSignal: true, alias: "cycles", required: false }] }], tooltip: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ChartTooltipComponent), { isSignal: true }] }] } });
 var View;
 (function (View) {
@@ -14006,6 +14082,7 @@ class SitesNodesComponent {
         this.selectedView = signal(View.table, ...(ngDevMode ? [{ debugName: "selectedView" }] : []));
         this.originalSites = computed(() => this.nodeStoreService.findByState(NodeType.Site, DataState.original), ...(ngDevMode ? [{ debugName: "originalSites" }] : []));
         this.sites = computed(() => this.nodeStoreService.findByState(NodeType.Site, this.dataState()), ...(ngDevMode ? [{ debugName: "sites" }] : []));
+        this.cycles = computed(() => this.nodeStoreService.findByState(NodeType.Cycle, DataState.recalculated), ...(ngDevMode ? [{ debugName: "cycles" }] : []));
         this.showSelectSite = computed(() => [View.chart, View.logs].includes(this.selectedView()), ...(ngDevMode ? [{ debugName: "showSelectSite" }] : []));
         this.selectedIndex = signal(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : []));
         this.ogirinalSelectedSite = computed(() => this.originalSites()?.[this.selectedIndex()], ...(ngDevMode ? [{ debugName: "ogirinalSelectedSite" }] : []));
@@ -14056,7 +14133,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 } }, ngImport: i0, template: "@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-mb-1 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: node.value.term.termType\"></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 trackById(siteIndex, site); let siteIndex = $index) {\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                    <he-node-link [node]=\"site\">\n                      <span>{{ siteIndex + 1 }}. {{ defaultLabel(site) }}</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[site['@id']];\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\">\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()\">\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n\n        <he-search-extend\n          class=\"is-secondary\"\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 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</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"], 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"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey"] }, { kind: "component", type: SitesManagementChartComponent, selector: "he-sites-management-chart", inputs: ["site"] }, { 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" }] }); }
+    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 } }, ngImport: i0, template: "@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-mb-1 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: node.value.term.termType\"></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 trackById(siteIndex, site); let siteIndex = $index) {\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                    <he-node-link [node]=\"site\">\n                      <span>{{ siteIndex + 1 }}. {{ defaultLabel(site) }}</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[site['@id']];\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\">\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n\n        <he-search-extend\n          class=\"is-secondary\"\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 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</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"], 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"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey"] }, { 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SitesNodesComponent, decorators: [{
             type: Component$1,
@@ -14079,7 +14156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                         PrecisionPipe,
                         CapitalizePipe,
                         SitesManagementChartComponent
-                    ], template: "@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-mb-1 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: node.value.term.termType\"></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 trackById(siteIndex, site); let siteIndex = $index) {\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                    <he-node-link [node]=\"site\">\n                      <span>{{ siteIndex + 1 }}. {{ defaultLabel(site) }}</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[site['@id']];\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\">\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()\">\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n\n        <he-search-extend\n          class=\"is-secondary\"\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 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</ng-template>\n", styles: [":host{display:block}\n"] }]
+                    ], template: "@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-mb-1 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: node.value.term.termType\"></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 trackById(siteIndex, site); let siteIndex = $index) {\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                    <he-node-link [node]=\"site\">\n                      <span>{{ siteIndex + 1 }}. {{ defaultLabel(site) }}</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[site['@id']];\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\">\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\" (click)=\"showDownload()\">\n            <he-svg-icon name=\"download\" />\n          </button>\n        }\n\n        <he-search-extend\n          class=\"is-secondary\"\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 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</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 }] }] } });
 class TermsPropertyContentComponent {
@@ -14142,5 +14219,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
-export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ChartExportButtonComponent, ChartTooltipComponent, ClickOutsideDirective, ClipboardComponent, CollapsibleBoxComponent, ColorPalette, CompoundDirective, CompoundPipe, ControlValueAccessor, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesMetadataComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DistributionChartComponent, DrawerContainerComponent, DurationPipe, EllipsisPipe, EngineModelsLinkComponent, EngineModelsLookupInfoComponent, EngineModelsStageComponent, EngineModelsStageDeepComponent, EngineModelsStageDeepService, EngineModelsVersionLinkComponent, EngineOrchestratorEditComponent, EngineRequirementsFormComponent, FileSizePipe, FileUploadErrorKeys, FilesErrorSummaryComponent, FilesFormComponent, FilesFormEditableComponent, FilesUploadErrorsComponent, FilterAccordionComponent, GUIDE_ENABLED, GetPipe, GlossaryMigrationFormat, GuideOverlayComponent, HESvgIconComponent, HE_API_BASE_URL, HE_CALCULATIONS_BASE_URL, HE_MAP_LOADED, HeAuthService, HeCommonService, HeEngineService, HeGlossaryService, HeMendeleyService, HeNodeCsvService, HeNodeService, HeNodeStoreService, HeSchemaService, HeSearchService, HeToastService, HorizontalBarChartComponent, HorizontalButtonsGroupComponent, ImpactAssessmentsGraphComponent, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, IsArrayPipe, IsObjectPipe, IssueConfirmComponent, KeyToLabelPipe, Level, LineChartComponent, LinkKeyValueComponent, LogStatus, LongPressDirective, MAX_RESULTS, MapsDrawingComponent, MapsDrawingConfirmComponent, MendeleySearchResult, MobileShellComponent, NavigationMenuComponent, NoExtPipe, NodeAggregatedComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeCsvExportConfirmComponent, NodeCsvPreviewComponent, NodeCsvSelectHeadersComponent, NodeIconComponent, NodeJsonldComponent, NodeJsonldSchemaComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeLogsTimeComponent, NodeMissingLookupFactorsComponent, NodeQualityScore, NodeRecommendationsComponent, NodeSelectComponent, NodeValueDetailsComponent, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RelatedNodeResult, RemoveMarkdownPipe, RepeatPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, ShelfDialogComponent, ShellComponent, SitesManagementChartComponent, SitesMapsComponent, SitesNodesComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, ThousandsPipe, TimesPipe, ToastComponent, UncapitalizePipe, addPolygonToFeature, afterBarDrawPlugin, allCountriesQuery, allGroups, allOptions, arrayValue, availableProperties, backgroundHoverPlugin, baseApiUrl, baseUrl, bottom, buildSummary, bytesSize, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, capitalize, changelogUrl, clustererImage, code, colorToRgba, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, convertToSvg, coordinatesToPoint, copyObject, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, defaultFeature, defaultLabel, defaultSuggestionType, defaultSvgIconSize, definitionToSchemaType, distinctUntilChangedDeep, downloadFile, downloadSvg, ellipsis, engineGitBaseUrl, engineGitUrl, errorHasError, errorHasWarning, errorText, evaluateSuccess, exportAsSVG, externalLink, externalNodeLink, fillColor, fillStyle, filterBlankNode$1 as filterBlankNode, filterError, filterParams, findConfigModels, findMatchingModel, findModels, findNodeModel, findOrchestratorModel, findProperty, findPropertyById, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatDate, formatError, formatPropertyError, formatter, getColor, getDatesBetween, gitBranch, gitHome, gitlabRawUrl, glossaryBaseUrl, glossaryLink, groupChanged, groupLogsByModel, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, groupsLogsByFields, guideModelUrl, guideNamespace, guidePageId, handleAPIError, handleGuideEvent, hasError, hasValidationError, hasWarning, hexToRgba, iconSizes, icons, ignoreKeys$2 as ignoreKeys, initialFilterState, injectResizeEvent$, inputGroupsTermTypes, isAddPropertyEnabled, isChrome, isDateBetween, isEqual, isExternal, isGroupVisible, isKeyClosedVisible, isKeyHidden, isMaxStage, isMethodModelAllowed, isMigrationError, isMissingOneOfError, isMissingPropertyError, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isTermTypeAllowed, isValidKey, keyToDataPath, levels, listColor, listColorContinuous, listColorWithAlpha, loadMapApi, loadSvgSprite, locationQuery, logToCsv$1 as logToCsv, logValueArray, logsKey, lollipopChartPlugin, lookupUrl, mapFilterData, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchAggregatedValidatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchId, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchPrimaryProductQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, mergeDataWithHeaders, methodTierOrder, migrationErrorMessage, migrationsUrl, missingNodeErrors, modelCount, modelKeyParams, modelParams, models, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeById, nodeColours$1 as nodeColours, nodeDataState, nodeId, nodeIds, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeSecondaryColours, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeTypeIcon, nodeUrl, nodeUrlParams, nodeVersion, nodesByState, nodesByType, numberGte, optionsFromGroup, parentKey, parentProperty, parseColor, parseData, parseDataPath, parseLines, parseMessage$1 as parseMessage, parseNewValue, pluralize, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonToMap, polygonsFromFeature, populateWithTrackIdsFilterData, postGuideEvent, primaryProduct, productsQuery, propertyError, propertyId, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, registerChart, repeat, reportIssueLink, reportIssueUrl, safeJSONParse, safeJSONStringify, schemaBaseUrl, schemaDataBaseUrl, schemaLink, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchFilterData, searchableTypes, siblingProperty, singleProperty, siteTooBig, siteTypeToIcon, sortProperties, sortedDates, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toSnakeCase, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueTypeToDefault, waitFor, wildcardQuery };
+export { ARRAY_DELIMITER, ApplyPurePipe, BarChartComponent, BibliographiesSearchConfirmComponent, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, CapitalizePipe, ChartComponent, ChartConfigurationDirective, ChartExportButtonComponent, ChartTooltipComponent, ClickOutsideDirective, ClipboardComponent, CollapsibleBoxComponent, ColorPalette, CompoundDirective, CompoundPipe, ControlValueAccessor, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesMetadataComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DistributionChartComponent, DrawerContainerComponent, DurationPipe, EllipsisPipe, EngineModelsLinkComponent, EngineModelsLookupInfoComponent, EngineModelsStageComponent, EngineModelsStageDeepComponent, EngineModelsStageDeepService, EngineModelsVersionLinkComponent, EngineOrchestratorEditComponent, EngineRequirementsFormComponent, FileSizePipe, FileUploadErrorKeys, FilesErrorSummaryComponent, FilesFormComponent, FilesFormEditableComponent, FilesUploadErrorsComponent, FilterAccordionComponent, GUIDE_ENABLED, GetPipe, GlossaryMigrationFormat, GuideOverlayComponent, HESvgIconComponent, HE_API_BASE_URL, HE_CALCULATIONS_BASE_URL, HE_MAP_LOADED, HeAuthService, HeCommonService, HeEngineService, HeGlossaryService, HeMendeleyService, HeNodeCsvService, HeNodeService, HeNodeStoreService, HeSchemaService, HeSearchService, HeToastService, HorizontalBarChartComponent, HorizontalButtonsGroupComponent, ImpactAssessmentsGraphComponent, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, IsArrayPipe, IsObjectPipe, IssueConfirmComponent, KeyToLabelPipe, Level, LineChartComponent, LinkKeyValueComponent, LogStatus, LongPressDirective, MAX_RESULTS, MapsDrawingComponent, MapsDrawingConfirmComponent, MendeleySearchResult, MobileShellComponent, NavigationMenuComponent, NoExtPipe, NodeAggregatedComponent, NodeAggregatedInfoComponent, NodeAggregatedQualityScoreComponent, NodeCsvExportConfirmComponent, NodeCsvPreviewComponent, NodeCsvSelectHeadersComponent, NodeIconComponent, NodeJsonldComponent, NodeJsonldSchemaComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeLogsTimeComponent, NodeMissingLookupFactorsComponent, NodeQualityScore, NodeRecommendationsComponent, NodeSelectComponent, NodeValueDetailsComponent, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RelatedNodeResult, RemoveMarkdownPipe, RepeatPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, ShelfDialogComponent, ShellComponent, SitesManagementChartComponent, SitesMapsComponent, SitesNodesComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, ThousandsPipe, TimesPipe, ToastComponent, UncapitalizePipe, addPolygonToFeature, afterBarDrawPlugin, allCountriesQuery, allGroups, allOptions, arrayValue, availableProperties, backgroundHoverPlugin, baseApiUrl, baseUrl, bottom, buildSummary, bytesSize, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, capitalize, changelogUrl, clustererImage, code, colorToRgba, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, convertToSvg, coordinatesToPoint, copyObject, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, defaultFeature, defaultLabel, defaultSuggestionType, defaultSvgIconSize, definitionToSchemaType, distinctUntilChangedDeep, downloadFile, downloadSvg, ellipsis, engineGitBaseUrl, engineGitUrl, errorHasError, errorHasWarning, errorText, evaluateSuccess, exportAsSVG, externalLink, externalNodeLink, fillColor, fillStyle, filterBlankNode$1 as filterBlankNode, filterError, filterParams, findConfigModels, findMatchingModel, findModels, findNodeModel, findOrchestratorModel, findProperty, findPropertyById, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatDate, formatError, formatPropertyError, formatter, getColor, getDatesBetween, gitBranch, gitHome, gitlabRawUrl, glossaryBaseUrl, glossaryLink, groupChanged, groupLogsByModel, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, groupsLogsByFields, guideModelUrl, guideNamespace, guidePageId, handleAPIError, handleGuideEvent, hasError, hasValidationError, hasWarning, hexToRgba, iconSizes, icons, ignoreKeys$2 as ignoreKeys, initialFilterState, injectResizeEvent$, inputGroupsTermTypes, isAddPropertyEnabled, isChrome, isDateBetween, isEqual, isExternal, isGroupVisible, isKeyClosedVisible, isKeyHidden, isMaxStage, isMethodModelAllowed, isMigrationError, isMissingOneOfError, isMissingPropertyError, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isTermTypeAllowed, isValidKey, keyToDataPath, levels, listColor, listColorContinuous, listColorWithAlpha, loadMapApi, loadSvgSprite, locationQuery, logToCsv$1 as logToCsv, logValueArray, logsKey, lollipopChartPlugin, lookupUrl, mapFilterData, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchAggregatedValidatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchId, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchPrimaryProductQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, mergeDataWithHeaders, methodTierOrder, migrationErrorMessage, migrationsUrl, missingNodeErrors, modelCount, modelKeyParams, modelParams, models, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeById, nodeColours$1 as nodeColours, nodeDataState, nodeId, nodeIds, nodeLink, nodeLinkEnabled, nodeLinkTypeEnabled, nodeLogsUrl, nodeQualityScoreColor, nodeQualityScoreLevel, nodeQualityScoreMaxDefault, nodeQualityScoreOrder, nodeSecondaryColours, nodeToAggregationFilename, nodeType, nodeTypeDataState, nodeTypeIcon, nodeUrl, nodeUrlParams, nodeVersion, nodesByState, nodesByType, numberGte, optionsFromGroup, parentKey, parentProperty, parseColor, parseData, parseDataPath, parseLines, parseMessage$1 as parseMessage, parseNewValue, pluralize, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonToMap, polygonsFromFeature, populateWithTrackIdsFilterData, postGuideEvent, primaryProduct, productsQuery, propertyError, propertyId, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, registerChart, repeat, reportIssueLink, reportIssueUrl, safeJSONParse, safeJSONStringify, schemaBaseUrl, schemaDataBaseUrl, schemaLink, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchFilterData, searchableTypes, siblingProperty, singleProperty, siteTooBig, siteTypeToColor, siteTypeToIcon, sortProperties, sortedDates, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toSnakeCase, toThousands, typeToNewProperty, typeaheadFocus, uncapitalize, uniqueDatesBetween, updateProperties, valueTypeToDefault, waitFor, wildcardQuery };
 //# sourceMappingURL=hestia-earth-ui-components.mjs.map