@hestia-earth/ui-components 0.36.6 → 0.36.8

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

@@ -7599,7 +7599,6 @@ class CyclesMetadataComponent {
         this.schemaBaseUrl = schemaBaseUrl();
         this.defaultLabel = defaultLabel;
         this.keyToLabel = keyToLabel;
-        this.keys = keys;
         this.View = View$3;
         this.viewIcon = viewIcon$3;
         this.showView = computed(() => ({
@@ -7611,6 +7610,7 @@ class CyclesMetadataComponent {
         this.cycles = computed(() => this._allCycles()?.map(data => data[this.dataState()]) || [], ...(ngDevMode ? [{ debugName: "cycles" }] : []));
         this.hasData = computed(() => this.cycles().length, ...(ngDevMode ? [{ debugName: "hasData" }] : []));
         this.isOriginal = computed(() => this.dataState() === DataState.original, ...(ngDevMode ? [{ debugName: "isOriginal" }] : []));
+        this.keys = computed(() => keys.filter(key => this.cycles().some(cycle => Object.keys(cycle).includes(key))), ...(ngDevMode ? [{ debugName: "keys" }] : []));
     }
     trackById(_index, item) {
         return item['@id'];
@@ -7624,7 +7624,7 @@ class CyclesMetadataComponent {
         component.headerKeys.set(headerKeys);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: CyclesMetadataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: CyclesMetadataComponent, isStandalone: true, selector: "he-cycles-metadata", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"columns is-variable is-align-items-center is-2 m-0\">\n  <div class=\"column\">\n    @if (selectedView() === View.table) {\n      <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n        <he-svg-icon name=\"download\" />\n      </button>\n    }\n  </div>\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\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              <span class=\"icon is-small\">\n                <he-svg-icon [name]=\"selectedView() === view ? 'checkmark' : viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@switch (selectedView()) {\n  @case (View.table) {\n    <div class=\"px-3 pb-3\">\n      @if (hasData()) {\n        <he-data-table class=\"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        </div>\n      }\n    </div>\n  }\n}\n", styles: [""], dependencies: [{ 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: "pipe", type: DefaultPipe, name: "default" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", type: CyclesMetadataComponent, isStandalone: true, selector: "he-cycles-metadata", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"columns is-variable is-align-items-center is-2 m-0\">\n  <div class=\"column\">\n    @if (selectedView() === View.table) {\n      <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n        <he-svg-icon name=\"download\" />\n      </button>\n    }\n  </div>\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\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              <span class=\"icon is-small\">\n                <he-svg-icon [name]=\"selectedView() === view ? 'checkmark' : viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@switch (selectedView()) {\n  @case (View.table) {\n    <div class=\"px-3 pb-3\">\n      @if (hasData()) {\n        <he-data-table class=\"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        </div>\n      }\n    </div>\n  }\n}\n", styles: [""], dependencies: [{ 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: "pipe", type: DefaultPipe, name: "default" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: CyclesMetadataComponent, decorators: [{
             type: Component$1,
@@ -7635,7 +7635,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
                         BlankNodeStateComponent,
                         BlankNodeStateNoticeComponent,
                         DefaultPipe
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"columns is-variable is-align-items-center is-2 m-0\">\n  <div class=\"column\">\n    @if (selectedView() === View.table) {\n      <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n        <he-svg-icon name=\"download\" />\n      </button>\n    }\n  </div>\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\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              <span class=\"icon is-small\">\n                <he-svg-icon [name]=\"selectedView() === view ? 'checkmark' : viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@switch (selectedView()) {\n  @case (View.table) {\n    <div class=\"px-3 pb-3\">\n      @if (hasData()) {\n        <he-data-table class=\"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        </div>\n      }\n    </div>\n  }\n}\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"columns is-variable is-align-items-center is-2 m-0\">\n  <div class=\"column\">\n    @if (selectedView() === View.table) {\n      <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n        <he-svg-icon name=\"download\" />\n      </button>\n    }\n  </div>\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\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              <span class=\"icon is-small\">\n                <he-svg-icon [name]=\"selectedView() === view ? 'checkmark' : viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@switch (selectedView()) {\n  @case (View.table) {\n    <div class=\"px-3 pb-3\">\n      @if (hasData()) {\n        <he-data-table class=\"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        </div>\n      }\n    </div>\n  }\n}\n" }]
         }], propDecorators: { dataState: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataState", required: false }] }] } });
 
 // TODO: compute from the list of unique properties
@@ -8071,7 +8071,7 @@ class CyclesNodesComponent {
         component.headerKeys.set(this.headerKeys());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: CyclesNodesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", 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<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    <div class=\"is-flex is-gap-8\">\n      @if (hasData() && selectedView() === View.table) {\n        <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n          <he-svg-icon name=\"download\" />\n        </button>\n      }\n      @if (selectedView() === View.table) {\n        <he-search-extend\n          class=\"is-secondary\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      }\n    </div>\n  </div>\n\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\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              <span class=\"icon is-small\">\n                <he-svg-icon [name]=\"selectedView() === view ? 'checkmark' : viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"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>\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      </div>\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.inputs) {\n          <he-cycles-result [cycles]=\"cycles()\" />\n        }\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\" />\n        }\n      }\n    }\n    @case (View.timeline) {\n      <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline [recalculatedValues]=\"timelineValues()\" [dataState]=\"dataState()\" />\n        <he-blank-node-state-notice [dataState]=\"dataState()\" />\n      </div>\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      @if (nodeKeys().length > 1) {\n        <div class=\"tabs is-mb-2\">\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      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\" />\n      }\n    }\n  }\n}\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\n<ng-template #selectCycle>\n  @if (cycles().length > 1) {\n    <div class=\"field has-addons is-py-2 is-px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select a Cycle</span>\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-small is-fullwidth is-secondary\">\n          <select (change)=\"selectIndex($event)\">\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  }\n</ng-template>\n", styles: ["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: CyclesResultComponent, selector: "he-cycles-result", inputs: ["cycles"] }, { 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: ["recalculatedValues", "dataState"] }, { 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: "20.3.13", 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<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    <div class=\"is-flex is-gap-8\">\n      @if (hasData() && selectedView() === View.table) {\n        <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n          <he-svg-icon name=\"download\" />\n        </button>\n      }\n      @if (selectedView() === View.table) {\n        <he-search-extend\n          class=\"is-secondary\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      }\n    </div>\n  </div>\n\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\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              <span class=\"icon is-small\">\n                <he-svg-icon [name]=\"selectedView() === view ? 'checkmark' : viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"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-shrink-0 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      </div>\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.inputs) {\n          <he-cycles-result [cycles]=\"cycles()\" />\n        }\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\" />\n        }\n      }\n    }\n    @case (View.timeline) {\n      <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline [recalculatedValues]=\"timelineValues()\" [dataState]=\"dataState()\" />\n        <he-blank-node-state-notice [dataState]=\"dataState()\" />\n      </div>\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      @if (nodeKeys().length > 1) {\n        <div class=\"tabs is-mb-2\">\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      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\" />\n      }\n    }\n  }\n}\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\n<ng-template #selectCycle>\n  @if (cycles().length > 1) {\n    <div class=\"field has-addons is-py-2 is-px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select a Cycle</span>\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-small is-fullwidth is-secondary\">\n          <select (change)=\"selectIndex($event)\">\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  }\n</ng-template>\n", styles: ["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: CyclesResultComponent, selector: "he-cycles-result", inputs: ["cycles"] }, { 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: ["recalculatedValues", "dataState"] }, { 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: CyclesNodesComponent, decorators: [{
             type: Component$1,
@@ -8098,7 +8098,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
                         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<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    <div class=\"is-flex is-gap-8\">\n      @if (hasData() && selectedView() === View.table) {\n        <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n          <he-svg-icon name=\"download\" />\n        </button>\n      }\n      @if (selectedView() === View.table) {\n        <he-search-extend\n          class=\"is-secondary\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      }\n    </div>\n  </div>\n\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\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              <span class=\"icon is-small\">\n                <he-svg-icon [name]=\"selectedView() === view ? 'checkmark' : viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"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>\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      </div>\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.inputs) {\n          <he-cycles-result [cycles]=\"cycles()\" />\n        }\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\" />\n        }\n      }\n    }\n    @case (View.timeline) {\n      <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline [recalculatedValues]=\"timelineValues()\" [dataState]=\"dataState()\" />\n        <he-blank-node-state-notice [dataState]=\"dataState()\" />\n      </div>\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      @if (nodeKeys().length > 1) {\n        <div class=\"tabs is-mb-2\">\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      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\" />\n      }\n    }\n  }\n}\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\n<ng-template #selectCycle>\n  @if (cycles().length > 1) {\n    <div class=\"field has-addons is-py-2 is-px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select a Cycle</span>\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-small is-fullwidth is-secondary\">\n          <select (change)=\"selectIndex($event)\">\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  }\n</ng-template>\n", styles: ["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<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    <div class=\"is-flex is-gap-8\">\n      @if (hasData() && selectedView() === View.table) {\n        <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n          <he-svg-icon name=\"download\" />\n        </button>\n      }\n      @if (selectedView() === View.table) {\n        <he-search-extend\n          class=\"is-secondary\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      }\n    </div>\n  </div>\n\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\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              <span class=\"icon is-small\">\n                <he-svg-icon [name]=\"selectedView() === view ? 'checkmark' : viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"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-shrink-0 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      </div>\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.inputs) {\n          <he-cycles-result [cycles]=\"cycles()\" />\n        }\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\" />\n        }\n      }\n    }\n    @case (View.timeline) {\n      <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline [recalculatedValues]=\"timelineValues()\" [dataState]=\"dataState()\" />\n        <he-blank-node-state-notice [dataState]=\"dataState()\" />\n      </div>\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      @if (nodeKeys().length > 1) {\n        <div class=\"tabs is-mb-2\">\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      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\" />\n      }\n    }\n  }\n}\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\n<ng-template #selectCycle>\n  @if (cycles().length > 1) {\n    <div class=\"field has-addons is-py-2 is-px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select a Cycle</span>\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-small is-fullwidth is-secondary\">\n          <select (change)=\"selectIndex($event)\">\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  }\n</ng-template>\n", styles: ["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 }] }] } });
 
 const formatName = (name) => name.replace(/[.]/g, ' ');
@@ -11752,10 +11752,12 @@ const groupIndicators = (data, terms = {}, totals = {}) => data.reduce((acc, log
         children: contributorType === ChartNodeType.emission
             ? log.inputs.map(i => ({
                 ...i,
+                ...getUnitsAndLabel(terms[i.id], i.label),
                 type: ChartNodeType.input,
                 fraction: safeDivide(i.weightedValue, log.value),
                 children: i.operations.map(o => ({
                     ...o,
+                    ...getUnitsAndLabel(terms[o.id], o.label),
                     type: ChartNodeType.operation,
                     fraction: safeDivide(o.weightedValue, i.weightedValue)
                 }))
@@ -12144,9 +12146,8 @@ class ImpactAssessmentsGraphComponent {
                 : of([])
         });
         this.nodeLogs = computed(() => this.parsedNodeLogsResource.value() ?? [], ...(ngDevMode ? [{ debugName: "nodeLogs" }] : []));
-        this.loading = this.parsedNodeLogsResource.isLoading;
         this.logTermIds = computed(() => unique(this.nodeLogs()
-            .flatMap(l => [l.contributor, l.indicator])
+            .flatMap(l => [l.contributor, l.indicator, ...l.inputs.map(i => i.id)])
             .filter(termId => !this.initialTerms()?.[termId])), ...(ngDevMode ? [{ debugName: "logTermIds" }] : []));
         this.allTermsResource = rxResource({
             params: () => ({
@@ -12177,6 +12178,7 @@ class ImpactAssessmentsGraphComponent {
             (this.selectedModelId() === defaultIndicatorsModelId
                 ? getDefaultModelId(log.indicator)
                 : this.selectedModelId())), ...(ngDevMode ? [{ debugName: "chartData" }] : []));
+        this.loading = computed(() => [this.parsedNodeLogsResource.isLoading(), this.allTermsResource.isLoading()].some(Boolean), ...(ngDevMode ? [{ debugName: "loading" }] : []));
         this.showChart = computed(() => [!isEmpty(this.chartData()), !isEmpty(this.allTerms()), !this.loading(), !this.error(), !this.showWarnings()].every(Boolean), ...(ngDevMode ? [{ debugName: "showChart" }] : []));
         effect(() => {
             const defaultId = this.filteredImpactAssessments()?.[0]?.['@id'];
@@ -13152,7 +13154,7 @@ class SitesNodesComponent {
         component.headerKeys.set(this.headerKeys());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: SitesNodesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.13", 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: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    <div class=\"is-flex is-gap-8\">\n      @if (hasData() && selectedView() === View.table) {\n        <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n          <he-svg-icon name=\"download\" />\n        </button>\n      }\n\n      @if (selectedView() === View.table) {\n        <he-search-extend\n          class=\"is-secondary\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      }\n    </div>\n  </div>\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\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              <span class=\"icon is-small\">\n                <he-svg-icon [name]=\"selectedView() === view ? 'checkmark' : viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"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]=\"\n                              node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\n                            \"></span>\n                        </he-node-link>\n                      </th>\n                    }\n                  }\n                </tr>\n                <tr class=\"is-italic has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  @for (node of data(); track node.value.term.name) {\n                    @if (node.value.visible) {\n                      <th [attr.title]=\"node.value.term.units\">\n                        <span [innerHtml]=\"node.value.term.units | compound: 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>\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      </div>\n    }\n    @case (View.chart) {\n      @if (nodeKey() === BlankNodesKey.management) {\n        <ng-container *ngTemplateOutlet=\"selectSite\" />\n        @if (selectedNode()) {\n          <div class=\"is-px-3 is-pb-3\">\n            <he-sites-management-chart [site]=\"selectedNode()\" />\n          </div>\n        }\n      }\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectSite\" />\n      @if (selectedNode()) {\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 #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\n<ng-template #selectSite>\n  @if (sites().length > 1) {\n    <div class=\"field has-addons pt-2 px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select a Site</span>\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-small is-fullwidth is-secondary\">\n          <select (change)=\"selectIndex($event)\">\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  }\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: 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: "20.3.13", 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: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    <div class=\"is-flex is-gap-8\">\n      @if (hasData() && selectedView() === View.table) {\n        <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n          <he-svg-icon name=\"download\" />\n        </button>\n      }\n\n      @if (selectedView() === View.table) {\n        <he-search-extend\n          class=\"is-secondary\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      }\n    </div>\n  </div>\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\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              <span class=\"icon is-small\">\n                <he-svg-icon [name]=\"selectedView() === view ? 'checkmark' : viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"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]=\"\n                              node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\n                            \"></span>\n                        </he-node-link>\n                      </th>\n                    }\n                  }\n                </tr>\n                <tr class=\"is-italic has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  @for (node of data(); track node.value.term.name) {\n                    @if (node.value.visible) {\n                      <th [attr.title]=\"node.value.term.units\">\n                        <span [innerHtml]=\"node.value.term.units | compound: 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-shrink-0 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      </div>\n    }\n    @case (View.chart) {\n      @if (nodeKey() === BlankNodesKey.management) {\n        <ng-container *ngTemplateOutlet=\"selectSite\" />\n        @if (selectedNode()) {\n          <div class=\"is-px-3 is-pb-3\">\n            <he-sites-management-chart [site]=\"selectedNode()\" />\n          </div>\n        }\n      }\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectSite\" />\n      @if (selectedNode()) {\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 #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\n<ng-template #selectSite>\n  @if (sites().length > 1) {\n    <div class=\"field has-addons pt-2 px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select a Site</span>\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-small is-fullwidth is-secondary\">\n          <select (change)=\"selectIndex($event)\">\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  }\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: 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: SitesNodesComponent, decorators: [{
             type: Component$1,
@@ -13175,7 +13177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImpo
                         PrecisionPipe,
                         CapitalizePipe,
                         SitesManagementChartComponent
-                    ], template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    <div class=\"is-flex is-gap-8\">\n      @if (hasData() && selectedView() === View.table) {\n        <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n          <he-svg-icon name=\"download\" />\n        </button>\n      }\n\n      @if (selectedView() === View.table) {\n        <he-search-extend\n          class=\"is-secondary\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      }\n    </div>\n  </div>\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\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              <span class=\"icon is-small\">\n                <he-svg-icon [name]=\"selectedView() === view ? 'checkmark' : viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"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]=\"\n                              node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\n                            \"></span>\n                        </he-node-link>\n                      </th>\n                    }\n                  }\n                </tr>\n                <tr class=\"is-italic has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  @for (node of data(); track node.value.term.name) {\n                    @if (node.value.visible) {\n                      <th [attr.title]=\"node.value.term.units\">\n                        <span [innerHtml]=\"node.value.term.units | compound: 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>\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      </div>\n    }\n    @case (View.chart) {\n      @if (nodeKey() === BlankNodesKey.management) {\n        <ng-container *ngTemplateOutlet=\"selectSite\" />\n        @if (selectedNode()) {\n          <div class=\"is-px-3 is-pb-3\">\n            <he-sites-management-chart [site]=\"selectedNode()\" />\n          </div>\n        }\n      }\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectSite\" />\n      @if (selectedNode()) {\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 #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\n<ng-template #selectSite>\n  @if (sites().length > 1) {\n    <div class=\"field has-addons pt-2 px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select a Site</span>\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-small is-fullwidth is-secondary\">\n          <select (change)=\"selectIndex($event)\">\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  }\n</ng-template>\n" }]
+                    ], template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    <div class=\"is-flex is-gap-8\">\n      @if (hasData() && selectedView() === View.table) {\n        <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n          <he-svg-icon name=\"download\" />\n        </button>\n      }\n\n      @if (selectedView() === View.table) {\n        <he-search-extend\n          class=\"is-secondary\"\n          placeholder=\"Filter terms by name\"\n          (searchText)=\"filterTerm.set($event)\" />\n      }\n    </div>\n  </div>\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\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              <span class=\"icon is-small\">\n                <he-svg-icon [name]=\"selectedView() === view ? 'checkmark' : viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"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]=\"\n                              node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\n                            \"></span>\n                        </he-node-link>\n                      </th>\n                    }\n                  }\n                </tr>\n                <tr class=\"is-italic has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  @for (node of data(); track node.value.term.name) {\n                    @if (node.value.visible) {\n                      <th [attr.title]=\"node.value.term.units\">\n                        <span [innerHtml]=\"node.value.term.units | compound: 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-shrink-0 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      </div>\n    }\n    @case (View.chart) {\n      @if (nodeKey() === BlankNodesKey.management) {\n        <ng-container *ngTemplateOutlet=\"selectSite\" />\n        @if (selectedNode()) {\n          <div class=\"is-px-3 is-pb-3\">\n            <he-sites-management-chart [site]=\"selectedNode()\" />\n          </div>\n        }\n      }\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectSite\" />\n      @if (selectedNode()) {\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 #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\n<ng-template #selectSite>\n  @if (sites().length > 1) {\n    <div class=\"field has-addons pt-2 px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select a Site</span>\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-small is-fullwidth is-secondary\">\n          <select (change)=\"selectIndex($event)\">\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  }\n</ng-template>\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 {