@hestia-earth/ui-components 0.24.0-6 → 0.24.0-8

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

@@ -7025,6 +7025,7 @@ const nodeTypeDataStates = (nodeType, aggregated = false) => {
 const sortNodes = (values) => values?.length
     ? orderBy(values.filter(Boolean), ['original.aggregated', 'original.site.@id', 'original.cycle.@id', 'original.@id'], ['asc', 'asc', 'asc', 'asc'])
     : [];
+const isAggregated = (id) => !!id.match(/^[a-zA-Z]+[-][a-zA-Z]+[-][\d]{4,}[-][\d]{4,}/g);
 class HeNodeStoreService {
     constructor(nodeService) {
         this.nodeService = nodeService;
@@ -7037,18 +7038,21 @@ class HeNodeStoreService {
         return nodes.findIndex(n => n.type === node['@type'] && n.id === node['@id']);
     }
     loadNode(node) {
-        const aggregated = 'aggregated' in node ? node.aggregated : false;
+        const aggregated = 'aggregated' in node ? node.aggregated : isAggregated(node['@id']);
         const dataStates = nodeTypeDataStates(node['@type'], aggregated);
         const index = this._nodesLoadRequests[node['@type']].length;
         const request = forkJoin(dataStates.reduce((prev, dataState) => ({
             ...prev,
-            [dataState]: this.nodeService.get$({ ...node, dataState })
-        }), {})).pipe(shareReplay({ bufferSize: 1, refCount: true }), map((values) => ({
+            [dataState]: this.nodeService
+                .get$({ ...node, dataState })
+                .pipe(catchError(() => of(undefined)))
+        }), {})).pipe(shareReplay({ bufferSize: 1, refCount: true }), map((values) => Object.fromEntries(Object.values(DataState).map(dataState => [
+            dataState,
+            values[dataState] || values[DataState.original] || node
+        ]))), map(values => ({
             index,
             type: node['@type'],
             id: node['@id'],
-            // default values when the states were not fetched
-            ...Object.fromEntries(defaultDataStates.map(dataState => [dataState, values[DataState.original] || node])),
             ...values
         })));
         this._nodesLoadRequests[node['@type']].push({
@@ -7599,11 +7603,11 @@ class CyclesNodesComponent {
         this.selectedIndex.set(+value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: CyclesNodesComponent, deps: [{ token: HeNodeStoreService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: CyclesNodesComponent, selector: "he-cycles-nodes", inputs: { dataState: "dataState", nodeKeys: "nodeKeys", nodeKeyGroup: "nodeKeyGroup" }, ngImport: i0, template: "<div class=\"tabs is-mb-1\" *ngIf=\"isGroupNode()\">\n  <ul>\n    <li *ngFor=\"let term of groupNodeTerms()\" [class.is-active]=\"selectedGroupTerm() === term\">\n      <a (click)=\"selectedGroupTerm.set(term)\">{{ term.name }}</a>\n    </li>\n  </ul>\n</div>\n\n<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"hasData()\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView() === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView() === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter terms by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\">\n    <div class=\"field has-addons\">\n      <div class=\"control\" *ngFor=\"let view of views()\">\n        <button class=\"button is-small\" [class.is-selected]=\"selectedView() === view\" (click)=\"selectedView.set(view)\">\n          <span class=\"icon is-small\">\n            <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">{{ view }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"isNodeKeyAllowed()\">\n  <ng-container [ngSwitch]=\"selectedView()\">\n    <div class=\"is-px-3 is-pb-3\" *ngSwitchCase=\"View.table\">\n      <ng-container *ngIf=\"hasData(); else emptyTable\">\n        <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-fullwidth is-narrow is-striped\">\n            <thead>\n              <tr class=\"has-text-weight-bold\" *ngIf=\"dataKeys().length > 1\">\n                <th class=\"width-auto\"></th>\n                <th [class.is-hidden]=\"isGroupNode()\"></th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <ng-container *ngIf=\"data()[dataKey]?.length\">\n                    <th [attr.colspan]=\"data()[dataKey].length\" [class.has-border-right]=\"!dataKeyLast\">\n                      <span>{{ dataKey | keyToLabel }}</span>\n                    </th>\n                  </ng-container>\n                </ng-container>\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\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\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 [innerHtml]=\"node.value.term.name | ellipsis: 30 | compound\"></span>\n                    </he-node-link>\n                  </th>\n                </ng-container>\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]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                    [attr.title]=\"node.value.term.units\"\n                    [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                    <span [innerHtml]=\"node.value.term.units | compound\"></span>\n                    <he-terms-units-description\n                      class=\"is-inline-block is-ml-2\"\n                      [term]=\"node.value.term\"></he-terms-units-description>\n                  </th>\n                </ng-container>\n              </tr>\n            </thead>\n            <tbody>\n              <ng-container *ngFor=\"let cycle of cycles(); trackBy: trackById; let cycleIndex = index\">\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycle.term || 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]=\"cycles()[0]\"></he-cycles-functional-unit-measure>\n                  </td>\n\n                  <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                    <td\n                      class=\"is-nowrap\"\n                      *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                      [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                      <span\n                        *ngIf=\"node.value.values[cycle['@id']]; else emptyValue\"\n                        class=\"trigger-popover\"\n                        [ngbPopover]=\"details\"\n                        [autoClose]=\"'outside'\"\n                        popoverClass=\"is-narrow\"\n                        triggers=\"manual\"\n                        #p=\"ngbPopover\"\n                        placement=\"left\"\n                        container=\"body\"\n                        (click)=\"\n                          togglePopover(p, { data: node.value.values[cycle['@id']], cycle: cycle, key: dataKey })\n                        \">\n                        <span pointer>\n                          {{\n                            propertyValue(node.value.values[cycle['@id']].value, node.value.term['@id'])\n                              | precision: 3\n                              | default: '-'\n                          }}\n                        </span>\n                        <he-blank-node-state\n                          class=\"ml-1\"\n                          [dataState]=\"_dataState()\"\n                          [node]=\"node.value.values[cycle['@id']].node\"\n                          key=\"value\"></he-blank-node-state>\n                      </span>\n                    </td>\n                  </ng-container>\n                </tr>\n              </ng-container>\n            </tbody>\n          </table>\n        </he-data-table>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </ng-container>\n    </div>\n\n    <ng-container *ngSwitchCase=\"View.chart\">\n      <ng-container [ngSwitch]=\"firstNodeKey()\">\n        <he-cycles-result *ngSwitchCase=\"BlankNodesKey.inputs\" [cycles]=\"cycles()\"></he-cycles-result>\n        <he-cycles-emissions-chart\n          *ngSwitchCase=\"BlankNodesKey.emissions\"\n          [cycles]=\"cycles()\"></he-cycles-emissions-chart>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.timeline\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline\n          [recalculatedValues]=\"timelineValues()\"\n          [dataState]=\"_dataState()\"></he-cycles-nodes-timeline>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </div>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.logs\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"tabs is-mb-2\" *ngIf=\"_nodeKeys().length > 1\">\n        <ul>\n          <li *ngFor=\"let nodeKey of _nodeKeys()\" [class.is-active]=\"selectedNodeKey() === nodeKey\">\n            <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n          </li>\n        </ul>\n      </div>\n\n      <he-node-logs-models\n        *ngIf=\"selectedNode()\"\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"selectedNodeKey()\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\"\n        [filterTermTypes]=\"filterTermTypes()\"></he-node-logs-models>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"cycles()\"\n  [filename]=\"csvFilename()\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"headerKeys()\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span *ngIf=\"showSwitchToRecalculated()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"></he-node-value-details>\n</ng-template>\n\n<ng-template #selectCycle>\n  <div class=\"field has-addons is-py-2 is-px-3\" *ngIf=\"cycles().length > 1\">\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          <option *ngFor=\"let value of cycles(); let cycleIndex = index\" [value]=\"cycleIndex\">\n            {{ cycleIndex + 1 }}. {{ defaultLabel(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}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: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4$1.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: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { 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", "showAggregated", "showDeleted"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["search"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { 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", "dataKey", "dataState"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "component", type: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: ["cycles"] }, { kind: "component", type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { kind: "component", type: CyclesNodesTimelineComponent, selector: "he-cycles-nodes-timeline", inputs: ["recalculatedValues", "dataState"] }, { kind: "component", type: CyclesResultComponent, selector: "he-cycles-result", inputs: ["cycles"] }, { 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: CyclesNodesComponent, selector: "he-cycles-nodes", inputs: { dataState: "dataState", nodeKeys: "nodeKeys", nodeKeyGroup: "nodeKeyGroup" }, ngImport: i0, template: "<div class=\"tabs is-mb-1\" *ngIf=\"isGroupNode()\">\n  <ul>\n    <li *ngFor=\"let term of groupNodeTerms()\" [class.is-active]=\"selectedGroupTerm() === term\">\n      <a (click)=\"selectedGroupTerm.set(term)\">{{ term.name }}</a>\n    </li>\n  </ul>\n</div>\n\n<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"hasData()\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView() === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView() === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter terms by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\">\n    <div class=\"field has-addons\">\n      <div class=\"control\" *ngFor=\"let view of views()\">\n        <button class=\"button is-small\" [class.is-selected]=\"selectedView() === view\" (click)=\"selectedView.set(view)\">\n          <span class=\"icon is-small\">\n            <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">{{ view }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"isNodeKeyAllowed()\">\n  <ng-container [ngSwitch]=\"selectedView()\">\n    <div class=\"is-px-3 is-pb-3\" *ngSwitchCase=\"View.table\">\n      <ng-container *ngIf=\"hasData(); else emptyTable\">\n        <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-fullwidth is-narrow is-striped\">\n            <thead>\n              <tr class=\"has-text-weight-bold\" *ngIf=\"dataKeys().length > 1\">\n                <th class=\"width-auto\"></th>\n                <th [class.is-hidden]=\"isGroupNode()\"></th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <ng-container *ngIf=\"data()[dataKey]?.length\">\n                    <th [attr.colspan]=\"data()[dataKey].length\" [class.has-border-right]=\"!dataKeyLast\">\n                      <span>{{ dataKey | keyToLabel }}</span>\n                    </th>\n                  </ng-container>\n                </ng-container>\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\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\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 [innerHtml]=\"node.value.term.name | ellipsis: 30 | compound\"></span>\n                    </he-node-link>\n                  </th>\n                </ng-container>\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]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                    [attr.title]=\"node.value.term.units\"\n                    [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                    <span [innerHtml]=\"node.value.term.units | compound\"></span>\n                    <he-terms-units-description\n                      class=\"is-inline-block is-ml-2\"\n                      [term]=\"node.value.term\"></he-terms-units-description>\n                  </th>\n                </ng-container>\n              </tr>\n            </thead>\n            <tbody>\n              <ng-container *ngFor=\"let cycle of cycles(); trackBy: trackById; let cycleIndex = index\">\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycle.term || 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]=\"cycles()[0]\"></he-cycles-functional-unit-measure>\n                  </td>\n\n                  <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                    <td\n                      class=\"is-nowrap\"\n                      *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                      [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                      <span\n                        *ngIf=\"node.value.values[cycle['@id']]; else emptyValue\"\n                        class=\"trigger-popover\"\n                        [ngbPopover]=\"details\"\n                        [autoClose]=\"'outside'\"\n                        popoverClass=\"is-narrow\"\n                        triggers=\"manual\"\n                        #p=\"ngbPopover\"\n                        placement=\"left\"\n                        container=\"body\"\n                        (click)=\"\n                          togglePopover(p, { data: node.value.values[cycle['@id']], cycle: cycle, key: dataKey })\n                        \">\n                        <span pointer>\n                          {{\n                            propertyValue(node.value.values[cycle['@id']].value, node.value.term['@id'])\n                              | precision: 3\n                              | default: '-'\n                          }}\n                        </span>\n                        <he-blank-node-state\n                          class=\"ml-1\"\n                          [dataState]=\"_dataState()\"\n                          [node]=\"node.value.values[cycle['@id']].node\"\n                          key=\"value\"></he-blank-node-state>\n                      </span>\n                    </td>\n                  </ng-container>\n                </tr>\n              </ng-container>\n            </tbody>\n          </table>\n        </he-data-table>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </ng-container>\n    </div>\n\n    <ng-container *ngSwitchCase=\"View.chart\">\n      <ng-container [ngSwitch]=\"firstNodeKey()\">\n        <he-cycles-result *ngSwitchCase=\"BlankNodesKey.inputs\" [cycles]=\"cycles()\"></he-cycles-result>\n        <he-cycles-emissions-chart\n          *ngSwitchCase=\"BlankNodesKey.emissions\"\n          [cycles]=\"cycles()\"></he-cycles-emissions-chart>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.timeline\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline\n          [recalculatedValues]=\"timelineValues()\"\n          [dataState]=\"_dataState()\"></he-cycles-nodes-timeline>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </div>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.logs\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"tabs is-mb-2\" *ngIf=\"_nodeKeys().length > 1\">\n        <ul>\n          <li *ngFor=\"let nodeKey of _nodeKeys()\" [class.is-active]=\"selectedNodeKey() === nodeKey\">\n            <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n          </li>\n        </ul>\n      </div>\n\n      <he-node-logs-models\n        *ngIf=\"selectedNode()\"\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"selectedNodeKey()\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\"\n        [filterTermTypes]=\"filterTermTypes()\"></he-node-logs-models>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"cycles()\"\n  [filename]=\"csvFilename()\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"headerKeys()\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"is-pt-3 has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span *ngIf=\"showSwitchToRecalculated()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"></he-node-value-details>\n</ng-template>\n\n<ng-template #selectCycle>\n  <div class=\"field has-addons is-py-2 is-px-3\" *ngIf=\"cycles().length > 1\">\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          <option *ngFor=\"let value of cycles(); let cycleIndex = index\" [value]=\"cycleIndex\">\n            {{ cycleIndex + 1 }}. {{ defaultLabel(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}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: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4$1.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: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { 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", "showAggregated", "showDeleted"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["search"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { 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", "dataKey", "dataState"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "component", type: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: ["cycles"] }, { kind: "component", type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { kind: "component", type: CyclesNodesTimelineComponent, selector: "he-cycles-nodes-timeline", inputs: ["recalculatedValues", "dataState"] }, { kind: "component", type: CyclesResultComponent, selector: "he-cycles-result", inputs: ["cycles"] }, { 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: CyclesNodesComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-cycles-nodes', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tabs is-mb-1\" *ngIf=\"isGroupNode()\">\n  <ul>\n    <li *ngFor=\"let term of groupNodeTerms()\" [class.is-active]=\"selectedGroupTerm() === term\">\n      <a (click)=\"selectedGroupTerm.set(term)\">{{ term.name }}</a>\n    </li>\n  </ul>\n</div>\n\n<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"hasData()\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView() === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView() === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter terms by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\">\n    <div class=\"field has-addons\">\n      <div class=\"control\" *ngFor=\"let view of views()\">\n        <button class=\"button is-small\" [class.is-selected]=\"selectedView() === view\" (click)=\"selectedView.set(view)\">\n          <span class=\"icon is-small\">\n            <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">{{ view }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"isNodeKeyAllowed()\">\n  <ng-container [ngSwitch]=\"selectedView()\">\n    <div class=\"is-px-3 is-pb-3\" *ngSwitchCase=\"View.table\">\n      <ng-container *ngIf=\"hasData(); else emptyTable\">\n        <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-fullwidth is-narrow is-striped\">\n            <thead>\n              <tr class=\"has-text-weight-bold\" *ngIf=\"dataKeys().length > 1\">\n                <th class=\"width-auto\"></th>\n                <th [class.is-hidden]=\"isGroupNode()\"></th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <ng-container *ngIf=\"data()[dataKey]?.length\">\n                    <th [attr.colspan]=\"data()[dataKey].length\" [class.has-border-right]=\"!dataKeyLast\">\n                      <span>{{ dataKey | keyToLabel }}</span>\n                    </th>\n                  </ng-container>\n                </ng-container>\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\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\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 [innerHtml]=\"node.value.term.name | ellipsis: 30 | compound\"></span>\n                    </he-node-link>\n                  </th>\n                </ng-container>\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]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                    [attr.title]=\"node.value.term.units\"\n                    [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                    <span [innerHtml]=\"node.value.term.units | compound\"></span>\n                    <he-terms-units-description\n                      class=\"is-inline-block is-ml-2\"\n                      [term]=\"node.value.term\"></he-terms-units-description>\n                  </th>\n                </ng-container>\n              </tr>\n            </thead>\n            <tbody>\n              <ng-container *ngFor=\"let cycle of cycles(); trackBy: trackById; let cycleIndex = index\">\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycle.term || 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]=\"cycles()[0]\"></he-cycles-functional-unit-measure>\n                  </td>\n\n                  <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                    <td\n                      class=\"is-nowrap\"\n                      *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                      [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                      <span\n                        *ngIf=\"node.value.values[cycle['@id']]; else emptyValue\"\n                        class=\"trigger-popover\"\n                        [ngbPopover]=\"details\"\n                        [autoClose]=\"'outside'\"\n                        popoverClass=\"is-narrow\"\n                        triggers=\"manual\"\n                        #p=\"ngbPopover\"\n                        placement=\"left\"\n                        container=\"body\"\n                        (click)=\"\n                          togglePopover(p, { data: node.value.values[cycle['@id']], cycle: cycle, key: dataKey })\n                        \">\n                        <span pointer>\n                          {{\n                            propertyValue(node.value.values[cycle['@id']].value, node.value.term['@id'])\n                              | precision: 3\n                              | default: '-'\n                          }}\n                        </span>\n                        <he-blank-node-state\n                          class=\"ml-1\"\n                          [dataState]=\"_dataState()\"\n                          [node]=\"node.value.values[cycle['@id']].node\"\n                          key=\"value\"></he-blank-node-state>\n                      </span>\n                    </td>\n                  </ng-container>\n                </tr>\n              </ng-container>\n            </tbody>\n          </table>\n        </he-data-table>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </ng-container>\n    </div>\n\n    <ng-container *ngSwitchCase=\"View.chart\">\n      <ng-container [ngSwitch]=\"firstNodeKey()\">\n        <he-cycles-result *ngSwitchCase=\"BlankNodesKey.inputs\" [cycles]=\"cycles()\"></he-cycles-result>\n        <he-cycles-emissions-chart\n          *ngSwitchCase=\"BlankNodesKey.emissions\"\n          [cycles]=\"cycles()\"></he-cycles-emissions-chart>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.timeline\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline\n          [recalculatedValues]=\"timelineValues()\"\n          [dataState]=\"_dataState()\"></he-cycles-nodes-timeline>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </div>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.logs\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"tabs is-mb-2\" *ngIf=\"_nodeKeys().length > 1\">\n        <ul>\n          <li *ngFor=\"let nodeKey of _nodeKeys()\" [class.is-active]=\"selectedNodeKey() === nodeKey\">\n            <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n          </li>\n        </ul>\n      </div>\n\n      <he-node-logs-models\n        *ngIf=\"selectedNode()\"\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"selectedNodeKey()\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\"\n        [filterTermTypes]=\"filterTermTypes()\"></he-node-logs-models>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"cycles()\"\n  [filename]=\"csvFilename()\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"headerKeys()\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span *ngIf=\"showSwitchToRecalculated()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"></he-node-value-details>\n</ng-template>\n\n<ng-template #selectCycle>\n  <div class=\"field has-addons is-py-2 is-px-3\" *ngIf=\"cycles().length > 1\">\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          <option *ngFor=\"let value of cycles(); let cycleIndex = index\" [value]=\"cycleIndex\">\n            {{ cycleIndex + 1 }}. {{ defaultLabel(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}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"] }]
+            args: [{ selector: 'he-cycles-nodes', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"tabs is-mb-1\" *ngIf=\"isGroupNode()\">\n  <ul>\n    <li *ngFor=\"let term of groupNodeTerms()\" [class.is-active]=\"selectedGroupTerm() === term\">\n      <a (click)=\"selectedGroupTerm.set(term)\">{{ term.name }}</a>\n    </li>\n  </ul>\n</div>\n\n<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"hasData()\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView() === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView() === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter terms by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\">\n    <div class=\"field has-addons\">\n      <div class=\"control\" *ngFor=\"let view of views()\">\n        <button class=\"button is-small\" [class.is-selected]=\"selectedView() === view\" (click)=\"selectedView.set(view)\">\n          <span class=\"icon is-small\">\n            <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">{{ view }}</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-container *ngIf=\"isNodeKeyAllowed()\">\n  <ng-container [ngSwitch]=\"selectedView()\">\n    <div class=\"is-px-3 is-pb-3\" *ngSwitchCase=\"View.table\">\n      <ng-container *ngIf=\"hasData(); else emptyTable\">\n        <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-fullwidth is-narrow is-striped\">\n            <thead>\n              <tr class=\"has-text-weight-bold\" *ngIf=\"dataKeys().length > 1\">\n                <th class=\"width-auto\"></th>\n                <th [class.is-hidden]=\"isGroupNode()\"></th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <ng-container *ngIf=\"data()[dataKey]?.length\">\n                    <th [attr.colspan]=\"data()[dataKey].length\" [class.has-border-right]=\"!dataKeyLast\">\n                      <span>{{ dataKey | keyToLabel }}</span>\n                    </th>\n                  </ng-container>\n                </ng-container>\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\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\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 [innerHtml]=\"node.value.term.name | ellipsis: 30 | compound\"></span>\n                    </he-node-link>\n                  </th>\n                </ng-container>\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]=\"baseUrl + '/schema/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                </th>\n\n                <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                  <th\n                    *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                    [attr.title]=\"node.value.term.units\"\n                    [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                    <span [innerHtml]=\"node.value.term.units | compound\"></span>\n                    <he-terms-units-description\n                      class=\"is-inline-block is-ml-2\"\n                      [term]=\"node.value.term\"></he-terms-units-description>\n                  </th>\n                </ng-container>\n              </tr>\n            </thead>\n            <tbody>\n              <ng-container *ngFor=\"let cycle of cycles(); trackBy: trackById; let cycleIndex = index\">\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycle.term || 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]=\"cycles()[0]\"></he-cycles-functional-unit-measure>\n                  </td>\n\n                  <ng-container *ngFor=\"let dataKey of dataKeys(); let dataKeyLast = last\">\n                    <td\n                      class=\"is-nowrap\"\n                      *ngFor=\"let node of data()[dataKey]; let nodeLast = last\"\n                      [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                      <span\n                        *ngIf=\"node.value.values[cycle['@id']]; else emptyValue\"\n                        class=\"trigger-popover\"\n                        [ngbPopover]=\"details\"\n                        [autoClose]=\"'outside'\"\n                        popoverClass=\"is-narrow\"\n                        triggers=\"manual\"\n                        #p=\"ngbPopover\"\n                        placement=\"left\"\n                        container=\"body\"\n                        (click)=\"\n                          togglePopover(p, { data: node.value.values[cycle['@id']], cycle: cycle, key: dataKey })\n                        \">\n                        <span pointer>\n                          {{\n                            propertyValue(node.value.values[cycle['@id']].value, node.value.term['@id'])\n                              | precision: 3\n                              | default: '-'\n                          }}\n                        </span>\n                        <he-blank-node-state\n                          class=\"ml-1\"\n                          [dataState]=\"_dataState()\"\n                          [node]=\"node.value.values[cycle['@id']].node\"\n                          key=\"value\"></he-blank-node-state>\n                      </span>\n                    </td>\n                  </ng-container>\n                </tr>\n              </ng-container>\n            </tbody>\n          </table>\n        </he-data-table>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </ng-container>\n    </div>\n\n    <ng-container *ngSwitchCase=\"View.chart\">\n      <ng-container [ngSwitch]=\"firstNodeKey()\">\n        <he-cycles-result *ngSwitchCase=\"BlankNodesKey.inputs\" [cycles]=\"cycles()\"></he-cycles-result>\n        <he-cycles-emissions-chart\n          *ngSwitchCase=\"BlankNodesKey.emissions\"\n          [cycles]=\"cycles()\"></he-cycles-emissions-chart>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.timeline\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline\n          [recalculatedValues]=\"timelineValues()\"\n          [dataState]=\"_dataState()\"></he-cycles-nodes-timeline>\n\n        <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n      </div>\n    </ng-container>\n\n    <ng-container *ngSwitchCase=\"View.logs\">\n      <ng-container *ngTemplateOutlet=\"selectCycle\"></ng-container>\n\n      <div class=\"tabs is-mb-2\" *ngIf=\"_nodeKeys().length > 1\">\n        <ul>\n          <li *ngFor=\"let nodeKey of _nodeKeys()\" [class.is-active]=\"selectedNodeKey() === nodeKey\">\n            <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n          </li>\n        </ul>\n      </div>\n\n      <he-node-logs-models\n        *ngIf=\"selectedNode()\"\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"selectedNodeKey()\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\"\n        [filterTermTypes]=\"filterTermTypes()\"></he-node-logs-models>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"cycles()\"\n  [filename]=\"csvFilename()\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"headerKeys()\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"is-pt-3 has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span *ngIf=\"showSwitchToRecalculated()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"></he-node-value-details>\n</ng-template>\n\n<ng-template #selectCycle>\n  <div class=\"field has-addons is-py-2 is-px-3\" *ngIf=\"cycles().length > 1\">\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          <option *ngFor=\"let value of cycles(); let cycleIndex = index\" [value]=\"cycleIndex\">\n            {{ cycleIndex + 1 }}. {{ defaultLabel(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}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: function () { return [{ type: HeNodeStoreService }]; }, propDecorators: { dataState: [{
                 type: Input
             }], nodeKeys: [{
@@ -9057,7 +9061,7 @@ class SitesMapsComponent {
         this._sitePolygons = computed(() => this.nodes().flatMap(sitePolygon).filter(Boolean));
         this.sitePolygons = computed(() => this._sitePolygons().map(polygon => polygonToMap(polygon)));
         this._termPolygons = signal([]);
-        this.termPolygons = computed(() => this._termPolygons().map(polygon => polygonToMap(polygon)));
+        this.termPolygons = signal([]);
         this.showNoLocation = computed(() => this.markers().length === 0 && this.sitePolygons().length === 0 && this.termPolygons().length === 0);
         this.mapCenter = computed(() => this.markers()?.[0]?.position || defaultCenter);
         effect(() => {
@@ -9067,8 +9071,15 @@ class SitesMapsComponent {
         effect(() => {
             if (this._mapReady() && this._loadPolygons()) {
                 from(regionIds(this.nodes()))
-                    .pipe(mergeMap(id => this.loadTermId(id)), map(feature => polygonsFromFeature(feature)))
-                    .subscribe(values => this._termPolygons.set(values));
+                    .pipe(mergeMap(id => this.loadTermId(id).pipe(map(feature => ({ id, polygons: polygonsFromFeature(feature) })))), toArray())
+                    .subscribe(values => {
+                    this._termPolygons.set(values.flatMap(({ polygons }) => polygons));
+                    const polygons = values.flatMap(({ id, polygons }) => polygons.map((polygon, index) => ({
+                        ...polygonToMap(polygon),
+                        id: [id, index].join('-')
+                    })));
+                    this.termPolygons.set(polygons);
+                });
             }
         }, { allowSignalWrites: true });
     }
@@ -9083,6 +9094,12 @@ class SitesMapsComponent {
                     .pipe(shareReplay({ bufferSize: 1, refCount: true }));
         return this._loadPolygonsRequests[id];
     }
+    trackByMarker(_index, { position, label: { text } }) {
+        return [text, position.lat, position.lng].join('-');
+    }
+    trackByPolygon(_index, { id }) {
+        return id;
+    }
     mapLoaded() {
         setTimeout(() => {
             // loaded data as geojson
@@ -9091,11 +9108,11 @@ class SitesMapsComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SitesMapsComponent, deps: [{ token: HE_MAP_LOADED }, { token: HeNodeService }, { token: HeNodeStoreService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: SitesMapsComponent, selector: "he-sites-maps", inputs: { loadPolygons: "loadPolygons", sites: "sites", center: "center", zoom: "zoom", showNotice: "showNotice" }, viewQueries: [{ propertyName: "map", first: true, predicate: GoogleMap, descendants: true }], ngImport: i0, template: "<google-map\n  *ngIf=\"mapLoaded$ | async\"\n  (mapInitialized)=\"mapLoaded()\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"zoom\"\n  [center]=\"mapCenter()\">\n  <map-marker *ngFor=\"let marker of markers()\" [position]=\"marker.position\" [icon]=\"marker.icon\"></map-marker>\n  <map-polygon *ngFor=\"let polygon of sitePolygons()\" [paths]=\"polygon.paths\" [options]=\"polygon.options\" />\n  <map-polygon *ngFor=\"let polygon of termPolygons()\" [paths]=\"polygon.paths\" [options]=\"polygon.options\" />\n</google-map>\n\n<p *ngIf=\"showNotice\" class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n\n<div class=\"no-location has-text-center has-text-light\" *ngIf=\"showNoLocation()\">\n  <span>No precise location data</span>\n</div>\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i3$1.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged"], exportAs: ["mapMarker"] }, { kind: "directive", type: i3$1.MapPolygon, selector: "map-polygon", inputs: ["options", "paths"], outputs: ["polygonClick", "polygonDblclick", "polygonDrag", "polygonDragend", "polygonDragstart", "polygonMousedown", "polygonMousemove", "polygonMouseout", "polygonMouseover", "polygonMouseup", "polygonRightclick"], exportAs: ["mapPolygon"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: SitesMapsComponent, selector: "he-sites-maps", inputs: { loadPolygons: "loadPolygons", sites: "sites", center: "center", zoom: "zoom", showNotice: "showNotice" }, viewQueries: [{ propertyName: "map", first: true, predicate: GoogleMap, descendants: true }], ngImport: i0, template: "<google-map\n  *ngIf=\"mapLoaded$ | async\"\n  (mapInitialized)=\"mapLoaded()\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"zoom\"\n  [center]=\"mapCenter()\">\n  <map-marker\n    *ngFor=\"let marker of markers(); trackBy: trackByMarker\"\n    [position]=\"marker.position\"\n    [icon]=\"marker.icon\"></map-marker>\n  <map-polygon\n    *ngFor=\"let polygon of sitePolygons(); trackBy: trackByPolygon\"\n    [paths]=\"polygon.paths\"\n    [options]=\"polygon.options\" />\n  <map-polygon\n    *ngFor=\"let polygon of termPolygons(); trackBy: trackByPolygon\"\n    [paths]=\"polygon.paths\"\n    [options]=\"polygon.options\" />\n</google-map>\n\n<p *ngIf=\"showNotice\" class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n\n<div class=\"no-location has-text-center has-text-light\" *ngIf=\"showNoLocation()\">\n  <span>No precise location data</span>\n</div>\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i3$1.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged"], exportAs: ["mapMarker"] }, { kind: "directive", type: i3$1.MapPolygon, selector: "map-polygon", inputs: ["options", "paths"], outputs: ["polygonClick", "polygonDblclick", "polygonDrag", "polygonDragend", "polygonDragstart", "polygonMousedown", "polygonMousemove", "polygonMouseout", "polygonMouseover", "polygonMouseup", "polygonRightclick"], exportAs: ["mapPolygon"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SitesMapsComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-sites-maps', changeDetection: ChangeDetectionStrategy.OnPush, template: "<google-map\n  *ngIf=\"mapLoaded$ | async\"\n  (mapInitialized)=\"mapLoaded()\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"zoom\"\n  [center]=\"mapCenter()\">\n  <map-marker *ngFor=\"let marker of markers()\" [position]=\"marker.position\" [icon]=\"marker.icon\"></map-marker>\n  <map-polygon *ngFor=\"let polygon of sitePolygons()\" [paths]=\"polygon.paths\" [options]=\"polygon.options\" />\n  <map-polygon *ngFor=\"let polygon of termPolygons()\" [paths]=\"polygon.paths\" [options]=\"polygon.options\" />\n</google-map>\n\n<p *ngIf=\"showNotice\" class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n\n<div class=\"no-location has-text-center has-text-light\" *ngIf=\"showNoLocation()\">\n  <span>No precise location data</span>\n</div>\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"] }]
+            args: [{ selector: 'he-sites-maps', changeDetection: ChangeDetectionStrategy.OnPush, template: "<google-map\n  *ngIf=\"mapLoaded$ | async\"\n  (mapInitialized)=\"mapLoaded()\"\n  height=\"100%\"\n  width=\"100%\"\n  [zoom]=\"zoom\"\n  [center]=\"mapCenter()\">\n  <map-marker\n    *ngFor=\"let marker of markers(); trackBy: trackByMarker\"\n    [position]=\"marker.position\"\n    [icon]=\"marker.icon\"></map-marker>\n  <map-polygon\n    *ngFor=\"let polygon of sitePolygons(); trackBy: trackByPolygon\"\n    [paths]=\"polygon.paths\"\n    [options]=\"polygon.options\" />\n  <map-polygon\n    *ngFor=\"let polygon of termPolygons(); trackBy: trackByPolygon\"\n    [paths]=\"polygon.paths\"\n    [options]=\"polygon.options\" />\n</google-map>\n\n<p *ngIf=\"showNotice\" class=\"mt-2 is-italic is-size-7\">The information provided might not be complete</p>\n\n<div class=\"no-location has-text-center has-text-light\" *ngIf=\"showNoLocation()\">\n  <span>No precise location data</span>\n</div>\n", styles: [":host{display:block;height:100%;position:relative;width:100%}.no-location{background-color:#0000004d;left:0;height:100%;position:absolute;top:0;width:100%;z-index:9}.no-location>span{display:inline-block;margin-top:12%}\n"] }]
         }], ctorParameters: function () { return [{ type: i4$2.Observable, decorators: [{
                     type: Inject,
                     args: [HE_MAP_LOADED]
@@ -9195,11 +9212,11 @@ class SitesMeasurementsComponent {
         this.selectedIndex.set(+value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SitesMeasurementsComponent, deps: [{ token: HeNodeStoreService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: SitesMeasurementsComponent, selector: "he-sites-measurements", inputs: { dataState: "dataState" }, ngImport: i0, template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"hasData()\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter measurements by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"!isOriginal()\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.table\"\n          (click)=\"selectedView = View.table\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Table view</span>\n        </button>\n      </div>\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.logs\"\n          (click)=\"selectedView = View.logs\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Recalculations logs</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n  <ng-container *ngIf=\"hasData(); else emptyTable\">\n    <he-data-table class=\"mb-1 is-small\" [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            <th *ngFor=\"let measurement of measurements()\" [attr.title]=\"measurement.value.term.name\">\n              <he-node-link [node]=\"measurement.value.term\">\n                <span [innerHtml]=\"measurement.value.term.name | ellipsis: 30 | compound\"></span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr class=\"is-italic has-text-weight-semibold\">\n            <th class=\"width-auto has-border-right\"></th>\n            <th *ngFor=\"let measurement of measurements()\" [attr.title]=\"measurement.value.term.units\">\n              <span [innerHtml]=\"measurement.value.term.units | compound\"></span>\n              <he-terms-units-description\n                class=\"is-inline-block is-ml-2\"\n                [term]=\"measurement.value.term\"></he-terms-units-description>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container *ngFor=\"let site of sites(); trackBy: trackById; let i = index\">\n            <tr>\n              <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                <he-node-link [node]=\"site\">\n                  <span>{{ i + 1 }}. {{ defaultLabel(site) }}</span>\n                </he-node-link>\n              </td>\n              <td class=\"is-nowrap\" *ngFor=\"let measurement of measurements()\">\n                <span\n                  *ngIf=\"measurement.value.values[site['@id']]\"\n                  class=\"trigger-popover\"\n                  [ngbPopover]=\"details\"\n                  [autoClose]=\"'outside'\"\n                  popoverClass=\"is-narrow\"\n                  triggers=\"manual\"\n                  #p=\"ngbPopover\"\n                  placement=\"left\"\n                  container=\"body\"\n                  (click)=\"\n                    togglePopover(p, { data: measurement.value.values[site['@id']], site: site, key: 'measurements' })\n                  \">\n                  <span pointer>\n                    {{\n                      measurementValue(measurement.value.values[site['@id']], measurement.value.term['@id'])\n                        | precision: 3\n                        | default: '-'\n                    }}\n                  </span>\n                  <he-blank-node-state\n                    class=\"ml-1\"\n                    [dataState]=\"_dataState()\"\n                    [node]=\"measurement.value.values[site['@id']].node\"\n                    key=\"value\"></he-blank-node-state>\n                </span>\n                <span *ngIf=\"!measurement.value.values[site['@id']]\">\n                  <span>-</span>\n                  <sup class=\"pl-1\" *ngIf=\"siteTooBig(site)\">(1)</sup>\n                </span>\n              </td>\n            </tr>\n          </ng-container>\n        </tbody>\n      </table>\n    </he-data-table>\n\n    <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n\n    <p class=\"is-size-7 is-italic\" *ngIf=\"showAreaTooBig()\">\n      (1) This region is >{{ maxAreaSize }}km2 and is too large to reliably gap fill Measurements.\n    </p>\n  </ng-container>\n</div>\n\n<ng-container *ngIf=\"selectedView === View.logs && !isOriginal()\">\n  <div class=\"field has-addons pt-2 px-3\" *ngIf=\"sites().length > 1\">\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          <option *ngFor=\"let value of sites(); let i = index\" [value]=\"i\">\n            {{ i + 1 }}. {{ defaultLabel(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n\n  <he-node-logs-models\n    *ngIf=\"selectedNode()\"\n    [node]=\"selectedNode()\"\n    [nodeKey]=\"nodeKey\"\n    [originalValues]=\"selectedOriginalValues()\"\n    [recalculatedValues]=\"selectedRecalculatedValues()\"\n    [filterTermTypes]=\"[TermTermType.measurement]\"></he-node-logs-models>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"sites()\"\n  filename=\"site-measurements.csv\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"['site.id', 'site.@id', 'site.measurements.']\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span *ngIf=\"showSwitchToRecalculated()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ node.name }}</b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"></he-node-value-details>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4$1.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: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { 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", "showAggregated", "showDeleted"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["search"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { 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", "dataKey", "dataState"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: SitesMeasurementsComponent, selector: "he-sites-measurements", inputs: { dataState: "dataState" }, ngImport: i0, template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"hasData()\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter measurements by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"!isOriginal()\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.table\"\n          (click)=\"selectedView = View.table\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Table view</span>\n        </button>\n      </div>\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.logs\"\n          (click)=\"selectedView = View.logs\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Recalculations logs</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n  <ng-container *ngIf=\"hasData(); else emptyTable\">\n    <he-data-table class=\"mb-1 is-small\" [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            <th *ngFor=\"let measurement of measurements()\" [attr.title]=\"measurement.value.term.name\">\n              <he-node-link [node]=\"measurement.value.term\">\n                <span [innerHtml]=\"measurement.value.term.name | ellipsis: 30 | compound\"></span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr class=\"is-italic has-text-weight-semibold\">\n            <th class=\"width-auto has-border-right\"></th>\n            <th *ngFor=\"let measurement of measurements()\" [attr.title]=\"measurement.value.term.units\">\n              <span [innerHtml]=\"measurement.value.term.units | compound\"></span>\n              <he-terms-units-description\n                class=\"is-inline-block is-ml-2\"\n                [term]=\"measurement.value.term\"></he-terms-units-description>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container *ngFor=\"let site of sites(); trackBy: trackById; let i = index\">\n            <tr>\n              <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                <he-node-link [node]=\"site\">\n                  <span>{{ i + 1 }}. {{ defaultLabel(site) }}</span>\n                </he-node-link>\n              </td>\n              <td class=\"is-nowrap\" *ngFor=\"let measurement of measurements()\">\n                <span\n                  *ngIf=\"measurement.value.values[site['@id']]\"\n                  class=\"trigger-popover\"\n                  [ngbPopover]=\"details\"\n                  [autoClose]=\"'outside'\"\n                  popoverClass=\"is-narrow\"\n                  triggers=\"manual\"\n                  #p=\"ngbPopover\"\n                  placement=\"left\"\n                  container=\"body\"\n                  (click)=\"\n                    togglePopover(p, { data: measurement.value.values[site['@id']], site: site, key: 'measurements' })\n                  \">\n                  <span pointer>\n                    {{\n                      measurementValue(measurement.value.values[site['@id']], measurement.value.term['@id'])\n                        | precision: 3\n                        | default: '-'\n                    }}\n                  </span>\n                  <he-blank-node-state\n                    class=\"ml-1\"\n                    [dataState]=\"_dataState()\"\n                    [node]=\"measurement.value.values[site['@id']].node\"\n                    key=\"value\"></he-blank-node-state>\n                </span>\n                <span *ngIf=\"!measurement.value.values[site['@id']]\">\n                  <span>-</span>\n                  <sup class=\"pl-1\" *ngIf=\"siteTooBig(site)\">(1)</sup>\n                </span>\n              </td>\n            </tr>\n          </ng-container>\n        </tbody>\n      </table>\n    </he-data-table>\n\n    <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n\n    <p class=\"is-size-7 is-italic\" *ngIf=\"showAreaTooBig()\">\n      (1) This region is >{{ maxAreaSize }}km2 and is too large to reliably gap fill Measurements.\n    </p>\n  </ng-container>\n</div>\n\n<ng-container *ngIf=\"selectedView === View.logs && !isOriginal()\">\n  <div class=\"field has-addons pt-2 px-3\" *ngIf=\"sites().length > 1\">\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          <option *ngFor=\"let value of sites(); let i = index\" [value]=\"i\">\n            {{ i + 1 }}. {{ defaultLabel(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n\n  <he-node-logs-models\n    *ngIf=\"selectedNode()\"\n    [node]=\"selectedNode()\"\n    [nodeKey]=\"nodeKey\"\n    [originalValues]=\"selectedOriginalValues()\"\n    [recalculatedValues]=\"selectedRecalculatedValues()\"\n    [filterTermTypes]=\"[TermTermType.measurement]\"></he-node-logs-models>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"sites()\"\n  filename=\"site-measurements.csv\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"['site.id', 'site.@id', 'site.measurements.']\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"is-pt-3 has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span *ngIf=\"showSwitchToRecalculated()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ node.name }}</b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"></he-node-value-details>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i4$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4$1.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: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { 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", "showAggregated", "showDeleted"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["search"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { 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", "dataKey", "dataState"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: SitesMeasurementsComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-sites-measurements', template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"hasData()\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter measurements by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"!isOriginal()\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.table\"\n          (click)=\"selectedView = View.table\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Table view</span>\n        </button>\n      </div>\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.logs\"\n          (click)=\"selectedView = View.logs\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Recalculations logs</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n  <ng-container *ngIf=\"hasData(); else emptyTable\">\n    <he-data-table class=\"mb-1 is-small\" [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            <th *ngFor=\"let measurement of measurements()\" [attr.title]=\"measurement.value.term.name\">\n              <he-node-link [node]=\"measurement.value.term\">\n                <span [innerHtml]=\"measurement.value.term.name | ellipsis: 30 | compound\"></span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr class=\"is-italic has-text-weight-semibold\">\n            <th class=\"width-auto has-border-right\"></th>\n            <th *ngFor=\"let measurement of measurements()\" [attr.title]=\"measurement.value.term.units\">\n              <span [innerHtml]=\"measurement.value.term.units | compound\"></span>\n              <he-terms-units-description\n                class=\"is-inline-block is-ml-2\"\n                [term]=\"measurement.value.term\"></he-terms-units-description>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container *ngFor=\"let site of sites(); trackBy: trackById; let i = index\">\n            <tr>\n              <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                <he-node-link [node]=\"site\">\n                  <span>{{ i + 1 }}. {{ defaultLabel(site) }}</span>\n                </he-node-link>\n              </td>\n              <td class=\"is-nowrap\" *ngFor=\"let measurement of measurements()\">\n                <span\n                  *ngIf=\"measurement.value.values[site['@id']]\"\n                  class=\"trigger-popover\"\n                  [ngbPopover]=\"details\"\n                  [autoClose]=\"'outside'\"\n                  popoverClass=\"is-narrow\"\n                  triggers=\"manual\"\n                  #p=\"ngbPopover\"\n                  placement=\"left\"\n                  container=\"body\"\n                  (click)=\"\n                    togglePopover(p, { data: measurement.value.values[site['@id']], site: site, key: 'measurements' })\n                  \">\n                  <span pointer>\n                    {{\n                      measurementValue(measurement.value.values[site['@id']], measurement.value.term['@id'])\n                        | precision: 3\n                        | default: '-'\n                    }}\n                  </span>\n                  <he-blank-node-state\n                    class=\"ml-1\"\n                    [dataState]=\"_dataState()\"\n                    [node]=\"measurement.value.values[site['@id']].node\"\n                    key=\"value\"></he-blank-node-state>\n                </span>\n                <span *ngIf=\"!measurement.value.values[site['@id']]\">\n                  <span>-</span>\n                  <sup class=\"pl-1\" *ngIf=\"siteTooBig(site)\">(1)</sup>\n                </span>\n              </td>\n            </tr>\n          </ng-container>\n        </tbody>\n      </table>\n    </he-data-table>\n\n    <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n\n    <p class=\"is-size-7 is-italic\" *ngIf=\"showAreaTooBig()\">\n      (1) This region is >{{ maxAreaSize }}km2 and is too large to reliably gap fill Measurements.\n    </p>\n  </ng-container>\n</div>\n\n<ng-container *ngIf=\"selectedView === View.logs && !isOriginal()\">\n  <div class=\"field has-addons pt-2 px-3\" *ngIf=\"sites().length > 1\">\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          <option *ngFor=\"let value of sites(); let i = index\" [value]=\"i\">\n            {{ i + 1 }}. {{ defaultLabel(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n\n  <he-node-logs-models\n    *ngIf=\"selectedNode()\"\n    [node]=\"selectedNode()\"\n    [nodeKey]=\"nodeKey\"\n    [originalValues]=\"selectedOriginalValues()\"\n    [recalculatedValues]=\"selectedRecalculatedValues()\"\n    [filterTermTypes]=\"[TermTermType.measurement]\"></he-node-logs-models>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"sites()\"\n  filename=\"site-measurements.csv\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"['site.id', 'site.@id', 'site.measurements.']\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span *ngIf=\"showSwitchToRecalculated()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ node.name }}</b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"></he-node-value-details>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}\n"] }]
+            args: [{ selector: 'he-sites-measurements', template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"hasData()\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter measurements by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"!isOriginal()\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.table\"\n          (click)=\"selectedView = View.table\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Table view</span>\n        </button>\n      </div>\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.logs\"\n          (click)=\"selectedView = View.logs\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Recalculations logs</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n  <ng-container *ngIf=\"hasData(); else emptyTable\">\n    <he-data-table class=\"mb-1 is-small\" [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            <th *ngFor=\"let measurement of measurements()\" [attr.title]=\"measurement.value.term.name\">\n              <he-node-link [node]=\"measurement.value.term\">\n                <span [innerHtml]=\"measurement.value.term.name | ellipsis: 30 | compound\"></span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr class=\"is-italic has-text-weight-semibold\">\n            <th class=\"width-auto has-border-right\"></th>\n            <th *ngFor=\"let measurement of measurements()\" [attr.title]=\"measurement.value.term.units\">\n              <span [innerHtml]=\"measurement.value.term.units | compound\"></span>\n              <he-terms-units-description\n                class=\"is-inline-block is-ml-2\"\n                [term]=\"measurement.value.term\"></he-terms-units-description>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container *ngFor=\"let site of sites(); trackBy: trackById; let i = index\">\n            <tr>\n              <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                <he-node-link [node]=\"site\">\n                  <span>{{ i + 1 }}. {{ defaultLabel(site) }}</span>\n                </he-node-link>\n              </td>\n              <td class=\"is-nowrap\" *ngFor=\"let measurement of measurements()\">\n                <span\n                  *ngIf=\"measurement.value.values[site['@id']]\"\n                  class=\"trigger-popover\"\n                  [ngbPopover]=\"details\"\n                  [autoClose]=\"'outside'\"\n                  popoverClass=\"is-narrow\"\n                  triggers=\"manual\"\n                  #p=\"ngbPopover\"\n                  placement=\"left\"\n                  container=\"body\"\n                  (click)=\"\n                    togglePopover(p, { data: measurement.value.values[site['@id']], site: site, key: 'measurements' })\n                  \">\n                  <span pointer>\n                    {{\n                      measurementValue(measurement.value.values[site['@id']], measurement.value.term['@id'])\n                        | precision: 3\n                        | default: '-'\n                    }}\n                  </span>\n                  <he-blank-node-state\n                    class=\"ml-1\"\n                    [dataState]=\"_dataState()\"\n                    [node]=\"measurement.value.values[site['@id']].node\"\n                    key=\"value\"></he-blank-node-state>\n                </span>\n                <span *ngIf=\"!measurement.value.values[site['@id']]\">\n                  <span>-</span>\n                  <sup class=\"pl-1\" *ngIf=\"siteTooBig(site)\">(1)</sup>\n                </span>\n              </td>\n            </tr>\n          </ng-container>\n        </tbody>\n      </table>\n    </he-data-table>\n\n    <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n\n    <p class=\"is-size-7 is-italic\" *ngIf=\"showAreaTooBig()\">\n      (1) This region is >{{ maxAreaSize }}km2 and is too large to reliably gap fill Measurements.\n    </p>\n  </ng-container>\n</div>\n\n<ng-container *ngIf=\"selectedView === View.logs && !isOriginal()\">\n  <div class=\"field has-addons pt-2 px-3\" *ngIf=\"sites().length > 1\">\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          <option *ngFor=\"let value of sites(); let i = index\" [value]=\"i\">\n            {{ i + 1 }}. {{ defaultLabel(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n\n  <he-node-logs-models\n    *ngIf=\"selectedNode()\"\n    [node]=\"selectedNode()\"\n    [nodeKey]=\"nodeKey\"\n    [originalValues]=\"selectedOriginalValues()\"\n    [recalculatedValues]=\"selectedRecalculatedValues()\"\n    [filterTermTypes]=\"[TermTermType.measurement]\"></he-node-logs-models>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"sites()\"\n  filename=\"site-measurements.csv\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"['site.id', 'site.@id', 'site.measurements.']\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"is-pt-3 has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span *ngIf=\"showSwitchToRecalculated()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ node.name }}</b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\"></he-node-value-details>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}\n"] }]
         }], ctorParameters: function () { return [{ type: HeNodeStoreService }]; }, propDecorators: { dataState: [{
                 type: Input
             }] } });
@@ -11118,11 +11135,11 @@ class ImpactAssessmentsProductsComponent {
         this.selectedIndex.set(+value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: ImpactAssessmentsProductsComponent, deps: [{ token: HeNodeStoreService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: ImpactAssessmentsProductsComponent, selector: "he-impact-assessments-products", inputs: { dataState: "dataState", nodeKey: "nodeKey", filterTermTypes: "filterTermTypes", enableFilterMethodModel: "enableFilterMethodModel" }, ngImport: i0, template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"indicators().length\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter indicators by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"impactAssessments().length > 1 || enableBreakdown() || !isOriginal()\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.table\"\n          (click)=\"selectedView = View.table\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Table view</span>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"impactAssessments().length > 1\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.chart\"\n          (click)=\"selectedView = View.chart\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Chart view</span>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"enableBreakdown()\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.breakdown\"\n          (click)=\"selectedView = View.breakdown\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Breakdown view</span>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"!isOriginal()\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.logs\"\n          (click)=\"selectedView = View.logs\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Recalculations logs</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n  <ng-container *ngIf=\"hasData(); else emptyTable\">\n    <he-data-table class=\"mb-1 is-small\" [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 py-0\">\n              <div class=\"select is-small\" *ngIf=\"enableFilterMethodModel\">\n                <select (change)=\"updateSelectedMethodModel($event)\">\n                  <option [ngValue]=\"undefined\">Filter Model</option>\n                  <option *ngFor=\"let term of methodModels()\" [ngValue]=\"term\">{{ term.name }}</option>\n                </select>\n              </div>\n            </th>\n            <th class=\"has-border-right\"></th>\n            <th class=\"has-border-right\"></th>\n            <th *ngFor=\"let indicator of indicators()\" [attr.title]=\"indicator.value.term.name\">\n              <he-node-link [node]=\"indicator.value.term\">\n                <span [innerHtml]=\"indicator.value.term.name | ellipsis: 30 | compound\"></span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr class=\"is-italic has-text-weight-semibold\">\n            <th class=\"width-auto has-border-right\"></th>\n            <th class=\"has-border-right\">\n              <a [href]=\"baseUrl + '/schema/ImpactAssessment#functionalUnit'\" target=\"_blank\">Functional unit</a>\n            </th>\n            <th class=\"has-border-right\">\n              <a [href]=\"baseUrl + '/schema/ImpactAssessment#product'\" target=\"_blank\">Product</a>\n            </th>\n            <th *ngFor=\"let indicator of indicators()\" [attr.title]=\"indicator.value.term.units\">\n              <span [innerHtml]=\"indicator.value.term.units | compound\"></span>\n              <he-terms-units-description\n                class=\"is-inline-block is-ml-2\"\n                [term]=\"indicator.value.term\"></he-terms-units-description>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container *ngFor=\"let impactAssessment of impactAssessments(); trackBy: trackById; let i = index\">\n            <tr>\n              <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                <he-node-link [node]=\"impactAssessment\">\n                  <span>{{ i + 1 }}. {{ impactName(impactAssessment) }}</span>\n                </he-node-link>\n              </td>\n              <td class=\"has-border-right\" [attr.title]=\"impactAssessment.product?.term?.units\">\n                <span>1 {{ impactAssessment.product?.term?.units }}</span>\n              </td>\n              <td class=\"has-border-right\" [attr.title]=\"impactAssessment.product?.term?.name\">\n                <he-node-link *ngIf=\"impactAssessment.product?.term\" [node]=\"impactAssessment.product.term\">\n                  <span>{{ impactAssessment.product.term.name | ellipsis: 30 }}</span>\n                </he-node-link>\n              </td>\n              <td class=\"is-nowrap\" *ngFor=\"let indicator of indicators()\">\n                <span\n                  *ngIf=\"indicator.value.values[impactAssessment['@id']]; else emptyValue\"\n                  class=\"trigger-popover\"\n                  [ngbPopover]=\"details\"\n                  [autoClose]=\"'outside'\"\n                  popoverClass=\"is-narrow\"\n                  triggers=\"manual\"\n                  #p=\"ngbPopover\"\n                  placement=\"left\"\n                  container=\"body\"\n                  (click)=\"\n                    togglePopover(p, {\n                      data: indicator.value.values[impactAssessment['@id']],\n                      impactAssessment: impactAssessment\n                    })\n                  \">\n                  <span pointer>\n                    {{\n                      propertyValue(indicator.value.values[impactAssessment['@id']].value, indicator.value.term['@id'])\n                        | precision: 3\n                        | default: '-'\n                    }}\n                  </span>\n                  <he-blank-node-state\n                    class=\"ml-1\"\n                    [dataState]=\"_dataState()\"\n                    [node]=\"indicator.value.values[impactAssessment['@id']].node\"\n                    key=\"value\"\n                    [state]=\"impactAssessment.aggregated ? 'aggregated' : undefined\"></he-blank-node-state>\n                </span>\n              </td>\n            </tr>\n          </ng-container>\n        </tbody>\n      </table>\n    </he-data-table>\n\n    <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n  </ng-container>\n</div>\n\n<he-impact-assessments-indicator-breakdown-chart\n  *ngIf=\"selectedView === View.breakdown\"\n  [impactAssessment]=\"impactAssessments()[0]\"\n  [indicators]=\"impactAssessments()[0][_nodeKey()]\"></he-impact-assessments-indicator-breakdown-chart>\n\n<he-impact-assessments-indicators-chart\n  *ngIf=\"selectedView === View.chart && impactAssessments().length > 1\"\n  [key]=\"_nodeKey()\"\n  [filterTermTypes]=\"_filterTermTypes()\"></he-impact-assessments-indicators-chart>\n\n<ng-container *ngIf=\"selectedView === View.logs && !isOriginal()\">\n  <div class=\"field has-addons pt-2 px-3\" *ngIf=\"impactAssessments().length > 1\">\n    <div class=\"control\">\n      <span class=\"button is-small is-static is-secondary\">Select an Impact Assessment</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          <option *ngFor=\"let value of impactAssessments(); let i = index\" [value]=\"i\">\n            {{ i + 1 }}. {{ impactName(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n\n  <he-node-logs-models\n    *ngIf=\"selectedNode()\"\n    [node]=\"selectedNode()\"\n    [nodeKey]=\"_nodeKey()\"\n    [filterTermTypes]=\"_filterTermTypes()\"\n    [originalValues]=\"selectedOriginalValues()\"\n    [recalculatedValues]=\"selectedRecalculatedValues()\"\n    [noDataMessage]=\"noDataMessage()\"></he-node-logs-models>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"impactAssessments()\"\n  [filename]=\"'impact-' + _nodeKey() + '.csv'\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"['impactAssessment.id', 'impactAssessment.@id', 'impactAssessment.' + _nodeKey() + '.']\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span [class.is-hidden]=\"!isOriginal()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"impactAssessment\" let-data=\"data\">\n  <p *bindOnce=\"node\">\n    <b>\n      <span *ngIf=\"data.cycle\">{{ cycleLabel(node.cycle) }}</span>\n      <span *ngIf=\"!data.cycle\">{{ data.name }}</span>\n    </b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"_nodeKey()\"></he-node-value-details>\n</ng-template>\n\n<ng-template #suggestion let-impact=\"result\" let-t=\"term\">\n  <div class=\"is-block\">\n    <ngb-highlight [result]=\"impact.name || impact.cycle.name\" [term]=\"t\"></ngb-highlight>\n  </div>\n  <div class=\"columns is-flex\">\n    <div class=\"column\" *ngIf=\"impact.country\">\n      <span class=\"pr-1 has-text-underline\">Country:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.country.name\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.product\">\n      <span class=\"pr-1 has-text-underline\">Product:</span>\n      <span class=\"is-inline-flex\">\n        <ngb-highlight [result]=\"impact.product.term?.name || impact.product.name\" [term]=\"t\"></ngb-highlight>\n      </span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.endDate\">\n      <span class=\"pr-1 has-text-underline\">Date:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.endDate\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n  </div>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:102px;width:102px}he-data-table ::ng-deep .table thead tr th:nth-child(3),he-data-table ::ng-deep .table tbody tr td:nth-child(3){min-width:110px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: i4$1.NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term", "accentSensitive"] }, { kind: "directive", type: i4$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4$1.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: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { 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", "showAggregated", "showDeleted"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["search"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { 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", "dataKey", "dataState"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "component", type: ImpactAssessmentsIndicatorsChartComponent, selector: "he-impact-assessments-indicators-chart", inputs: ["key", "filterTermTypes"] }, { kind: "component", type: ImpactAssessmentsIndicatorBreakdownChartComponent, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: ["impactAssessment", "indicators"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.8", type: ImpactAssessmentsProductsComponent, selector: "he-impact-assessments-products", inputs: { dataState: "dataState", nodeKey: "nodeKey", filterTermTypes: "filterTermTypes", enableFilterMethodModel: "enableFilterMethodModel" }, ngImport: i0, template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"indicators().length\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter indicators by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"impactAssessments().length > 1 || enableBreakdown() || !isOriginal()\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.table\"\n          (click)=\"selectedView = View.table\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Table view</span>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"impactAssessments().length > 1\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.chart\"\n          (click)=\"selectedView = View.chart\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Chart view</span>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"enableBreakdown()\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.breakdown\"\n          (click)=\"selectedView = View.breakdown\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Breakdown view</span>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"!isOriginal()\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.logs\"\n          (click)=\"selectedView = View.logs\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Recalculations logs</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n  <ng-container *ngIf=\"hasData(); else emptyTable\">\n    <he-data-table class=\"mb-1 is-small\" [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 py-0\">\n              <div class=\"select is-small\" *ngIf=\"enableFilterMethodModel\">\n                <select (change)=\"updateSelectedMethodModel($event)\">\n                  <option [ngValue]=\"undefined\">Filter Model</option>\n                  <option *ngFor=\"let term of methodModels()\" [ngValue]=\"term\">{{ term.name }}</option>\n                </select>\n              </div>\n            </th>\n            <th class=\"has-border-right\"></th>\n            <th class=\"has-border-right\"></th>\n            <th *ngFor=\"let indicator of indicators()\" [attr.title]=\"indicator.value.term.name\">\n              <he-node-link [node]=\"indicator.value.term\">\n                <span [innerHtml]=\"indicator.value.term.name | ellipsis: 30 | compound\"></span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr class=\"is-italic has-text-weight-semibold\">\n            <th class=\"width-auto has-border-right\"></th>\n            <th class=\"has-border-right\">\n              <a [href]=\"baseUrl + '/schema/ImpactAssessment#functionalUnit'\" target=\"_blank\">Functional unit</a>\n            </th>\n            <th class=\"has-border-right\">\n              <a [href]=\"baseUrl + '/schema/ImpactAssessment#product'\" target=\"_blank\">Product</a>\n            </th>\n            <th *ngFor=\"let indicator of indicators()\" [attr.title]=\"indicator.value.term.units\">\n              <span [innerHtml]=\"indicator.value.term.units | compound\"></span>\n              <he-terms-units-description\n                class=\"is-inline-block is-ml-2\"\n                [term]=\"indicator.value.term\"></he-terms-units-description>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container *ngFor=\"let impactAssessment of impactAssessments(); trackBy: trackById; let i = index\">\n            <tr>\n              <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                <he-node-link [node]=\"impactAssessment\">\n                  <span>{{ i + 1 }}. {{ impactName(impactAssessment) }}</span>\n                </he-node-link>\n              </td>\n              <td class=\"has-border-right\" [attr.title]=\"impactAssessment.product?.term?.units\">\n                <span>1 {{ impactAssessment.product?.term?.units }}</span>\n              </td>\n              <td class=\"has-border-right\" [attr.title]=\"impactAssessment.product?.term?.name\">\n                <he-node-link *ngIf=\"impactAssessment.product?.term\" [node]=\"impactAssessment.product.term\">\n                  <span>{{ impactAssessment.product.term.name | ellipsis: 30 }}</span>\n                </he-node-link>\n              </td>\n              <td class=\"is-nowrap\" *ngFor=\"let indicator of indicators()\">\n                <span\n                  *ngIf=\"indicator.value.values[impactAssessment['@id']]; else emptyValue\"\n                  class=\"trigger-popover\"\n                  [ngbPopover]=\"details\"\n                  [autoClose]=\"'outside'\"\n                  popoverClass=\"is-narrow\"\n                  triggers=\"manual\"\n                  #p=\"ngbPopover\"\n                  placement=\"left\"\n                  container=\"body\"\n                  (click)=\"\n                    togglePopover(p, {\n                      data: indicator.value.values[impactAssessment['@id']],\n                      impactAssessment: impactAssessment\n                    })\n                  \">\n                  <span pointer>\n                    {{\n                      propertyValue(indicator.value.values[impactAssessment['@id']].value, indicator.value.term['@id'])\n                        | precision: 3\n                        | default: '-'\n                    }}\n                  </span>\n                  <he-blank-node-state\n                    class=\"ml-1\"\n                    [dataState]=\"_dataState()\"\n                    [node]=\"indicator.value.values[impactAssessment['@id']].node\"\n                    key=\"value\"\n                    [state]=\"impactAssessment.aggregated ? 'aggregated' : undefined\"></he-blank-node-state>\n                </span>\n              </td>\n            </tr>\n          </ng-container>\n        </tbody>\n      </table>\n    </he-data-table>\n\n    <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n  </ng-container>\n</div>\n\n<he-impact-assessments-indicator-breakdown-chart\n  *ngIf=\"selectedView === View.breakdown\"\n  [impactAssessment]=\"impactAssessments()[0]\"\n  [indicators]=\"impactAssessments()[0][_nodeKey()]\"></he-impact-assessments-indicator-breakdown-chart>\n\n<he-impact-assessments-indicators-chart\n  *ngIf=\"selectedView === View.chart && impactAssessments().length > 1\"\n  [key]=\"_nodeKey()\"\n  [filterTermTypes]=\"_filterTermTypes()\"></he-impact-assessments-indicators-chart>\n\n<ng-container *ngIf=\"selectedView === View.logs && !isOriginal()\">\n  <div class=\"field has-addons pt-2 px-3\" *ngIf=\"impactAssessments().length > 1\">\n    <div class=\"control\">\n      <span class=\"button is-small is-static is-secondary\">Select an Impact Assessment</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          <option *ngFor=\"let value of impactAssessments(); let i = index\" [value]=\"i\">\n            {{ i + 1 }}. {{ impactName(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n\n  <he-node-logs-models\n    *ngIf=\"selectedNode()\"\n    [node]=\"selectedNode()\"\n    [nodeKey]=\"_nodeKey()\"\n    [filterTermTypes]=\"_filterTermTypes()\"\n    [originalValues]=\"selectedOriginalValues()\"\n    [recalculatedValues]=\"selectedRecalculatedValues()\"\n    [noDataMessage]=\"noDataMessage()\"></he-node-logs-models>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"impactAssessments()\"\n  [filename]=\"'impact-' + _nodeKey() + '.csv'\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"['impactAssessment.id', 'impactAssessment.@id', 'impactAssessment.' + _nodeKey() + '.']\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"is-pt-3 has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span [class.is-hidden]=\"!isOriginal()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"impactAssessment\" let-data=\"data\">\n  <p *bindOnce=\"node\">\n    <b>\n      <span *ngIf=\"data.cycle\">{{ cycleLabel(node.cycle) }}</span>\n      <span *ngIf=\"!data.cycle\">{{ data.name }}</span>\n    </b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"_nodeKey()\"></he-node-value-details>\n</ng-template>\n\n<ng-template #suggestion let-impact=\"result\" let-t=\"term\">\n  <div class=\"is-block\">\n    <ngb-highlight [result]=\"impact.name || impact.cycle.name\" [term]=\"t\"></ngb-highlight>\n  </div>\n  <div class=\"columns is-flex\">\n    <div class=\"column\" *ngIf=\"impact.country\">\n      <span class=\"pr-1 has-text-underline\">Country:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.country.name\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.product\">\n      <span class=\"pr-1 has-text-underline\">Product:</span>\n      <span class=\"is-inline-flex\">\n        <ngb-highlight [result]=\"impact.product.term?.name || impact.product.name\" [term]=\"t\"></ngb-highlight>\n      </span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.endDate\">\n      <span class=\"pr-1 has-text-underline\">Date:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.endDate\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n  </div>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:102px;width:102px}he-data-table ::ng-deep .table thead tr th:nth-child(3),he-data-table ::ng-deep .table tbody tr td:nth-child(3){min-width:110px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: i4$1.NgbHighlight, selector: "ngb-highlight", inputs: ["highlightClass", "result", "term", "accentSensitive"] }, { kind: "directive", type: i4$1.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "directive", type: i4$1.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: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: BindOnceDirective, selector: "[bindOnce]", inputs: ["bindOnce"] }, { 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", "showAggregated", "showDeleted"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["search"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvExportConfirmComponent, selector: "he-node-csv-export-confirm", inputs: ["nodes", "filename", "headerKeys", "extension", "isUpload"], outputs: ["closed"] }, { 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", "dataKey", "dataState"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "component", type: ImpactAssessmentsIndicatorsChartComponent, selector: "he-impact-assessments-indicators-chart", inputs: ["key", "filterTermTypes"] }, { kind: "component", type: ImpactAssessmentsIndicatorBreakdownChartComponent, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: ["impactAssessment", "indicators"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImport: i0, type: ImpactAssessmentsProductsComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-impact-assessments-products', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"indicators().length\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter indicators by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"impactAssessments().length > 1 || enableBreakdown() || !isOriginal()\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.table\"\n          (click)=\"selectedView = View.table\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Table view</span>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"impactAssessments().length > 1\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.chart\"\n          (click)=\"selectedView = View.chart\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Chart view</span>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"enableBreakdown()\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.breakdown\"\n          (click)=\"selectedView = View.breakdown\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Breakdown view</span>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"!isOriginal()\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.logs\"\n          (click)=\"selectedView = View.logs\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Recalculations logs</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n  <ng-container *ngIf=\"hasData(); else emptyTable\">\n    <he-data-table class=\"mb-1 is-small\" [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 py-0\">\n              <div class=\"select is-small\" *ngIf=\"enableFilterMethodModel\">\n                <select (change)=\"updateSelectedMethodModel($event)\">\n                  <option [ngValue]=\"undefined\">Filter Model</option>\n                  <option *ngFor=\"let term of methodModels()\" [ngValue]=\"term\">{{ term.name }}</option>\n                </select>\n              </div>\n            </th>\n            <th class=\"has-border-right\"></th>\n            <th class=\"has-border-right\"></th>\n            <th *ngFor=\"let indicator of indicators()\" [attr.title]=\"indicator.value.term.name\">\n              <he-node-link [node]=\"indicator.value.term\">\n                <span [innerHtml]=\"indicator.value.term.name | ellipsis: 30 | compound\"></span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr class=\"is-italic has-text-weight-semibold\">\n            <th class=\"width-auto has-border-right\"></th>\n            <th class=\"has-border-right\">\n              <a [href]=\"baseUrl + '/schema/ImpactAssessment#functionalUnit'\" target=\"_blank\">Functional unit</a>\n            </th>\n            <th class=\"has-border-right\">\n              <a [href]=\"baseUrl + '/schema/ImpactAssessment#product'\" target=\"_blank\">Product</a>\n            </th>\n            <th *ngFor=\"let indicator of indicators()\" [attr.title]=\"indicator.value.term.units\">\n              <span [innerHtml]=\"indicator.value.term.units | compound\"></span>\n              <he-terms-units-description\n                class=\"is-inline-block is-ml-2\"\n                [term]=\"indicator.value.term\"></he-terms-units-description>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container *ngFor=\"let impactAssessment of impactAssessments(); trackBy: trackById; let i = index\">\n            <tr>\n              <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                <he-node-link [node]=\"impactAssessment\">\n                  <span>{{ i + 1 }}. {{ impactName(impactAssessment) }}</span>\n                </he-node-link>\n              </td>\n              <td class=\"has-border-right\" [attr.title]=\"impactAssessment.product?.term?.units\">\n                <span>1 {{ impactAssessment.product?.term?.units }}</span>\n              </td>\n              <td class=\"has-border-right\" [attr.title]=\"impactAssessment.product?.term?.name\">\n                <he-node-link *ngIf=\"impactAssessment.product?.term\" [node]=\"impactAssessment.product.term\">\n                  <span>{{ impactAssessment.product.term.name | ellipsis: 30 }}</span>\n                </he-node-link>\n              </td>\n              <td class=\"is-nowrap\" *ngFor=\"let indicator of indicators()\">\n                <span\n                  *ngIf=\"indicator.value.values[impactAssessment['@id']]; else emptyValue\"\n                  class=\"trigger-popover\"\n                  [ngbPopover]=\"details\"\n                  [autoClose]=\"'outside'\"\n                  popoverClass=\"is-narrow\"\n                  triggers=\"manual\"\n                  #p=\"ngbPopover\"\n                  placement=\"left\"\n                  container=\"body\"\n                  (click)=\"\n                    togglePopover(p, {\n                      data: indicator.value.values[impactAssessment['@id']],\n                      impactAssessment: impactAssessment\n                    })\n                  \">\n                  <span pointer>\n                    {{\n                      propertyValue(indicator.value.values[impactAssessment['@id']].value, indicator.value.term['@id'])\n                        | precision: 3\n                        | default: '-'\n                    }}\n                  </span>\n                  <he-blank-node-state\n                    class=\"ml-1\"\n                    [dataState]=\"_dataState()\"\n                    [node]=\"indicator.value.values[impactAssessment['@id']].node\"\n                    key=\"value\"\n                    [state]=\"impactAssessment.aggregated ? 'aggregated' : undefined\"></he-blank-node-state>\n                </span>\n              </td>\n            </tr>\n          </ng-container>\n        </tbody>\n      </table>\n    </he-data-table>\n\n    <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n  </ng-container>\n</div>\n\n<he-impact-assessments-indicator-breakdown-chart\n  *ngIf=\"selectedView === View.breakdown\"\n  [impactAssessment]=\"impactAssessments()[0]\"\n  [indicators]=\"impactAssessments()[0][_nodeKey()]\"></he-impact-assessments-indicator-breakdown-chart>\n\n<he-impact-assessments-indicators-chart\n  *ngIf=\"selectedView === View.chart && impactAssessments().length > 1\"\n  [key]=\"_nodeKey()\"\n  [filterTermTypes]=\"_filterTermTypes()\"></he-impact-assessments-indicators-chart>\n\n<ng-container *ngIf=\"selectedView === View.logs && !isOriginal()\">\n  <div class=\"field has-addons pt-2 px-3\" *ngIf=\"impactAssessments().length > 1\">\n    <div class=\"control\">\n      <span class=\"button is-small is-static is-secondary\">Select an Impact Assessment</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          <option *ngFor=\"let value of impactAssessments(); let i = index\" [value]=\"i\">\n            {{ i + 1 }}. {{ impactName(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n\n  <he-node-logs-models\n    *ngIf=\"selectedNode()\"\n    [node]=\"selectedNode()\"\n    [nodeKey]=\"_nodeKey()\"\n    [filterTermTypes]=\"_filterTermTypes()\"\n    [originalValues]=\"selectedOriginalValues()\"\n    [recalculatedValues]=\"selectedRecalculatedValues()\"\n    [noDataMessage]=\"noDataMessage()\"></he-node-logs-models>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"impactAssessments()\"\n  [filename]=\"'impact-' + _nodeKey() + '.csv'\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"['impactAssessment.id', 'impactAssessment.@id', 'impactAssessment.' + _nodeKey() + '.']\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span [class.is-hidden]=\"!isOriginal()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"impactAssessment\" let-data=\"data\">\n  <p *bindOnce=\"node\">\n    <b>\n      <span *ngIf=\"data.cycle\">{{ cycleLabel(node.cycle) }}</span>\n      <span *ngIf=\"!data.cycle\">{{ data.name }}</span>\n    </b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"_nodeKey()\"></he-node-value-details>\n</ng-template>\n\n<ng-template #suggestion let-impact=\"result\" let-t=\"term\">\n  <div class=\"is-block\">\n    <ngb-highlight [result]=\"impact.name || impact.cycle.name\" [term]=\"t\"></ngb-highlight>\n  </div>\n  <div class=\"columns is-flex\">\n    <div class=\"column\" *ngIf=\"impact.country\">\n      <span class=\"pr-1 has-text-underline\">Country:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.country.name\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.product\">\n      <span class=\"pr-1 has-text-underline\">Product:</span>\n      <span class=\"is-inline-flex\">\n        <ngb-highlight [result]=\"impact.product.term?.name || impact.product.name\" [term]=\"t\"></ngb-highlight>\n      </span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.endDate\">\n      <span class=\"pr-1 has-text-underline\">Date:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.endDate\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n  </div>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:102px;width:102px}he-data-table ::ng-deep .table thead tr th:nth-child(3),he-data-table ::ng-deep .table tbody tr td:nth-child(3){min-width:110px}\n"] }]
+            args: [{ selector: 'he-impact-assessments-products', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\" *ngIf=\"indicators().length\">\n  <div class=\"column\">\n    <ng-container *ngIf=\"selectedView === View.table\">\n      <button\n        class=\"button is-small is-ghost\"\n        (click)=\"showDownload = true\"\n        ngbTooltip=\"Download as CSV\"\n        placement=\"bottom\">\n        <fa-icon icon=\"download\" size=\"lg\"></fa-icon>\n      </button>\n    </ng-container>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"selectedView === View.table\">\n    <he-search-extend\n      class=\"is-secondary is-small\"\n      placeholder=\"Filter indicators by name\"\n      (search)=\"filterByTerm($event)\"></he-search-extend>\n  </div>\n  <div class=\"column is-narrow\" *ngIf=\"impactAssessments().length > 1 || enableBreakdown() || !isOriginal()\">\n    <div class=\"field has-addons\">\n      <div class=\"control\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.table\"\n          (click)=\"selectedView = View.table\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"list\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Table view</span>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"impactAssessments().length > 1\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.chart\"\n          (click)=\"selectedView = View.chart\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Chart view</span>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"enableBreakdown()\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.breakdown\"\n          (click)=\"selectedView = View.breakdown\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"chart-bar\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Breakdown view</span>\n        </button>\n      </div>\n      <div class=\"control\" *ngIf=\"!isOriginal()\">\n        <button\n          class=\"button is-small\"\n          [class.is-selected]=\"selectedView === View.logs\"\n          (click)=\"selectedView = View.logs\">\n          <span class=\"icon is-small\">\n            <fa-icon icon=\"calculator\" aria-hidden=\"true\"></fa-icon>\n          </span>\n          <span class=\"is-hidden-mobile\">Recalculations logs</span>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"px-3 pb-3\" [class.is-hidden]=\"selectedView !== View.table\">\n  <ng-container *ngIf=\"hasData(); else emptyTable\">\n    <he-data-table class=\"mb-1 is-small\" [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 py-0\">\n              <div class=\"select is-small\" *ngIf=\"enableFilterMethodModel\">\n                <select (change)=\"updateSelectedMethodModel($event)\">\n                  <option [ngValue]=\"undefined\">Filter Model</option>\n                  <option *ngFor=\"let term of methodModels()\" [ngValue]=\"term\">{{ term.name }}</option>\n                </select>\n              </div>\n            </th>\n            <th class=\"has-border-right\"></th>\n            <th class=\"has-border-right\"></th>\n            <th *ngFor=\"let indicator of indicators()\" [attr.title]=\"indicator.value.term.name\">\n              <he-node-link [node]=\"indicator.value.term\">\n                <span [innerHtml]=\"indicator.value.term.name | ellipsis: 30 | compound\"></span>\n              </he-node-link>\n            </th>\n          </tr>\n          <tr class=\"is-italic has-text-weight-semibold\">\n            <th class=\"width-auto has-border-right\"></th>\n            <th class=\"has-border-right\">\n              <a [href]=\"baseUrl + '/schema/ImpactAssessment#functionalUnit'\" target=\"_blank\">Functional unit</a>\n            </th>\n            <th class=\"has-border-right\">\n              <a [href]=\"baseUrl + '/schema/ImpactAssessment#product'\" target=\"_blank\">Product</a>\n            </th>\n            <th *ngFor=\"let indicator of indicators()\" [attr.title]=\"indicator.value.term.units\">\n              <span [innerHtml]=\"indicator.value.term.units | compound\"></span>\n              <he-terms-units-description\n                class=\"is-inline-block is-ml-2\"\n                [term]=\"indicator.value.term\"></he-terms-units-description>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <ng-container *ngFor=\"let impactAssessment of impactAssessments(); trackBy: trackById; let i = index\">\n            <tr>\n              <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                <he-node-link [node]=\"impactAssessment\">\n                  <span>{{ i + 1 }}. {{ impactName(impactAssessment) }}</span>\n                </he-node-link>\n              </td>\n              <td class=\"has-border-right\" [attr.title]=\"impactAssessment.product?.term?.units\">\n                <span>1 {{ impactAssessment.product?.term?.units }}</span>\n              </td>\n              <td class=\"has-border-right\" [attr.title]=\"impactAssessment.product?.term?.name\">\n                <he-node-link *ngIf=\"impactAssessment.product?.term\" [node]=\"impactAssessment.product.term\">\n                  <span>{{ impactAssessment.product.term.name | ellipsis: 30 }}</span>\n                </he-node-link>\n              </td>\n              <td class=\"is-nowrap\" *ngFor=\"let indicator of indicators()\">\n                <span\n                  *ngIf=\"indicator.value.values[impactAssessment['@id']]; else emptyValue\"\n                  class=\"trigger-popover\"\n                  [ngbPopover]=\"details\"\n                  [autoClose]=\"'outside'\"\n                  popoverClass=\"is-narrow\"\n                  triggers=\"manual\"\n                  #p=\"ngbPopover\"\n                  placement=\"left\"\n                  container=\"body\"\n                  (click)=\"\n                    togglePopover(p, {\n                      data: indicator.value.values[impactAssessment['@id']],\n                      impactAssessment: impactAssessment\n                    })\n                  \">\n                  <span pointer>\n                    {{\n                      propertyValue(indicator.value.values[impactAssessment['@id']].value, indicator.value.term['@id'])\n                        | precision: 3\n                        | default: '-'\n                    }}\n                  </span>\n                  <he-blank-node-state\n                    class=\"ml-1\"\n                    [dataState]=\"_dataState()\"\n                    [node]=\"indicator.value.values[impactAssessment['@id']].node\"\n                    key=\"value\"\n                    [state]=\"impactAssessment.aggregated ? 'aggregated' : undefined\"></he-blank-node-state>\n                </span>\n              </td>\n            </tr>\n          </ng-container>\n        </tbody>\n      </table>\n    </he-data-table>\n\n    <he-blank-node-state-notice [dataState]=\"_dataState()\"></he-blank-node-state-notice>\n  </ng-container>\n</div>\n\n<he-impact-assessments-indicator-breakdown-chart\n  *ngIf=\"selectedView === View.breakdown\"\n  [impactAssessment]=\"impactAssessments()[0]\"\n  [indicators]=\"impactAssessments()[0][_nodeKey()]\"></he-impact-assessments-indicator-breakdown-chart>\n\n<he-impact-assessments-indicators-chart\n  *ngIf=\"selectedView === View.chart && impactAssessments().length > 1\"\n  [key]=\"_nodeKey()\"\n  [filterTermTypes]=\"_filterTermTypes()\"></he-impact-assessments-indicators-chart>\n\n<ng-container *ngIf=\"selectedView === View.logs && !isOriginal()\">\n  <div class=\"field has-addons pt-2 px-3\" *ngIf=\"impactAssessments().length > 1\">\n    <div class=\"control\">\n      <span class=\"button is-small is-static is-secondary\">Select an Impact Assessment</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          <option *ngFor=\"let value of impactAssessments(); let i = index\" [value]=\"i\">\n            {{ i + 1 }}. {{ impactName(value) }}\n          </option>\n        </select>\n      </div>\n    </div>\n  </div>\n\n  <he-node-logs-models\n    *ngIf=\"selectedNode()\"\n    [node]=\"selectedNode()\"\n    [nodeKey]=\"_nodeKey()\"\n    [filterTermTypes]=\"_filterTermTypes()\"\n    [originalValues]=\"selectedOriginalValues()\"\n    [recalculatedValues]=\"selectedRecalculatedValues()\"\n    [noDataMessage]=\"noDataMessage()\"></he-node-logs-models>\n</ng-container>\n\n<he-node-csv-export-confirm\n  *ngIf=\"showDownload\"\n  [nodes]=\"impactAssessments()\"\n  [filename]=\"'impact-' + _nodeKey() + '.csv'\"\n  [isUpload]=\"false\"\n  [headerKeys]=\"['impactAssessment.id', 'impactAssessment.@id', 'impactAssessment.' + _nodeKey() + '.']\"\n  (closed)=\"showDownload = false\"></he-node-csv-export-confirm>\n\n<ng-template #emptyTable>\n  <div class=\"is-pt-3 has-text-centered\">\n    <span>No data available</span>\n    <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n    <span>.</span>\n    <span [class.is-hidden]=\"!isOriginal()\">\n      Switch to\n      <code>recalculated</code>\n      version.\n    </span>\n  </div>\n</ng-template>\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"impactAssessment\" let-data=\"data\">\n  <p *bindOnce=\"node\">\n    <b>\n      <span *ngIf=\"data.cycle\">{{ cycleLabel(node.cycle) }}</span>\n      <span *ngIf=\"!data.cycle\">{{ data.name }}</span>\n    </b>\n  </p>\n  <he-node-value-details\n    [data]=\"data\"\n    [dataState]=\"_dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"_nodeKey()\"></he-node-value-details>\n</ng-template>\n\n<ng-template #suggestion let-impact=\"result\" let-t=\"term\">\n  <div class=\"is-block\">\n    <ngb-highlight [result]=\"impact.name || impact.cycle.name\" [term]=\"t\"></ngb-highlight>\n  </div>\n  <div class=\"columns is-flex\">\n    <div class=\"column\" *ngIf=\"impact.country\">\n      <span class=\"pr-1 has-text-underline\">Country:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.country.name\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.product\">\n      <span class=\"pr-1 has-text-underline\">Product:</span>\n      <span class=\"is-inline-flex\">\n        <ngb-highlight [result]=\"impact.product.term?.name || impact.product.name\" [term]=\"t\"></ngb-highlight>\n      </span>\n    </div>\n    <div class=\"column\" *ngIf=\"impact.endDate\">\n      <span class=\"pr-1 has-text-underline\">Date:</span>\n      <span class=\"is-inline-flex\"><ngb-highlight [result]=\"impact.endDate\" [term]=\"t\"></ngb-highlight></span>\n    </div>\n  </div>\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}he-data-table ::ng-deep .table thead tr th:nth-child(2),he-data-table ::ng-deep .table tbody tr td:nth-child(2){max-width:102px;width:102px}he-data-table ::ng-deep .table thead tr th:nth-child(3),he-data-table ::ng-deep .table tbody tr td:nth-child(3){min-width:110px}\n"] }]
         }], ctorParameters: function () { return [{ type: HeNodeStoreService }]; }, propDecorators: { dataState: [{
                 type: Input
             }], nodeKey: [{
@@ -12050,5 +12067,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ARRAY_DELIMITER, ApplyPurePipe, BibliographiesSearchConfirmComponent, BindOnceDirective, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, BlankNodesKey, ClickOutsideDirective, ClipboardComponent, ColorPalette, CompoundDirective, CompoundPipe, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DiffsDisplayType, DropdownComponent, EllipsisPipe, EngineModelsStageComponent, EngineModelsVersionLinkComponent, EngineOrchestratorEditComponent, EngineRequirementsFormComponent, FilesFormComponent, FilesUploadErrorsComponent, FilterComponent, FilterHasOptionsPipe, GetPipe, GlossaryMigrationFormat, HE_API_BASE_URL, HE_CALCULATIONS_BASE_URL, HE_MAP_LOADED, HE_ORCHESTRATOR_BASE_URL, HeAggregationEngineService, HeAuthService, HeBibliographiesModule, HeCommonLightModule, HeCommonModule, HeCommonService, HeCyclesModule, HeEngineModule, HeEngineService, HeFilesModule, HeFontawesomeModule, HeGlossaryService, HeImpactAssessmentsModule, HeMendeleyService, HeNodeCsvService, HeNodeModule, HeNodeService, HeNodeStoreService, HeSchemaModule, HeSchemaService, HeSearchService, HeSelectModule, HeSitesModule, HeSvgIconsModule, HeTermsModule, HeToastService, HeUsersService, ImpactAssessmentsGraphComponent, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, IsArrayPipe, IsObjectPipe, IssueConfirmComponent, KeyToLabelPipe, KeysPipe, Level, LinkKeyValueComponent, LogStatus, MAX_RESULTS, MAX_STAGE, MapsDrawingConfirmComponent, MendeleySearchResult, MobileShellComponent, NavigationMenuComponent, NavigationMenuService, NoExtPipe, NodeCsvExportConfirmComponent, NodeCsvSelectHeadersComponent, NodeDiffsComponent, NodeElementDirective, NodeIconComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeMissingLookupFactorsComponent, NodeRecommendationsComponent, NodeValueDetailsComponent, NonBlankNodesKey, OPTION_GROUP_TOKEN, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RemoveMarkdownPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SELECT_OPTION_TOKEN, SELECT_TOKEN, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, SelectComponent, SelectOptionComponent, SelectOptionGroupComponent, ShellComponent, SitesMapsComponent, SitesMeasurementsComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, TimesPipe, ToastComponent, ToggleOptionDirective, UnitConverterComponent, addPolygonToFeature, allCountriesQuery, arrayValue, availableProperties, baseUrl, bottom, buildSummary, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, clustererImage, code, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, coordinatesToPoint, copyObject, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, defaultFeature, defaultLabel, defaultSuggestionType, definitionToSchemaType, distinctUntilChangedDeep, ellipsis, engineGitBaseUrl, engineGitUrl, errorHasError, errorHasWarning, errorText, evaluateSuccess, externalLink, fillColor, fillStyle, filterBlankNode$1 as filterBlankNode, filterError, filterParams, findConfigModels, findMatchingModel, findModels, findOrchestratorModel, findProperty, findPropertyById, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatError, formatPropertyError, formatter, getColor, gitBranch, gitHome, gitRawBaseUrl, glossaryLink, groupChanged, groupLogsByModel, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, handleAPIError, hasError, hasLeafWithValue, hasWarning, ignoreKeys$1 as ignoreKeys, initialFilterState, isAddPropertyEnabled, isChrome, isEqual, isExternal, isMethodModelAllowed, isMigrationError, isMissingOneOfError, isMissingPropertyError, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isValidKey, keyToDataPath, levels, linkTypeEnabled, listColor, listColorContinuous, loadMapApi, locationQuery, logToCsv$1 as logToCsv, logValueArray, logsKey, lookupUrl, lookups, mapFilterData, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchAggregatedValidatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchId, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchPrimaryProductQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, methodTierOrder, migrationErrorMessage, migrationsUrl, missingNodeErrors, modelCount, modelKeyParams, modelParams, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeLink, nodeLogsUrl, nodeUrl, nodeVersion, numberGte, parentKey, parentProperty, parseData, parseDataPath, parseLines, parseMessage$1 as parseMessage, parseNewValue, pathToApiDocsPath, pluralize, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonToMap, polygonsFromFeature, populateWithTrackIdsFilterData, primaryProduct, productsQuery, propertyError, propertyId, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, repeat, reportIssueLink, reportIssueUrl, safeJSONParse, safeJSONStringify, schemaBaseUrl, schemaLink, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchFilterData, searchableTypes, siblingProperty, singleProperty, siteTooBig, sortProperties, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toThousands, typeToNewProperty, typeaheadFocus, updateProperties, valueTypeToDefault, waitFor, wildcardQuery };
+export { ARRAY_DELIMITER, ApplyPurePipe, BibliographiesSearchConfirmComponent, BindOnceDirective, BlankNodeStateComponent, BlankNodeStateNoticeComponent, BlankNodeValueDeltaComponent, BlankNodesKey, ClickOutsideDirective, ClipboardComponent, ColorPalette, CompoundDirective, CompoundPipe, CycleNodesKeyGroup, CyclesCompletenessComponent, CyclesEmissionsChartComponent, CyclesFunctionalUnitMeasureComponent, CyclesNodesComponent, CyclesNodesTimelineComponent, CyclesResultComponent, DataTableComponent, DefaultPipe, DeltaColour, DiffsDisplayType, DropdownComponent, EllipsisPipe, EngineModelsStageComponent, EngineModelsVersionLinkComponent, EngineOrchestratorEditComponent, EngineRequirementsFormComponent, FilesFormComponent, FilesUploadErrorsComponent, FilterComponent, FilterHasOptionsPipe, GetPipe, GlossaryMigrationFormat, HE_API_BASE_URL, HE_CALCULATIONS_BASE_URL, HE_MAP_LOADED, HE_ORCHESTRATOR_BASE_URL, HeAggregationEngineService, HeAuthService, HeBibliographiesModule, HeCommonLightModule, HeCommonModule, HeCommonService, HeCyclesModule, HeEngineModule, HeEngineService, HeFilesModule, HeFontawesomeModule, HeGlossaryService, HeImpactAssessmentsModule, HeMendeleyService, HeNodeCsvService, HeNodeModule, HeNodeService, HeNodeStoreService, HeSchemaModule, HeSchemaService, HeSearchService, HeSelectModule, HeSitesModule, HeSvgIconsModule, HeTermsModule, HeToastService, HeUsersService, ImpactAssessmentsGraphComponent, ImpactAssessmentsIndicatorBreakdownChartComponent, ImpactAssessmentsIndicatorsChartComponent, ImpactAssessmentsProductsComponent, IsArrayPipe, IsObjectPipe, IssueConfirmComponent, KeyToLabelPipe, KeysPipe, Level, LinkKeyValueComponent, LogStatus, MAX_RESULTS, MAX_STAGE, MapsDrawingConfirmComponent, MendeleySearchResult, MobileShellComponent, NavigationMenuComponent, NavigationMenuService, NoExtPipe, NodeCsvExportConfirmComponent, NodeCsvSelectHeadersComponent, NodeDiffsComponent, NodeElementDirective, NodeIconComponent, NodeKeyState, NodeLinkComponent, NodeLogsFileComponent, NodeLogsModelsComponent, NodeMissingLookupFactorsComponent, NodeRecommendationsComponent, NodeValueDetailsComponent, NonBlankNodesKey, OPTION_GROUP_TOKEN, PluralizePipe, PopoverComponent, PopoverConfirmComponent, PrecisionPipe, RemoveMarkdownPipe, Repository, ResizedDirective, ResizedEvent, ResponsiveService, SELECT_OPTION_TOKEN, SELECT_TOKEN, SchemaInfoComponent, SchemaVersionLinkComponent, SearchExtendComponent, SelectComponent, SelectOptionComponent, SelectOptionGroupComponent, ShellComponent, SitesMapsComponent, SitesMeasurementsComponent, SkeletonTextComponent, SocialTagsComponent, SortByPipe, SortSelectComponent, TagsInputDirective, Template, TermsPropertyContentComponent, TermsSubClassOfContentComponent, TermsUnitsDescriptionComponent, ThousandSuffixesPipe, TimesPipe, ToastComponent, ToggleOptionDirective, UnitConverterComponent, addPolygonToFeature, allCountriesQuery, arrayValue, availableProperties, baseUrl, bottom, buildSummary, calculateCycleDuration, calculateCycleDurationEnabled, calculateCycleStartDate, calculateCycleStartDateEnabled, clustererImage, code, compoundToHtml, computeKeys, computeTerms, contactUsEmail, contactUsLink, coordinatesToPoint, copyObject, countriesQuery, createMarker, cropsQuery, d3ellipse, d3wrap, dataPathLabel, dataPathToKey, defaultFeature, defaultLabel, defaultSuggestionType, definitionToSchemaType, distinctUntilChangedDeep, ellipsis, engineGitBaseUrl, engineGitUrl, errorHasError, errorHasWarning, errorText, evaluateSuccess, externalLink, fillColor, fillStyle, filterBlankNode$1 as filterBlankNode, filterError, filterParams, findConfigModels, findMatchingModel, findModels, findOrchestratorModel, findProperty, findPropertyById, flatFilterData, flatFilterNode, formatCustomErrorMessage, formatError, formatPropertyError, formatter, getColor, gitBranch, gitHome, gitRawBaseUrl, glossaryLink, groupChanged, groupLogsByModel, groupLogsByTerm, groupNodesByTerm, groupdLogsByKey, grouppedKeys, grouppedValueKeys, handleAPIError, hasError, hasLeafWithValue, hasWarning, ignoreKeys$1 as ignoreKeys, initialFilterState, isAddPropertyEnabled, isChrome, isEqual, isExternal, isMethodModelAllowed, isMigrationError, isMissingOneOfError, isMissingPropertyError, isNonNodeModelKey, isSchemaIri, isScrolledBelow, isState, isValidKey, keyToDataPath, levels, linkTypeEnabled, listColor, listColorContinuous, loadMapApi, locationQuery, logToCsv$1 as logToCsv, logValueArray, logsKey, lookupUrl, lookups, mapFilterData, mapsUrl, markerIcon, markerPie, matchAggregatedQuery, matchAggregatedValidatedQuery, matchBoolPrefixQuery, matchCountry, matchExactQuery, matchGlobalRegion, matchId, matchNameNormalized, matchNestedKey, matchPhrasePrefixQuery, matchPhraseQuery, matchPrimaryProductQuery, matchQuery, matchRegex, matchRegion, matchTermType, matchType, maxAreaSize, measurementValue, methodTierOrder, migrationErrorMessage, migrationsUrl, missingNodeErrors, modelCount, modelKeyParams, modelParams, multiMatchQuery, nestedProperty, nestingEnabled, nestingTypeEnabled, nodeAvailableProperties, nodeLink, nodeLogsUrl, nodeTypeDataState, nodeUrl, nodeVersion, numberGte, parentKey, parentProperty, parseData, parseDataPath, parseLines, parseMessage$1 as parseMessage, parseNewValue, pathToApiDocsPath, pluralize, pointToCoordinates, polygonBounds, polygonToCoordinates, polygonToMap, polygonsFromFeature, populateWithTrackIdsFilterData, primaryProduct, productsQuery, propertyError, propertyId, recursiveProperties, refToSchemaType, refreshPropertyKeys, regionsQuery, repeat, reportIssueLink, reportIssueUrl, safeJSONParse, safeJSONStringify, schemaBaseUrl, schemaLink, schemaRequiredProperties, schemaTypeToDefaultValue, scrollToEl, scrollTop, searchFilterData, searchableTypes, siblingProperty, singleProperty, siteTooBig, sortProperties, strokeColor, strokeStyle, suggestMatchQuery, suggestQuery, takeAfterViewInit, termLocation, termLocationName, termProperties, termTypeLabel, toThousands, typeToNewProperty, typeaheadFocus, updateProperties, valueTypeToDefault, waitFor, wildcardQuery };
 //# sourceMappingURL=hestia-earth-ui-components.mjs.map