@hestia-earth/ui-components 0.31.37 → 0.31.38

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

@@ -5823,16 +5823,17 @@ class NodeLinkComponent {
         this.faExternalLinkAlt = faExternalLinkAlt;
         this.dataVersion = toSignal(this.route.queryParams.pipe(map(({ dataVersion }) => dataVersion)));
         this.node = input.required();
+        this.dataState = input();
         this.showExternalLink = input(false);
         this.linkClass = input();
         this.id = computed(() => this.node()?.['@id']);
         this.type = computed(() => this.node()?.['@type']);
         this.aggregated = computed(() => this.node().aggregated);
-        this.dataState = computed(() => 
-        // aggregated ImpactAsessment only have a recalculated version
-        this.aggregated() && this.type() === NodeType.ImpactAssessment ? DataState.recalculated : DataState.original);
+        this._dataState = computed(() => this.dataState() ||
+            // aggregated ImpactAsessment only have a recalculated version
+            (this.aggregated() && this.type() === NodeType.ImpactAssessment ? DataState.recalculated : DataState.original));
         this.urlParams = computed(() => [
-            this.dataState() !== DataState.original ? `dataState=${this.dataState()}` : '',
+            this._dataState() !== DataState.original ? `dataState=${this._dataState()}` : '',
             this.dataVersion() ? `dataVersion=${this.dataVersion()}` : ''
         ]
             .filter(Boolean)
@@ -5844,7 +5845,7 @@ class NodeLinkComponent {
         this.target = computed(() => (this.showExternalLink() || isExternal() ? '_blank' : '_self'));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NodeLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: NodeLinkComponent, isStandalone: true, selector: "he-node-link", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, showExternalLink: { classPropertyName: "showExternalLink", publicName: "showExternalLink", isSignal: true, isRequired: false, transformFunction: null }, linkClass: { classPropertyName: "linkClass", publicName: "linkClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (showLink()) {\n  <a [ngClass]=\"linkClass()\" [href]=\"url()\" [target]=\"target()\" (click)=\"$event.stopPropagation()\">\n    <ng-container *ngTemplateOutlet=\"content\" />\n\n    @if (showExternalLink()) {\n      <fa-icon class=\"no-print is-ml-2\" [icon]=\"faExternalLinkAlt\" size=\"sm\" />\n    }\n  </a>\n} @else {\n  <span #placeholder><ng-content></ng-content></span>\n  @if (placeholder.children.length === 0) {\n    <span>{{ id() }}</span>\n  }\n}\n\n<ng-template #content>\n  <span #placeholder><ng-content></ng-content></span>\n  @if (placeholder.children.length === 0) {\n    <span>{{ id() }}</span>\n  }\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: NodeLinkComponent, isStandalone: true, selector: "he-node-link", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, showExternalLink: { classPropertyName: "showExternalLink", publicName: "showExternalLink", isSignal: true, isRequired: false, transformFunction: null }, linkClass: { classPropertyName: "linkClass", publicName: "linkClass", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (showLink()) {\n  <a [ngClass]=\"linkClass()\" [href]=\"url()\" [target]=\"target()\" (click)=\"$event.stopPropagation()\">\n    <ng-container *ngTemplateOutlet=\"content\" />\n\n    @if (showExternalLink()) {\n      <fa-icon class=\"no-print is-ml-2\" [icon]=\"faExternalLinkAlt\" size=\"sm\" />\n    }\n  </a>\n} @else {\n  <span #placeholder><ng-content></ng-content></span>\n  @if (placeholder.children.length === 0) {\n    <span>{{ id() }}</span>\n  }\n}\n\n<ng-template #content>\n  <span #placeholder><ng-content></ng-content></span>\n  @if (placeholder.children.length === 0) {\n    <span>{{ id() }}</span>\n  }\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NodeLinkComponent, decorators: [{
             type: Component$1,
@@ -5879,7 +5880,7 @@ class NodeCsvExportConfirmComponent {
         this.activeModal?.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NodeCsvExportConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: NodeCsvExportConfirmComponent, isStandalone: true, selector: "he-node-csv-export-confirm", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, filename: { classPropertyName: "filename", publicName: "filename", isSignal: true, isRequired: false, transformFunction: null }, headerKeys: { classPropertyName: "headerKeys", publicName: "headerKeys", isSignal: true, isRequired: false, transformFunction: null }, extension: { classPropertyName: "extension", publicName: "extension", isSignal: true, isRequired: false, transformFunction: null }, isUpload: { classPropertyName: "isUpload", publicName: "isUpload", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodes: "nodesChange", filename: "filenameChange", headerKeys: "headerKeysChange", extension: "extensionChange", isUpload: "isUploadChange", closed: "closed" }, ngImport: i0, template: "<div class=\"modal is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Export as CSV</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"close()\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      @if (isUpload()) {\n        <div class=\"notification is-info\" role=\"alert\">\n          <span>After Download, you can edit and</span>\n          <a class=\"px-1\" routerLink=\"../\">upload the CSV file</a>\n          <span>to submit your content on the HESTIA platform, and your draft will remain unchanged.</span>\n          <p>\n            <span>\n              Alternatively, you can import the CSV file right back by clicking on the \"Import from CSV\" button and\n              selecting the exported file.\n            </span>\n          </p>\n        </div>\n      } @else if (includedNodes().length > 1) {\n        <p class=\"mb-2\">\n          <b>{{ includedNodes().length }}</b>\n          <span class=\"px-1\">Nodes will be included in your download.</span>\n          <a (click)=\"showIncludeNodes.set(!showIncludeNodes())\">\n            @if (showIncludeNodes()) {\n              Hide list\n            } @else {\n              Show list\n            }\n          </a>\n        </p>\n        @if (showIncludeNodes()) {\n          <he-data-table maxHeight=\"400\">\n            <table class=\"table is-fullwidth is-striped is-mb-0\">\n              <thead>\n                <tr>\n                  <th class=\"width-auto has-border-right\">\n                    <span>Type</span>\n                  </th>\n                  <th>\n                    <span>Name</span>\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                @for (node of includedNodes(); track node) {\n                  <tr>\n                    <td class=\"width-auto has-border-right\">\n                      {{ node.node['@type'] }}\n                    </td>\n                    <td>\n                      <he-node-link [node]=\"node.node\" [showExternalLink]=\"true\">\n                        <span>{{ node.node.name }}</span>\n                      </he-node-link>\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n        }\n      }\n\n      <he-node-csv-select-headers\n        [class.is-hidden]=\"isUpload()\"\n        [csv]=\"csvData()\"\n        [keys]=\"headerKeys()\"\n        [includeDefaultCSV]=\"isUpload()\"\n        (headersChanged)=\"headers.set($event)\"></he-node-csv-select-headers>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <a\n        class=\"button is-primary\"\n        target=\"_blank\"\n        [attr.disabled]=\"csvContent() ? null : true\"\n        [href]=\"csvContent()\"\n        [attr.download]=\"csvContent() ? downloadFilename() : null\"\n        (click)=\"close()\">\n        <fa-icon class=\"mr-2\" [icon]=\"faDownload\" />\n        <span>Download CSV</span>\n      </a>\n      <button class=\"button is-ghost\" (click)=\"close()\">\n        <span>Cancel</span>\n      </button>\n    </footer>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvSelectHeadersComponent, selector: "he-node-csv-select-headers", inputs: ["csv", "keys", "includeDefaultCSV"], outputs: ["headersChanged"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: NodeCsvExportConfirmComponent, isStandalone: true, selector: "he-node-csv-export-confirm", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, filename: { classPropertyName: "filename", publicName: "filename", isSignal: true, isRequired: false, transformFunction: null }, headerKeys: { classPropertyName: "headerKeys", publicName: "headerKeys", isSignal: true, isRequired: false, transformFunction: null }, extension: { classPropertyName: "extension", publicName: "extension", isSignal: true, isRequired: false, transformFunction: null }, isUpload: { classPropertyName: "isUpload", publicName: "isUpload", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nodes: "nodesChange", filename: "filenameChange", headerKeys: "headerKeysChange", extension: "extensionChange", isUpload: "isUploadChange", closed: "closed" }, ngImport: i0, template: "<div class=\"modal is-active\">\n  <div class=\"modal-background\"></div>\n  <div class=\"modal-card\">\n    <header class=\"modal-card-head\">\n      <p class=\"modal-card-title\">Export as CSV</p>\n      <button class=\"delete\" aria-label=\"close\" (click)=\"close()\"></button>\n    </header>\n    <section class=\"modal-card-body\">\n      @if (isUpload()) {\n        <div class=\"notification is-info\" role=\"alert\">\n          <span>After Download, you can edit and</span>\n          <a class=\"px-1\" routerLink=\"../\">upload the CSV file</a>\n          <span>to submit your content on the HESTIA platform, and your draft will remain unchanged.</span>\n          <p>\n            <span>\n              Alternatively, you can import the CSV file right back by clicking on the \"Import from CSV\" button and\n              selecting the exported file.\n            </span>\n          </p>\n        </div>\n      } @else if (includedNodes().length > 1) {\n        <p class=\"mb-2\">\n          <b>{{ includedNodes().length }}</b>\n          <span class=\"px-1\">Nodes will be included in your download.</span>\n          <a (click)=\"showIncludeNodes.set(!showIncludeNodes())\">\n            @if (showIncludeNodes()) {\n              Hide list\n            } @else {\n              Show list\n            }\n          </a>\n        </p>\n        @if (showIncludeNodes()) {\n          <he-data-table maxHeight=\"400\">\n            <table class=\"table is-fullwidth is-striped is-mb-0\">\n              <thead>\n                <tr>\n                  <th class=\"width-auto has-border-right\">\n                    <span>Type</span>\n                  </th>\n                  <th>\n                    <span>Name</span>\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                @for (node of includedNodes(); track node) {\n                  <tr>\n                    <td class=\"width-auto has-border-right\">\n                      {{ node.node['@type'] }}\n                    </td>\n                    <td>\n                      <he-node-link [node]=\"node.node\" [showExternalLink]=\"true\">\n                        <span>{{ node.node.name }}</span>\n                      </he-node-link>\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n        }\n      }\n\n      <he-node-csv-select-headers\n        [class.is-hidden]=\"isUpload()\"\n        [csv]=\"csvData()\"\n        [keys]=\"headerKeys()\"\n        [includeDefaultCSV]=\"isUpload()\"\n        (headersChanged)=\"headers.set($event)\"></he-node-csv-select-headers>\n    </section>\n    <footer class=\"modal-card-foot\">\n      <a\n        class=\"button is-primary\"\n        target=\"_blank\"\n        [attr.disabled]=\"csvContent() ? null : true\"\n        [href]=\"csvContent()\"\n        [attr.download]=\"csvContent() ? downloadFilename() : null\"\n        (click)=\"close()\">\n        <fa-icon class=\"mr-2\" [icon]=\"faDownload\" />\n        <span>Download CSV</span>\n      </a>\n      <button class=\"button is-ghost\" (click)=\"close()\">\n        <span>Cancel</span>\n      </button>\n    </footer>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: NodeCsvSelectHeadersComponent, selector: "he-node-csv-select-headers", inputs: ["csv", "keys", "includeDefaultCSV"], outputs: ["headersChanged"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NodeCsvExportConfirmComponent, decorators: [{
             type: Component$1,
@@ -6573,8 +6574,11 @@ class NodeLogsModelsLogsComponent {
         sorting.sortBy = sortBy;
         sorting.sortOrder = sortOrder;
     }
+    listHeaders(values) {
+        return typeof values?.[0] === 'object' ? unique(values.flatMap(v => Object.keys(v))).sort() : [];
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NodeLogsModelsLogsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: NodeLogsModelsLogsComponent, isStandalone: true, selector: "he-node-logs-models-logs", inputs: { logs: { classPropertyName: "logs", publicName: "logs", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"table-container\">\n  <table class=\"table is-dark is-fullwidth\">\n    <tbody>\n      @if (requirements()) {\n        @for (key of requirementKeys(); track key) {\n          <ng-container *ngTemplateOutlet=\"logLine; context: { key, value: requirements()[key] }\" />\n        }\n      }\n\n      @if (logs()?.logs) {\n        @for (key of logs().logs | keyvalue; track key) {\n          <ng-container *ngTemplateOutlet=\"logLine; context: key\" />\n        }\n      }\n    </tbody>\n  </table>\n</div>\n\n@if (logs()?.missingLookups?.length) {\n  <div class=\"it-mt-2\">\n    <p>Data missing (might be optional):</p>\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-dark is-fullwidth is-striped\">\n        <thead>\n          <tr>\n            <th class=\"has-text-white\">\n              <span>Filename</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Column Title</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-text-white\">\n          @for (data of logs().missingLookups; track dataIndex; let dataIndex = $index) {\n            <tr>\n              <td>{{ data.filename }}</td>\n              <td>{{ data.column }}</td>\n              <td>{{ data.termId }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  </div>\n}\n\n<ng-template #sortColumn let-column=\"column\" let-sorting=\"sorting\">\n  <a class=\"is-p-1 has-text-white\" (click)=\"toggleSort(column, sorting)\">\n    @if (sorting.sortBy === column) {\n      @if (sorting.sortOrder === 'asc') {\n        <svg-icon name=\"sort-up\" />\n      } @else {\n        <svg-icon name=\"sort-down\" />\n      }\n    } @else {\n      <svg-icon name=\"sort\" />\n    }\n  </a>\n</ng-template>\n\n<ng-template #logLineArray let-value=\"value\" let-sorting=\"sorting\">\n  <table class=\"table is-dark is-bordered is-striped\">\n    @if (value[0] | isObject) {\n      <thead>\n        <tr>\n          @for (v of value[0] | keyvalue; track v.key) {\n            <th class=\"has-text-white\">\n              <div class=\"is-nowrap\">\n                {{ v.key }}\n                <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: v.key, sorting }\" />\n              </div>\n            </th>\n          }\n        </tr>\n      </thead>\n    }\n    <tbody>\n      @for (v of value | sortBy: sorting.sortBy : sorting.sortOrder; track i; let i = $index) {\n        <tr>\n          @if (v | isObject) {\n            @for (vv of v | keyvalue; track vv.value) {\n              <td>{{ vv.value }}</td>\n            }\n          } @else {\n            <td>{{ v }}</td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  @if (requirementLinkedNode(key, value); as linkedNode) {\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\" />\n  } @else {\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  }\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right | copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        @if (parseLogCompleteness(key); as completeness) {\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ completeness.key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ completeness.value }}</code>\n        } @else {\n          @switch (key) {\n            @default {\n              {{ key | keyToLabel }}\n            }\n            @case ('property_id') {\n              Property Term &#64;id\n            }\n            @case ('product_id') {\n              Product Term &#64;id\n            }\n            @case ('crop_product_id') {\n              Crop Product Term &#64;id\n            }\n            @case ('input_id') {\n              Input Term &#64;id\n            }\n            @case ('node_type_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('siteType_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_id_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_termType_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_id_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_termType_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            <!-- Deprecated -->\n            @case ('primary_product_id_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('primary_product_termType_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('geospatial_data') {\n              Has geospatial data necessary to run this model\n            }\n            @case ('contains_geospatial_data') {\n              Has geospatial data necessary to run this model\n            }\n            @case ('current_size') {\n              Current polygon area\n            }\n            @case ('max_area_size') {\n              Maximum polygon area to run this model\n            }\n            @case ('below_max_area_size') {\n              Polygon below the maximum area\n            }\n            @case ('region_factor') {\n              Factor from region lookup\n            }\n            @case ('has_pesticides_inputs') {\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            }\n            @case ('all_pesticideAI_have_lookup_value') {\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            }\n            @case ('has_crop_residue_burnt') {\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            }\n            @case ('liquid_slurry_sludge_P') {\n              Liquid, Slurry, and Sludge P\n            }\n            @case ('no_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>no</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n            @case ('has_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>some</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n          }\n        }\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [icon]=\"farClone\"\n        [value]=\"key\"\n        [hideText]=\"true\" />\n    </td>\n    <td>\n      @if (logValueArray(value); as valueArray) {\n        <ng-container *ngTemplateOutlet=\"logLineArray; context: { value: valueArray, sorting: {} }\" />\n      } @else {\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\" />\n      }\n    </td>\n  </tr>\n</ng-template>\n", styles: [".copy-log he-clipboard{visibility:hidden}.copy-log:hover he-clipboard{visibility:visible}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "size", "rotate", "clipboardClass"] }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: IsObjectPipe, name: "isObject" }, { kind: "pipe", type: SortByPipe, name: "sortBy" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: NodeLogsModelsLogsComponent, isStandalone: true, selector: "he-node-logs-models-logs", inputs: { logs: { classPropertyName: "logs", publicName: "logs", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"table-container\">\n  <table class=\"table is-dark is-fullwidth\">\n    <tbody>\n      @if (requirements()) {\n        @for (key of requirementKeys(); track key) {\n          <ng-container *ngTemplateOutlet=\"logLine; context: { key, value: requirements()[key] }\" />\n        }\n      }\n\n      @if (logs()?.logs) {\n        @for (key of logs().logs | keyvalue; track key) {\n          <ng-container *ngTemplateOutlet=\"logLine; context: key\" />\n        }\n      }\n    </tbody>\n  </table>\n</div>\n\n@if (logs()?.missingLookups?.length) {\n  <div class=\"it-mt-2\">\n    <p>Data missing (might be optional):</p>\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-dark is-fullwidth is-striped\">\n        <thead>\n          <tr>\n            <th class=\"has-text-white\">\n              <span>Filename</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Column Title</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-text-white\">\n          @for (data of logs().missingLookups; track dataIndex; let dataIndex = $index) {\n            <tr>\n              <td>{{ data.filename }}</td>\n              <td>{{ data.column }}</td>\n              <td>{{ data.termId }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  </div>\n}\n\n<ng-template #sortColumn let-column=\"column\" let-sorting=\"sorting\">\n  <a class=\"is-p-1 has-text-white\" (click)=\"toggleSort(column, sorting)\">\n    @if (sorting.sortBy === column) {\n      @if (sorting.sortOrder === 'asc') {\n        <svg-icon name=\"sort-up\" />\n      } @else {\n        <svg-icon name=\"sort-down\" />\n      }\n    } @else {\n      <svg-icon name=\"sort\" />\n    }\n  </a>\n</ng-template>\n\n<ng-template #logLineArray let-value=\"value\" let-sorting=\"sorting\">\n  <table class=\"table is-dark is-bordered is-striped\">\n    @let headers = listHeaders(value);\n    @if (headers.length) {\n      <thead>\n        <tr>\n          @for (header of headers; track header) {\n            <th class=\"has-text-white\">\n              <div class=\"is-nowrap\">\n                {{ header }}\n                <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: header, sorting }\" />\n              </div>\n            </th>\n          }\n        </tr>\n      </thead>\n    }\n    <tbody>\n      @for (v of value | sortBy: sorting.sortBy : sorting.sortOrder; track vIndex; let vIndex = $index) {\n        <tr>\n          @if (headers.length) {\n            @for (header of headers; track header) {\n              <td>{{ v[header] }}</td>\n            }\n          } @else {\n            <td>{{ v }}</td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  @if (requirementLinkedNode(key, value); as linkedNode) {\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\" />\n  } @else {\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  }\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right | copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        @if (parseLogCompleteness(key); as completeness) {\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ completeness.key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ completeness.value }}</code>\n        } @else {\n          @switch (key) {\n            @default {\n              {{ key | keyToLabel }}\n            }\n            @case ('property_id') {\n              Property Term &#64;id\n            }\n            @case ('product_id') {\n              Product Term &#64;id\n            }\n            @case ('crop_product_id') {\n              Crop Product Term &#64;id\n            }\n            @case ('input_id') {\n              Input Term &#64;id\n            }\n            @case ('node_type_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('siteType_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_id_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_termType_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_id_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_termType_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            <!-- Deprecated -->\n            @case ('primary_product_id_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('primary_product_termType_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('geospatial_data') {\n              Has geospatial data necessary to run this model\n            }\n            @case ('contains_geospatial_data') {\n              Has geospatial data necessary to run this model\n            }\n            @case ('current_size') {\n              Current polygon area\n            }\n            @case ('max_area_size') {\n              Maximum polygon area to run this model\n            }\n            @case ('below_max_area_size') {\n              Polygon below the maximum area\n            }\n            @case ('region_factor') {\n              Factor from region lookup\n            }\n            @case ('has_pesticides_inputs') {\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            }\n            @case ('all_pesticideAI_have_lookup_value') {\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            }\n            @case ('has_crop_residue_burnt') {\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            }\n            @case ('liquid_slurry_sludge_P') {\n              Liquid, Slurry, and Sludge P\n            }\n            @case ('no_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>no</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n            @case ('has_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>some</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n          }\n        }\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [icon]=\"farClone\"\n        [value]=\"key\"\n        [hideText]=\"true\" />\n    </td>\n    <td>\n      @if (logValueArray(value); as valueArray) {\n        <ng-container *ngTemplateOutlet=\"logLineArray; context: { value: valueArray, sorting: {} }\" />\n      } @else {\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\" />\n      }\n    </td>\n  </tr>\n</ng-template>\n", styles: [".copy-log he-clipboard{visibility:hidden}.copy-log:hover he-clipboard{visibility:visible}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: ClipboardComponent, selector: "he-clipboard", inputs: ["icon", "value", "disabled", "hideText", "size", "rotate", "clipboardClass"] }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: SortByPipe, name: "sortBy" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NodeLogsModelsLogsComponent, decorators: [{
             type: Component$1,
@@ -6587,7 +6591,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         KeyToLabelPipe,
                         IsObjectPipe,
                         SortByPipe
-                    ], template: "<div class=\"table-container\">\n  <table class=\"table is-dark is-fullwidth\">\n    <tbody>\n      @if (requirements()) {\n        @for (key of requirementKeys(); track key) {\n          <ng-container *ngTemplateOutlet=\"logLine; context: { key, value: requirements()[key] }\" />\n        }\n      }\n\n      @if (logs()?.logs) {\n        @for (key of logs().logs | keyvalue; track key) {\n          <ng-container *ngTemplateOutlet=\"logLine; context: key\" />\n        }\n      }\n    </tbody>\n  </table>\n</div>\n\n@if (logs()?.missingLookups?.length) {\n  <div class=\"it-mt-2\">\n    <p>Data missing (might be optional):</p>\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-dark is-fullwidth is-striped\">\n        <thead>\n          <tr>\n            <th class=\"has-text-white\">\n              <span>Filename</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Column Title</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-text-white\">\n          @for (data of logs().missingLookups; track dataIndex; let dataIndex = $index) {\n            <tr>\n              <td>{{ data.filename }}</td>\n              <td>{{ data.column }}</td>\n              <td>{{ data.termId }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  </div>\n}\n\n<ng-template #sortColumn let-column=\"column\" let-sorting=\"sorting\">\n  <a class=\"is-p-1 has-text-white\" (click)=\"toggleSort(column, sorting)\">\n    @if (sorting.sortBy === column) {\n      @if (sorting.sortOrder === 'asc') {\n        <svg-icon name=\"sort-up\" />\n      } @else {\n        <svg-icon name=\"sort-down\" />\n      }\n    } @else {\n      <svg-icon name=\"sort\" />\n    }\n  </a>\n</ng-template>\n\n<ng-template #logLineArray let-value=\"value\" let-sorting=\"sorting\">\n  <table class=\"table is-dark is-bordered is-striped\">\n    @if (value[0] | isObject) {\n      <thead>\n        <tr>\n          @for (v of value[0] | keyvalue; track v.key) {\n            <th class=\"has-text-white\">\n              <div class=\"is-nowrap\">\n                {{ v.key }}\n                <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: v.key, sorting }\" />\n              </div>\n            </th>\n          }\n        </tr>\n      </thead>\n    }\n    <tbody>\n      @for (v of value | sortBy: sorting.sortBy : sorting.sortOrder; track i; let i = $index) {\n        <tr>\n          @if (v | isObject) {\n            @for (vv of v | keyvalue; track vv.value) {\n              <td>{{ vv.value }}</td>\n            }\n          } @else {\n            <td>{{ v }}</td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  @if (requirementLinkedNode(key, value); as linkedNode) {\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\" />\n  } @else {\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  }\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right | copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        @if (parseLogCompleteness(key); as completeness) {\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ completeness.key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ completeness.value }}</code>\n        } @else {\n          @switch (key) {\n            @default {\n              {{ key | keyToLabel }}\n            }\n            @case ('property_id') {\n              Property Term &#64;id\n            }\n            @case ('product_id') {\n              Product Term &#64;id\n            }\n            @case ('crop_product_id') {\n              Crop Product Term &#64;id\n            }\n            @case ('input_id') {\n              Input Term &#64;id\n            }\n            @case ('node_type_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('siteType_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_id_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_termType_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_id_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_termType_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            <!-- Deprecated -->\n            @case ('primary_product_id_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('primary_product_termType_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('geospatial_data') {\n              Has geospatial data necessary to run this model\n            }\n            @case ('contains_geospatial_data') {\n              Has geospatial data necessary to run this model\n            }\n            @case ('current_size') {\n              Current polygon area\n            }\n            @case ('max_area_size') {\n              Maximum polygon area to run this model\n            }\n            @case ('below_max_area_size') {\n              Polygon below the maximum area\n            }\n            @case ('region_factor') {\n              Factor from region lookup\n            }\n            @case ('has_pesticides_inputs') {\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            }\n            @case ('all_pesticideAI_have_lookup_value') {\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            }\n            @case ('has_crop_residue_burnt') {\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            }\n            @case ('liquid_slurry_sludge_P') {\n              Liquid, Slurry, and Sludge P\n            }\n            @case ('no_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>no</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n            @case ('has_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>some</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n          }\n        }\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [icon]=\"farClone\"\n        [value]=\"key\"\n        [hideText]=\"true\" />\n    </td>\n    <td>\n      @if (logValueArray(value); as valueArray) {\n        <ng-container *ngTemplateOutlet=\"logLineArray; context: { value: valueArray, sorting: {} }\" />\n      } @else {\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\" />\n      }\n    </td>\n  </tr>\n</ng-template>\n", styles: [".copy-log he-clipboard{visibility:hidden}.copy-log:hover he-clipboard{visibility:visible}\n"] }]
+                    ], template: "<div class=\"table-container\">\n  <table class=\"table is-dark is-fullwidth\">\n    <tbody>\n      @if (requirements()) {\n        @for (key of requirementKeys(); track key) {\n          <ng-container *ngTemplateOutlet=\"logLine; context: { key, value: requirements()[key] }\" />\n        }\n      }\n\n      @if (logs()?.logs) {\n        @for (key of logs().logs | keyvalue; track key) {\n          <ng-container *ngTemplateOutlet=\"logLine; context: key\" />\n        }\n      }\n    </tbody>\n  </table>\n</div>\n\n@if (logs()?.missingLookups?.length) {\n  <div class=\"it-mt-2\">\n    <p>Data missing (might be optional):</p>\n    <div class=\"table-container data-table-container\">\n      <table class=\"table is-dark is-fullwidth is-striped\">\n        <thead>\n          <tr>\n            <th class=\"has-text-white\">\n              <span>Filename</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Column Title</span>\n            </th>\n            <th class=\"has-text-white\">\n              <span>Row (term.id)</span>\n            </th>\n          </tr>\n        </thead>\n        <tbody class=\"has-text-white\">\n          @for (data of logs().missingLookups; track dataIndex; let dataIndex = $index) {\n            <tr>\n              <td>{{ data.filename }}</td>\n              <td>{{ data.column }}</td>\n              <td>{{ data.termId }}</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  </div>\n}\n\n<ng-template #sortColumn let-column=\"column\" let-sorting=\"sorting\">\n  <a class=\"is-p-1 has-text-white\" (click)=\"toggleSort(column, sorting)\">\n    @if (sorting.sortBy === column) {\n      @if (sorting.sortOrder === 'asc') {\n        <svg-icon name=\"sort-up\" />\n      } @else {\n        <svg-icon name=\"sort-down\" />\n      }\n    } @else {\n      <svg-icon name=\"sort\" />\n    }\n  </a>\n</ng-template>\n\n<ng-template #logLineArray let-value=\"value\" let-sorting=\"sorting\">\n  <table class=\"table is-dark is-bordered is-striped\">\n    @let headers = listHeaders(value);\n    @if (headers.length) {\n      <thead>\n        <tr>\n          @for (header of headers; track header) {\n            <th class=\"has-text-white\">\n              <div class=\"is-nowrap\">\n                {{ header }}\n                <ng-container *ngTemplateOutlet=\"sortColumn; context: { column: header, sorting }\" />\n              </div>\n            </th>\n          }\n        </tr>\n      </thead>\n    }\n    <tbody>\n      @for (v of value | sortBy: sorting.sortBy : sorting.sortOrder; track vIndex; let vIndex = $index) {\n        <tr>\n          @if (headers.length) {\n            @for (header of headers; track header) {\n              <td>{{ v[header] }}</td>\n            }\n          } @else {\n            <td>{{ v }}</td>\n          }\n        </tr>\n      }\n    </tbody>\n  </table>\n</ng-template>\n\n<ng-template #logLineValue let-key=\"key\" let-value=\"value\">\n  @if (requirementLinkedNode(key, value); as linkedNode) {\n    <he-node-link\n      class=\"is-inline-block is-align-middle\"\n      linkClass=\"is-dark\"\n      [node]=\"linkedNode\"\n      [showExternalLink]=\"true\" />\n  } @else {\n    <span class=\"is-inline-block is-align-middle\">{{ value }}</span>\n  }\n</ng-template>\n\n<ng-template #logLine let-key=\"key\" let-value=\"value\">\n  <tr>\n    <td class=\"has-border-right | copy-log\">\n      <span class=\"is-inline-block is-align-middle\">\n        @if (parseLogCompleteness(key); as completeness) {\n          <span>Data completeness for</span>\n          <code class=\"is-mx-1\">{{ completeness.key }}</code>\n          <span>must be</span>\n          <code class=\"is-mx-1\">{{ completeness.value }}</code>\n        } @else {\n          @switch (key) {\n            @default {\n              {{ key | keyToLabel }}\n            }\n            @case ('property_id') {\n              Property Term &#64;id\n            }\n            @case ('product_id') {\n              Product Term &#64;id\n            }\n            @case ('crop_product_id') {\n              Crop Product Term &#64;id\n            }\n            @case ('input_id') {\n              Input Term &#64;id\n            }\n            @case ('node_type_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">Node</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('siteType_allowed') {\n              <span>Is the current</span>\n              <code class=\"is-mx-1\">siteType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_id_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('product_termType_allowed') {\n              <span>Are any of the Product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_id_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('input_termType_allowed') {\n              <span>Are any of the Input</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            <!-- Deprecated -->\n            @case ('primary_product_id_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">&#64;id</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('primary_product_termType_allowed') {\n              <span>Is the current primary product</span>\n              <code class=\"is-mx-1\">termType</code>\n              <span>allowed to run this model</span>\n            }\n            @case ('geospatial_data') {\n              Has geospatial data necessary to run this model\n            }\n            @case ('contains_geospatial_data') {\n              Has geospatial data necessary to run this model\n            }\n            @case ('current_size') {\n              Current polygon area\n            }\n            @case ('max_area_size') {\n              Maximum polygon area to run this model\n            }\n            @case ('below_max_area_size') {\n              Polygon below the maximum area\n            }\n            @case ('region_factor') {\n              Factor from region lookup\n            }\n            @case ('has_pesticides_inputs') {\n              <span>Cycle contains</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs</span>\n            }\n            @case ('all_pesticideAI_have_lookup_value') {\n              <span>All</span>\n              <code class=\"is-mx-1\">pesticideAI</code>\n              <span>Inputs have a lookup value</span>\n            }\n            @case ('has_crop_residue_burnt') {\n              <code class=\"is-mr-1\">aboveGroundCropResidueBurnt</code>\n              <span>is present as Product</span>\n            }\n            @case ('liquid_slurry_sludge_P') {\n              Liquid, Slurry, and Sludge P\n            }\n            @case ('no_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>no</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n            @case ('has_cycle_inputs_feed') {\n              <span>\n                Cycle has\n                <b>some</b>\n                Input with\n              </span>\n              <code>isAnimalFeed=true</code>\n            }\n          }\n        }\n      </span>\n      <he-clipboard\n        class=\"is-inline-block is-align-middle\"\n        clipboardClass=\"is-size-7 is-p-1\"\n        [icon]=\"farClone\"\n        [value]=\"key\"\n        [hideText]=\"true\" />\n    </td>\n    <td>\n      @if (logValueArray(value); as valueArray) {\n        <ng-container *ngTemplateOutlet=\"logLineArray; context: { value: valueArray, sorting: {} }\" />\n      } @else {\n        <ng-container *ngTemplateOutlet=\"logLineValue; context: { key, value }\" />\n      }\n    </td>\n  </tr>\n</ng-template>\n", styles: [".copy-log he-clipboard{visibility:hidden}.copy-log:hover he-clipboard{visibility:visible}\n"] }]
         }] });
 
 class NodeLogsModelsLogsStatusComponent {
@@ -6840,7 +6844,7 @@ class NodeLogsModelsComponent {
             });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NodeLogsModelsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: NodeLogsModelsComponent, isStandalone: true, selector: "he-node-logs-models", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: true, transformFunction: null }, originalValues: { classPropertyName: "originalValues", publicName: "originalValues", isSignal: true, isRequired: false, transformFunction: null }, recalculatedValues: { classPropertyName: "recalculatedValues", publicName: "recalculatedValues", isSignal: true, isRequired: false, transformFunction: null }, terms: { classPropertyName: "terms", publicName: "terms", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypesLabel: { classPropertyName: "filterTermTypesLabel", publicName: "filterTermTypesLabel", isSignal: true, isRequired: false, transformFunction: null }, logsKey: { classPropertyName: "logsKey", publicName: "logsKey", isSignal: true, isRequired: false, transformFunction: null }, noDataMessage: { classPropertyName: "noDataMessage", publicName: "noDataMessage", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"is-px-3 is-pb-3\">\n  @if (!isExternal && logsUrl()) {\n    <div class=\"has-text-right is-mb-2\">\n      <a class=\"is-size-7\" [href]=\"logsUrl()\" target=\"_blank\">\n        <fa-icon [icon]=\"faExternalLinkAlt\" />\n        <span class=\"pl-2\">Open Full Logs</span>\n      </a>\n    </div>\n  }\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>\n          <th class=\"width-auto has-border-right\">\n            @if (enableFilterByTerm()) {\n              <div class=\"field\">\n                <div class=\"control is-expanded has-icons-right\">\n                  <input\n                    class=\"input search-input is-small\"\n                    [ngModel]=\"term()\"\n                    name=\"term\"\n                    placeholder=\"Select entry by name\"\n                    [ngbTypeahead]=\"suggestTerm\"\n                    [focusFirst]=\"true\"\n                    (focus)=\"typeaheadFocus($event)\"\n                    (selectItem)=\"term.set($event.item)\"\n                    container=\"body\"\n                    popupClass=\"is-small\" />\n                  <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set('')\">\n                    <fa-icon [icon]=\"faTimes\" />\n                  </a>\n                </div>\n              </div>\n            }\n          </th>\n          @if (isBlankNodes()) {\n            <th>\n              <span class=\"is-pr-1\">Units</span>\n              <span>(per&nbsp;</span>\n              <span>\n                @switch (functionalUnit()) {\n                  @case (CycleFunctionalUnit['1 ha']) {\n                    hectare\n                  }\n                  @default {\n                    kg product\n                  }\n                }\n              </span>\n              <span>)</span>\n            </th>\n          }\n          <th>Original</th>\n          <th>Recalculated</th>\n          @if (isBlankNodes()) {\n            <th>Difference</th>\n          }\n          @for (c of methodModelsCount() | times; track i; let i = $index) {\n            <th>({{ i + 1 }})</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @if (loading()) {\n          <tr>\n            <td class=\"has-text-centered\" colspan=\"6\">\n              <div class=\"has-text-center py-3\">\n                <fa-icon [icon]=\"faSpinner\" animation=\"spin\" size=\"lg\" />\n              </div>\n            </td>\n          </tr>\n        } @else if (blankNodes().length === 0) {\n          <tr>\n            <td class=\"has-text-centered\" colspan=\"6\">\n              <span>{{ noDataMessage() || 'No original data was provided and no gap filling occurred.' }}</span>\n            </td>\n          </tr>\n        }\n        @for (blankNode of blankNodes(); track trackByBlankNode($index, blankNode)) {\n          <tr [class.has-sub-rows]=\"blankNode.canOpen\" [class.is-open]=\"blankNode.isOpen\">\n            <td\n              class=\"width-auto has-border-right is-nowrap\"\n              [attr.title]=\"$any(blankNode).term?.name || $any(blankNode).key\">\n              @if (blankNode.canOpen) {\n                <a class=\"is-inline-block is-align-top pr-2 open-node\" (click)=\"blankNode.isOpen = !blankNode.isOpen\">\n                  <fa-icon [icon]=\"blankNode.isOpen ? faAngleDown : faAngleRight\" />\n                </a>\n              }\n              @if ($any(blankNode).term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap\" [node]=\"$any(blankNode).term\">\n                  <span [innerHtml]=\"$any(blankNode).term.name | compound: $any(blankNode).term.termType\"></span>\n                </he-node-link>\n              }\n              @if ($any(blankNode).key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                }\n              } @else {\n                <span>{{ $any(blankNode).key }}</span>\n              }\n            </td>\n            @if (isBlankNodes()) {\n              <td>\n                @if ($any(blankNode).term) {\n                  <span\n                    class=\"is-nowrap\"\n                    [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n                }\n              </td>\n            }\n            <td>\n              <ng-template #originalValueContent>\n                <span>{{ $any(blankNode).originalValue | precision: 3 | default: '-' }}</span>\n              </ng-template>\n\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    {{ $any(blankNode).originalValueByMethodId[model.methodId] | precision: 3 | default: '-' }}\n                  </div>\n                }\n              } @else {\n                <span\n                  [class.trigger-popover]=\"!!$any(blankNode).original?.[0]?.methodModel\"\n                  [ngbPopover]=\"blankNodeOriginalValueDetails\"\n                  autoClose=\"outside\"\n                  popoverClass=\"is-narrow\"\n                  placement=\"bottom left right auto\"\n                  container=\"body\"\n                  [disablePopover]=\"!$any(blankNode).original?.[0]?.methodModel\"\n                  [popoverContext]=\"{ blankNode }\">\n                  <span pointer>\n                    {{ $any(blankNode).originalValue | precision: 3 | default: '-' }}\n                  </span>\n                </span>\n              }\n            </td>\n            <td>\n              @if (!blankNode.isOriginal || blankNode.isRecalculated) {\n                @if (blankNode.allParallel) {\n                  @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                    <div>\n                      {{ $any(blankNode).recalculatedValueByMethodId[model.methodId] | precision: 3 | default: '-' }}\n                    </div>\n                  }\n                } @else {\n                  <span>{{ blankNode.recalculatedValue | precision: 3 | default: '-' }}</span>\n                }\n              } @else {\n                not recalculated\n              }\n            </td>\n            @if (isBlankNodes()) {\n              <td class=\"is-nowrap\">\n                @if (blankNode.allParallel) {\n                  @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                    <div>\n                      @if (\n                        $any(blankNode).originalValueByMethodId[model.methodId] !== null &&\n                        $any(blankNode).recalculatedValueByMethodId[model.methodId] !== null\n                      ) {\n                        <he-blank-node-value-delta\n                          [value]=\"$any(blankNode).recalculatedValueByMethodId[model.methodId]\"\n                          [originalValue]=\"\n                            $any(blankNode).originalValueByMethodId[model.methodId]\n                          \"></he-blank-node-value-delta>\n                      } @else {\n                        -\n                      }\n                    </div>\n                  }\n                } @else {\n                  @if ($any(blankNode).original.length && blankNode.isRecalculated) {\n                    <he-blank-node-value-delta\n                      [value]=\"blankNode.recalculatedValue\"\n                      [originalValue]=\"$any(blankNode).originalValue\"></he-blank-node-value-delta>\n                  } @else {\n                    -\n                  }\n                }\n              </td>\n            }\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\" />\n          </tr>\n          @for (subValue of $any(blankNode).keys; track trackBySubValue(subValue)) {\n            <tr\n              [class.is-hidden]=\"!blankNode.isOpen\"\n              [class.has-sub-rows]=\"$any(blankNode).subValues?.length\"\n              [class.is-sub-row]=\"blankNode.canOpen\">\n              <td class=\"width-auto has-border-right is-nowrap\">\n                <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n                @if (blankNode.type) {\n                  <a\n                    class=\"is-inline-block is-pre-wrap\"\n                    [href]=\"schemaBaseUrl + '/' + blankNode.type + '#' + subValue.key\"\n                    target=\"_blank\"\n                    [title]=\"subValue.key\">\n                    <span>{{ subValue.key }}</span>\n                  </a>\n                }\n                @if (!blankNode.type) {\n                  <span class=\"is-inline-block is-align-top\">{{ subValue.key }}</span>\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td></td>\n              }\n              <td>\n                @if (subValue.originalValue !== null) {\n                  <span>\n                    {{ subValue.originalValue | precision: 3 | default: '-' }}\n                  </span>\n                } @else {\n                  -\n                }\n              </td>\n              <td>\n                @if (subValue.isRecalculated || subValue.key === 'impactAssessment') {\n                  <span>\n                    {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n                  </span>\n                } @else {\n                  not recalculated\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td>-</td>\n              }\n              <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n            </tr>\n          }\n          @for (subValue of $any(blankNode).subValues; track trackBySubValue(subValue)) {\n            @let term = subValue.term || termById(subValue.id);\n            <tr [class.is-hidden]=\"!blankNode.isOpen\" [class.is-sub-row]=\"blankNode.canOpen\">\n              <td class=\"width-auto has-border-right\">\n                <span class=\"is-inline-block is-align-top pl-3\">{{ subValue.key | keyToLabel }}</span>\n                @if (subValue.id) {\n                  <span class=\"is-inline-block\" class=\"is-inline-block is-align-top pr-1\">:</span>\n                  @switch (subValue.key) {\n                    @case ('backgroundData') {\n                      <span class=\"is-inline-block\">{{ term?.name }}</span>\n                    }\n                    @default {\n                      <he-node-link class=\"is-block pl-4\" [node]=\"term\" [attr.title]=\"term?.name\">\n                        <span [innerHtml]=\"term?.name | compound\"></span>\n                      </he-node-link>\n                    }\n                  }\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td>\n                  @if (subValue.showUnits && $any(blankNode).term) {\n                    <span\n                      class=\"is-nowrap\"\n                      [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n                  }\n                </td>\n              }\n              <td>\n                @if (subValue.originalValue !== null) {\n                  <span>\n                    {{ subValue.originalValue | precision: 3 | default: '-' }}\n                  </span>\n                } @else {\n                  -\n                }\n              </td>\n              <td>\n                @if (subValue.isRecalculated) {\n                  <span>\n                    {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n                  </span>\n                } @else {\n                  not recalculated\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td>-</td>\n              }\n              <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n            </tr>\n          }\n        }\n      </tbody>\n    </table>\n  </he-data-table>\n  <div class=\"is-size-7 is-italic\">\n    <div class=\"columns is-variable is-1 my-0\">\n      <div class=\"column is-narrow\">\n        <p>\n          <a class=\"is-inline-block pr-2\" (click)=\"showLegend.set(!showLegend())\">\n            <fa-icon [icon]=\"showLegend() ? faAngleDown : faAngleRight\" />\n          </a>\n          <span class=\"is-inline-block\">Legend:</span>\n        </p>\n        @if (showLegend()) {\n          <ul class=\"content pl-2\">\n            @for (status of LogStatus | keyvalue; track status.value) {\n              @if (logIcon[status.value]) {\n                <li class=\"has-text-{{ logColor[status.value] }}\">\n                  <fa-icon [icon]=\"logIcon[status.value]\" />\n                  <span class=\"pl-1\">{{ status.value }}</span>\n                </li>\n              }\n            }\n          </ul>\n        }\n      </div>\n      @if (filteredType()) {\n        <div class=\"column has-text-right\">\n          <label class=\"is-inline-block checkbox\">\n            <input\n              type=\"checkbox\"\n              class=\"selector\"\n              [ngModel]=\"onlyRequired\"\n              (change)=\"onlyRequired.set($event.target.checked)\"\n              [disabled]=\"!!term()\" />\n            <span class=\"ml-2\">\n              Show only {{ filteredType() | pluralize }} included in the default HESTIA system boundary\n            </span>\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #blankNodeOriginalValueDetails let-blankNode=\"blankNode\">\n  <span class=\"is-pr-1\">The original value was reported using:</span>\n  <he-node-link\n    class=\"is-inline-block\"\n    linkClass=\"is-dark\"\n    [node]=\"$any(blankNode).original[0].methodModel\"\n    [showExternalLink]=\"true\">\n    <span>{{ $any(blankNode).original[0].methodModel.name }}</span>\n  </he-node-link>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <ng-template #notInSystemBoundary>\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Not in HESTIA system boundary</span>\n    </td>\n  </ng-template>\n\n  @if (isSystemBoundary(data)) {\n    @for (configModel of methodModelsCount() | times; track configModelIndex; let configModelIndex = $index) {\n      <td class=\"blank-node-index-{{ configModelIndex }}\">\n        @if (getModelsAt(data, configModelIndex); as models) {\n          @if ($any(models) | isArray) {\n            <div>\n              @for (model of $any(models); track model.methodId) {\n                <p>\n                  <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model, data }\" />\n                </p>\n              }\n            </div>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model: models, data }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  } @else {\n    -\n  }\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <span\n    class=\"is-nowrap\"\n    [class.trigger-popover]=\"model.showLogs\"\n    [ngbPopover]=\"logDetails\"\n    autoClose=\"outside\"\n    popoverClass=\"is-narrow\"\n    triggers=\"manual\"\n    #p=\"ngbPopover\"\n    placement=\"bottom left right auto\"\n    container=\"body\"\n    (click)=\"p.isOpen() ? p.close() : model.showLogs ? p.open({ logs: model.logs }) : null\">\n    <span class=\"is-capitalized\">{{ methodName(model) }}</span>\n    @if (model.logs?.methodTier || model.model?.methodTier) {\n      <span class=\"pl-1\">[{{ model.logs?.methodTier || model.model?.methodTier }}]</span>\n    }\n\n    <span\n      class=\"pl-1 has-text-{{ logColor[model.status] }} trigger-popover\"\n      [ngbPopover]=\"logStatusDetails\"\n      autoClose=\"outside\"\n      popoverClass=\"is-narrow\"\n      triggers=\"manual\"\n      #p1=\"ngbPopover\"\n      placement=\"bottom left right auto\"\n      container=\"body\"\n      (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n      <fa-icon [icon]=\"logIcon[model.status]\" />\n    </span>\n\n    @if (model.model) {\n      <span class=\"pl-1\">\n        (\n        <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\" />\n        )\n      </span>\n    }\n  </span>\n</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <he-node-logs-models-logs [logs]=\"logs\" />\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"\" />\n</ng-template>\n\n<ng-template #docsLink let-model>\n  <a [href]=\"model.apiDocsPath || model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n    <span>Docs</span>\n    <fa-icon class=\"ml-1\" [icon]=\"faExternalLinkAlt\" size=\"sm\" />\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::ng-deep .table td he-node-link{width:190px}@media screen and (max-width: 767px){::ng-deep .table td he-node-link{width:150px}}::ng-deep .table td .open-node+he-node-link{width:170px}@media screen and (max-width: 767px){::ng-deep .table td .open-node+he-node-link{width:130px}}::ng-deep .table td.has-border-right{box-shadow:1px 0 #6c8093}::ng-deep .table .has-sub-rows.is-open>td:first-child:before,::ng-deep .table .is-sub-row>td:first-child:before{display:block;position:absolute;content:\" \";background-color:#6c809333;height:100%;width:1px;top:0;left:12px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}\n"], dependencies: [{ kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "selectOnExact", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "pipe", type: IsArrayPipe, name: "isArray" }, { kind: "component", type: NodeLogsModelsLogsComponent, selector: "he-node-logs-models-logs", inputs: ["logs"] }, { kind: "component", type: NodeLogsModelsLogsStatusComponent, selector: "he-node-logs-models-logs-status", inputs: ["nodeType", "model", "data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: NodeLogsModelsComponent, isStandalone: true, selector: "he-node-logs-models", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: true, transformFunction: null }, originalValues: { classPropertyName: "originalValues", publicName: "originalValues", isSignal: true, isRequired: false, transformFunction: null }, recalculatedValues: { classPropertyName: "recalculatedValues", publicName: "recalculatedValues", isSignal: true, isRequired: false, transformFunction: null }, terms: { classPropertyName: "terms", publicName: "terms", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypesLabel: { classPropertyName: "filterTermTypesLabel", publicName: "filterTermTypesLabel", isSignal: true, isRequired: false, transformFunction: null }, logsKey: { classPropertyName: "logsKey", publicName: "logsKey", isSignal: true, isRequired: false, transformFunction: null }, noDataMessage: { classPropertyName: "noDataMessage", publicName: "noDataMessage", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"is-px-3 is-pb-3\">\n  @if (!isExternal && logsUrl()) {\n    <div class=\"has-text-right is-mb-2\">\n      <a class=\"is-size-7\" [href]=\"logsUrl()\" target=\"_blank\">\n        <fa-icon [icon]=\"faExternalLinkAlt\" />\n        <span class=\"pl-2\">Open Full Logs</span>\n      </a>\n    </div>\n  }\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>\n          <th class=\"width-auto has-border-right\">\n            @if (enableFilterByTerm()) {\n              <div class=\"field\">\n                <div class=\"control is-expanded has-icons-right\">\n                  <input\n                    class=\"input search-input is-small\"\n                    [ngModel]=\"term()\"\n                    name=\"term\"\n                    placeholder=\"Select entry by name\"\n                    [ngbTypeahead]=\"suggestTerm\"\n                    [focusFirst]=\"true\"\n                    (focus)=\"typeaheadFocus($event)\"\n                    (selectItem)=\"term.set($event.item)\"\n                    container=\"body\"\n                    popupClass=\"is-small\" />\n                  <a class=\"icon is-small is-right\" [class.is-hidden]=\"!term()\" (click)=\"term.set('')\">\n                    <fa-icon [icon]=\"faTimes\" />\n                  </a>\n                </div>\n              </div>\n            }\n          </th>\n          @if (isBlankNodes()) {\n            <th>\n              <span class=\"is-pr-1\">Units</span>\n              <span>(per&nbsp;</span>\n              <span>\n                @switch (functionalUnit()) {\n                  @case (CycleFunctionalUnit['1 ha']) {\n                    hectare\n                  }\n                  @default {\n                    kg product\n                  }\n                }\n              </span>\n              <span>)</span>\n            </th>\n          }\n          <th>Original</th>\n          <th>Recalculated</th>\n          @if (isBlankNodes()) {\n            <th>Difference</th>\n          }\n          @for (c of methodModelsCount() | times; track i; let i = $index) {\n            <th>({{ i + 1 }})</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @if (loading()) {\n          <tr>\n            <td class=\"has-text-centered\" colspan=\"6\">\n              <div class=\"has-text-center py-3\">\n                <fa-icon [icon]=\"faSpinner\" animation=\"spin\" size=\"lg\" />\n              </div>\n            </td>\n          </tr>\n        } @else if (blankNodes().length === 0) {\n          <tr>\n            <td class=\"has-text-centered\" colspan=\"6\">\n              <span>{{ noDataMessage() || 'No original data was provided and no gap filling occurred.' }}</span>\n            </td>\n          </tr>\n        }\n        @for (blankNode of blankNodes(); track trackByBlankNode($index, blankNode)) {\n          <tr [class.has-sub-rows]=\"blankNode.canOpen\" [class.is-open]=\"blankNode.isOpen\">\n            <td\n              class=\"width-auto has-border-right is-nowrap\"\n              [attr.title]=\"$any(blankNode).term?.name || $any(blankNode).key\">\n              @if (blankNode.canOpen) {\n                <a class=\"is-inline-block is-align-top pr-2 open-node\" (click)=\"blankNode.isOpen = !blankNode.isOpen\">\n                  <fa-icon [icon]=\"blankNode.isOpen ? faAngleDown : faAngleRight\" />\n                </a>\n              }\n              @if ($any(blankNode).term) {\n                <he-node-link class=\"is-inline-block is-pre-wrap\" [node]=\"$any(blankNode).term\">\n                  <span [innerHtml]=\"$any(blankNode).term.name | compound: $any(blankNode).term.termType\"></span>\n                </he-node-link>\n              }\n              @if ($any(blankNode).key) {\n                @if (nodeKey() === 'completeness') {\n                  <a [href]=\"schemaBaseUrl + '/Completeness#' + $any(blankNode).key\" target=\"_blank\">\n                    <span>{{ $any(blankNode).key | keyToLabel }}</span>\n                  </a>\n                }\n              } @else {\n                <span>{{ $any(blankNode).key }}</span>\n              }\n            </td>\n            @if (isBlankNodes()) {\n              <td>\n                @if ($any(blankNode).term) {\n                  <span\n                    class=\"is-nowrap\"\n                    [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n                }\n              </td>\n            }\n            <td>\n              <ng-template #originalValueContent>\n                <span>{{ $any(blankNode).originalValue | precision: 3 | default: '-' }}</span>\n              </ng-template>\n\n              @if (blankNode.allParallel) {\n                @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                  <div>\n                    {{ $any(blankNode).originalValueByMethodId[model.methodId] | precision: 3 | default: '-' }}\n                  </div>\n                }\n              } @else {\n                <span\n                  [class.trigger-popover]=\"!!$any(blankNode).original?.[0]?.methodModel\"\n                  [ngbPopover]=\"blankNodeOriginalValueDetails\"\n                  autoClose=\"outside\"\n                  popoverClass=\"is-narrow\"\n                  placement=\"bottom left right auto\"\n                  container=\"body\"\n                  [disablePopover]=\"!$any(blankNode).original?.[0]?.methodModel\"\n                  [popoverContext]=\"{ blankNode }\">\n                  <span pointer>\n                    {{ $any(blankNode).originalValue | precision: 3 | default: '-' }}\n                  </span>\n                </span>\n              }\n            </td>\n            <td>\n              @if (!blankNode.isOriginal || blankNode.isRecalculated) {\n                @if (blankNode.allParallel) {\n                  @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                    <div>\n                      {{ $any(blankNode).recalculatedValueByMethodId[model.methodId] | precision: 3 | default: '-' }}\n                    </div>\n                  }\n                } @else {\n                  <span>{{ blankNode.recalculatedValue | precision: 3 | default: '-' }}</span>\n                }\n              } @else {\n                not recalculated\n              }\n            </td>\n            @if (isBlankNodes()) {\n              <td class=\"is-nowrap\">\n                @if (blankNode.allParallel) {\n                  @for (model of $any(blankNode).configModels[0]; track model.methodId) {\n                    <div>\n                      @if (\n                        $any(blankNode).originalValueByMethodId[model.methodId] !== null &&\n                        $any(blankNode).recalculatedValueByMethodId[model.methodId] !== null\n                      ) {\n                        <he-blank-node-value-delta\n                          [value]=\"$any(blankNode).recalculatedValueByMethodId[model.methodId]\"\n                          [originalValue]=\"\n                            $any(blankNode).originalValueByMethodId[model.methodId]\n                          \"></he-blank-node-value-delta>\n                      } @else {\n                        -\n                      }\n                    </div>\n                  }\n                } @else {\n                  @if ($any(blankNode).original.length && blankNode.isRecalculated) {\n                    <he-blank-node-value-delta\n                      [value]=\"blankNode.recalculatedValue\"\n                      [originalValue]=\"$any(blankNode).originalValue\"></he-blank-node-value-delta>\n                  } @else {\n                    -\n                  }\n                }\n              </td>\n            }\n            <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: blankNode }\" />\n          </tr>\n          @for (subValue of $any(blankNode).keys; track trackBySubValue(subValue)) {\n            <tr\n              [class.is-hidden]=\"!blankNode.isOpen\"\n              [class.has-sub-rows]=\"$any(blankNode).subValues?.length\"\n              [class.is-sub-row]=\"blankNode.canOpen\">\n              <td class=\"width-auto has-border-right is-nowrap\">\n                <span class=\"is-inline-block is-align-top pl-3 pr-1 field-node\">Field:</span>\n                @if (blankNode.type) {\n                  <a\n                    class=\"is-inline-block is-pre-wrap\"\n                    [href]=\"schemaBaseUrl + '/' + blankNode.type + '#' + subValue.key\"\n                    target=\"_blank\"\n                    [title]=\"subValue.key\">\n                    <span>{{ subValue.key }}</span>\n                  </a>\n                }\n                @if (!blankNode.type) {\n                  <span class=\"is-inline-block is-align-top\">{{ subValue.key }}</span>\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td></td>\n              }\n              <td>\n                @if (subValue.originalValue !== null) {\n                  <span>\n                    {{ subValue.originalValue | precision: 3 | default: '-' }}\n                  </span>\n                } @else {\n                  -\n                }\n              </td>\n              <td>\n                @if (subValue.isRecalculated || subValue.key === 'impactAssessment') {\n                  <span>\n                    {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n                  </span>\n                } @else {\n                  not recalculated\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td>-</td>\n              }\n              <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n            </tr>\n          }\n          @for (subValue of $any(blankNode).subValues; track trackBySubValue(subValue)) {\n            @let term = subValue.term || termById(subValue.id);\n            <tr [class.is-hidden]=\"!blankNode.isOpen\" [class.is-sub-row]=\"blankNode.canOpen\">\n              <td class=\"width-auto has-border-right\">\n                <span class=\"is-inline-block is-align-top pl-3\">{{ subValue.key | keyToLabel }}</span>\n                @if (subValue.id) {\n                  <span class=\"is-inline-block\" class=\"is-inline-block is-align-top pr-1\">:</span>\n                  @switch (subValue.key) {\n                    @case ('backgroundData') {\n                      <span class=\"is-inline-block\">{{ term?.name }}</span>\n                    }\n                    @default {\n                      <he-node-link class=\"is-block pl-4\" [node]=\"term\" [attr.title]=\"term?.name\">\n                        <span [innerHtml]=\"term?.name | compound\"></span>\n                      </he-node-link>\n                    }\n                  }\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td>\n                  @if (subValue.showUnits && $any(blankNode).term) {\n                    <span\n                      class=\"is-nowrap\"\n                      [innerHtml]=\"$any(blankNode).term.units | compound: $any(blankNode).term.termType\"></span>\n                  }\n                </td>\n              }\n              <td>\n                @if (subValue.originalValue !== null) {\n                  <span>\n                    {{ subValue.originalValue | precision: 3 | default: '-' }}\n                  </span>\n                } @else {\n                  -\n                }\n              </td>\n              <td>\n                @if (subValue.isRecalculated) {\n                  <span>\n                    {{ subValue.recalculatedValue | precision: 3 | default: '-' }}\n                  </span>\n                } @else {\n                  not recalculated\n                }\n              </td>\n              @if (isBlankNodes()) {\n                <td>-</td>\n              }\n              <ng-container *ngTemplateOutlet=\"blankNodeModels; context: { data: subValue }\" />\n            </tr>\n          }\n        }\n      </tbody>\n    </table>\n  </he-data-table>\n  <div class=\"is-size-7 is-italic\">\n    <div class=\"columns is-variable is-1 my-0\">\n      <div class=\"column is-narrow\">\n        <p>\n          <a class=\"is-inline-block pr-2\" (click)=\"showLegend.set(!showLegend())\">\n            <fa-icon [icon]=\"showLegend() ? faAngleDown : faAngleRight\" />\n          </a>\n          <span class=\"is-inline-block\">Legend:</span>\n        </p>\n        @if (showLegend()) {\n          <ul class=\"content pl-2\">\n            @for (status of LogStatus | keyvalue; track status.value) {\n              @if (logIcon[status.value]) {\n                <li class=\"has-text-{{ logColor[status.value] }}\">\n                  <fa-icon [icon]=\"logIcon[status.value]\" />\n                  <span class=\"pl-1\">{{ status.value }}</span>\n                </li>\n              }\n            }\n          </ul>\n        }\n      </div>\n      @if (filteredType()) {\n        <div class=\"column has-text-right\">\n          <label class=\"is-inline-block checkbox\">\n            <input\n              type=\"checkbox\"\n              class=\"selector\"\n              [ngModel]=\"onlyRequired\"\n              (change)=\"onlyRequired.set($event.target.checked)\"\n              [disabled]=\"!!term()\" />\n            <span class=\"ml-2\">\n              Show only {{ filteredType() | pluralize }} included in the default HESTIA system boundary\n            </span>\n          </label>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #blankNodeOriginalValueDetails let-blankNode=\"blankNode\">\n  <span class=\"is-pr-1\">The original value was reported using:</span>\n  <he-node-link\n    class=\"is-inline-block\"\n    linkClass=\"is-dark\"\n    [node]=\"$any(blankNode).original[0].methodModel\"\n    [showExternalLink]=\"true\">\n    <span>{{ $any(blankNode).original[0].methodModel.name }}</span>\n  </he-node-link>\n</ng-template>\n\n<ng-template #blankNodeModels let-data=\"data\">\n  <ng-template #notInSystemBoundary>\n    <td [attr.colspan]=\"methodModelsCount()\">\n      <span>Not in HESTIA system boundary</span>\n    </td>\n  </ng-template>\n\n  @if (isSystemBoundary(data)) {\n    @for (configModel of methodModelsCount() | times; track configModelIndex; let configModelIndex = $index) {\n      <td class=\"blank-node-index-{{ configModelIndex }}\">\n        @if (getModelsAt(data, configModelIndex); as models) {\n          @if ($any(models) | isArray) {\n            <div>\n              @for (model of $any(models); track model.methodId) {\n                <p>\n                  <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model, data }\" />\n                </p>\n              }\n            </div>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"blankNodeModel; context: { model: models, data }\" />\n          }\n        } @else {\n          -\n        }\n      </td>\n    }\n  } @else {\n    -\n  }\n</ng-template>\n\n<ng-template #blankNodeModel let-model=\"model\" let-data=\"data\">\n  <span\n    class=\"is-nowrap\"\n    [class.trigger-popover]=\"model.showLogs\"\n    [ngbPopover]=\"logDetails\"\n    autoClose=\"outside\"\n    popoverClass=\"is-narrow\"\n    triggers=\"manual\"\n    #p=\"ngbPopover\"\n    placement=\"bottom left right auto\"\n    container=\"body\"\n    (click)=\"p.isOpen() ? p.close() : model.showLogs ? p.open({ logs: model.logs }) : null\">\n    <span class=\"is-capitalized\">{{ methodName(model) }}</span>\n    @if (model.logs?.methodTier || model.model?.methodTier) {\n      <span class=\"pl-1\">[{{ model.logs?.methodTier || model.model?.methodTier }}]</span>\n    }\n\n    <span\n      class=\"pl-1 has-text-{{ logColor[model.status] }} trigger-popover\"\n      [ngbPopover]=\"logStatusDetails\"\n      autoClose=\"outside\"\n      popoverClass=\"is-narrow\"\n      triggers=\"manual\"\n      #p1=\"ngbPopover\"\n      placement=\"bottom left right auto\"\n      container=\"body\"\n      (click)=\"$event.stopPropagation(); p1.isOpen() ? p1.close() : p1.open({ model, data })\">\n      <fa-icon [icon]=\"logIcon[model.status]\" />\n    </span>\n\n    @if (model.model) {\n      <span class=\"pl-1\">\n        (\n        <ng-container *ngTemplateOutlet=\"docsLink; context: { $implicit: model.model }\" />\n        )\n      </span>\n    }\n  </span>\n</ng-template>\n\n<ng-template #logDetails let-logs=\"logs\">\n  <he-node-logs-models-logs [logs]=\"logs\" />\n</ng-template>\n\n<ng-template #logStatusDetails let-model=\"model\" let-data=\"data\">\n  <he-node-logs-models-logs-status [nodeType]=\"nodeType()\" [model]=\"model\" [data]=\"\" />\n</ng-template>\n\n<ng-template #docsLink let-model>\n  <a [href]=\"model.apiDocsPath || model.docPath || model.path\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n    <span>Docs</span>\n    <fa-icon class=\"ml-1\" [icon]=\"faExternalLinkAlt\" size=\"sm\" />\n  </a>\n</ng-template>\n", styles: [":host{display:block}::ng-deep .table{background-color:transparent}::ng-deep .table td he-node-link{width:190px}@media screen and (max-width: 767px){::ng-deep .table td he-node-link{width:150px}}::ng-deep .table td .open-node+he-node-link{width:170px}@media screen and (max-width: 767px){::ng-deep .table td .open-node+he-node-link{width:130px}}::ng-deep .table td.has-border-right{box-shadow:1px 0 #6c8093}::ng-deep .table .has-sub-rows.is-open>td:first-child:before,::ng-deep .table .is-sub-row>td:first-child:before{display:block;position:absolute;content:\" \";background-color:#6c809333;height:100%;width:1px;top:0;left:12px}::ng-deep .table .has-sub-rows.is-open>td:first-child:before{top:25px}::ng-deep .table .popover-body .table-container{max-height:260px;overflow-y:auto}\n"], dependencies: [{ kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgbTypeahead, selector: "input[ngbTypeahead]", inputs: ["autocomplete", "container", "editable", "focusFirst", "inputFormatter", "ngbTypeahead", "resultFormatter", "resultTemplate", "selectOnExact", "showHint", "placement", "popperOptions", "popupClass"], outputs: ["selectItem"], exportAs: ["ngbTypeahead"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: BlankNodeValueDeltaComponent, selector: "he-blank-node-value-delta", inputs: ["value", "originalValue", "displayType"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: PluralizePipe, name: "pluralize" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "pipe", type: IsArrayPipe, name: "isArray" }, { kind: "component", type: NodeLogsModelsLogsComponent, selector: "he-node-logs-models-logs", inputs: ["logs"] }, { kind: "component", type: NodeLogsModelsLogsStatusComponent, selector: "he-node-logs-models-logs-status", inputs: ["nodeType", "model", "data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NodeLogsModelsComponent, decorators: [{
             type: Component$1,
@@ -6939,7 +6943,7 @@ class CyclesCompletenessComponent {
         component.headerKeys.set(headerKeys);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CyclesCompletenessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: CyclesCompletenessComponent, isStandalone: true, selector: "he-cycles-completeness", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"columns is-variable is-align-items-center is-2 m-0\">\n  <div class=\"column\">\n    @if (selectedView() === View.table) {\n      <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n        <fa-icon [icon]=\"faDownload\" size=\"lg\" />\n      </button>\n    }\n  </div>\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <span class=\"icon is-small\">\n                <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@switch (selectedView()) {\n  @case (View.table) {\n    <div class=\"px-3 pb-3\">\n      @if (hasData()) {\n        <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-narrow is-striped\">\n            <thead>\n              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                @for (completeness of completenessKeys(); track completeness) {\n                  <th [attr.title]=\"completeness\">\n                    <a [href]=\"schemaBaseUrl + '/Completeness#' + completeness\" target=\"_blank\">\n                      {{ keyToLabel(completeness) }}\n                    </a>\n                  </th>\n                }\n              </tr>\n            </thead>\n            <tbody>\n              @for (cycle of cycles(); track trackById(i, cycle); let i = $index) {\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycle\">\n                      <span>{{ i + 1 }}. {{ defaultLabel(cycle) }}</span>\n                    </he-node-link>\n                  </td>\n                  @for (key of completenessKeys(); track key) {\n                    <td class=\"is-nowrap\">\n                      <span>{{ getCompleteness(cycle)[key] ? 'Complete' : 'Incomplete' }}</span>\n                      <he-blank-node-state\n                        class=\"ml-1\"\n                        [dataState]=\"dataState()\"\n                        [node]=\"getCompleteness(cycle)\"\n                        [key]=\"key\"></he-blank-node-state>\n                    </td>\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </he-data-table>\n        <he-blank-node-state-notice [dataState]=\"dataState()\"></he-blank-node-state-notice>\n      } @else {\n        <div class=\"panel-block\">\n          <span>No completeness data</span>\n        </div>\n      }\n    </div>\n  }\n  @case (View.logs) {\n    @if (cycles().length > 1) {\n      <div class=\"field has-addons pt-2 px-3\">\n        <div class=\"control\">\n          <span class=\"button is-small is-static is-secondary\">Select a Cycle</span>\n        </div>\n        <div class=\"control is-expanded\">\n          <div class=\"select is-small is-fullwidth is-secondary\">\n            <select (change)=\"selectIndex($event)\">\n              @for (value of cycles(); track value; let i = $index) {\n                <option [value]=\"i\">{{ i + 1 }}. {{ defaultLabel(value) }}</option>\n              }\n            </select>\n          </div>\n        </div>\n      </div>\n    }\n    @if (selectedNode()) {\n      <he-node-logs-models\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"nodeKey\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\"></he-node-logs-models>\n    }\n  }\n}\n", styles: [""], dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state", "linkClass"] }, { kind: "component", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: CyclesCompletenessComponent, isStandalone: true, selector: "he-cycles-completeness", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"columns is-variable is-align-items-center is-2 m-0\">\n  <div class=\"column\">\n    @if (selectedView() === View.table) {\n      <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n        <fa-icon [icon]=\"faDownload\" size=\"lg\" />\n      </button>\n    }\n  </div>\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <span class=\"icon is-small\">\n                <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@switch (selectedView()) {\n  @case (View.table) {\n    <div class=\"px-3 pb-3\">\n      @if (hasData()) {\n        <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n          <table class=\"table is-narrow is-striped\">\n            <thead>\n              <tr class=\"has-text-weight-semibold\">\n                <th class=\"width-auto has-border-right\"></th>\n                @for (completeness of completenessKeys(); track completeness) {\n                  <th [attr.title]=\"completeness\">\n                    <a [href]=\"schemaBaseUrl + '/Completeness#' + completeness\" target=\"_blank\">\n                      {{ keyToLabel(completeness) }}\n                    </a>\n                  </th>\n                }\n              </tr>\n            </thead>\n            <tbody>\n              @for (cycle of cycles(); track trackById(i, cycle); let i = $index) {\n                <tr>\n                  <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                    <he-node-link [node]=\"cycle\">\n                      <span>{{ i + 1 }}. {{ defaultLabel(cycle) }}</span>\n                    </he-node-link>\n                  </td>\n                  @for (key of completenessKeys(); track key) {\n                    <td class=\"is-nowrap\">\n                      <span>{{ getCompleteness(cycle)[key] ? 'Complete' : 'Incomplete' }}</span>\n                      <he-blank-node-state\n                        class=\"ml-1\"\n                        [dataState]=\"dataState()\"\n                        [node]=\"getCompleteness(cycle)\"\n                        [key]=\"key\"></he-blank-node-state>\n                    </td>\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </he-data-table>\n        <he-blank-node-state-notice [dataState]=\"dataState()\"></he-blank-node-state-notice>\n      } @else {\n        <div class=\"panel-block\">\n          <span>No completeness data</span>\n        </div>\n      }\n    </div>\n  }\n  @case (View.logs) {\n    @if (cycles().length > 1) {\n      <div class=\"field has-addons pt-2 px-3\">\n        <div class=\"control\">\n          <span class=\"button is-small is-static is-secondary\">Select a Cycle</span>\n        </div>\n        <div class=\"control is-expanded\">\n          <div class=\"select is-small is-fullwidth is-secondary\">\n            <select (change)=\"selectIndex($event)\">\n              @for (value of cycles(); track value; let i = $index) {\n                <option [value]=\"i\">{{ i + 1 }}. {{ defaultLabel(value) }}</option>\n              }\n            </select>\n          </div>\n        </div>\n      </div>\n    }\n    @if (selectedNode()) {\n      <he-node-logs-models\n        [node]=\"selectedNode()\"\n        [nodeKey]=\"nodeKey\"\n        [logsKey]=\"selectedLogsKey()\"\n        [originalValues]=\"selectedOriginalValues()\"\n        [recalculatedValues]=\"selectedRecalculatedValues()\"></he-node-logs-models>\n    }\n  }\n}\n", styles: [""], dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state", "linkClass"] }, { kind: "component", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CyclesCompletenessComponent, decorators: [{
             type: Component$1,
@@ -7454,7 +7458,7 @@ class CyclesNodesComponent {
         component.headerKeys.set(this.headerKeys());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: CyclesNodesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: CyclesNodesComponent, isStandalone: true, selector: "he-cycles-nodes", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, nodeKeys: { classPropertyName: "nodeKeys", publicName: "nodeKeys", isSignal: true, isRequired: true, transformFunction: null }, nodeKeyGroup: { classPropertyName: "nodeKeyGroup", publicName: "nodeKeyGroup", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isGroupNode()) {\n  <div class=\"tabs is-mb-1\">\n    <ul>\n      @for (term of groupNodeTerms(); track term.name) {\n        <li [class.is-active]=\"selectedGroupTerm() === term\">\n          <a (click)=\"selectedGroupTerm.set(term)\">{{ term.name }}</a>\n        </li>\n      }\n    </ul>\n  </div>\n}\n\n<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    @if (hasData() && selectedView() === View.table) {\n      <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n        <fa-icon [icon]=\"faDownload\" size=\"lg\" />\n      </button>\n    }\n  </div>\n  @if (selectedView() === View.table) {\n    <div class=\"column is-narrow\">\n      <he-search-extend\n        class=\"is-secondary is-small\"\n        placeholder=\"Filter terms by name\"\n        (searchText)=\"filterTerm.set($event)\" />\n    </div>\n  }\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <span class=\"icon is-small\">\n                <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n            <table class=\"table is-fullwidth is-narrow is-striped\">\n              <thead>\n                @if (dataKeys().length > 1) {\n                  <tr class=\"has-text-weight-bold\">\n                    <th class=\"width-auto\"></th>\n                    <th [class.is-hidden]=\"isGroupNode()\"></th>\n                    @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                      @if (data()[dataKey]?.length) {\n                        <th [attr.colspan]=\"data()[dataKey].length\" [class.has-border-right]=\"!dataKeyLast\">\n                          <span>{{ dataKey | keyToLabel }}</span>\n                        </th>\n                      }\n                    }\n                  </tr>\n                }\n                <tr class=\"has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @for (node of data()[dataKey]; track node.value.term.name; let nodeLast = $last) {\n                      <th\n                        [attr.title]=\"node.value.term.name\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <he-node-link [node]=\"node.value.term\">\n                          <span\n                            [innerHtml]=\"\n                              node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\n                            \"></span>\n                        </he-node-link>\n                      </th>\n                    }\n                  }\n                </tr>\n                <tr class=\"is-italic has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                    <a [href]=\"schemaBaseUrl + '/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                  </th>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @for (node of data()[dataKey]; track node.value.term.name; let nodeLast = $last) {\n                      <th\n                        [attr.title]=\"node.value.term.units\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <span [innerHtml]=\"node.value.term.units | compound: node.value.term.termType\"></span>\n                        <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"node.value.term\" />\n                      </th>\n                    }\n                  }\n                </tr>\n              </thead>\n              <tbody>\n                @for (cycle of cycles(); track trackById(cycleIndex, cycle); let cycleIndex = $index) {\n                  <tr>\n                    <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                      <he-node-link [node]=\"cycleNode(cycle)\">\n                        <span>{{ cycleIndex + 1 }}. {{ defaultLabel(cycle) }}</span>\n                      </he-node-link>\n                    </td>\n                    <td class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                      <he-cycles-functional-unit-measure [cycle]=\"cycle\" />\n                    </td>\n                    @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                      @for (node of data()[dataKey]; track node.value.term.name; let nodeLast = $last) {\n                        <td\n                          class=\"is-nowrap\"\n                          [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                          @if (node.value.values[cycle['@id']]) {\n                            <span\n                              class=\"trigger-popover\"\n                              [ngbPopover]=\"details\"\n                              autoClose=\"outside\"\n                              popoverClass=\"is-narrow is-overflow-visible\"\n                              placement=\"left bottom auto\"\n                              container=\"body\"\n                              [popoverContext]=\"{ data: node.value.values[cycle['@id']], cycle, key: dataKey }\">\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\" />\n                            </span>\n                          } @else {\n                            <span>-</span>\n                          }\n                        </td>\n                      }\n                    }\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n          <he-blank-node-state-notice\n            [dataState]=\"dataState()\"\n            [showDeleted]=\"firstNodeKey() === BlankNodesKey.emissions\" />\n        } @else {\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            @if (showSwitchToRecalculated()) {\n              <span>\n                Switch to\n                <code>recalculated</code>\n                version.\n              </span>\n            }\n          </div>\n        }\n      </div>\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.inputs) {\n          <he-cycles-result [cycles]=\"cycles()\"></he-cycles-result>\n        }\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\" />\n        }\n      }\n    }\n    @case (View.timeline) {\n      <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline [recalculatedValues]=\"timelineValues()\" [dataState]=\"dataState()\" />\n        <he-blank-node-state-notice [dataState]=\"dataState()\" />\n      </div>\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      @if (nodeKeys().length > 1) {\n        <div class=\"tabs is-mb-2\">\n          <ul>\n            @for (nodeKey of nodeKeys(); track nodeKey) {\n              <li [class.is-active]=\"selectedNodeKey() === nodeKey\">\n                <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n              </li>\n            }\n          </ul>\n        </div>\n      }\n      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\" />\n      }\n    }\n  }\n}\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\" />\n</ng-template>\n\n<ng-template #selectCycle>\n  @if (cycles().length > 1) {\n    <div class=\"field has-addons is-py-2 is-px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select a Cycle</span>\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-small is-fullwidth is-secondary\">\n          <select (change)=\"selectIndex($event)\">\n            @for (value of cycles(); track value; let cycleIndex = $index) {\n              <option [value]=\"cycleIndex\">{{ cycleIndex + 1 }}. {{ defaultLabel(value) }}</option>\n            }\n          </select>\n        </div>\n      </div>\n    </div>\n  }\n</ng-template>\n", styles: ["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: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["valueChange", "searchText"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "component", type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { kind: "directive", type: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state", "linkClass"] }, { kind: "component", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { kind: "component", type: CyclesResultComponent, selector: "he-cycles-result", inputs: ["cycles"] }, { kind: "component", type: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: ["cycles"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CyclesNodesTimelineComponent, selector: "he-cycles-nodes-timeline", inputs: ["recalculatedValues", "dataState"] }, { kind: "component", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "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: "17.0.0", version: "19.1.4", type: CyclesNodesComponent, isStandalone: true, selector: "he-cycles-nodes", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, nodeKeys: { classPropertyName: "nodeKeys", publicName: "nodeKeys", isSignal: true, isRequired: true, transformFunction: null }, nodeKeyGroup: { classPropertyName: "nodeKeyGroup", publicName: "nodeKeyGroup", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isGroupNode()) {\n  <div class=\"tabs is-mb-1\">\n    <ul>\n      @for (term of groupNodeTerms(); track term.name) {\n        <li [class.is-active]=\"selectedGroupTerm() === term\">\n          <a (click)=\"selectedGroupTerm.set(term)\">{{ term.name }}</a>\n        </li>\n      }\n    </ul>\n  </div>\n}\n\n<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    @if (hasData() && selectedView() === View.table) {\n      <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n        <fa-icon [icon]=\"faDownload\" size=\"lg\" />\n      </button>\n    }\n  </div>\n  @if (selectedView() === View.table) {\n    <div class=\"column is-narrow\">\n      <he-search-extend\n        class=\"is-secondary is-small\"\n        placeholder=\"Filter terms by name\"\n        (searchText)=\"filterTerm.set($event)\" />\n    </div>\n  }\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <span class=\"icon is-small\">\n                <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n            <table class=\"table is-fullwidth is-narrow is-striped\">\n              <thead>\n                @if (dataKeys().length > 1) {\n                  <tr class=\"has-text-weight-bold\">\n                    <th class=\"width-auto\"></th>\n                    <th [class.is-hidden]=\"isGroupNode()\"></th>\n                    @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                      @if (data()[dataKey]?.length) {\n                        <th [attr.colspan]=\"data()[dataKey].length\" [class.has-border-right]=\"!dataKeyLast\">\n                          <span>{{ dataKey | keyToLabel }}</span>\n                        </th>\n                      }\n                    }\n                  </tr>\n                }\n                <tr class=\"has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\"></th>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @for (node of data()[dataKey]; track node.value.term.name; let nodeLast = $last) {\n                      <th\n                        [attr.title]=\"node.value.term.name\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <he-node-link [node]=\"node.value.term\">\n                          <span\n                            [innerHtml]=\"\n                              node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\n                            \"></span>\n                        </he-node-link>\n                      </th>\n                    }\n                  }\n                </tr>\n                <tr class=\"is-italic has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  <th class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                    <a [href]=\"schemaBaseUrl + '/Cycle#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                  </th>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @for (node of data()[dataKey]; track node.value.term.name; let nodeLast = $last) {\n                      <th\n                        [attr.title]=\"node.value.term.units\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <span [innerHtml]=\"node.value.term.units | compound: node.value.term.termType\"></span>\n                        <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"node.value.term\" />\n                      </th>\n                    }\n                  }\n                </tr>\n              </thead>\n              <tbody>\n                @for (cycle of cycles(); track trackById(cycleIndex, cycle); let cycleIndex = $index) {\n                  <tr>\n                    <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(cycle)\">\n                      <he-node-link [node]=\"cycleNode(cycle)\">\n                        <span>{{ cycleIndex + 1 }}. {{ defaultLabel(cycle) }}</span>\n                      </he-node-link>\n                    </td>\n                    <td class=\"has-border-right\" [class.is-hidden]=\"isGroupNode()\">\n                      <he-cycles-functional-unit-measure [cycle]=\"cycle\" />\n                    </td>\n                    @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                      @for (node of data()[dataKey]; track node.value.term.name; let nodeLast = $last) {\n                        <td\n                          class=\"is-nowrap\"\n                          [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                          @if (node.value.values[cycle['@id']]) {\n                            <span\n                              class=\"trigger-popover\"\n                              [ngbPopover]=\"details\"\n                              autoClose=\"outside\"\n                              popoverClass=\"is-narrow is-overflow-visible\"\n                              placement=\"left bottom auto\"\n                              container=\"body\"\n                              [popoverContext]=\"{ data: node.value.values[cycle['@id']], cycle, key: dataKey }\">\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\" />\n                            </span>\n                          } @else {\n                            <span>-</span>\n                          }\n                        </td>\n                      }\n                    }\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n          <he-blank-node-state-notice\n            [dataState]=\"dataState()\"\n            [showDeleted]=\"firstNodeKey() === BlankNodesKey.emissions\" />\n        } @else {\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            @if (showSwitchToRecalculated()) {\n              <span>\n                Switch to\n                <code>recalculated</code>\n                version.\n              </span>\n            }\n          </div>\n        }\n      </div>\n    }\n    @case (View.chart) {\n      @switch (firstNodeKey()) {\n        @case (BlankNodesKey.inputs) {\n          <he-cycles-result [cycles]=\"cycles()\"></he-cycles-result>\n        }\n        @case (BlankNodesKey.emissions) {\n          <he-cycles-emissions-chart [cycles]=\"cycles()\" />\n        }\n      }\n    }\n    @case (View.timeline) {\n      <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      <div class=\"is-px-3 is-pb-3\">\n        <he-cycles-nodes-timeline [recalculatedValues]=\"timelineValues()\" [dataState]=\"dataState()\" />\n        <he-blank-node-state-notice [dataState]=\"dataState()\" />\n      </div>\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectCycle\" />\n      @if (nodeKeys().length > 1) {\n        <div class=\"tabs is-mb-2\">\n          <ul>\n            @for (nodeKey of nodeKeys(); track nodeKey) {\n              <li [class.is-active]=\"selectedNodeKey() === nodeKey\">\n                <a (click)=\"selectedNodeKey.set(nodeKey)\">{{ nodeKey | keyToLabel }}</a>\n              </li>\n            }\n          </ul>\n        </div>\n      }\n      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"selectedNodeKey()\"\n          [logsKey]=\"selectedLogsKey()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\" />\n      }\n    }\n  }\n}\n\n<ng-template #details let-node=\"cycle\" let-data=\"data\" let-key=\"key\">\n  <p>\n    <b>{{ defaultLabel(node) }}</b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"key\" />\n</ng-template>\n\n<ng-template #selectCycle>\n  @if (cycles().length > 1) {\n    <div class=\"field has-addons is-py-2 is-px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select a Cycle</span>\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-small is-fullwidth is-secondary\">\n          <select (change)=\"selectIndex($event)\">\n            @for (value of cycles(); track value; let cycleIndex = $index) {\n              <option [value]=\"cycleIndex\">{{ cycleIndex + 1 }}. {{ defaultLabel(value) }}</option>\n            }\n          </select>\n        </div>\n      </div>\n    </div>\n  }\n</ng-template>\n", styles: ["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: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["valueChange", "searchText"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "component", type: CyclesFunctionalUnitMeasureComponent, selector: "he-cycles-functional-unit-measure", inputs: ["cycle"] }, { kind: "directive", type: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state", "linkClass"] }, { kind: "component", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { kind: "component", type: CyclesResultComponent, selector: "he-cycles-result", inputs: ["cycles"] }, { kind: "component", type: CyclesEmissionsChartComponent, selector: "he-cycles-emissions-chart", inputs: ["cycles"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CyclesNodesTimelineComponent, selector: "he-cycles-nodes-timeline", inputs: ["recalculatedValues", "dataState"] }, { kind: "component", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "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: "19.1.4", ngImport: i0, type: CyclesNodesComponent, decorators: [{
             type: Component$1,
@@ -7906,7 +7910,7 @@ class EngineModelsStageDeepComponent {
         this.service.focusedNode.set(node);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EngineModelsStageDeepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: EngineModelsStageDeepComponent, isStandalone: true, selector: "he-engine-models-stage-deep", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, expandedNode: { classPropertyName: "expandedNode", publicName: "expandedNode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, ngImport: i0, template: "<div\n  class=\"is-flex is-flex-direction-column is-gap-8 is-py-2 is-pl-2 | engine-models-stage--container is-type-{{ type }}\"\n  [style.border-color]=\"nodeColour()\">\n  <div class=\"is-flex is-flex-direction-row is-justify-content-space-between is-gap-8\">\n    @if (canExpand()) {\n      <div (click)=\"expanded.set(!expanded())\" pointer>\n        <fa-icon [icon]=\"expanded() ? faAngleDown : faAngleRight\" />\n      </div>\n    }\n\n    <div\n      class=\"is-flex is-flex-direction-row is-justify-content-space-between is-gap-8 is-flex-wrap-wrap is-flex-grow-1\">\n      <he-node-link class=\"is-flex-grow-1\" [node]=\"node()\" [showExternalLink]=\"true\">\n        <span>{{ type() }} {{ id() }}</span>\n      </he-node-link>\n\n      <div class=\"is-flex is-flex-direction-column is-gap-4 | engine-models-stage--calculations\">\n        <div class=\"is-flex is-gap-4 is-pr-2\">\n          <span class=\"has-text-secondary has-text-weight-bold\">Calculations:</span>\n\n          @if (inProgress()) {\n            <span [class.has-text-danger]=\"stage() === 0\" [class.has-text-warning]=\"stage() > 0\">\n              stage {{ stage() }} / {{ maxStage() }}\n            </span>\n          } @else {\n            <span\n              class=\"trigger-popover\"\n              [ngbPopover]=\"popoverDetails\"\n              autoClose=\"outside\"\n              popoverClass=\"is-narrow\"\n              placement=\"left auto\"\n              container=\"body\">\n              <span class=\"has-text-success\">complete</span>\n            </span>\n          }\n\n          @if (hasError()) {\n            <a\n              class=\"has-text-danger\"\n              ngbTooltip=\"Errors during recalculation. Click to open\"\n              (click)=\"openError(node())\">\n              <svg-icon name=\"exclamation-triangle\" />\n            </a>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (expanded()) {\n    @if (loading() && nodesLength() > 0) {\n      @for (node of nodesLength() | times; track $index) {\n        <he-skeleton-text [width]=\"60\" />\n      }\n    }\n\n    @for (relatedNode of expandableNodes(); track trackNode(relatedNode)) {\n      <div class=\"related-node\">\n        <he-engine-models-stage-deep\n          [node]=\"relatedNode\"\n          [expanded]=\"false\"\n          [expandedNode]=\"expandedNode() || node()\" />\n      </div>\n    }\n  }\n</div>\n\n<ng-template #popoverDetails>\n  <div class=\"is-flex is-flex-direction-column is-gap-4 has-text-white w-100\">\n    <div class=\"is-flex is-align-items-center is-gap-8 w-100\">\n      <span class=\"has-text-weight-bold\">Calculated Date:</span>\n      <span>{{ recalculatedAt() | date: 'mediumDate' }}</span>\n    </div>\n    <div class=\"is-flex is-align-items-center is-gap-8 w-100\">\n      <span class=\"has-text-weight-bold\">Calculated Version:</span>\n      <he-engine-models-version-link [node]=\"node()\" />\n    </div>\n  </div>\n</ng-template>\n", styles: [".engine-models-stage--container{border:1px solid transparent;border-radius:3px}he-engine-models-stage-deep ::ng-deep .engine-models-stage--container{border-right:0px;border-top-right-radius:0;border-bottom-right-radius:0}\n"], dependencies: [{ kind: "component", type: EngineModelsStageDeepComponent, selector: "he-engine-models-stage-deep", inputs: ["node", "expanded", "expandedNode"], outputs: ["expandedChange"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }, { kind: "ngmodule", type: NgbPopoverModule }, { kind: "directive", type: i1$2.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i1$2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: EngineModelsVersionLinkComponent, selector: "he-engine-models-version-link", inputs: ["node"] }, { kind: "component", type: SkeletonTextComponent, selector: "he-skeleton-text", inputs: ["animated", "width", "height"] }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: EngineModelsStageDeepComponent, isStandalone: true, selector: "he-engine-models-stage-deep", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, expandedNode: { classPropertyName: "expandedNode", publicName: "expandedNode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, ngImport: i0, template: "<div\n  class=\"is-flex is-flex-direction-column is-gap-8 is-py-2 is-pl-2 | engine-models-stage--container is-type-{{ type }}\"\n  [style.border-color]=\"nodeColour()\">\n  <div class=\"is-flex is-flex-direction-row is-justify-content-space-between is-gap-8\">\n    @if (canExpand()) {\n      <div (click)=\"expanded.set(!expanded())\" pointer>\n        <fa-icon [icon]=\"expanded() ? faAngleDown : faAngleRight\" />\n      </div>\n    }\n\n    <div\n      class=\"is-flex is-flex-direction-row is-justify-content-space-between is-gap-8 is-flex-wrap-wrap is-flex-grow-1\">\n      <he-node-link class=\"is-flex-grow-1\" [node]=\"node()\" [showExternalLink]=\"true\">\n        <span>{{ type() }} {{ id() }}</span>\n      </he-node-link>\n\n      <div class=\"is-flex is-flex-direction-column is-gap-4 | engine-models-stage--calculations\">\n        <div class=\"is-flex is-gap-4 is-pr-2\">\n          <span class=\"has-text-secondary has-text-weight-bold\">Calculations:</span>\n\n          @if (inProgress()) {\n            <span [class.has-text-danger]=\"stage() === 0\" [class.has-text-warning]=\"stage() > 0\">\n              stage {{ stage() }} / {{ maxStage() }}\n            </span>\n          } @else {\n            <span\n              class=\"trigger-popover\"\n              [ngbPopover]=\"popoverDetails\"\n              autoClose=\"outside\"\n              popoverClass=\"is-narrow\"\n              placement=\"left auto\"\n              container=\"body\">\n              <span class=\"has-text-success\">complete</span>\n            </span>\n          }\n\n          @if (hasError()) {\n            <a\n              class=\"has-text-danger\"\n              ngbTooltip=\"Errors during recalculation. Click to open\"\n              (click)=\"openError(node())\">\n              <svg-icon name=\"exclamation-triangle\" />\n            </a>\n          }\n        </div>\n      </div>\n    </div>\n  </div>\n\n  @if (expanded()) {\n    @if (loading() && nodesLength() > 0) {\n      @for (node of nodesLength() | times; track $index) {\n        <he-skeleton-text [width]=\"60\" />\n      }\n    }\n\n    @for (relatedNode of expandableNodes(); track trackNode(relatedNode)) {\n      <div class=\"related-node\">\n        <he-engine-models-stage-deep\n          [node]=\"relatedNode\"\n          [expanded]=\"false\"\n          [expandedNode]=\"expandedNode() || node()\" />\n      </div>\n    }\n  }\n</div>\n\n<ng-template #popoverDetails>\n  <div class=\"is-flex is-flex-direction-column is-gap-4 has-text-white w-100\">\n    <div class=\"is-flex is-align-items-center is-gap-8 w-100\">\n      <span class=\"has-text-weight-bold\">Calculated Date:</span>\n      <span>{{ recalculatedAt() | date: 'mediumDate' }}</span>\n    </div>\n    <div class=\"is-flex is-align-items-center is-gap-8 w-100\">\n      <span class=\"has-text-weight-bold\">Calculated Version:</span>\n      <he-engine-models-version-link [node]=\"node()\" />\n    </div>\n  </div>\n</ng-template>\n", styles: [".engine-models-stage--container{border:1px solid transparent;border-radius:3px}he-engine-models-stage-deep ::ng-deep .engine-models-stage--container{border-right:0px;border-top-right-radius:0;border-bottom-right-radius:0}\n"], dependencies: [{ kind: "component", type: EngineModelsStageDeepComponent, selector: "he-engine-models-stage-deep", inputs: ["node", "expanded", "expandedNode"], outputs: ["expandedChange"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }, { kind: "ngmodule", type: NgbPopoverModule }, { kind: "directive", type: i1$2.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i1$2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: EngineModelsVersionLinkComponent, selector: "he-engine-models-version-link", inputs: ["node"] }, { kind: "component", type: SkeletonTextComponent, selector: "he-skeleton-text", inputs: ["animated", "width", "height"] }, { kind: "pipe", type: TimesPipe, name: "times" }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EngineModelsStageDeepComponent, decorators: [{
             type: Component$1,
@@ -8014,7 +8018,7 @@ class EngineOrchestratorEditComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EngineOrchestratorEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: EngineOrchestratorEditComponent, isStandalone: true, selector: "he-engine-orchestrator-edit", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, nodeType: { classPropertyName: "nodeType", publicName: "nodeType", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p>\n  <i>\n    The configuration below is a preview of the\n    <a [href]=\"configUrl\" target=\"_blank\">JSON configuration file</a>\n    used for the orchestration of the HESTIA's calculations.\n  </i>\n</p>\n<p>\n  <i>Note: not all models might be represented accurately.</i>\n</p>\n\n<div class=\"is-size-7 is-italic\">\n  <div class=\"columns is-mobile is-multiline is-vcentered is-variable is-1 my-0\">\n    <div class=\"column\">\n      <div class=\"pl-3 model-parallel my-3\">\n        <span>Models running in parallel</span>\n      </div>\n    </div>\n\n    <div class=\"column is-narrow\">\n      <div ngbDropdown #optionDd=\"ngbDropdown\" container=\"body\" placement=\"bottom-end\" autoClose=\"outside\">\n        <button\n          ngbDropdownToggle\n          class=\"button is-ghost\"\n          aria-haspopup=\"true\"\n          aria-controls=\"option-menu\"\n          ngbTooltip=\"Options\"\n          placement=\"bottom\"\n          container=\"body\"\n          [disableTooltip]=\"optionDd.isOpen()\">\n          <span class=\"icon is-small\">\n            <fa-icon [icon]=\"faCog\" aria-hidden=\"true\" />\n          </span>\n        </button>\n        <div ngbDropdownMenu id=\"option-menu\" role=\"menu\">\n          <div class=\"dropdown-content | is-dropdown-filters\">\n            <div class=\"dropdown-item\">\n              <div class=\"field\">\n                <div class=\"control is-expanded has-icons-right\">\n                  <input\n                    type=\"text\"\n                    class=\"input search-input is-secondary is-small\"\n                    [ngModel]=\"search()\"\n                    name=\"collection\"\n                    placeholder=\"Filter by key, name or model\"\n                    (input)=\"search.set($event.target.value)\" />\n                  <a class=\"icon is-small is-right\" (click)=\"search.set('')\">\n                    <fa-icon [icon]=\"faTimes\" />\n                  </a>\n                </div>\n              </div>\n\n              <div class=\"field is-relative\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded is-secondary\"\n                  [ngModel]=\"showAdvanced()\"\n                  id=\"showAdvanced\"\n                  (change)=\"showAdvanced.set($event.target.checked)\" />\n                <label class=\"is-size-7\" for=\"showAdvanced\">\n                  <span>Show advanced data</span>\n                </label>\n              </div>\n\n              <div class=\"field is-relative\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded is-secondary\"\n                  [ngModel]=\"onlyGapFilled()\"\n                  id=\"onlyGapFilled\"\n                  (change)=\"onlyGapFilled.set($event.target.checked)\" />\n                <label class=\"is-size-7\" for=\"onlyGapFilled\">\n                  <span>Show only gap-filled data</span>\n                </label>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"column is-narrow\">\n      <div ngbDropdown #optionDd=\"ngbDropdown\" container=\"body\" placement=\"bottom-end\">\n        <button\n          ngbDropdownToggle\n          class=\"button is-ghost\"\n          aria-haspopup=\"true\"\n          aria-controls=\"display-menu\"\n          ngbTooltip=\"Display options\"\n          placement=\"bottom\"\n          container=\"body\"\n          [disableTooltip]=\"optionDd.isOpen()\">\n          <span class=\"icon is-small\">\n            <fa-icon [icon]=\"displayBy() === 'list' ? faList : faTable\" aria-hidden=\"true\" />\n          </span>\n        </button>\n        <div ngbDropdownMenu id=\"display-menu\" role=\"menu\">\n          <div class=\"dropdown-content\">\n            <a ngbDropdownItem [class.is-selected]=\"displayBy() === 'list'\" (click)=\"displayBy.set('list')\">\n              <fa-icon [icon]=\"faList\" aria-hidden=\"true\" />\n              <span class=\"pl-2\">Display by Priority</span>\n            </a>\n            <a ngbDropdownItem [class.is-selected]=\"displayBy() === 'type'\" (click)=\"displayBy.set('type')\">\n              <fa-icon [icon]=\"faTable\" aria-hidden=\"true\" />\n              <span class=\"pl-2\">Display by Type</span>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n@if (displayBy() === 'list' && models()) {\n  <div class=\"pl-3\">\n    <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: models() }\" />\n  </div>\n}\n\n@if (displayBy() === 'type' && groupedModels()) {\n  <div class=\"tabs\">\n    <ul>\n      @for (group of groupedModels() | keyvalue; track group.key) {\n        <li [class.is-active]=\"selectedGroupedKey() === group.key\">\n          <a (click)=\"selectedGroupedKey.set(group.key)\">\n            <span class=\"pl-2\">{{ group.key }} ({{ group.value.length }})</span>\n          </a>\n        </li>\n      }\n    </ul>\n  </div>\n  <div class=\"pl-3\">\n    <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: groupedModels()[selectedGroupedKey()] }\" />\n  </div>\n}\n\n<ng-template #termLink let-value>\n  @if (termsById()[value]) {\n    <he-node-link [node]=\"termsById()[value]\" [showExternalLink]=\"true\">\n      <span>{{ termsById()[value].name }}</span>\n    </he-node-link>\n  } @else {\n    <span>{{ value | keyToLabel }}</span>\n  }\n</ng-template>\n\n<ng-template #modelList let-data>\n  @for (v of data; track v) {\n    <div>\n      <ng-container *ngTemplateOutlet=\"model; context: { $implicit: v }\" />\n    </div>\n  }\n</ng-template>\n\n<ng-template #model let-data>\n  @if (isArray(data) && data.length) {\n    <div class=\"pl-3 model-parallel\">\n      <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: data }\" />\n    </div>\n    <hr />\n  } @else if (!isArray(data)) {\n    <div class=\"card mb-2 model-serie is-size-6\">\n      <div class=\"card-content p-3\">\n        <span class=\"is-capitalized\">{{ data.key | keyToLabel }}</span>\n        :\n        @let link = findModelLink(data);\n        @if (link) {\n          <ng-container *ngTemplateOutlet=\"modelLink; context: { model: data.model, value: data.value, link }\" />\n        } @else {\n          @let modelLink = findModelPathLink(data);\n          @if (modelLink) {\n            <ng-container\n              *ngTemplateOutlet=\"modelPathLink; context: { model: data.model, value: data.value, link: modelLink }\" />\n          } @else {\n            <span class=\"default-value\">{{ data.value }}</span>\n            <p>\n              <span class=\"pr-1\">Model:</span>\n              <span class=\"pr-2\">\n                <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: data.model }\" />\n              </span>\n            </p>\n          }\n        }\n        @if (showAdvanced()) {\n          <div>\n            @if (data.runStrategy) {\n              <div>\n                <span class=\"pr-1\">Run strategy:</span>\n                <ng-container\n                  *ngTemplateOutlet=\"strategiesLink; context: { strategy: data.runStrategy, type: 'run' }\" />\n                @if (data.runArgs) {\n                  <div class=\"pl-3 is-size-7\">\n                    <p><b>Run arguments:</b></p>\n                    <ng-container *ngTemplateOutlet=\"strategiesArgs; context: { $implicit: data.runArgs }\" />\n                  </div>\n                }\n              </div>\n            }\n            @if (data.mergeStrategy) {\n              <div>\n                <span class=\"pr-1\">Merge strategy:</span>\n                <ng-container\n                  *ngTemplateOutlet=\"strategiesLink; context: { strategy: data.mergeStrategy, type: 'merge' }\" />\n                @if (data.mergeArgs) {\n                  <div class=\"pl-3 is-size-7\">\n                    <p><b>Merge arguments:</b></p>\n                    <ng-container *ngTemplateOutlet=\"strategiesArgs; context: { $implicit: data.mergeArgs }\" />\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n</ng-template>\n\n<ng-template #modelLinkKey let-model=\"model\" let-link=\"link\">\n  <a [href]=\"modelKeyUrl(link, model)\" target=\"_blank\">{{ modelKeyName(link.modelKey) }}</a>\n</ng-template>\n\n<ng-template #modelLink let-model=\"model\" let-link=\"link\" let-value=\"value\">\n  @if (link.term) {\n    <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: link.term }\" />\n  }\n\n  @if (!link.term && !link?.modelKey) {\n    <span class=\"default-value\">{{ value }}</span>\n  }\n\n  @if (!link.term && link?.modelKey) {\n    <ng-container *ngTemplateOutlet=\"modelLinkKey; context: { link, model }\" />\n  }\n\n  <p class=\"model-link\">\n    <span class=\"pr-1\">Model:</span>\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: model }\" />\n    </span>\n\n    <a class=\"is-size-7\" [href]=\"link.docPath\" target=\"_blank\">\n      <span class=\"pr-1\">(View Docs)</span>\n      <fa-icon [icon]=\"faExternalLinkAlt\" />\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #modelPathLink let-model=\"model\" let-link=\"link\" let-value=\"value\">\n  @if (!link?.modelKey) {\n    <span class=\"default-value\">{{ value }}</span>\n  }\n\n  @if (link?.modelKey) {\n    <ng-container *ngTemplateOutlet=\"modelLinkKey; context: { link, model }\" />\n  }\n\n  <p class=\"model-path-link\">\n    <span class=\"pr-1\">Model:</span>\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: model }\" />\n    </span>\n\n    <a class=\"is-size-7\" [href]=\"link.docPath\" target=\"_blank\">\n      <span class=\"pr-1\">(View Docs)</span>\n      <fa-icon [icon]=\"faExternalLinkAlt\" />\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #strategiesLink let-strategy=\"strategy\" let-type=\"type\">\n  <span class=\"pr-2 is-inline-block\">\n    <code>{{ strategy }}</code>\n  </span>\n\n  <a\n    class=\"is-size-7\"\n    [href]=\"strategiesDocs + '/' + type + '/' + (type === 'merge' ? 'merge_' : '') + strategy + '.md'\"\n    target=\"_blank\">\n    <span class=\"pr-1\">(View Docs)</span>\n    <fa-icon [icon]=\"faExternalLinkAlt\" />\n  </a>\n</ng-template>\n\n<ng-template #strategiesArgs let-args>\n  <div class=\"pl-2\">\n    @for (arg of args | keyvalue; track arg) {\n      <p>\n        <span class=\"has-text-underline\">{{ arg.key }}</span>\n        :\n        <code>{{ arg.value | json }}</code>\n      </p>\n    }\n  </div>\n</ng-template>\n", styles: [":host{display:block}.model-parallel{border-left:3px solid #4a4a4a}.dropdown-content.is-dropdown-filters{min-width:250px}\n"], dependencies: [{ kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: NgbDropdownModule }, { kind: "directive", type: i1$2.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i1$2.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i1$2.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i1$2.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: EngineOrchestratorEditComponent, isStandalone: true, selector: "he-engine-orchestrator-edit", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, nodeType: { classPropertyName: "nodeType", publicName: "nodeType", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p>\n  <i>\n    The configuration below is a preview of the\n    <a [href]=\"configUrl\" target=\"_blank\">JSON configuration file</a>\n    used for the orchestration of the HESTIA's calculations.\n  </i>\n</p>\n<p>\n  <i>Note: not all models might be represented accurately.</i>\n</p>\n\n<div class=\"is-size-7 is-italic\">\n  <div class=\"columns is-mobile is-multiline is-vcentered is-variable is-1 my-0\">\n    <div class=\"column\">\n      <div class=\"pl-3 model-parallel my-3\">\n        <span>Models running in parallel</span>\n      </div>\n    </div>\n\n    <div class=\"column is-narrow\">\n      <div ngbDropdown #optionDd=\"ngbDropdown\" container=\"body\" placement=\"bottom-end\" autoClose=\"outside\">\n        <button\n          ngbDropdownToggle\n          class=\"button is-ghost\"\n          aria-haspopup=\"true\"\n          aria-controls=\"option-menu\"\n          ngbTooltip=\"Options\"\n          placement=\"bottom\"\n          container=\"body\"\n          [disableTooltip]=\"optionDd.isOpen()\">\n          <span class=\"icon is-small\">\n            <fa-icon [icon]=\"faCog\" aria-hidden=\"true\" />\n          </span>\n        </button>\n        <div ngbDropdownMenu id=\"option-menu\" role=\"menu\">\n          <div class=\"dropdown-content | is-dropdown-filters\">\n            <div class=\"dropdown-item\">\n              <div class=\"field\">\n                <div class=\"control is-expanded has-icons-right\">\n                  <input\n                    type=\"text\"\n                    class=\"input search-input is-secondary is-small\"\n                    [ngModel]=\"search()\"\n                    name=\"collection\"\n                    placeholder=\"Filter by key, name or model\"\n                    (input)=\"search.set($event.target.value)\" />\n                  <a class=\"icon is-small is-right\" (click)=\"search.set('')\">\n                    <fa-icon [icon]=\"faTimes\" />\n                  </a>\n                </div>\n              </div>\n\n              <div class=\"field is-relative\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded is-secondary\"\n                  [ngModel]=\"showAdvanced()\"\n                  id=\"showAdvanced\"\n                  (change)=\"showAdvanced.set($event.target.checked)\" />\n                <label class=\"is-size-7\" for=\"showAdvanced\">\n                  <span>Show advanced data</span>\n                </label>\n              </div>\n\n              <div class=\"field is-relative\">\n                <input\n                  type=\"checkbox\"\n                  class=\"switch is-small is-rounded is-secondary\"\n                  [ngModel]=\"onlyGapFilled()\"\n                  id=\"onlyGapFilled\"\n                  (change)=\"onlyGapFilled.set($event.target.checked)\" />\n                <label class=\"is-size-7\" for=\"onlyGapFilled\">\n                  <span>Show only gap-filled data</span>\n                </label>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"column is-narrow\">\n      <div ngbDropdown #optionDd=\"ngbDropdown\" container=\"body\" placement=\"bottom-end\">\n        <button\n          ngbDropdownToggle\n          class=\"button is-ghost\"\n          aria-haspopup=\"true\"\n          aria-controls=\"display-menu\"\n          ngbTooltip=\"Display options\"\n          placement=\"bottom\"\n          container=\"body\"\n          [disableTooltip]=\"optionDd.isOpen()\">\n          <span class=\"icon is-small\">\n            <fa-icon [icon]=\"displayBy() === 'list' ? faList : faTable\" aria-hidden=\"true\" />\n          </span>\n        </button>\n        <div ngbDropdownMenu id=\"display-menu\" role=\"menu\">\n          <div class=\"dropdown-content\">\n            <a ngbDropdownItem [class.is-selected]=\"displayBy() === 'list'\" (click)=\"displayBy.set('list')\">\n              <fa-icon [icon]=\"faList\" aria-hidden=\"true\" />\n              <span class=\"pl-2\">Display by Priority</span>\n            </a>\n            <a ngbDropdownItem [class.is-selected]=\"displayBy() === 'type'\" (click)=\"displayBy.set('type')\">\n              <fa-icon [icon]=\"faTable\" aria-hidden=\"true\" />\n              <span class=\"pl-2\">Display by Type</span>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n@if (displayBy() === 'list' && models()) {\n  <div class=\"pl-3\">\n    <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: models() }\" />\n  </div>\n}\n\n@if (displayBy() === 'type' && groupedModels()) {\n  <div class=\"tabs\">\n    <ul>\n      @for (group of groupedModels() | keyvalue; track group.key) {\n        <li [class.is-active]=\"selectedGroupedKey() === group.key\">\n          <a (click)=\"selectedGroupedKey.set(group.key)\">\n            <span class=\"pl-2\">{{ group.key }} ({{ group.value.length }})</span>\n          </a>\n        </li>\n      }\n    </ul>\n  </div>\n  <div class=\"pl-3\">\n    <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: groupedModels()[selectedGroupedKey()] }\" />\n  </div>\n}\n\n<ng-template #termLink let-value>\n  @if (termsById()[value]) {\n    <he-node-link [node]=\"termsById()[value]\" [showExternalLink]=\"true\">\n      <span>{{ termsById()[value].name }}</span>\n    </he-node-link>\n  } @else {\n    <span>{{ value | keyToLabel }}</span>\n  }\n</ng-template>\n\n<ng-template #modelList let-data>\n  @for (v of data; track v) {\n    <div>\n      <ng-container *ngTemplateOutlet=\"model; context: { $implicit: v }\" />\n    </div>\n  }\n</ng-template>\n\n<ng-template #model let-data>\n  @if (isArray(data) && data.length) {\n    <div class=\"pl-3 model-parallel\">\n      <ng-container *ngTemplateOutlet=\"modelList; context: { $implicit: data }\" />\n    </div>\n    <hr />\n  } @else if (!isArray(data)) {\n    <div class=\"card mb-2 model-serie is-size-6\">\n      <div class=\"card-content p-3\">\n        <span class=\"is-capitalized\">{{ data.key | keyToLabel }}</span>\n        :\n        @let link = findModelLink(data);\n        @if (link) {\n          <ng-container *ngTemplateOutlet=\"modelLink; context: { model: data.model, value: data.value, link }\" />\n        } @else {\n          @let modelLink = findModelPathLink(data);\n          @if (modelLink) {\n            <ng-container\n              *ngTemplateOutlet=\"modelPathLink; context: { model: data.model, value: data.value, link: modelLink }\" />\n          } @else {\n            <span class=\"default-value\">{{ data.value }}</span>\n            <p>\n              <span class=\"pr-1\">Model:</span>\n              <span class=\"pr-2\">\n                <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: data.model }\" />\n              </span>\n            </p>\n          }\n        }\n        @if (showAdvanced()) {\n          <div>\n            @if (data.runStrategy) {\n              <div>\n                <span class=\"pr-1\">Run strategy:</span>\n                <ng-container\n                  *ngTemplateOutlet=\"strategiesLink; context: { strategy: data.runStrategy, type: 'run' }\" />\n                @if (data.runArgs) {\n                  <div class=\"pl-3 is-size-7\">\n                    <p><b>Run arguments:</b></p>\n                    <ng-container *ngTemplateOutlet=\"strategiesArgs; context: { $implicit: data.runArgs }\" />\n                  </div>\n                }\n              </div>\n            }\n            @if (data.mergeStrategy) {\n              <div>\n                <span class=\"pr-1\">Merge strategy:</span>\n                <ng-container\n                  *ngTemplateOutlet=\"strategiesLink; context: { strategy: data.mergeStrategy, type: 'merge' }\" />\n                @if (data.mergeArgs) {\n                  <div class=\"pl-3 is-size-7\">\n                    <p><b>Merge arguments:</b></p>\n                    <ng-container *ngTemplateOutlet=\"strategiesArgs; context: { $implicit: data.mergeArgs }\" />\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  }\n</ng-template>\n\n<ng-template #modelLinkKey let-model=\"model\" let-link=\"link\">\n  <a [href]=\"modelKeyUrl(link, model)\" target=\"_blank\">{{ modelKeyName(link.modelKey) }}</a>\n</ng-template>\n\n<ng-template #modelLink let-model=\"model\" let-link=\"link\" let-value=\"value\">\n  @if (link.term) {\n    <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: link.term }\" />\n  }\n\n  @if (!link.term && !link?.modelKey) {\n    <span class=\"default-value\">{{ value }}</span>\n  }\n\n  @if (!link.term && link?.modelKey) {\n    <ng-container *ngTemplateOutlet=\"modelLinkKey; context: { link, model }\" />\n  }\n\n  <p class=\"model-link\">\n    <span class=\"pr-1\">Model:</span>\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: model }\" />\n    </span>\n\n    <a class=\"is-size-7\" [href]=\"link.docPath\" target=\"_blank\">\n      <span class=\"pr-1\">(View Docs)</span>\n      <fa-icon [icon]=\"faExternalLinkAlt\" />\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #modelPathLink let-model=\"model\" let-link=\"link\" let-value=\"value\">\n  @if (!link?.modelKey) {\n    <span class=\"default-value\">{{ value }}</span>\n  }\n\n  @if (link?.modelKey) {\n    <ng-container *ngTemplateOutlet=\"modelLinkKey; context: { link, model }\" />\n  }\n\n  <p class=\"model-path-link\">\n    <span class=\"pr-1\">Model:</span>\n    <span class=\"pr-2\">\n      <ng-container *ngTemplateOutlet=\"termLink; context: { $implicit: model }\" />\n    </span>\n\n    <a class=\"is-size-7\" [href]=\"link.docPath\" target=\"_blank\">\n      <span class=\"pr-1\">(View Docs)</span>\n      <fa-icon [icon]=\"faExternalLinkAlt\" />\n    </a>\n  </p>\n</ng-template>\n\n<ng-template #strategiesLink let-strategy=\"strategy\" let-type=\"type\">\n  <span class=\"pr-2 is-inline-block\">\n    <code>{{ strategy }}</code>\n  </span>\n\n  <a\n    class=\"is-size-7\"\n    [href]=\"strategiesDocs + '/' + type + '/' + (type === 'merge' ? 'merge_' : '') + strategy + '.md'\"\n    target=\"_blank\">\n    <span class=\"pr-1\">(View Docs)</span>\n    <fa-icon [icon]=\"faExternalLinkAlt\" />\n  </a>\n</ng-template>\n\n<ng-template #strategiesArgs let-args>\n  <div class=\"pl-2\">\n    @for (arg of args | keyvalue; track arg) {\n      <p>\n        <span class=\"has-text-underline\">{{ arg.key }}</span>\n        :\n        <code>{{ arg.value | json }}</code>\n      </p>\n    }\n  </div>\n</ng-template>\n", styles: [":host{display:block}.model-parallel{border-left:3px solid #4a4a4a}.dropdown-content.is-dropdown-filters{min-width:250px}\n"], dependencies: [{ kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: NgbDropdownModule }, { kind: "directive", type: i1$2.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i1$2.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i1$2.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i1$2.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EngineOrchestratorEditComponent, decorators: [{
             type: Component$1,
@@ -8185,7 +8189,9 @@ const customErrorMessage = {
                     : // termType restriction on the item
                         schema?.properties?.term?.properties?.termType?.enum?.length
                             ? `This ${code('termType')} is not allowed here.`
-                            : 'Should not be used in this case.',
+                            : schema?.required
+                                ? `The following ${pluralize('field', schema.required.length)} should not be used: ${schema.required.map(code).join(', ')}`
+                                : 'Should not be used in this case.',
     'should match pattern "^\\d{13}$"': () => `should be composed of 13 numbers`,
     'not a valid date': () => dateFormatMessage,
     'should match pattern "^[0-9]{4}(-[0-9]{2})?(-[0-9]{2})?$"': () => dateFormatMessage,
@@ -10974,13 +10980,41 @@ class ImpactAssessmentsIndicatorBreakdownChartComponent {
         this.nodeService = inject(HeNodeService);
         this.faSpinner = faSpinner;
         this.faDownload = faDownload;
-        this.impactAssessment = input(undefined);
-        this.impactAssessment$ = toObservable(this.impactAssessment);
+        this.impactAssessment = input.required();
         this.indicators = input([]);
-        this.allLogs = signal([]);
-        this.logs = computed(() => this.allLogs()
-            .filter(({ impactTermId, modelId }) => impactTermId === this.selectedTerm()?.['@id'] &&
-            (!this.selectedMethod() || modelId === this.selectedMethod()?.['@id']))
+        this.logsResource = rxResource({
+            request: () => ({
+                impactAssessment: this.impactAssessment(),
+                impacts: this.impacts()
+            }),
+            loader: ({ request: { impactAssessment, impacts } }) => impactAssessment
+                ? this.nodeService.getLog$({ ...impactAssessment, dataState: DataState.recalculated }).pipe(map(value => (value ? parseLines(value) : [])), mergeAll(), filter(({ data }) => data.logger === 'hestia_earth.models' && data.level === Level.debug), filter(({ data: { message } }) => !!message), map(({ data: { message } }) => parseMessage$1(message)), filter(message => 'node' in message), map(parseLog), filter(log => !!log.impactTermId && !!log.blankNodeTermId && !isNaN(log.value) && log.value !== 0), groupBy(log => [log.impactTermId, log.blankNodeTermId, log.modelId].join('/')), mergeMap(group => group.pipe(toArray())), map((values) => {
+                    const log = values[0];
+                    const total = logsTotalValue(values);
+                    const blankNodes = [
+                        ...(impactAssessment?.emissionsResourceUse ?? []),
+                        ...(impactAssessment?.impacts ?? [])
+                    ].filter(v => v.term['@id'] === log.blankNodeTermId);
+                    const inputs = blankNodes
+                        .filter(v => v.inputs?.length)
+                        .map(v => ({ name: v.inputs.map(i => i['@id']).join(';'), value: v.value * log.coefficient }));
+                    const inputsValue = inputs.reduce((prev, curr) => prev + curr.value, 0);
+                    const impact = impacts?.find(v => v.term['@id'] === log.impactTermId);
+                    // logs might exist but impact was not added => skip logs
+                    return impact
+                        ? {
+                            ...log,
+                            impactTermUnits: impact.term?.units,
+                            value: total,
+                            inputs,
+                            inputsValue
+                        }
+                        : undefined;
+                }), filter(log => !!log), toArray())
+                : of([])
+        });
+        this.logs = computed(() => (this.logsResource.value() ?? [])
+            .filter(({ impactTermId, modelId }) => impactTermId === this.selectedTermId() && (!this.selectedMethodId() || modelId === this.selectedMethodId()))
             .sort((a, b) => b.value - a.value));
         this.emissions = toSignal(this.searchService
             .search$({
@@ -10995,14 +11029,15 @@ class ImpactAssessmentsIndicatorBreakdownChartComponent {
             }
         })
             .pipe(map(({ results }) => results)));
-        this.loading = signal(true);
-        this.selectedTerm = signal(undefined);
+        this.selectedTermId = signal(undefined);
         this.terms = computed(() => unique((this.indicators() || [])
             .map(({ term }) => term)
             .filter(Boolean)
             .sort((a, b) => a.name.localeCompare(b.name))));
-        this.selectedMethod = signal(undefined);
+        this.selectedTerm = computed(() => this.terms().find(term => term['@id'] == this.selectedTermId()));
+        this.selectedMethodId = signal(undefined);
         this.methods = computed(() => unique((this.indicators() || []).map(({ methodModel }) => methodModel).filter(Boolean)));
+        this.selectedMethod = computed(() => this.methods().find(term => term['@id'] == this.selectedMethodId()));
         this.impacts = computed(() => [
             ...(this.impactAssessment()?.impacts || []),
             ...(this.impactAssessment()?.endpoints || [])
@@ -11072,54 +11107,21 @@ class ImpactAssessmentsIndicatorBreakdownChartComponent {
                 }
             }
         }));
-        this.impactAssessment$
-            .pipe(filter(v => !!v), distinctUntilChangedDeep(), take(1), tap(() => this.loading.set(true)), mergeMap(node => (node ? this.nodeService.getLog$({ ...node, dataState: DataState.recalculated }) : of(''))), map(value => (value ? parseLines(value) : [])), mergeAll(), filter(({ data }) => data.logger === 'hestia_earth.models' && data.level === Level.debug), filter(({ data: { message } }) => !!message), map(({ data: { message } }) => parseMessage$1(message)), filter(message => 'node' in message), map(parseLog), filter(log => !!log.impactTermId && !!log.blankNodeTermId && !isNaN(log.value) && log.value !== 0), groupBy(log => [log.impactTermId, log.blankNodeTermId, log.modelId].join('/')), mergeMap(group => group.pipe(toArray())), map((values) => {
-            const log = values[0];
-            const total = logsTotalValue(values);
-            const blankNodes = [
-                ...(this.impactAssessment()?.emissionsResourceUse ?? []),
-                ...(this.impactAssessment()?.impacts ?? [])
-            ].filter(v => v.term['@id'] === log.blankNodeTermId);
-            const inputs = blankNodes
-                .filter(v => v.inputs?.length)
-                .map(v => ({ name: v.inputs.map(i => i['@id']).join(';'), value: v.value * log.coefficient }));
-            const inputsValue = inputs.reduce((prev, curr) => prev + curr.value, 0);
-            const impact = this.impacts().find(v => v.term['@id'] === log.impactTermId);
-            // logs might exist but impact was not added => skip logs
-            return impact
-                ? {
-                    ...log,
-                    impactTermUnits: impact.term?.units,
-                    value: total,
-                    inputs,
-                    inputsValue
-                }
-                : null;
-        }), filter(log => !!log), toArray(), tap(() => this.loading.set(false)))
-            .subscribe((logs) => this.allLogs.set(logs));
         effect(() => {
             // make sure selected term exists
             const terms = this.terms();
-            const selectedTermId = this.selectedTerm()?.['@id'];
+            const selectedTermId = this.selectedTermId();
             if (!selectedTermId || !terms.find(term => term['@id'] === selectedTermId)) {
-                this.selectedTerm.set(terms[0]);
+                this.selectedTermId.set(terms[0]['@id']);
             }
         });
     }
-    selectTerm({ target: { value } }) {
-        const term = this.terms().find(term => term['@id'] === value);
-        this.selectedTerm.set(term);
-    }
-    selectMethod({ target: { value } }) {
-        const term = this.methods().find(term => term['@id'] === value);
-        this.selectedMethod.set(term);
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ImpactAssessmentsIndicatorBreakdownChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: ImpactAssessmentsIndicatorBreakdownChartComponent, isStandalone: true, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: { impactAssessment: { classPropertyName: "impactAssessment", publicName: "impactAssessment", isSignal: true, isRequired: false, transformFunction: null }, indicators: { classPropertyName: "indicators", publicName: "indicators", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (loading()) {\n  <div class=\"has-text-center py-3\">\n    <fa-icon [icon]=\"faSpinner\" animation=\"spin\" size=\"lg\" />\n  </div>\n} @else {\n  <div class=\"p-3\" [class.is-hidden]=\"!terms()?.length\">\n    <div class=\"columns\">\n      <div class=\"column\">\n        <div class=\"field has-addons\">\n          <div class=\"control\">\n            <span class=\"button is-small is-static is-secondary\">Select an Indicator</span>\n          </div>\n          @if (terms()?.length) {\n            <div class=\"control is-expanded\">\n              <div class=\"select is-fullwidth is-small is-secondary\">\n                <select (change)=\"selectTerm($event)\">\n                  @for (term of terms(); track term) {\n                    <option [value]=\"term['@id']\">{{ term.name }} ({{ term.units }})</option>\n                  }\n                </select>\n              </div>\n            </div>\n          }\n          @if (methods()?.length) {\n            <div class=\"control is-expanded\">\n              <div class=\"select is-fullwidth is-small is-secondary\">\n                <select (change)=\"selectMethod($event)\">\n                  <option [ngValue]=\"undefined\">Filter Model</option>\n                  @for (term of methods(); track term) {\n                    <option [value]=\"term['@id']\">{{ term.name }}</option>\n                  }\n                </select>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n      <div class=\"column is-narrow\">\n        <a\n          class=\"button is-ghost is-small\"\n          [href]=\"csvContent()\"\n          [download]=\"downloadFilename()\"\n          ngbTooltip=\"Download as CSV\"\n          placement=\"bottom\">\n          <fa-icon [icon]=\"faDownload\" />\n        </a>\n      </div>\n    </div>\n    @if (!selectedMethod()) {\n      <p class=\"is-size-7\">\n        <i>Selecting a Model is recommended to avoid duplicated entries.</i>\n      </p>\n    }\n  </div>\n}\n\n<div class=\"is-mt-1\">\n  @if (!loading() && noData()) {\n    <p class=\"has-text-centered\">\n      <span>No breakdown available for</span>\n      @if (selectedTerm()) {\n        <span class=\"is-pl-1\">{{ selectedTerm().name }}</span>\n      }\n      @if (selectedMethod()) {\n        <span class=\"is-pl-1\">({{ selectedMethod().name }})</span>\n      }\n      <span>.</span>\n    </p>\n  }\n  <he-chart class=\"is-relative\" [data]=\"chartData()\" [config]=\"chartConfig()\"></he-chart>\n</div>\n", styles: [":host{display:block;overflow:visible}he-chart{height:100%}he-chart::ng-deep .chart-container{min-height:400px}\n"], dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: ChartComponent, selector: "he-chart", inputs: ["data", "config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: ImpactAssessmentsIndicatorBreakdownChartComponent, isStandalone: true, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: { impactAssessment: { classPropertyName: "impactAssessment", publicName: "impactAssessment", isSignal: true, isRequired: true, transformFunction: null }, indicators: { classPropertyName: "indicators", publicName: "indicators", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (logsResource.isLoading()) {\n  <div class=\"has-text-center py-3\">\n    <fa-icon [icon]=\"faSpinner\" animation=\"spin\" size=\"lg\" />\n  </div>\n} @else {\n  <div class=\"p-3\" [class.is-hidden]=\"!terms()?.length\">\n    <div class=\"columns\">\n      <div class=\"column\">\n        <div class=\"field has-addons\">\n          <div class=\"control\">\n            <span class=\"button is-small is-static is-secondary\">Select an Indicator</span>\n          </div>\n          @if (terms()?.length) {\n            <div class=\"control is-expanded\">\n              <div class=\"select is-fullwidth is-small is-secondary\">\n                <select [ngModel]=\"selectedTermId()\" (change)=\"selectedTermId.set($event.target.value)\">\n                  @for (term of terms(); track term) {\n                    <option [value]=\"term['@id']\">{{ term.name }} ({{ term.units }})</option>\n                  }\n                </select>\n              </div>\n            </div>\n          }\n          @if (methods()?.length) {\n            <div class=\"control is-expanded\">\n              <div class=\"select is-fullwidth is-small is-secondary\">\n                <select [ngModel]=\"selectedMethodId()\" (change)=\"selectedMethodId.set($event.target.value)\">\n                  <option [ngValue]=\"undefined\">Filter Model</option>\n                  @for (term of methods(); track term) {\n                    <option [value]=\"term['@id']\">{{ term.name }}</option>\n                  }\n                </select>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n      <div class=\"column is-narrow\">\n        <a\n          class=\"button is-ghost is-small\"\n          [href]=\"csvContent()\"\n          [download]=\"downloadFilename()\"\n          ngbTooltip=\"Download as CSV\"\n          placement=\"bottom\">\n          <fa-icon [icon]=\"faDownload\" />\n        </a>\n      </div>\n    </div>\n    @if (!selectedMethod()) {\n      <p class=\"is-size-7\">\n        <i>Selecting a Model is recommended to avoid duplicated entries.</i>\n      </p>\n    }\n  </div>\n}\n\n<div class=\"is-mt-1\">\n  @if (!logsResource.isLoading() && noData()) {\n    <p class=\"has-text-centered\">\n      <span>No breakdown available for</span>\n      @if (selectedTerm()) {\n        <span class=\"is-pl-1\">{{ selectedTerm().name }}</span>\n      }\n      @if (selectedMethod()) {\n        <span class=\"is-pl-1\">({{ selectedMethod().name }})</span>\n      }\n      <span>.</span>\n    </p>\n  }\n  <he-chart class=\"is-relative\" [data]=\"chartData()\" [config]=\"chartConfig()\"></he-chart>\n</div>\n", styles: [":host{display:block;overflow:visible}he-chart{height:100%}he-chart::ng-deep .chart-container{min-height:400px}\n"], dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ChartComponent, selector: "he-chart", inputs: ["data", "config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ImpactAssessmentsIndicatorBreakdownChartComponent, decorators: [{
             type: Component$1,
-            args: [{ selector: 'he-impact-assessments-indicator-breakdown-chart', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FaIconComponent, FormsModule, ChartComponent], template: "@if (loading()) {\n  <div class=\"has-text-center py-3\">\n    <fa-icon [icon]=\"faSpinner\" animation=\"spin\" size=\"lg\" />\n  </div>\n} @else {\n  <div class=\"p-3\" [class.is-hidden]=\"!terms()?.length\">\n    <div class=\"columns\">\n      <div class=\"column\">\n        <div class=\"field has-addons\">\n          <div class=\"control\">\n            <span class=\"button is-small is-static is-secondary\">Select an Indicator</span>\n          </div>\n          @if (terms()?.length) {\n            <div class=\"control is-expanded\">\n              <div class=\"select is-fullwidth is-small is-secondary\">\n                <select (change)=\"selectTerm($event)\">\n                  @for (term of terms(); track term) {\n                    <option [value]=\"term['@id']\">{{ term.name }} ({{ term.units }})</option>\n                  }\n                </select>\n              </div>\n            </div>\n          }\n          @if (methods()?.length) {\n            <div class=\"control is-expanded\">\n              <div class=\"select is-fullwidth is-small is-secondary\">\n                <select (change)=\"selectMethod($event)\">\n                  <option [ngValue]=\"undefined\">Filter Model</option>\n                  @for (term of methods(); track term) {\n                    <option [value]=\"term['@id']\">{{ term.name }}</option>\n                  }\n                </select>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n      <div class=\"column is-narrow\">\n        <a\n          class=\"button is-ghost is-small\"\n          [href]=\"csvContent()\"\n          [download]=\"downloadFilename()\"\n          ngbTooltip=\"Download as CSV\"\n          placement=\"bottom\">\n          <fa-icon [icon]=\"faDownload\" />\n        </a>\n      </div>\n    </div>\n    @if (!selectedMethod()) {\n      <p class=\"is-size-7\">\n        <i>Selecting a Model is recommended to avoid duplicated entries.</i>\n      </p>\n    }\n  </div>\n}\n\n<div class=\"is-mt-1\">\n  @if (!loading() && noData()) {\n    <p class=\"has-text-centered\">\n      <span>No breakdown available for</span>\n      @if (selectedTerm()) {\n        <span class=\"is-pl-1\">{{ selectedTerm().name }}</span>\n      }\n      @if (selectedMethod()) {\n        <span class=\"is-pl-1\">({{ selectedMethod().name }})</span>\n      }\n      <span>.</span>\n    </p>\n  }\n  <he-chart class=\"is-relative\" [data]=\"chartData()\" [config]=\"chartConfig()\"></he-chart>\n</div>\n", styles: [":host{display:block;overflow:visible}he-chart{height:100%}he-chart::ng-deep .chart-container{min-height:400px}\n"] }]
+            args: [{ selector: 'he-impact-assessments-indicator-breakdown-chart', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FaIconComponent, FormsModule, ChartComponent], template: "@if (logsResource.isLoading()) {\n  <div class=\"has-text-center py-3\">\n    <fa-icon [icon]=\"faSpinner\" animation=\"spin\" size=\"lg\" />\n  </div>\n} @else {\n  <div class=\"p-3\" [class.is-hidden]=\"!terms()?.length\">\n    <div class=\"columns\">\n      <div class=\"column\">\n        <div class=\"field has-addons\">\n          <div class=\"control\">\n            <span class=\"button is-small is-static is-secondary\">Select an Indicator</span>\n          </div>\n          @if (terms()?.length) {\n            <div class=\"control is-expanded\">\n              <div class=\"select is-fullwidth is-small is-secondary\">\n                <select [ngModel]=\"selectedTermId()\" (change)=\"selectedTermId.set($event.target.value)\">\n                  @for (term of terms(); track term) {\n                    <option [value]=\"term['@id']\">{{ term.name }} ({{ term.units }})</option>\n                  }\n                </select>\n              </div>\n            </div>\n          }\n          @if (methods()?.length) {\n            <div class=\"control is-expanded\">\n              <div class=\"select is-fullwidth is-small is-secondary\">\n                <select [ngModel]=\"selectedMethodId()\" (change)=\"selectedMethodId.set($event.target.value)\">\n                  <option [ngValue]=\"undefined\">Filter Model</option>\n                  @for (term of methods(); track term) {\n                    <option [value]=\"term['@id']\">{{ term.name }}</option>\n                  }\n                </select>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n      <div class=\"column is-narrow\">\n        <a\n          class=\"button is-ghost is-small\"\n          [href]=\"csvContent()\"\n          [download]=\"downloadFilename()\"\n          ngbTooltip=\"Download as CSV\"\n          placement=\"bottom\">\n          <fa-icon [icon]=\"faDownload\" />\n        </a>\n      </div>\n    </div>\n    @if (!selectedMethod()) {\n      <p class=\"is-size-7\">\n        <i>Selecting a Model is recommended to avoid duplicated entries.</i>\n      </p>\n    }\n  </div>\n}\n\n<div class=\"is-mt-1\">\n  @if (!logsResource.isLoading() && noData()) {\n    <p class=\"has-text-centered\">\n      <span>No breakdown available for</span>\n      @if (selectedTerm()) {\n        <span class=\"is-pl-1\">{{ selectedTerm().name }}</span>\n      }\n      @if (selectedMethod()) {\n        <span class=\"is-pl-1\">({{ selectedMethod().name }})</span>\n      }\n      <span>.</span>\n    </p>\n  }\n  <he-chart class=\"is-relative\" [data]=\"chartData()\" [config]=\"chartConfig()\"></he-chart>\n</div>\n", styles: [":host{display:block;overflow:visible}he-chart{height:100%}he-chart::ng-deep .chart-container{min-height:400px}\n"] }]
         }], ctorParameters: () => [] });
 
 const impactValue = (impact, values) => (values[impact['@id']]?.nodes[0] || { value: 0 }).value;
@@ -11341,7 +11343,7 @@ class ImpactAssessmentsProductsComponent {
         component.headerKeys.set(this.headerKeys());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ImpactAssessmentsProductsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: ImpactAssessmentsProductsComponent, isStandalone: true, selector: "he-impact-assessments-products", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, enableFilterMethodModel: { classPropertyName: "enableFilterMethodModel", publicName: "enableFilterMethodModel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    @if (hasData() && selectedView() === View.table) {\n      <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n        <fa-icon [icon]=\"faDownload\" size=\"lg\" />\n      </button>\n    }\n  </div>\n  @if (selectedView() === View.table) {\n    <div class=\"column is-narrow\">\n      <he-search-extend\n        class=\"is-secondary is-small\"\n        placeholder=\"Filter terms by name\"\n        (searchText)=\"filterTerm.set($event)\" />\n    </div>\n  }\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <span class=\"icon is-small\">\n                <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n            <table class=\"table is-fullwidth is-narrow is-striped\">\n              <thead>\n                @if (dataKeys().length > 1) {\n                  <tr class=\"has-text-weight-bold\">\n                    <th class=\"width-auto\"></th>\n                    <th></th>\n                    <th></th>\n                    @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                      @if (data()[dataKey]?.length) {\n                        <th [attr.colspan]=\"data()[dataKey].length\" [class.has-border-right]=\"!dataKeyLast\">\n                          @if (dataKey) {\n                            <span>{{ dataKey | keyToLabel }}</span>\n                          }\n                        </th>\n                      }\n                    }\n                  </tr>\n                }\n                <tr class=\"has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right is-py-0\">\n                    @if (enableFilterMethodModel()) {\n                      <div class=\"select is-small\">\n                        <select (change)=\"updateSelectedMethodModel($event.target.value)\">\n                          <option [ngValue]=\"undefined\">Filter Model</option>\n                          @for (term of methodModels(); track term) {\n                            <option [ngValue]=\"term\">{{ term.name }}</option>\n                          }\n                        </select>\n                      </div>\n                    }\n                  </th>\n                  <th class=\"has-border-right\"></th>\n                  <th class=\"has-border-right\"></th>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @for (node of data()[dataKey]; track node.value.term.name; let nodeLast = $last) {\n                      <th\n                        [attr.title]=\"node.value.term.name\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <he-node-link [node]=\"node.value.term\">\n                          <span\n                            [innerHtml]=\"\n                              node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\n                            \"></span>\n                        </he-node-link>\n                      </th>\n                    }\n                  }\n                </tr>\n                <tr class=\"is-italic has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  <th class=\"has-border-right\">\n                    <a [href]=\"schemaBaseUrl + '/ImpactAssessment#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                  </th>\n                  <th class=\"has-border-right\">\n                    <a [href]=\"schemaBaseUrl + '/ImpactAssessment#product'\" target=\"_blank\">Product</a>\n                  </th>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @for (node of data()[dataKey]; track node.value.term.name; let nodeLast = $last) {\n                      <th\n                        [attr.title]=\"node.value.term.units\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <span [innerHtml]=\"node.value.term.units | compound: node.value.term.termType\"></span>\n                        <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"node.value.term\" />\n                      </th>\n                    }\n                  }\n                </tr>\n              </thead>\n              <tbody>\n                @for (\n                  impactAssessment of impactAssessments();\n                  track trackById(impactIndex, impactAssessment);\n                  let impactIndex = $index\n                ) {\n                  <tr>\n                    <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                      <he-node-link [node]=\"impactAssessment\">\n                        <span>{{ impactIndex + 1 }}. {{ impactName(impactAssessment) }}</span>\n                      </he-node-link>\n                    </td>\n                    <td class=\"has-border-right\" [attr.title]=\"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                      @if (impactAssessment.product?.term) {\n                        <he-node-link [node]=\"impactAssessment.product.term\">\n                          <span>{{ impactAssessment.product.term.name | ellipsis: 30 }}</span>\n                        </he-node-link>\n                      }\n                    </td>\n                    @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                      @for (node of data()[dataKey]; track node.value.term.name; let nodeLast = $last) {\n                        <td\n                          class=\"is-nowrap\"\n                          [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                          @if (node.value.values[impactAssessment['@id']]) {\n                            <span\n                              class=\"trigger-popover\"\n                              [ngbPopover]=\"details\"\n                              autoClose=\"outside\"\n                              popoverClass=\"is-narrow is-overflow-visible\"\n                              placement=\"left bottom auto\"\n                              container=\"body\"\n                              [popoverContext]=\"{\n                                data: node.value.values[impactAssessment['@id']],\n                                impactAssessment\n                              }\">\n                              <span pointer>\n                                {{\n                                  propertyValue(\n                                    node.value.values[impactAssessment['@id']].value,\n                                    node.value.term['@id']\n                                  )\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[impactAssessment['@id']].node\"\n                                key=\"value\"\n                                [state]=\"impactAssessment.aggregated ? 'aggregated' : undefined\" />\n                            </span>\n                          } @else {\n                            <span>-</span>\n                          }\n                        </td>\n                      }\n                    }\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n          <he-blank-node-state-notice [dataState]=\"dataState()\" />\n        } @else if (noDataMessage()) {\n          <div class=\"is-pt-3 has-text-centered\">\n            <span>{{ noDataMessage() }}</span>\n          </div>\n        } @else {\n          <div class=\"is-pt-3 has-text-centered\">\n            <span>No data available</span>\n            <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n            <span>.</span>\n            @if (showSwitchToRecalculated()) {\n              <span>\n                Switch to\n                <code>recalculated</code>\n                version.\n              </span>\n            }\n          </div>\n        }\n      </div>\n    }\n    @case (View.chart) {\n      <he-impact-assessments-indicators-chart [key]=\"nodeKey()\" [filterTermTypes]=\"filterTermTypes()\" />\n    }\n    @case (View.breakdown) {\n      <ng-container *ngTemplateOutlet=\"selectImpactAssessment\" />\n      @if (selectedNode()) {\n        <he-impact-assessments-indicator-breakdown-chart\n          [impactAssessment]=\"selectedNode()\"\n          [indicators]=\"selectedRecalculatedValues()\" />\n      }\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectImpactAssessment\" />\n      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"nodeKey()\"\n          [filterTermTypes]=\"filterTermTypes()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [noDataMessage]=\"noDataMessage()\" />\n      }\n    }\n  }\n}\n\n<ng-template #details let-node=\"impactAssessment\" let-data=\"data\">\n  <p>\n    <b>\n      @if (data.cycle) {\n        <span>{{ cycleLabel(node.cycle) }}</span>\n      }\n      @if (!data.cycle) {\n        <span>{{ data.name }}</span>\n      }\n    </b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"nodeKey()\" />\n</ng-template>\n\n<ng-template #selectImpactAssessment>\n  @if (impactAssessments().length > 1) {\n    <div class=\"field has-addons pt-2 px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select 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            @for (value of impactAssessments(); track value; let i = $index) {\n              <option [value]=\"i\">{{ i + 1 }}. {{ impactName(value) }}</option>\n            }\n          </select>\n        </div>\n      </div>\n    </div>\n  }\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: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["valueChange", "searchText"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "directive", type: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state", "linkClass"] }, { kind: "component", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { kind: "component", type: ImpactAssessmentsIndicatorsChartComponent, selector: "he-impact-assessments-indicators-chart", inputs: ["key", "filterTermTypes"] }, { kind: "component", type: ImpactAssessmentsIndicatorBreakdownChartComponent, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: ["impactAssessment", "indicators"] }, { kind: "component", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: ImpactAssessmentsProductsComponent, isStandalone: true, selector: "he-impact-assessments-products", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, filterTermTypes: { classPropertyName: "filterTermTypes", publicName: "filterTermTypes", isSignal: true, isRequired: false, transformFunction: null }, enableFilterMethodModel: { classPropertyName: "enableFilterMethodModel", publicName: "enableFilterMethodModel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    @if (hasData() && selectedView() === View.table) {\n      <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n        <fa-icon [icon]=\"faDownload\" size=\"lg\" />\n      </button>\n    }\n  </div>\n  @if (selectedView() === View.table) {\n    <div class=\"column is-narrow\">\n      <he-search-extend\n        class=\"is-secondary is-small\"\n        placeholder=\"Filter terms by name\"\n        (searchText)=\"filterTerm.set($event)\" />\n    </div>\n  }\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <span class=\"icon is-small\">\n                <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"mb-1 is-small\" [small]=\"true\" maxHeight=\"320\">\n            <table class=\"table is-fullwidth is-narrow is-striped\">\n              <thead>\n                @if (dataKeys().length > 1) {\n                  <tr class=\"has-text-weight-bold\">\n                    <th class=\"width-auto\"></th>\n                    <th></th>\n                    <th></th>\n                    @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                      @if (data()[dataKey]?.length) {\n                        <th [attr.colspan]=\"data()[dataKey].length\" [class.has-border-right]=\"!dataKeyLast\">\n                          @if (dataKey) {\n                            <span>{{ dataKey | keyToLabel }}</span>\n                          }\n                        </th>\n                      }\n                    }\n                  </tr>\n                }\n                <tr class=\"has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right is-py-0\">\n                    @if (enableFilterMethodModel()) {\n                      <div class=\"select is-small\">\n                        <select (change)=\"updateSelectedMethodModel($event.target.value)\">\n                          <option [ngValue]=\"undefined\">Filter Model</option>\n                          @for (term of methodModels(); track term) {\n                            <option [ngValue]=\"term\">{{ term.name }}</option>\n                          }\n                        </select>\n                      </div>\n                    }\n                  </th>\n                  <th class=\"has-border-right\"></th>\n                  <th class=\"has-border-right\"></th>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @for (node of data()[dataKey]; track node.value.term.name; let nodeLast = $last) {\n                      <th\n                        [attr.title]=\"node.value.term.name\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <he-node-link [node]=\"node.value.term\">\n                          <span\n                            [innerHtml]=\"\n                              node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\n                            \"></span>\n                        </he-node-link>\n                      </th>\n                    }\n                  }\n                </tr>\n                <tr class=\"is-italic has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  <th class=\"has-border-right\">\n                    <a [href]=\"schemaBaseUrl + '/ImpactAssessment#functionalUnit'\" target=\"_blank\">Functional unit</a>\n                  </th>\n                  <th class=\"has-border-right\">\n                    <a [href]=\"schemaBaseUrl + '/ImpactAssessment#product'\" target=\"_blank\">Product</a>\n                  </th>\n                  @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                    @for (node of data()[dataKey]; track node.value.term.name; let nodeLast = $last) {\n                      <th\n                        [attr.title]=\"node.value.term.units\"\n                        [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                        <span [innerHtml]=\"node.value.term.units | compound: node.value.term.termType\"></span>\n                        <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"node.value.term\" />\n                      </th>\n                    }\n                  }\n                </tr>\n              </thead>\n              <tbody>\n                @for (\n                  impactAssessment of impactAssessments();\n                  track trackById(impactIndex, impactAssessment);\n                  let impactIndex = $index\n                ) {\n                  <tr>\n                    <td class=\"width-auto has-border-right\" [attr.title]=\"impactName(impactAssessment)\">\n                      <he-node-link [node]=\"impactAssessment\">\n                        <span>{{ impactIndex + 1 }}. {{ impactName(impactAssessment) }}</span>\n                      </he-node-link>\n                    </td>\n                    <td class=\"has-border-right\" [attr.title]=\"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                      @if (impactAssessment.product?.term) {\n                        <he-node-link [node]=\"impactAssessment.product.term\">\n                          <span>{{ impactAssessment.product.term.name | ellipsis: 30 }}</span>\n                        </he-node-link>\n                      }\n                    </td>\n                    @for (dataKey of dataKeys(); track dataKey; let dataKeyLast = $last) {\n                      @for (node of data()[dataKey]; track node.value.term.name; let nodeLast = $last) {\n                        <td\n                          class=\"is-nowrap\"\n                          [class.has-border-right]=\"dataKeys().length > 1 && !dataKeyLast && nodeLast\">\n                          @if (node.value.values[impactAssessment['@id']]) {\n                            <span\n                              class=\"trigger-popover\"\n                              [ngbPopover]=\"details\"\n                              autoClose=\"outside\"\n                              popoverClass=\"is-narrow is-overflow-visible\"\n                              placement=\"left bottom auto\"\n                              container=\"body\"\n                              [popoverContext]=\"{\n                                data: node.value.values[impactAssessment['@id']],\n                                impactAssessment\n                              }\">\n                              <span pointer>\n                                {{\n                                  propertyValue(\n                                    node.value.values[impactAssessment['@id']].value,\n                                    node.value.term['@id']\n                                  )\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[impactAssessment['@id']].node\"\n                                key=\"value\"\n                                [state]=\"impactAssessment.aggregated ? 'aggregated' : undefined\" />\n                            </span>\n                          } @else {\n                            <span>-</span>\n                          }\n                        </td>\n                      }\n                    }\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n          <he-blank-node-state-notice [dataState]=\"dataState()\" />\n        } @else if (noDataMessage()) {\n          <div class=\"is-pt-3 has-text-centered\">\n            <span>{{ noDataMessage() }}</span>\n          </div>\n        } @else {\n          <div class=\"is-pt-3 has-text-centered\">\n            <span>No data available</span>\n            <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n            <span>.</span>\n            @if (showSwitchToRecalculated()) {\n              <span>\n                Switch to\n                <code>recalculated</code>\n                version.\n              </span>\n            }\n          </div>\n        }\n      </div>\n    }\n    @case (View.chart) {\n      <he-impact-assessments-indicators-chart [key]=\"nodeKey()\" [filterTermTypes]=\"filterTermTypes()\" />\n    }\n    @case (View.breakdown) {\n      <ng-container *ngTemplateOutlet=\"selectImpactAssessment\" />\n      @if (selectedNode()) {\n        <he-impact-assessments-indicator-breakdown-chart\n          [impactAssessment]=\"selectedNode()\"\n          [indicators]=\"selectedRecalculatedValues()\" />\n      }\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectImpactAssessment\" />\n      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"nodeKey()\"\n          [filterTermTypes]=\"filterTermTypes()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [noDataMessage]=\"noDataMessage()\" />\n      }\n    }\n  }\n}\n\n<ng-template #details let-node=\"impactAssessment\" let-data=\"data\">\n  <p>\n    <b>\n      @if (data.cycle) {\n        <span>{{ cycleLabel(node.cycle) }}</span>\n      }\n      @if (!data.cycle) {\n        <span>{{ data.name }}</span>\n      }\n    </b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"nodeKey()\" />\n</ng-template>\n\n<ng-template #selectImpactAssessment>\n  @if (impactAssessments().length > 1) {\n    <div class=\"field has-addons pt-2 px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select 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            @for (value of impactAssessments(); track value; let i = $index) {\n              <option [value]=\"i\">{{ i + 1 }}. {{ impactName(value) }}</option>\n            }\n          </select>\n        </div>\n      </div>\n    </div>\n  }\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: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["valueChange", "searchText"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "directive", type: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state", "linkClass"] }, { kind: "component", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { kind: "component", type: ImpactAssessmentsIndicatorsChartComponent, selector: "he-impact-assessments-indicators-chart", inputs: ["key", "filterTermTypes"] }, { kind: "component", type: ImpactAssessmentsIndicatorBreakdownChartComponent, selector: "he-impact-assessments-indicator-breakdown-chart", inputs: ["impactAssessment", "indicators"] }, { kind: "component", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: KeyToLabelPipe, name: "keyToLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ImpactAssessmentsProductsComponent, decorators: [{
             type: Component$1,
@@ -12447,7 +12449,7 @@ class SitesNodesComponent {
         component.headerKeys.set(this.headerKeys());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SitesNodesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: SitesNodesComponent, isStandalone: true, selector: "he-sites-nodes", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, enableChart: { classPropertyName: "enableChart", publicName: "enableChart", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    @if (hasData() && selectedView() === View.table) {\n      <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n        <fa-icon [icon]=\"faDownload\" size=\"lg\" />\n      </button>\n    }\n  </div>\n  @if (selectedView() === View.table) {\n    <div class=\"column is-narrow\">\n      <he-search-extend\n        class=\"is-secondary is-small\"\n        placeholder=\"Filter terms by name\"\n        (searchText)=\"filterTerm.set($event)\" />\n    </div>\n  }\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <span class=\"icon is-small\">\n                <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"mb-1 is-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                  @for (node of data(); track node.value.term.name) {\n                    <th [attr.title]=\"node.value.term.name\">\n                      <he-node-link [node]=\"node.value.term\">\n                        <span\n                          [innerHtml]=\"node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\"></span>\n                      </he-node-link>\n                    </th>\n                  }\n                </tr>\n                <tr class=\"is-italic has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  @for (node of data(); track node.value.term.name) {\n                    <th [attr.title]=\"node.value.term.units\">\n                      <span [innerHtml]=\"node.value.term.units | compound: node.value.term.termType\"></span>\n                      <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"node.value.term\" />\n                    </th>\n                  }\n                </tr>\n              </thead>\n              <tbody>\n                @for (site of sites(); track trackById(siteIndex, site); let siteIndex = $index) {\n                  <tr>\n                    <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                      <he-node-link [node]=\"site\">\n                        <span>{{ siteIndex + 1 }}. {{ defaultLabel(site) }}</span>\n                      </he-node-link>\n                    </td>\n                    @for (node of data(); track node.value.term.name) {\n                      <td class=\"is-nowrap\">\n                        @if (node.value.values[site['@id']]) {\n                          <span\n                            class=\"trigger-popover\"\n                            [ngbPopover]=\"details\"\n                            autoClose=\"outside\"\n                            popoverClass=\"is-narrow is-overflow-visible\"\n                            placement=\"left bottom auto\"\n                            container=\"body\"\n                            [popoverContext]=\"{ data: node.value.values[site['@id']], site }\">\n                            @if (isMeasurement()) {\n                              <span pointer>\n                                {{\n                                  measurementValue($any(node).value.values[site['@id']], node.value.term['@id'])\n                                    | precision: 3\n                                    | default: '-'\n                                }}\n                              </span>\n                            } @else {\n                              <span pointer>\n                                {{\n                                  propertyValue(node.value.values[site['@id']].value, node.value.term['@id'])\n                                    | precision: 3\n                                    | default: '-'\n                                }}\n                              </span>\n                            }\n                            <he-blank-node-state\n                              class=\"ml-1\"\n                              [dataState]=\"dataState()\"\n                              [node]=\"node.value.values[site['@id']].node\"\n                              key=\"value\" />\n                          </span>\n                        }\n                        @if (isMeasurement() && !node.value.values[site['@id']]) {\n                          <span>\n                            <span>-</span>\n                            @if (siteTooBig(site)) {\n                              <sup class=\"pl-1\">(1)</sup>\n                            }\n                          </span>\n                        }\n                      </td>\n                    }\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n          <he-blank-node-state-notice [dataState]=\"dataState()\" />\n          @if (showAreaTooBig()) {\n            <p class=\"is-size-7 is-italic\">\n              (1) This region is >{{ maxAreaSize }}km2 and is too large to reliably gap fill Measurements.\n            </p>\n          }\n        } @else {\n          <div class=\"is-pt-3 has-text-centered\">\n            <span>No data available</span>\n            <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n            <span>.</span>\n            @if (showSwitchToRecalculated()) {\n              <span>\n                Switch to\n                <code>recalculated</code>\n                version.\n              </span>\n            }\n          </div>\n        }\n      </div>\n    }\n    @case (View.chart) {\n      @if (nodeKey() === BlankNodesKey.management) {\n        <ng-container *ngTemplateOutlet=\"selectSite\" />\n        @if (selectedNode()) {\n          <div class=\"is-px-3 is-pb-3\">\n            <he-sites-management-chart [site]=\"selectedNode()\" />\n          </div>\n        }\n      }\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectSite\" />\n      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"nodeKey()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\"\n          [filterTermTypesLabel]=\"nodeKey() | capitalize\" />\n      }\n    }\n  }\n}\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\">\n  <p>\n    <b>{{ node.name }}</b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"nodeKey()\" />\n</ng-template>\n\n<ng-template #selectSite>\n  @if (sites().length > 1) {\n    <div class=\"field has-addons pt-2 px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select a Site</span>\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-small is-fullwidth is-secondary\">\n          <select (change)=\"selectIndex($event)\">\n            @for (value of sites(); track value; let siteIndex = $index) {\n              <option [value]=\"siteIndex\">{{ siteIndex + 1 }}. {{ defaultLabel(value) }}</option>\n            }\n          </select>\n        </div>\n      </div>\n    </div>\n  }\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["valueChange", "searchText"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "directive", type: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state", "linkClass"] }, { kind: "component", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: CapitalizePipe, name: "capitalize" }, { kind: "component", type: SitesManagementChartComponent, selector: "he-sites-management-chart", inputs: ["site"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: SitesNodesComponent, isStandalone: true, selector: "he-sites-nodes", inputs: { dataState: { classPropertyName: "dataState", publicName: "dataState", isSignal: true, isRequired: false, transformFunction: null }, nodeKey: { classPropertyName: "nodeKey", publicName: "nodeKey", isSignal: true, isRequired: false, transformFunction: null }, enableChart: { classPropertyName: "enableChart", publicName: "enableChart", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"columns is-variable is-align-items-center is-2 is-m-0\">\n  <div class=\"column\">\n    @if (hasData() && selectedView() === View.table) {\n      <button class=\"button is-small is-ghost\" (click)=\"showDownload()\">\n        <fa-icon [icon]=\"faDownload\" size=\"lg\" />\n      </button>\n    }\n  </div>\n  @if (selectedView() === View.table) {\n    <div class=\"column is-narrow\">\n      <he-search-extend\n        class=\"is-secondary is-small\"\n        placeholder=\"Filter terms by name\"\n        (searchText)=\"filterTerm.set($event)\" />\n    </div>\n  }\n  @if (views()?.length > 1) {\n    <div class=\"column is-narrow\">\n      <div class=\"field has-addons\">\n        @for (view of views(); track view) {\n          <div class=\"control\">\n            <button\n              class=\"button is-small\"\n              [class.is-selected]=\"selectedView() === view\"\n              (click)=\"selectedView.set(view)\">\n              <span class=\"icon is-small\">\n                <fa-icon [icon]=\"viewIcon[view]\" aria-hidden=\"true\" />\n              </span>\n              <span class=\"is-hidden-mobile\">{{ view }}</span>\n            </button>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n\n@if (isNodeKeyAllowed()) {\n  @switch (selectedView()) {\n    @case (View.table) {\n      <div class=\"is-px-3 is-pb-3\">\n        @if (hasData()) {\n          <he-data-table class=\"mb-1 is-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                  @for (node of data(); track node.value.term.name) {\n                    <th [attr.title]=\"node.value.term.name\">\n                      <he-node-link [node]=\"node.value.term\">\n                        <span\n                          [innerHtml]=\"node.value.term.name | ellipsis: 30 | compound: node.value.term.termType\"></span>\n                      </he-node-link>\n                    </th>\n                  }\n                </tr>\n                <tr class=\"is-italic has-text-weight-semibold\">\n                  <th class=\"width-auto has-border-right\"></th>\n                  @for (node of data(); track node.value.term.name) {\n                    <th [attr.title]=\"node.value.term.units\">\n                      <span [innerHtml]=\"node.value.term.units | compound: node.value.term.termType\"></span>\n                      <he-terms-units-description class=\"is-inline-block is-ml-2\" [term]=\"node.value.term\" />\n                    </th>\n                  }\n                </tr>\n              </thead>\n              <tbody>\n                @for (site of sites(); track trackById(siteIndex, site); let siteIndex = $index) {\n                  <tr>\n                    <td class=\"width-auto has-border-right\" [attr.title]=\"defaultLabel(site)\">\n                      <he-node-link [node]=\"site\">\n                        <span>{{ siteIndex + 1 }}. {{ defaultLabel(site) }}</span>\n                      </he-node-link>\n                    </td>\n                    @for (node of data(); track node.value.term.name) {\n                      <td class=\"is-nowrap\">\n                        @if (node.value.values[site['@id']]) {\n                          <span\n                            class=\"trigger-popover\"\n                            [ngbPopover]=\"details\"\n                            autoClose=\"outside\"\n                            popoverClass=\"is-narrow is-overflow-visible\"\n                            placement=\"left bottom auto\"\n                            container=\"body\"\n                            [popoverContext]=\"{ data: node.value.values[site['@id']], site }\">\n                            @if (isMeasurement()) {\n                              <span pointer>\n                                {{\n                                  measurementValue($any(node).value.values[site['@id']], node.value.term['@id'])\n                                    | precision: 3\n                                    | default: '-'\n                                }}\n                              </span>\n                            } @else {\n                              <span pointer>\n                                {{\n                                  propertyValue(node.value.values[site['@id']].value, node.value.term['@id'])\n                                    | precision: 3\n                                    | default: '-'\n                                }}\n                              </span>\n                            }\n                            <he-blank-node-state\n                              class=\"ml-1\"\n                              [dataState]=\"dataState()\"\n                              [node]=\"node.value.values[site['@id']].node\"\n                              key=\"value\" />\n                          </span>\n                        }\n                        @if (isMeasurement() && !node.value.values[site['@id']]) {\n                          <span>\n                            <span>-</span>\n                            @if (siteTooBig(site)) {\n                              <sup class=\"pl-1\">(1)</sup>\n                            }\n                          </span>\n                        }\n                      </td>\n                    }\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </he-data-table>\n          <he-blank-node-state-notice [dataState]=\"dataState()\" />\n          @if (showAreaTooBig()) {\n            <p class=\"is-size-7 is-italic\">\n              (1) This region is >{{ maxAreaSize }}km2 and is too large to reliably gap fill Measurements.\n            </p>\n          }\n        } @else {\n          <div class=\"is-pt-3 has-text-centered\">\n            <span>No data available</span>\n            <span class=\"is-pl-1\" [class.is-hidden]=\"!filterTerm()\">matching your search criteria</span>\n            <span>.</span>\n            @if (showSwitchToRecalculated()) {\n              <span>\n                Switch to\n                <code>recalculated</code>\n                version.\n              </span>\n            }\n          </div>\n        }\n      </div>\n    }\n    @case (View.chart) {\n      @if (nodeKey() === BlankNodesKey.management) {\n        <ng-container *ngTemplateOutlet=\"selectSite\" />\n        @if (selectedNode()) {\n          <div class=\"is-px-3 is-pb-3\">\n            <he-sites-management-chart [site]=\"selectedNode()\" />\n          </div>\n        }\n      }\n    }\n    @case (View.logs) {\n      <ng-container *ngTemplateOutlet=\"selectSite\" />\n      @if (selectedNode()) {\n        <he-node-logs-models\n          [node]=\"selectedNode()\"\n          [nodeKey]=\"nodeKey()\"\n          [originalValues]=\"selectedOriginalValues()\"\n          [recalculatedValues]=\"selectedRecalculatedValues()\"\n          [filterTermTypes]=\"filterTermTypes()\"\n          [filterTermTypesLabel]=\"nodeKey() | capitalize\" />\n      }\n    }\n  }\n}\n\n<ng-template #emptyValue>\n  <span>-</span>\n</ng-template>\n\n<ng-template #details let-node=\"site\" let-data=\"data\">\n  <p>\n    <b>{{ node.name }}</b>\n  </p>\n  <he-node-value-details\n    class=\"is-overflow-visible\"\n    [data]=\"data\"\n    [dataState]=\"dataState()\"\n    [nodeType]=\"node['@type']\"\n    [dataKey]=\"nodeKey()\" />\n</ng-template>\n\n<ng-template #selectSite>\n  @if (sites().length > 1) {\n    <div class=\"field has-addons pt-2 px-3\">\n      <div class=\"control\">\n        <span class=\"button is-small is-static is-secondary\">Select a Site</span>\n      </div>\n      <div class=\"control is-expanded\">\n        <div class=\"select is-small is-fullwidth is-secondary\">\n          <select (change)=\"selectIndex($event)\">\n            @for (value of sites(); track value; let siteIndex = $index) {\n              <option [value]=\"siteIndex\">{{ siteIndex + 1 }}. {{ defaultLabel(value) }}</option>\n            }\n          </select>\n        </div>\n      </div>\n    </div>\n  }\n</ng-template>\n", styles: ["fa-icon{display:inline-block;width:10px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: SearchExtendComponent, selector: "he-search-extend", inputs: ["value", "disabled", "placeholder", "class"], outputs: ["valueChange", "searchText"] }, { kind: "component", type: DataTableComponent, selector: "he-data-table", inputs: ["minHeight", "maxHeight", "small"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }, { kind: "component", type: TermsUnitsDescriptionComponent, selector: "he-terms-units-description", inputs: ["term", "iconTemplate"] }, { kind: "directive", type: NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "component", type: BlankNodeStateComponent, selector: "he-blank-node-state", inputs: ["dataState", "nodeType", "dataKey", "key", "node", "state", "linkClass"] }, { kind: "component", type: BlankNodeStateNoticeComponent, selector: "he-blank-node-state-notice", inputs: ["dataState", "showDeleted"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: NodeLogsModelsComponent, selector: "he-node-logs-models", inputs: ["node", "nodeKey", "originalValues", "recalculatedValues", "terms", "filterTermTypes", "filterTermTypesLabel", "logsKey", "noDataMessage"] }, { kind: "component", type: NodeValueDetailsComponent, selector: "he-node-value-details", inputs: ["data", "nodeType", "dataState", "dataKey"] }, { kind: "pipe", type: CompoundPipe, name: "compound" }, { kind: "pipe", type: DefaultPipe, name: "default" }, { kind: "pipe", type: EllipsisPipe, name: "ellipsis" }, { kind: "pipe", type: PrecisionPipe, name: "precision" }, { kind: "pipe", type: CapitalizePipe, name: "capitalize" }, { kind: "component", type: SitesManagementChartComponent, selector: "he-sites-management-chart", inputs: ["site"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: SitesNodesComponent, decorators: [{
             type: Component$1,
@@ -12529,7 +12531,7 @@ class TermsSubClassOfContentComponent {
         this.open = !this.open;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TermsSubClassOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: TermsSubClassOfContentComponent, isStandalone: true, selector: "he-terms-sub-class-of-content", inputs: { term: { classPropertyName: "term", publicName: "term", isSignal: true, isRequired: true, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<div>\n  <a (click)=\"toggle()\">\n    @if (loading) {\n      <fa-icon [icon]=\"faSpinner\" animation=\"spin\" />\n    }\n    <fa-icon [icon]=\"open ? faMinus : faPlus\" [class.is-hidden]=\"loading\" />\n    <he-node-link class=\"pl-2\" [node]=\"term()\" [showExternalLink]=\"true\"></he-node-link>\n  </a>\n</div>\n\n@if (!results || results.results?.length) {\n  <ul class=\"ml-2\" [class.is-hidden]=\"!open\">\n    @for (result of results?.results || []; track result) {\n      <li>\n        <he-terms-sub-class-of-content [term]=\"result\"></he-terms-sub-class-of-content>\n      </li>\n    }\n  </ul>\n}\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: TermsSubClassOfContentComponent, selector: "he-terms-sub-class-of-content", inputs: ["term"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "showExternalLink", "linkClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: TermsSubClassOfContentComponent, isStandalone: true, selector: "he-terms-sub-class-of-content", inputs: { term: { classPropertyName: "term", publicName: "term", isSignal: true, isRequired: true, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: "<div>\n  <a (click)=\"toggle()\">\n    @if (loading) {\n      <fa-icon [icon]=\"faSpinner\" animation=\"spin\" />\n    }\n    <fa-icon [icon]=\"open ? faMinus : faPlus\" [class.is-hidden]=\"loading\" />\n    <he-node-link class=\"pl-2\" [node]=\"term()\" [showExternalLink]=\"true\"></he-node-link>\n  </a>\n</div>\n\n@if (!results || results.results?.length) {\n  <ul class=\"ml-2\" [class.is-hidden]=\"!open\">\n    @for (result of results?.results || []; track result) {\n      <li>\n        <he-terms-sub-class-of-content [term]=\"result\"></he-terms-sub-class-of-content>\n      </li>\n    }\n  </ul>\n}\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: TermsSubClassOfContentComponent, selector: "he-terms-sub-class-of-content", inputs: ["term"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: NodeLinkComponent, selector: "he-node-link", inputs: ["node", "dataState", "showExternalLink", "linkClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: TermsSubClassOfContentComponent, decorators: [{
             type: Component$1,